]> git.apps.os.sepia.ceph.com Git - ceph.git/blob
dae4985d943164adcc77a109b3941873fcf27c6e
[ceph.git] /
1 <cd-table [data]="data"
2           [columns]="columns"
3           columnMode="flex"
4           [toolHeader]="false"
5           [autoReload]="false"
6           [autoSave]="false"
7           [footer]="false"
8           [limit]="0">
9 </cd-table>
10
11 <ng-template #cellScopeCheckboxTpl
12              let-column="column"
13              let-row="row"
14              let-value="value">
15   <div class="custom-control custom-checkbox">
16     <input class="custom-control-input"
17            id="scope_{{ row.scope }}"
18            type="checkbox"
19            [checked]="isRowChecked(row.scope)"
20            [disabled]="isDisabled"
21            (change)="onClickCellCheckbox(row.scope, column.prop, $event)">
22     <label class="datatable-permissions-scope-cell-label custom-control-label"
23            for="scope_{{ row.scope }}">{{ value }}</label>
24   </div>
25 </ng-template>
26
27 <ng-template #cellPermissionCheckboxTpl
28              let-column="column"
29              let-row="row"
30              let-value="value">
31   <div class="custom-control custom-checkbox">
32     <input class="custom-control-input"
33            type="checkbox"
34            [checked]="value"
35            [disabled]="isDisabled"
36            [id]="row.scope + '-' + column.prop"
37            (change)="onClickCellCheckbox(row.scope, column.prop, $event)">
38     <label class="custom-control-label"
39            [for]="row.scope + '-' + column.prop"></label>
40   </div>
41 </ng-template>
42
43 <ng-template #headerPermissionCheckboxTpl
44              let-column="column">
45   <div class="custom-control custom-checkbox">
46     <input class="custom-control-input"
47            id="header_{{ column.prop }}"
48            type="checkbox"
49            [disabled]="isDisabled"
50            [checked]="isHeaderChecked(column.prop)"
51            (change)="onClickHeaderCheckbox(column.prop, $event)">
52     <label class="datatable-permissions-header-cell-label custom-control-label"
53            for="header_{{ column.prop }}">{{ column.name }}</label>
54   </div>
55 </ng-template>