mirror of https://github.com/Squidex/squidex.git
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.
32 lines
1.0 KiB
32 lines
1.0 KiB
<div class="field-list field-list-assigned"
|
|
#assignedList="cdkDropList"
|
|
cdkDropList
|
|
[cdkDropListData]="fieldsAdded"
|
|
[cdkDropListConnectedTo]="[availableList]"
|
|
(cdkDropListDropped)="drop($event)">
|
|
|
|
<label>Assigned fields</label>
|
|
|
|
<div class="empty-hint" *ngIf="fieldsAdded.length === 0">
|
|
<sqx-form-hint>{{emptyText}}</sqx-form-hint>
|
|
</div>
|
|
|
|
<div *ngFor="let field of fieldsAdded" class="table-items-row" cdkDrag>
|
|
<i class="icon-drag2 drag-handle"></i> <span>{{field.displayName}}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field-list field-list-available"
|
|
#availableList="cdkDropList"
|
|
cdkDropList
|
|
cdkDropListSortingDisabled
|
|
[cdkDropListData]="fieldsNotAdded"
|
|
[cdkDropListConnectedTo]="[assignedList]"
|
|
(cdkDropListDropped)="drop($event)">
|
|
|
|
<label>Unassigned fields</label>
|
|
|
|
<div *ngFor="let field of fieldsNotAdded" class="table-items-row" cdkDrag>
|
|
<i class="icon-drag2 drag-handle"></i> <span>{{field.displayName}}</span>
|
|
</div>
|
|
</div>
|