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.9 KiB
57 lines
2.9 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 | async }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto pr-4">
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled || isFirst" (click)="moveTop()" title="i18n:contents.arrayMoveTop">
|
|
<i class="icon-caret-top"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled || isFirst" (click)="moveUp()" title="i18n:contents.arrayMoveUp">
|
|
<i class="icon-caret-up"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled || isLast" (click)="moveDown()" title="i18n:contents.arrayMoveDown">
|
|
<i class="icon-caret-down"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled || isLast" (click)="moveBottom()" title="i18n:contents.arrayMoveBottom">
|
|
<i class="icon-caret-bottom"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [class.hidden]="!isCollapsed" (click)="expand()" title="i18n:contents.arrayExpandItem">
|
|
<i class="icon-plus-square"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [class.hidden]="isCollapsed" (click)="collapse()" title="i18n:contents.arrayCollapseItem">
|
|
<i class="icon-minus-square"></i>
|
|
</button>
|
|
</div>
|
|
<div class="col-auto">
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled" (click)="clone.emit()" title="i18n:contents.arrayCloneItem">
|
|
<i class="icon-clone"></i>
|
|
</button>
|
|
|
|
<button type="button" class="btn btn-text-danger" [disabled]="isDisabled" (click)="remove.emit()">
|
|
<i class="icon-bin2"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-body" [class.hidden]="isCollapsed">
|
|
<div class="form-group" *ngFor="let section of formModel.sections">
|
|
<sqx-array-section
|
|
[canUnset]="canUnset"
|
|
[form]="form"
|
|
[formContext]="formContext"
|
|
[formSection]="section"
|
|
[language]="language"
|
|
[languages]="languages">
|
|
</sqx-array-section>
|
|
</div>
|
|
</div>
|
|
</div>
|