feat(dedicated): display edge status in dashboard

ref: MANAGER-15423 Signed-off-by: Thibaud Crespin <[email protected]>
ovh · Dec 3, 2024 · 74c5307 · 74c5307
1 parent 829e68e
commit 74c5307
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/...ts/dedicated-cloud/datacenter/dashboard/dedicatedCloud-datacenter-dashboard.controller.js b/...ts/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/.../components/dedicated-cloud/datacenter/dashboard/dedicatedCloud-datacenter-dashboard.html b/.../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