Untitled

<table class="table">
    <thead>
        <tr>
          <th scope="col">#</th>
          <th scope="col">{{'Name'|translate}}</th>
          <th *ngIf="listItemType==placeType.City" scope="col">{{'Government'|translate}}</th>
          <th *ngIf="listItemType==placeType.District" scope="col">{{'City'|translate}}</th>
          <th scope="col">{{'Activation'|translate}}</th>          
          <th scope="col">{{'Actions'|translate}}</th>
        </tr>
      </thead>
      <tbody  cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">
        <tr *ngFor="let item of items" class="example-box" cdkDrag>
            <th scope="row">{{item.order}}</th>
      <td>{{item.name}}</td>
      <td *ngIf="listItemType==placeType.District || listItemType==placeType.City">{{item.parentName}}</td>
      <td>  <mat-slide-toggle [checked]="item.isActive" (toggleChange)="toggleActivation(item)">
    </mat-slide-toggle></td>
    <td>
        <a *ngIf="listItemType==placeType.City" [routerLink]="['/manage/districts',item.id,item.name]">{{'Manage_Districts'|translate}}</a>
    </td>
      
        </tr>  
      </tbody>
</table>


<div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">
       
  </div>