You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.0 KiB
33 lines
1.0 KiB
<div cdkDropListGroup *ngIf="areas" class="editor-container">
|
|
<div class="container">
|
|
<input type="text" [(ngModel)]="areaSearchString">
|
|
<h2>Campaign zones</h2>
|
|
|
|
<div
|
|
cdkDropList
|
|
[cdkDropListData]="areas"
|
|
class="list areas"
|
|
cdkDropListSortingDisabled
|
|
(cdkDropListDropped)="dropHandler($event)">
|
|
<div class="box" *ngFor="let item of filterAreas(areaSearchString)" cdkDrag>
|
|
Name: {{item.name}}<br> in act {{item.act}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<input type="text" [(ngModel)]="planSearchString">
|
|
<h2>Plan</h2>
|
|
<div
|
|
cdkDropList
|
|
[cdkDropListData]="plan.plan"
|
|
class="list"
|
|
(cdkDropListDropped)="dropHandler($event)">
|
|
<div class="box" *ngFor="let item of filterPlanElements(planSearchString); let index = index" cdkDrag>
|
|
<div class="area">{{areasMap?.get(item.area_key)?.name}}</div>
|
|
<div class="index">#{{index}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|