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           [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            (change)="onClickCellCheckbox(row.scope, column.prop, $event)">
  21     <label class="datatable-permissions-scope-cell-label custom-control-label"
  22            for="scope_{{ row.scope }}">{{ value }}</label>
  23   </div>
  24 </ng-template>
  25
  26 <ng-template #cellPermissionCheckboxTpl
  27              let-column="column"
  28              let-row="row"
  29              let-value="value">
  30   <div class="custom-control custom-checkbox">
  31     <input class="custom-control-input"
  32            type="checkbox"
  33            [checked]="value"
  34            [id]="row.scope + '-' + column.prop"
  35            (change)="onClickCellCheckbox(row.scope, column.prop, $event)">
  36     <label class="custom-control-label"
  37            [for]="row.scope + '-' + column.prop"></label>
  38   </div>
  39 </ng-template>
  40
  41 <ng-template #headerPermissionCheckboxTpl
  42              let-column="column">
  43   <div class="custom-control custom-checkbox">
  44     <input class="custom-control-input"
  45            id="header_{{ column.prop }}"
  46            type="checkbox"
  47            [checked]="isHeaderChecked(column.prop)"
  48            (change)="onClickHeaderCheckbox(column.prop, $event)">
  49     <label class="datatable-permissions-header-cell-label custom-control-label"
  50            for="header_{{ column.prop }}">{{ column.name }}</label>
  51   </div>
  52 </ng-template>