import ceph quincy 17.2.6

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

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-details/pool-details.component.html b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-details/pool-details.component.html
index 40d71dd0e32182f39d87120bc02f45dcc0ed8d01..07823eedfffade17158a82c6759f08ecbee76cd6 100644 (file)
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-details/pool-details.component.html
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-details/pool-details.component.html
@@ -1,10 +1,10 @@
 <ng-container *ngIf="selection"
               cdTableDetail>
-  <ul ngbNav
-      #nav="ngbNav"
-      class="nav-tabs"
-      cdStatefulTab="pool-details">
-    <li ngbNavItem="details">
+  <nav ngbNav
+       #nav="ngbNav"
+       class="nav-tabs"
+       cdStatefulTab="pool-details">
+    <ng-container ngbNavItem="details">
       <a ngbNavLink
          i18n>Details</a>
       <ng-template ngbNavContent>
@@ -13,29 +13,31 @@
                             [autoReload]="false">
         </cd-table-key-value>
       </ng-template>
-    </li>
-    <li ngbNavItem="performance-details"
-        *ngIf="permissions.grafana.read">
+    </ng-container>
+    <ng-container ngbNavItem="performance-details"
+                  *ngIf="permissions.grafana.read">
       <a ngbNavLink
          i18n>Performance Details</a>
       <ng-template ngbNavContent>
-        <cd-grafana grafanaPath="ceph-pool-detail?var-pool_name={{selection.pool_name}}"
+        <cd-grafana i18n-title
+                    title="Pool details"
+                    grafanaPath="ceph-pool-detail?var-pool_name={{selection.pool_name}}"
                     [type]="'metrics'"
                     uid="-xyV8KCiz"
                     grafanaStyle="three">
         </cd-grafana>
       </ng-template>
-    </li>
-    <li ngbNavItem="configuration"
-        *ngIf="selection.type === 'replicated'">
+    </ng-container>
+    <ng-container ngbNavItem="configuration"
+                  *ngIf="selection.type === 'replicated'">
       <a ngbNavLink
          i18n>Configuration</a>
       <ng-template ngbNavContent>
         <cd-rbd-configuration-table [data]="selectedPoolConfiguration"></cd-rbd-configuration-table>
       </ng-template>
-    </li>
-    <li ngbNavItem="cache-tiers-details"
-        *ngIf="selection['tiers']?.length > 0">
+    </ng-container>
+    <ng-container ngbNavItem="cache-tiers-details"
+                  *ngIf="selection['tiers']?.length > 0">
       <a ngbNavLink
          i18n>Cache Tiers Details</a>
       <ng-template ngbNavContent>
@@ -45,8 +47,8 @@
                   columnMode="flex">
         </cd-table>
       </ng-template>
-    </li>
-  </ul>
+    </ng-container>
+  </nav>
 
   <div [ngbNavOutlet]="nav"></div>
 </ng-container>