mgr/dashboard: Status column in Cluster > Hosts shows empty

Fixes: https://tracker.ceph.com/issues/61215
Signed-off-by: Aashish Sharma <aasharma@redhat.com>
(cherry picked from commit 930e48008403ce246105a0cc631efba2974494f4)

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/hosts/hosts.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/hosts/hosts.component.ts
index 6089965fc748762ebb7b68bbeb6a4fee64080e57..b7cad7e3c33780e9a1557987245a7dc37bcdc2cc 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/hosts/hosts.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/hosts/hosts.component.ts
@@ -217,7 +217,8 @@ export class HostsComponent extends ListWithDetails implements OnDestroy, OnInit
         cellTransformation: CellTemplate.badge,
         customTemplateConfig: {
           map: {
-            maintenance: { class: 'badge-warning' }
+            maintenance: { class: 'badge-warning' },
+            available: { class: 'badge-success' }
           }
         }
       },
@@ -495,6 +496,11 @@ export class HostsComponent extends ListWithDetails implements OnDestroy, OnInit
       .subscribe(
         (hostList) => {
           this.hosts = hostList;
+          this.hosts.forEach((host: object) => {
+            if (host['status'] === '') {
+              host['status'] = 'available';
+            }
+          });
           this.transformHostsData();
           this.isLoadingHosts = false;
         },