</cd-rbd-details>
</cd-table>
-<ng-template #scheduleStatus>
- <div i18n
- [innerHtml]="'Only available for RBD images with <strong>fast-diff</strong> enabled'"></div>
-</ng-template>
-
-<ng-template #provisionedNotAvailableTooltipTpl
- let-row="row">
- <span *ngIf="row.disk_usage === null && !row.features_name.includes('fast-diff'); else provisioned"
- [ngbTooltip]="usageNotAvailableTooltipTpl"
- placement="top"
- i18n>N/A</span>
- <ng-template #provisioned
- i18n>{{row.disk_usage | dimlessBinary}}</ng-template>
-</ng-template>
-
-<ng-template #totalProvisionedNotAvailableTooltipTpl
- let-row="row">
- <span *ngIf="row.total_disk_usage === null && !row.features_name.includes('fast-diff'); else totalProvisioned"
- [ngbTooltip]="usageNotAvailableTooltipTpl"
- placement="top"
- i18n>N/A</span>
- <ng-template #totalProvisioned
- i18n>{{row.total_disk_usage | dimlessBinary}}</ng-template>
-</ng-template>
-
<ng-template #parentTpl
let-value="value">
<span *ngIf="value">{{ value.pool_name }}<span
</strong>
</div>
</ng-template>
+
+<ng-template #imageUsageTpl
+ let-row="row">
+ <span *ngIf="row.features_name && (!row.features_name.includes('fast-diff') || row.mirror_mode === 'snapshot') ; else usageBar"
+ [ngbTooltip]="usageTooltip">
+ <span>-</span>
+ </span>
+ <ng-template #usageBar>
+ <cd-usage-bar *ngIf="row"
+ [total]="row.size"
+ [used]="row.disk_usage"
+ [title]="row.name"
+ decimals="2">
+ </cd-usage-bar>
+ </ng-template>
+
+</ng-template>
+
+<ng-template #usageTooltip>
+ <div i18n
+ [innerHtml]="'Only available for RBD images with <strong>fast-diff</strong> enabled and without snapshot mirroring'"></div>
+</ng-template>