update source to Ceph Pacific 16.2.2

[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / cephfs / cephfs-tabs / cephfs-tabs.component.html

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-tabs/cephfs-tabs.component.html b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-tabs/cephfs-tabs.component.html
index cd3800af5e161bfd72a074b47598dab8f3866e30..7a222a1000e32e5fa72be822bff4e3ccbb6a4558 100644 (file)
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-tabs/cephfs-tabs.component.html
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-tabs/cephfs-tabs.component.html
@@ -1,34 +1,47 @@
-<tabset *ngIf="selection">
-  <tab i18n-heading
-       (selectTab)="softRefresh()"
-       heading="Details">
-    <cd-cephfs-detail [data]="details">
-    </cd-cephfs-detail>
-  </tab>
-  <tab (selectTab)="softRefresh()">
-    <ng-template tabHeading>
-      <ng-container i18n>Clients</ng-container>
-      <span class="badge badge-pill badge-tab ml-1">{{ clients.data.length }}</span>
-    </ng-template>
-    <cd-cephfs-clients [id]="id"
-                       [clients]="clients"
-                       (triggerApiUpdate)="refresh()">
-    </cd-cephfs-clients>
-  </tab>
-  <tab i18n-heading
-       (selectTab)="directoriesSelected = true"
-       heading="Directories">
-    <cd-cephfs-directories *ngIf="directoriesSelected"
-                           [id]="id">
-    </cd-cephfs-directories>
-  </tab>
-  <tab i18n-heading
-       *ngIf="grafanaPermission.read && grafanaId"
-       heading="Performance Details">
-    <cd-grafana [grafanaPath]="'mds-performance?var-mds_servers=mds.' + grafanaId"
-                uid="tbO9LAiZz"
-                grafanaStyle="one">
-    </cd-grafana>
-  </tab>
-</tabset>
+<ng-container *ngIf="selection">
+  <ul ngbNav
+      #nav="ngbNav"
+      (navChange)="softRefresh()"
+      class="nav-tabs"
+      cdStatefulTab="cephfs-tabs">
+    <li ngbNavItem="details">
+      <a ngbNavLink
+         i18n>Details</a>
+      <ng-template ngbNavContent>
+        <cd-cephfs-detail [data]="details">
+        </cd-cephfs-detail>
+      </ng-template>
+    </li>
+    <li ngbNavItem="clients">
+      <a ngbNavLink>
+        <ng-container i18n>Clients</ng-container>
+        <span class="badge badge-pill badge-tab ml-1">{{ clients.data.length }}</span>
+      </a>
+      <ng-template ngbNavContent>
+        <cd-cephfs-clients [id]="id"
+                           [clients]="clients"
+                           (triggerApiUpdate)="refresh()">
+        </cd-cephfs-clients>
+      </ng-template>
+    </li>
+    <li ngbNavItem="directories">
+      <a ngbNavLink
+         i18n>Directories</a>
+      <ng-template ngbNavContent>
+        <cd-cephfs-directories [id]="id"></cd-cephfs-directories>
+      </ng-template>
+    </li>
+    <li ngbNavItem="performance-details">
+      <a ngbNavLink
+         i18n>Performance Details</a>
+      <ng-template ngbNavContent>
+        <cd-grafana [grafanaPath]="'mds-performance?var-mds_servers=mds.' + grafanaId"
+                    uid="tbO9LAiZz"
+                    grafanaStyle="one">
+        </cd-grafana>
+      </ng-template>
+    </li>
+  </ul>
 
+  <div [ngbNavOutlet]="nav"></div>
+</ng-container>