ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-details/osd-details.component.html

   1 <ng-container *ngIf="selection">
   2   <ul ngbNav
   3       #nav="ngbNav"
   4       id="tabset-osd-details"
   5       class="nav-tabs"
   6       cdStatefulTab="osd-details">
   7     <li ngbNavItem="devices">
   8       <a ngbNavLink
   9          i18n>Devices</a>
  10       <ng-template ngbNavContent>
  11         <cd-device-list [osdId]="osd?.id"></cd-device-list>
  12       </ng-template>
  13     </li>
  14     <li ngbNavItem="attributes">
  15       <a ngbNavLink
  16          i18n>Attributes (OSD map)</a>
  17       <ng-template ngbNavContent>
  18         <cd-table-key-value [data]="osd?.details?.osd_map">
  19         </cd-table-key-value>
  20       </ng-template>
  21     </li>
  22     <li ngbNavItem="metadata">
  23       <a ngbNavLink
  24          i18n>Metadata</a>
  25       <ng-template ngbNavContent>
  26         <cd-table-key-value *ngIf="osd?.details?.osd_metadata; else noMetaData"
  27                             (fetchData)="refresh()"
  28                             [data]="osd?.details?.osd_metadata">
  29         </cd-table-key-value>
  30         <ng-template #noMetaData>
  31           <cd-alert-panel type="warning"
  32                           i18n>Metadata not available</cd-alert-panel>
  33         </ng-template>
  34       </ng-template>
  35     </li>
  36     <li ngbNavItem="device-health">
  37       <a ngbNavLink
  38          i18n>Device health</a>
  39       <ng-template ngbNavContent>
  40         <cd-smart-list [osdId]="osd?.id"></cd-smart-list>
  41       </ng-template>
  42     </li>
  43     <li ngbNavItem="performance-counter">
  44       <a ngbNavLink
  45          i18n>Performance counter</a>
  46       <ng-template ngbNavContent>
  47         <cd-table-performance-counter *ngIf="osd?.details"
  48                                       serviceType="osd"
  49                                       [serviceId]="osd?.id">
  50         </cd-table-performance-counter>
  51       </ng-template>
  52     </li>
  53     <li ngbNavItem="performance-details"
  54         *ngIf="grafanaPermission.read">
  55       <a ngbNavLink
  56          i18n>Performance Details</a>
  57       <ng-template ngbNavContent>
  58         <cd-grafana [grafanaPath]="'osd-device-details?var-osd=osd.' + osd['id']"
  59                     [type]="'metrics'"
  60                     uid="CrAHE0iZz"
  61                     grafanaStyle="three">
  62         </cd-grafana>
  63       </ng-template>
  64     </li>
  65   </ul>
  66
  67   <div [ngbNavOutlet]="nav"></div>
  68 </ng-container>