ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/hosts/hosts.component.html

   1 <ul ngbNav
   2     #nav="ngbNav"
   3     class="nav-tabs">
   4   <li ngbNavItem>
   5     <a ngbNavLink
   6        i18n>Hosts List</a>
   7     <ng-template ngbNavContent>
   8       <cd-table #table
   9                 [data]="hosts"
  10                 [columns]="columns"
  11                 columnMode="flex"
  12                 (fetchData)="getHosts($event)"
  13                 selectionType="single"
  14                 [hasDetails]="hasTableDetails"
  15                 (setExpandedRow)="setExpandedRow($event)"
  16                 (updateSelection)="updateSelection($event)"
  17                 [toolHeader]="!hideToolHeader">
  18         <div class="table-actions btn-toolbar">
  19           <cd-table-actions [permission]="permissions.hosts"
  20                             [selection]="selection"
  21                             class="btn-group"
  22                             id="host-actions"
  23                             [tableActions]="tableActions">
  24           </cd-table-actions>
  25         </div>
  26         <cd-host-details cdTableDetail
  27                          [permissions]="permissions"
  28                          [selection]="expandedRow">
  29         </cd-host-details>
  30       </cd-table>
  31     </ng-template>
  32   </li>
  33   <li ngbNavItem
  34       *ngIf="permissions.grafana.read">
  35     <a ngbNavLink
  36        i18n>Overall Performance</a>
  37     <ng-template ngbNavContent>
  38       <cd-grafana [grafanaPath]="'host-overview?'"
  39                   uid="y0KGL0iZz"
  40                   grafanaStyle="two">
  41       </cd-grafana>
  42     </ng-template>
  43   </li>
  44 </ul>
  45
  46 <div [ngbNavOutlet]="nav"></div>
  47
  48 <ng-template #servicesTpl
  49              let-value="value">
  50   <span *ngFor="let instance of value; last as isLast">
  51     <span class="badge badge-background-primary" >{{ instance }}</span>
  52     <ng-container *ngIf="!isLast">&nbsp;</ng-container>
  53   </span>
  54 </ng-template>
  55
  56 <ng-template #maintenanceConfirmTpl>
  57   <div *ngFor="let msg of errorMessage; let last=last">
  58     <ul *ngIf="!last || errorMessage.length == '1'">
  59       <li i18n>{{ msg }}</li>
  60     </ul>
  61   </div>
  62   <ng-container i18n
  63                 *ngIf="showSubmit">Are you sure you want to continue?</ng-container>
  64 </ng-template>
  65
  66 <ng-template #orchTmpl>
  67   <span i18n
  68         i18n-ngbTooltip
  69         ngbTooltip="Data will be available only if Orchestrator is available.">N/A</span>
  70 </ng-template>
  71
  72 <ng-template #flashTmpl>
  73   <span i18n
  74         i18n-ngbTooltip
  75         ngbTooltip="SSD, NVMEs">Flash</span>
  76 </ng-template>
  77 <router-outlet name="modal"></router-outlet>