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

   1 <ng-container *ngIf="selection">
   2   <nav ngbNav
   3        #nav="ngbNav"
   4        (navChange)="softRefresh()"
   5        class="nav-tabs"
   6        cdStatefulTab="cephfs-tabs">
   7     <ng-container ngbNavItem="details">
   8       <a ngbNavLink
   9          i18n>Details</a>
  10       <ng-template ngbNavContent>
  11         <cd-cephfs-detail [data]="details">
  12         </cd-cephfs-detail>
  13       </ng-template>
  14     </ng-container>
  15     <ng-container ngbNavItem="clients">
  16       <a ngbNavLink>
  17         <ng-container i18n>Clients</ng-container>
  18         <span class="badge badge-pill badge-tab ms-1">{{ clients.data.length }}</span>
  19       </a>
  20       <ng-template ngbNavContent>
  21         <cd-cephfs-clients [id]="id"
  22                            [clients]="clients"
  23                            (triggerApiUpdate)="refresh()">
  24         </cd-cephfs-clients>
  25       </ng-template>
  26     </ng-container>
  27     <ng-container ngbNavItem="directories">
  28       <a ngbNavLink
  29          i18n>Directories</a>
  30       <ng-template ngbNavContent>
  31         <cd-cephfs-directories [id]="id"></cd-cephfs-directories>
  32       </ng-template>
  33     </ng-container>
  34     <ng-container ngbNavItem="performance-details">
  35       <a ngbNavLink
  36          i18n>Performance Details</a>
  37       <ng-template ngbNavContent>
  38         <cd-grafana i18n-title
  39                     title="CephFS MDS performance"
  40                     [grafanaPath]="'mds-performance?var-mds_servers=mds.' + grafanaId"
  41                     [type]="'metrics'"
  42                     uid="tbO9LAiZz"
  43                     grafanaStyle="one">
  44         </cd-grafana>
  45       </ng-template>
  46     </ng-container>
  47   </nav>
  48
  49   <div [ngbNavOutlet]="nav"></div>
  50 </ng-container>