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.
 
 
 
 
 

33 lines
1.5 KiB

<div class="references-container" [class.disabled]="isDisabled">
<div class="drop-area-container" *ngIf="schema && !isDisabled">
<div class="drop-area" dnd-droppable (onDropSuccess)="onContentDropped($event.dragData.content)" [allowDrop]="canDrop()" [routerLink]="['references', schemaId, languageCode]">
Drop content here to add a reference.
</div>
</div>
<div class="invalid" *ngIf="isInvalidSchema">
Schema not found or not configured yet.
</div>
<table class="table table-items table-fixed" [class.disabled]="isDisabled" *ngIf="contentItems && contentItems.length > 0">
<colgroup>
<col *ngFor="let field of contentFields" [style.width]="columnWidth + '%'" />
<col style="width: 180px" />
<col style="width: 50px" />
<col style="width: 70px" />
</colgroup>
<tbody dnd-sortable-container [sortableData]="contentItems.mutableValues">
<ng-template ngFor let-content let-i="index" [ngForOf]="contentItems">
<tr [sqxContent]="content" dnd-sortable [sortableIndex]="i" (sqxSorted)="onContentsSorted($event)"
[languageCode]="languageCode"
[schemaFields]="contentFields"
[schema]="schema"
(deleting)="onContentRemoving(content)"
isReadOnly="true"
isReference="true"></tr>
<tr class="spacer"></tr>
</ng-template>
</tbody>
</table>
</div>