import ceph quincy 17.2.6

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

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-details/osd-details.component.html b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-details/osd-details.component.html
index 56eee8c8b9c432dba8c8b46c73f8fd417db8448b..2b73a710ac34883fe916943b9cdd95325d538254 100644 (file)
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-details/osd-details.component.html
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-details/osd-details.component.html
@@ -1,25 +1,27 @@
 <ng-container *ngIf="selection">
-  <ul ngbNav
-      #nav="ngbNav"
-      id="tabset-osd-details"
-      class="nav-tabs"
-      cdStatefulTab="osd-details">
-    <li ngbNavItem="devices">
+  <nav ngbNav
+       #nav="ngbNav"
+       id="tabset-osd-details"
+       class="nav-tabs"
+       cdStatefulTab="osd-details">
+    <ng-container ngbNavItem="devices">
       <a ngbNavLink
          i18n>Devices</a>
       <ng-template ngbNavContent>
-        <cd-device-list [osdId]="osd?.id"></cd-device-list>
+        <cd-device-list [osdId]="osd?.id"
+                        [hostname]="selection?.host.name"
+                        [osdList]="true"></cd-device-list>
       </ng-template>
-    </li>
-    <li ngbNavItem="attributes">
+    </ng-container>
+    <ng-container ngbNavItem="attributes">
       <a ngbNavLink
          i18n>Attributes (OSD map)</a>
       <ng-template ngbNavContent>
         <cd-table-key-value [data]="osd?.details?.osd_map">
         </cd-table-key-value>
       </ng-template>
-    </li>
-    <li ngbNavItem="metadata">
+    </ng-container>
+    <ng-container ngbNavItem="metadata">
       <a ngbNavLink
          i18n>Metadata</a>
       <ng-template ngbNavContent>
@@ -32,15 +34,15 @@
                           i18n>Metadata not available</cd-alert-panel>
         </ng-template>
       </ng-template>
-    </li>
-    <li ngbNavItem="device-health">
+    </ng-container>
+    <ng-container ngbNavItem="device-health">
       <a ngbNavLink
          i18n>Device health</a>
       <ng-template ngbNavContent>
         <cd-smart-list [osdId]="osd?.id"></cd-smart-list>
       </ng-template>
-    </li>
-    <li ngbNavItem="performance-counter">
+    </ng-container>
+    <ng-container ngbNavItem="performance-counter">
       <a ngbNavLink
          i18n>Performance counter</a>
       <ng-template ngbNavContent>
@@ -49,20 +51,22 @@
                                       [serviceId]="osd?.id">
         </cd-table-performance-counter>
       </ng-template>
-    </li>
-    <li ngbNavItem="performance-details"
-        *ngIf="grafanaPermission.read">
+    </ng-container>
+    <ng-container ngbNavItem="performance-details"
+                  *ngIf="grafanaPermission.read">
       <a ngbNavLink
          i18n>Performance Details</a>
       <ng-template ngbNavContent>
-        <cd-grafana [grafanaPath]="'osd-device-details?var-osd=osd.' + osd['id']"
+        <cd-grafana i18n-title
+                    title="OSD details"
+                    [grafanaPath]="'osd-device-details?var-osd=osd.' + osd['id']"
                     [type]="'metrics'"
                     uid="CrAHE0iZz"
                     grafanaStyle="three">
         </cd-grafana>
       </ng-template>
-    </li>
-  </ul>
+    </ng-container>
+  </nav>
 
   <div [ngbNavOutlet]="nav"></div>
 </ng-container>