git-server-git.apps.pok.os.sepia.ceph.com Git - ceph-ci.git/blob

   1 <div>
   2   <cd-table
   3     #table
   4     [data]="hosts"
   5     [columns]="columns"
   6     columnMode="flex"
   7     (fetchData)="getHosts($event)"
   8     [selectionType]="selectionType"
   9     [searchableObjects]="true"
  10     [serverSide]="false"
  11     [maxLimit]="25"
  12     identifier="hostname"
  13     forceIdentifier="true"
  14     (updateSelection)="updateSelection($event)"
  15   >
  16     <cd-table-actions
  17       class="table-actions"
  18       [permission]="permission"
  19       [selection]="selection"
  20       [tableActions]="tableActions">
  21     </cd-table-actions>
  22   </cd-table>
  23 </div>
  24
  25 <ng-template
  26   #addrTpl
  27   let-value="data.value"
  28 >
  29   <span>{{ value || '-' }}</span>
  30
  31 </ng-template>
  32
  33 <ng-template
  34   #statusTpl
  35   let-value="data.value"
  36   let-row="data.row"
  37 >
  38 @if (value) {
  39   <div
  40     [cdsStack]="'horizontal'"
  41     gap="4"
  42   >
  43   @if (value === HostStatus.AVAILABLE) {
  44     <cd-icon type="success"></cd-icon>
  45   }
  46   <span class="cds-ml-3">{{ value | titlecase }}</span>
  47   </div>
  48 } @else {
  49   <span>-</span>
  50 }
  51 </ng-template>
  52
  53 <ng-template #labelsTpl
  54              let-value="data.value">
  55 @if (value && value.length > 0) {
  56   <cds-tag *ngFor="let label of value"
  57            class="tag tag-dark">{{ label }}</cds-tag>
  58 } @else {
  59   <span>-</span>
  60 }
  61 </ng-template>