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                   [type]="'metrics'"
  40                   uid="y0KGL0iZz"
  41                   grafanaStyle="two">
  42       </cd-grafana>
  43     </ng-template>
  44   </li>
  45 </ul>
  46
  47 <div [ngbNavOutlet]="nav"></div>
  48
  49 <ng-template #servicesTpl
  50              let-value="value">
  51   <span *ngFor="let instance of value; last as isLast">
  52     <span class="badge badge-background-primary" >{{ instance }}</span>
  53     <ng-container *ngIf="!isLast">&nbsp;</ng-container>
  54   </span>
  55 </ng-template>
  56
  57 <ng-template #maintenanceConfirmTpl>
  58   <div *ngFor="let msg of errorMessage; let last=last">
  59     <ul *ngIf="!last || errorMessage.length == '1'">
  60       <li i18n>{{ msg }}</li>
  61     </ul>
  62   </div>
  63   <ng-container i18n
  64                 *ngIf="showSubmit">Are you sure you want to continue?</ng-container>
  65 </ng-template>
  66
  67 <ng-template #orchTmpl>
  68   <span i18n
  69         i18n-ngbTooltip
  70         ngbTooltip="Data will be available only if Orchestrator is available.">N/A</span>
  71 </ng-template>
  72
  73 <ng-template #flashTmpl>
  74   <span i18n
  75         i18n-ngbTooltip
  76         ngbTooltip="SSD, NVMEs">Flash</span>
  77 </ng-template>
  78 <router-outlet name="modal"></router-outlet>