| 12345678910111213141516 |
- <div *ngIf="model" class="d-grid w-100 check-disjunction" [style.grid-template-rows]="'repeat(' + (model.length + 1) + ', max-content)'">
- <div class="d-flex flex-column align-items-center h-100 bg-peak" style="grid-column: 1 / span 1" [style.grid-row]="'1 / span ' + model.length + 1">
- <fa-icon *ngIf="sortVisible.up" [icon]="fa.up" class="text-muted"></fa-icon>
- <div class="flex-fill label-upright-vertical">OR</div>
- <fa-icon [icon]="fa.times" class="text-danger"></fa-icon>
- <fa-icon *ngIf="sortVisible.down" [icon]="fa.down" class="text-muted"></fa-icon>
- </div>
- <div *ngFor="let check of model; index as i" style="grid-column: 2 / span 1" [style.grid-row]="i + 1 + ' / span 1'" [class.border-top]="i > 0">
- <app-service-check-adapter [model]="check" [sortVisible]="{ up: i > 0, down: model.length > i + 1 }"></app-service-check-adapter>
- </div>
- <div style="grid-column: 2 / span 1" [style.grid-row]="model.length + 1 + ' / span 1'" class="ps-2 border-top">
- <app-service-check-button-controls (create)="model.push($event)"></app-service-check-button-controls>
- </div>
- </div>
|
