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     [autoReload]="false"
  15     (updateSelection)="updateSelection($event)"
  16     emptyStateTitle="No nodes available"
  17     i18n-emptyStateTitle
  18     emptyStateMessage="Add your first gateway node to start using NVMe over Fabrics. Nodes provide the resources required to expose NVMe/TCP block storage."
  19     i18n-emptyStateMessage
  20   >
  21     <cd-table-actions
  22       class="table-actions"
  23       [permission]="permission"
  24       [selection]="selection"
  25       [tableActions]="tableActions">
  26     </cd-table-actions>
  27   </cd-table>
  28 </div>
  29
  30 <ng-template
  31   #hostNameTpl
  32   let-value="data.value"
  33 >
  34   <span class="cds-ml-2">{{ value }}</span>
  35 </ng-template>
  36
  37 <ng-template
  38   #addrTpl
  39   let-value="data.value"
  40 >
  41   <span>{{ value || '-' }}</span>
  42 </ng-template>
  43
  44 <ng-template
  45   #statusTpl
  46   let-value="data.value"
  47   let-row="data.row"
  48 >
  49 @if (value) {
  50   <div
  51     [cdsStack]="'horizontal'"
  52     gap="4"
  53   >
  54   @if (value === HostStatus.AVAILABLE || value === HostStatus.RUNNING) {
  55     <cd-icon type="success"></cd-icon>
  56   } @else {
  57     <cd-icon type="error"></cd-icon>
  58   }
  59   <span class="cds-ml-3">{{ value | titlecase }}</span>
  60   </div>
  61 } @else {
  62   <span>-</span>
  63 }
  64 </ng-template>
  65
  66 <ng-template
  67   #labelsTpl
  68   let-value="data.value"
  69 >
  70 @if (value && value.length > 0) {
  71   <cds-tag *ngFor="let label of value"
  72            class="tag tag-dark">{{ label }}</cds-tag>
  73 } @else {
  74   <span>-</span>
  75 }
  76 </ng-template>