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.
 
 
 
 
 

51 lines
2.3 KiB

<div class="card item" [class.invalid]="isInvalid | async">
<div class="card-header drag-handle">
<span class="pull-left">
<i class="icon-drag2 mr-1"></i>
<span class="header-text text-decent">Item #{{index + 1}}</span>
<button class="btn btn-secondary btn-link" [disabled]="isFirst" (click)="moveTop(); $event.preventDefault()">
<i class="icon-caret-top"></i>
</button>
<button class="btn btn-secondary btn-link" [disabled]="isFirst" (click)="moveUp(); $event.preventDefault()">
<i class="icon-caret-up"></i>
</button>
<button class="btn btn-secondary btn-link" [disabled]="isLast" (click)="moveDown(); $event.preventDefault()">
<i class="icon-caret-down"></i>
</button>
<button class="btn btn-secondary btn-link" [disabled]="isLast" (click)="moveBottom(); $event.preventDefault()">
<i class="icon-caret-bottom"></i>
</button>
<button class="btn btn-secondary btn-link" [class.hidden]="!isHidden" (click)="toggle.emit(false); $event.preventDefault()" title="Open all items">
<i class="icon-plus-square"></i>
</button>
<button class="btn btn-secondary btn-link" [class.hidden]="isHidden" (click)="toggle.emit(true); $event.preventDefault()" title="Close all items">
<i class="icon-minus-square"></i>
</button>
</span>
<span class="float-right">
<button type="button" class="btn btn-link btn-secondary" (click)="cloning.emit(); $event.preventDefault()">
<i class="icon-clone"></i>
</button>
<button type="button" class="btn btn-link btn-danger" (click)="removing.emit(); $event.preventDefault()">
<i class="icon-bin2"></i>
</button>
</span>
</div>
<div class="card-body" [class.hidden]="isHidden">
<div class="form-group" *ngFor="let fieldControl of fieldControls">
<sqx-field-editor
[form]="form"
[field]="fieldControl.field"
[language]="language"
[languages]="languages"
[control]="fieldControl.control">
</sqx-field-editor>
</div>
</div>
</div>