From 74c53073cc6719fe8de8e9fb72bfaad7d5732f12 Mon Sep 17 00:00:00 2001
From: Thibaud Crespin <thibaud.crespin.ext@ovhcloud.com>
Date: Mon, 2 Dec 2024 09:57:58 +0100
Subject: [PATCH] feat(dedicated): display edge status in dashboard ref:
 MANAGER-15423

Signed-off-by: Thibaud Crespin <thibaud.crespin.ext@ovhcloud.com>
---
 ...edCloud-datacenter-dashboard.controller.js |  5 ++---
 .../dedicatedCloud-datacenter-dashboard.html  | 19 ++++++++++++++++++-
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenter/dashboard/dedicatedCloud-datacenter-dashboard.controller.js b/packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenter/dashboard/dedicatedCloud-datacenter-dashboard.controller.js
index d49f56f05f11..1e34ac80731e 100644
--- a/packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenter/dashboard/dedicatedCloud-datacenter-dashboard.controller.js
+++ b/packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenter/dashboard/dedicatedCloud-datacenter-dashboard.controller.js
@@ -68,9 +68,8 @@ export default class {
       this.datacenter.model.id,
     ).then((data) => {
       this.datacenter.model.edgesCount = data.length;
-      this.datacenter.model.edgesLevel = data[0]?.size
-        ? data[0].size.chatAt(0).toUpperCase() + data[0].size.slice(1)
-        : '';
+      this.datacenter.model.edgesLevel = data[0] ? data[0].size : '';
+      this.datacenter.model.edgesStatus = data[0] ? data[0].state : '';
     });
   }
 
diff --git a/packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenter/dashboard/dedicatedCloud-datacenter-dashboard.html b/packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenter/dashboard/dedicatedCloud-datacenter-dashboard.html
index 185e48093eca..44fcf32c4f5f 100644
--- a/packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenter/dashboard/dedicatedCloud-datacenter-dashboard.html
+++ b/packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenter/dashboard/dedicatedCloud-datacenter-dashboard.html
@@ -189,9 +189,26 @@
             >
                 <oui-tile-definition
                     data-term="{{:: 'dedicatedCloud_nsx_edge_level' | translate }}"
-                    data-description="{{:: $ctrl.datacenter.model.edgesLevel }}"
                     data-ng-if="!$ctrl.pollNsxTaskId"
                 >
+                    <oui-tile-description>
+                        <span
+                            data-ng-bind=":: $ctrl.datacenter.model.edgesLevel"
+                        ></span>
+                        <span
+                            class="oui-badge"
+                            data-ng-if="$ctrl.datacenter.model.edgesStatus"
+                            data-ng-class="{
+                                'oui-badge_error': ($ctrl.datacenter.model.edgesStatus === 'error'),
+                                'oui-badge_warning': ($ctrl.datacenter.model.edgesStatus === 'disabling'||'migrating'||'provisionning'||'recycling'||'upgrading'),
+                                'oui-badge_success': ($ctrl.datacenter.model.edgesStatus === 'available'||'delivered')
+                            }"
+                        >
+                            <span
+                                data-ng-bind=":: $ctrl.datacenter.model.edgesStatus"
+                            ></span>
+                        </span>
+                    </oui-tile-description>
                     <oui-action-menu
                         aria-label="{{:: 'dedicatedCloud_datacenter_resize' | translate}}"
                         data-compact