From: Pere Diaz Bou <pere-altea@hotmail.com>
Date: Mon, 3 Apr 2023 15:22:35 +0000 (+0200)
Subject: mgr/dashboard: fix displaying mirror image progress
X-Git-Tag: v19.0.0~1440^2
X-Git-Url: http://git.apps.os.sepia.ceph.com/?a=commitdiff_plain;h=refs%2Fpull%2F50843%2Fhead;p=ceph.git

mgr/dashboard: fix displaying mirror image progress

Signed-off-by: Pere Diaz Bou <pere-altea@hotmail.com>
---

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/image-list/image-list.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/image-list/image-list.component.html
index ef72663cde90d..1a92315101170 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/image-list/image-list.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/image-list/image-list.component.html
@@ -56,8 +56,11 @@
              let-value="value">
   <div *ngIf="row.state === 'Replaying'">
   </div>
-  <ngb-progressbar *ngIf="row.state === 'Syncing'"
-                   type="info"
-                   [value]="value"
-                   [showValue]="true"></ngb-progressbar>
+  <div class="w-100 h-100 d-flex justify-content-center align-items-center">
+    <ngb-progressbar *ngIf="row.state === 'Replaying'"
+                     type="info"
+                     class="w-100"
+                     [value]="value"
+                     [showValue]="true"></ngb-progressbar>
+  </div>
 </ng-template>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/image-list/image-list.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/image-list/image-list.component.ts
index 4966cc0af5dcc..babd46542e533 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/image-list/image-list.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/image-list/image-list.component.ts
@@ -60,7 +60,7 @@ export class ImageListComponent implements OnInit, OnDestroy {
         flexGrow: 1
       },
       {
-        prop: 'progress',
+        prop: 'syncing_percent',
         name: $localize`Progress`,
         cellTemplate: this.progressTmpl,
         flexGrow: 2