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.
57 lines
2.7 KiB
57 lines
2.7 KiB
<div class="card item" [class.invalid]="isInvalid | async">
|
|
<div class="card-header drag-handle">
|
|
<div class="row">
|
|
<div class="col-auto pr-1">
|
|
<ng-content></ng-content>
|
|
</div>
|
|
<div class="col">
|
|
<div class="truncate">
|
|
<span class="header-index">#{{index + 1}}</span>
|
|
<span class="header-title">{{title}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto pr-4">
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled || isFirst" (click)="emitMoveTop()">
|
|
<i class="icon-caret-top"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled || isFirst" (click)="emitMoveUp()">
|
|
<i class="icon-caret-up"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled || isLast" (click)="emitMoveDown()">
|
|
<i class="icon-caret-down"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled || isLast" (click)="emitMoveBottom()">
|
|
<i class="icon-caret-bottom"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [class.hidden]="!isHidden" (click)="expand()" title="Expand this item">
|
|
<i class="icon-plus-square"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [class.hidden]="isHidden" (click)="collapse()" title="Collapse this item">
|
|
<i class="icon-minus-square"></i>
|
|
</button>
|
|
</div>
|
|
<div class="col-auto">
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled" (click)="emitClone()">
|
|
<i class="icon-clone"></i>
|
|
</button>
|
|
|
|
<button type="button" class="btn btn-text-danger" [disabled]="isDisabled" (click)="emitRemove()">
|
|
<i class="icon-bin2"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-body" [class.hidden]="isHidden">
|
|
<div class="form-group" *ngFor="let fieldControl of fieldControls; trackBy: trackByField">
|
|
<sqx-field-editor
|
|
[form]="form"
|
|
[formContext]="formContext"
|
|
[field]="fieldControl.field"
|
|
[language]="language"
|
|
[languages]="languages"
|
|
[control]="fieldControl.control">
|
|
</sqx-field-editor>
|
|
</div>
|
|
</div>
|
|
</div>
|