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="table-items-row table-items-row-empty" *ngIf="schema && schema.fields.length === 0">
{{ 'schemas.field.empty' | sqxTranslate }}
<button type="button" class="btn btn-success btn-sm ml-2" (click)="addFieldDialog.show()" *ngIf="schema.canAddField">
<i class="icon icon-plus"></i> {{ 'schemas.addField' | sqxTranslate }}
</button>
</div>
<ng-container *ngIf="languageState.isoLanguages | async; let languages">
<ng-container *ngIf="patternsState.patterns | async; let patterns">
<div
cdkDropList
[cdkDropListDisabled]="!schema.canOrderFields"
[cdkDropListData]="schema.fields"
(cdkDropListDropped)="sortFields($event)">
<div *ngFor="let field of schema.fields; trackBy: trackByFieldFn" class="table-drag" cdkDrag cdkDragLockAxis="y">
<sqx-field [field]="field" [schema]="schema" [patterns]="patterns" [languages]="languages">
<i cdkDragHandle class="icon-drag2 drag-handle"></i>
</sqx-field>
</div>
</div>
<button type="button" class="btn btn-success field-button" (click)="addFieldDialog.show()" *ngIf="schema.canAddField">
<i class="icon icon-plus field-button-icon"></i> <div class="field-button-text">{{ 'schemas.addFieldButton' | sqxTranslate }}</div>
</button>
</ng-container>
</ng-container>
<ng-container *sqxModal="addFieldDialog">
<sqx-field-wizard
[schema]="schema" (complete)="addFieldDialog.hide()">
</sqx-field-wizard>
</ng-container>