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: v18.1.0~198^2
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=064d3d0ae6be260d8e81d2a0372a44f85ea15975;p=ceph.git

mgr/dashboard: fix displaying mirror image progress

Signed-off-by: Pere Diaz Bou <pere-altea@hotmail.com>
(cherry picked from commit 80960387fbb6d49c3681f4c9e249c441a891462a)
---

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 ef72663cde90..1a9231510117 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 4966cc0af5dc..babd46542e53 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