git.apps.os.sepia.ceph.com Git - ceph.git/blob

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