-<ul ngbNav
- #nav="ngbNav"
- class="nav-tabs">
- <li ngbNavItem>
+<nav ngbNav
+ #nav="ngbNav"
+ class="nav-tabs">
+ <ng-container ngbNavItem>
<a ngbNavLink
i18n>Pools List</a>
<ng-template ngbNavContent>
</cd-pool-details>
</cd-table>
</ng-template>
- </li>
+ </ng-container>
- <li ngbNavItem
- *cdScope="'grafana'">
+ <ng-container ngbNavItem
+ *cdScope="'grafana'">
<a ngbNavLink
i18n>Overall Performance</a>
<ng-template ngbNavContent>
- <cd-grafana [grafanaPath]="'ceph-pools-overview?'"
+ <cd-grafana i18n-title
+ title="Ceph pools overview"
+ [grafanaPath]="'ceph-pools-overview?'"
[type]="'metrics'"
uid="z99hzWtmk"
grafanaStyle="two">
</cd-grafana>
</ng-template>
- </li>
-</ul>
+ </ng-container>
+</nav>
<div [ngbNavOutlet]="nav"></div>
<cd-usage-bar *ngIf="row.stats?.avail_raw?.latest"
[total]="row.stats.bytes_used.latest + row.stats.avail_raw.latest"
[used]="row.stats.bytes_used.latest"
+ [title]="row.pool_name"
decimals="2">
</cd-usage-bar>
</ng-template>