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

   1 <cds-modal
   2   [open]="open"
   3   (overlaySelected)="closeModal()"
   4   [size]="'lg'">
   5   <cds-modal-header
   6     (closeSelect)="closeModal()">
   7     <h4
   8       class="cds--type-heading-04 cds-ml-3"
   9       i18n>
  10       Add gateway nodes
  11     </h4>
  12     <p
  13       class="cds--type-body-compact-01 cds-ml-3"
  14       i18n>
  15       Select NVMe-oF gateway nodes to associate with this gateway group.
  16     </p>
  17   </cds-modal-header>
  18   <section cdsModalContent>
  19
  20     <div class="cds-mt-5">
  21       <div
  22         cdsStack="vertical"
  23         gap="1">
  24         <div
  25           class="cds--type-heading-01"
  26           i18n>
  27           Select gateway nodes
  28         </div>
  29         <div
  30           class="cds--type-label-01"
  31           i18n>
  32           Nodes to run NVMe-oF target pods/services
  33         </div>
  34       </div>
  35
  36       <cd-table
  37         (fetchData)="getHosts($event)"
  38         selectionType="multiClick"
  39         [searchableObjects]="true"
  40         [data]="hosts"
  41         [columns]="columns"
  42         (updateSelection)="updateSelection($event)"
  43         [autoReload]="false">
  44       </cd-table>
  45
  46       <ng-template
  47         #addrTemplate
  48         let-value="data.value">
  49         <span>{{ value || '-' }}</span>
  50       </ng-template>
  51
  52       <ng-template
  53         #statusTemplate
  54         let-value="data.value"
  55         let-row="data.row">
  56         <div
  57           class="status-cell"
  58           cdsStack="horizontal"
  59           gap="3">
  60         @if (value === HostStatus.AVAILABLE) {
  61           <cd-icon type="success"></cd-icon>
  62         }
  63         <span>{{ value | titlecase }}</span>
  64         </div>
  65       </ng-template>
  66
  67       <ng-template
  68         #labelsTemplate
  69         let-value="data.value">
  70       @if (value && value.length > 0) {
  71         <cds-tag
  72           *ngFor="let label of value"
  73           class="tag tag-dark">{{ label }}</cds-tag>
  74       } @else {
  75         <span>-</span>
  76       }
  77       </ng-template>
  78
  79     </div>
  80   </section>
  81   <cd-form-button-panel
  82     [modalForm]="true"
  83     [showSubmit]="true"
  84     submitText="Add"
  85     i18n-submitText
  86     [disabled]="selection.selected.length === 0"
  87     (submitActionEvent)="onSubmit()"
  88     (backActionEvent)="closeModal()">
  89   </cd-form-button-panel>
  90 </cds-modal>