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.
56 lines
2.8 KiB
56 lines
2.8 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="Move this item to top">
|
|
<i class="icon-caret-top"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled || isFirst" (click)="moveUp()" title="Move this item up">
|
|
<i class="icon-caret-up"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled || isLast" (click)="moveDown()" title="Move this item down">
|
|
<i class="icon-caret-down"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [disabled]="isDisabled || isLast" (click)="moveBottom()" title="Move this item to bottom">
|
|
<i class="icon-caret-bottom"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [class.hidden]="!isCollapsed" (click)="expand()" title="Expand this item">
|
|
<i class="icon-plus-square"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-text-secondary" [class.hidden]="isCollapsed" (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)="clone.emit()" title="Clone this item">
|
|
<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
|
|
[form]="form"
|
|
[formContext]="formContext"
|
|
[formSection]="section"
|
|
[language]="language"
|
|
[languages]="languages">
|
|
</sqx-array-section>
|
|
</div>
|
|
</div>
|
|
</div>
|