import { Component, OnInit } from '@angular/core';
import { Article, articles } from './articles/Article';
import {CdkDragDrop, moveItemInArray} from '@angular/cdk/drag-drop';


@Component({
  selector: 'app-blog',
  templateUrl: './blog.component.html',
  styleUrls: ['./blog.component.css']
})
export class BlogComponent implements OnInit {

  articles : Article[] = articles;

  constructor() { }

  ngOnInit(): void {
  }

  drop(event: CdkDragDrop<Article[]>) {
    moveItemInArray(this.articles, event.previousIndex, event.currentIndex);
  }

}