Headless CMS and Content Managment Hub
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.
 
 
 
 
 

38 lines
1.5 KiB

<div class="references-container" [class.disabled]="snapshot.isDisabled">
<ng-container>
<div class="drop-area-container">
<div class="drop-area" (click)="selectorDialog.show()">
Click here to link content items.
</div>
</div>
<table class="table table-items table-fixed" [class.disabled]="snapshot.isDisabled" *ngIf="snapshot.contentItems && snapshot.contentItems.length > 0"
cdkDropList
[cdkDropListData]="snapshot.contentItems"
[cdkDropListDisabled]="snapshot.isDisabled"
(cdkDropListDropped)="sort($event)">
<tbody *ngFor="let content of snapshot.contentItems; trackBy: trackByContent"
[sqxReferenceItem]="content"
class="table-drag"
cdkDrag
cdkDragLockAxis="y"
[language]="language"
[isCompact]="isCompact"
[columnCount]="snapshot.columnCount"
(delete)="remove(content)">
<i cdkDragHandle class="icon-drag2 drag-handle"></i>
</tbody>
</table>
</ng-container>
</div>
<ng-container *sqxModal="selectorDialog">
<sqx-contents-selector
[allowDuplicates]="allowDuplicates"
[alreadySelected]="snapshot.contentItems"
[language]="language"
[languages]="languages"
[schemaIds]="schemaIds"
(select)="select($event)">
</sqx-contents-selector>
</ng-container>