feat(domains): add domain status (#12720)

Signed-off-by: Julien Vaumoron <[email protected]>
ovh · Sep 5, 2024 · 10e46e3 · 10e46e3
1 parent a005c89
commit 10e46e3
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/...apps/web/client/app/domain/general-informations/domain-general-informations.controller.js b/...apps/web/client/app/domain/general-informations/domain-general-informations.controller.js
@@ -13,14 +13,15 @@ import maxBy from 'lodash/maxBy';
 import reduce from 'lodash/reduce';
 import some from 'lodash/some';
 
+import { DOMAIN_TRACKING } from '../../hosting/hosting.constants';
+import { DOMAINS_BADGES_STATUS } from '../list/list-domain-layout.constants';
 import {
   DNSSEC_STATUS,
-  PRODUCT_TYPE,
-  PROTECTION_TYPES,
   DOMAIN_SERVICE_STATES,
   DOMAIN_STATE_TYPE,
+  PRODUCT_TYPE,
+  PROTECTION_TYPES,
 } from './general-information.constants';
-import { DOMAIN_TRACKING } from '../../hosting/hosting.constants';
 
 export default class DomainTabGeneralInformationsCtrl {
   /* @ngInject */
@@ -86,6 +87,7 @@ export default class DomainTabGeneralInformationsCtrl {
   }
 
   $onInit() {
+    this.DOMAINS_BADGES_STATUS = DOMAINS_BADGES_STATUS;
     this.domain = this.$scope.ctrlDomain.domain;
     this.domainInfos = this.$scope.ctrlDomain.domainInfos;
     this.allDom = this.$scope.ctrlDomain.allDom;

diff --git a/...al-informations/GENERAL_INFORMATIONS.html → ...rmations/domain-general-informations.html b/...al-informations/GENERAL_INFORMATIONS.html → ...rmations/domain-general-informations.html
@@ -33,6 +33,19 @@
                 class="h-100"
                 data-loading="$ctrl.loading.dnsStatus || $ctrl.loading.hosting || $ctrl.loading.associatedHosting"
             >
+                <oui-tile-definition
+                    data-term="{{ ::'domains_status' | translate }}"
+                >
+                    <oui-tile-description>
+                        <span
+                            class="{{:: 'oui-badge ' + $ctrl.DOMAINS_BADGES_STATUS[$ctrl.domainInfos.state] }}"
+                        >
+                            {{ ::'domains_status_' + $ctrl.domainInfos.state |
+                            translate }}
+                        </span>
+                    </oui-tile-description>
+                </oui-tile-definition>
+
                 <oui-tile-definition
                     data-ng-if="$ctrl.isAllDom && $ctrl.allDom"
                     data-term="{{ ::'domain_dashboard_type_alldom_' + $ctrl.constructor.parseType($ctrl.allDom.type) | translate }}"

diff --git a/...ager/apps/web/client/app/domain/general-informations/domain-general-informations.state.js b/...ager/apps/web/client/app/domain/general-informations/domain-general-informations.state.js
@@ -1,5 +1,5 @@
 import isEmpty from 'lodash/isEmpty';
-import template from './GENERAL_INFORMATIONS.html';
+import template from './domain-general-informations.html';
 
 import './general-information.styles.scss';