Untitled

import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { PlaceLookupModel } from '../../data-models/place-lookup.data-model';
import { ListAction } from '../../data-models/list-actions.data-model';
import { PlaceType } from '../../enums/place-type.enum';

@Component({
  selector: 'app-reordered-list',
  templateUrl: './reordered-list.component.html',
  styleUrls: ['./reordered-list.component.css']
})
export class ReorderedListComponent {
@Input() items!:PlaceLookupModel[];
@Output() onItemActivationChanged:EventEmitter<any>= new EventEmitter<any>();
@Output() onItemOrderChanged:EventEmitter<any>= new EventEmitter<any>();
@Input() listItemType!:PlaceType;
placeType=PlaceType;

  drop(event: CdkDragDrop<string[]>) {
    moveItemInArray(this.items, event.previousIndex, event.currentIndex);
   for(let i =0;i<this.items.length;i++){
    this.items[i].order=i+1;
   }
   this.dashboardApiService.ReOrderCities(items).subscribe({
    next: (res: GeneralResponseModel<string>) => {
     
    }, error: (error) => {
    }
  });
  }
  toggleActivation(item:PlaceLookupModel){
    item.isActive=!item.isActive;
    this.onItemActivationChanged.emit(item);
  }
}