blob: 3e53d5c410cd2ceef6a12e5130883f1ea12804bf (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
<cd-modal [modalRef]="activeModal">
<ng-container class="modal-title"
i18n>{{ deviceType }} devices</ng-container>
<ng-container class="modal-content">
<form #frm="ngForm"
[formGroup]="formGroup"
novalidate>
<div class="modal-body">
<cd-alert-panel *ngIf="!canSubmit"
type="warning"
size="slim"
[showTitle]="false">
<ng-container i18n>At least one of these filters must be applied in order to proceed:</ng-container>
<span *ngFor="let filter of requiredFilters"
class="badge badge-dark ml-2">
{{ filter }}
</span>
</cd-alert-panel>
<cd-inventory-devices #inventoryDevices
[devices]="devices"
[filterColumns]="filterColumns"
[showAvailDeviceOnly]="true"
[hiddenColumns]="['available', 'osd_ids']"
(filterChange)="onFilterChange($event)">
</cd-inventory-devices>
<div *ngIf="canSubmit">
<p class="text-center">
<span i18n>Number of devices: {{ filteredDevices.length }}. Raw capacity:
{{ capacity | dimlessBinary }}.</span>
</p>
</div>
</div>
<div class="modal-footer">
<cd-form-button-panel (submitActionEvent)="onSubmit()"
[form]="formGroup"
[disabled]="!canSubmit || filteredDevices.length === 0"
[submitText]="action | titlecase"></cd-form-button-panel>
</div>
</form>
</ng-container>
</cd-modal>
|
