fix(web): check dns zone availabilty (#9613)

Check DNS Zone availability in Step 1 ref: DTRSD-115429 Signed-off-by: Anoop N <[email protected]>
ovh · Jul 28, 2023 · 8075e98 · 8075e98
1 parent 5bc514d
commit 8075e98
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 4 deletions.
diff --git a/packages/manager/apps/web/client/app/dns-zone/new/dns-zone-new.controller.js b/packages/manager/apps/web/client/app/dns-zone/new/dns-zone-new.controller.js
@@ -11,7 +11,16 @@ import { TEMPLATES } from '../../domain/zone/activate/activate.constants';
 
 export default class newDnsZoneCtrl {
   /* @ngInject */
-  constructor($translate, atInternet, Alerter, constants) {
+  constructor(
+    $anchorScroll,
+    $location,
+    $translate,
+    atInternet,
+    Alerter,
+    constants,
+  ) {
+    this.$anchorScroll = $anchorScroll;
+    this.$location = $location;
     this.$translate = $translate;
     this.atInternet = atInternet;
     this.Alerter = Alerter;
@@ -57,6 +66,10 @@ export default class newDnsZoneCtrl {
       });
   }
 
+  static getAlerterId(alerter) {
+    return alerter.replaceAll('.', '_');
+  }
+
   getConfiguration() {
     return map(this.configuration, (value, label) => ({
       label,
@@ -75,9 +88,12 @@ export default class newDnsZoneCtrl {
   }
 
   onDnsOrderError(error) {
+    const message = error?.data?.message || error.message;
+    this.$location.hash(newDnsZoneCtrl.getAlerterId(this.alerts.main));
+    this.$anchorScroll();
     return this.Alerter.error(
       this.$translate.instant('domains_newdnszone_order_error', {
-        message: error.message,
+        message,
       }),
       this.alerts.main,
     );

diff --git a/packages/manager/apps/web/client/app/dns-zone/new/dns-zone-new.html b/packages/manager/apps/web/client/app/dns-zone/new/dns-zone-new.html
@@ -10,7 +10,10 @@
     </oui-guide-menu>
 </oui-header>
 
-<div data-ovh-alert="{{$ctrl.alerts.main}}"></div>
+<div
+    data-ng-attr-id="{{:: $ctrl.constructor.getAlerterId($ctrl.alerts.main)}}"
+    data-ovh-alert="{{$ctrl.alerts.main}}"
+></div>
 <p data-translate="domains_newdnszone_order_example"></p>
 <p class="font-italic" data-translate="domains_newdnszone_order_usage"></p>
 

diff --git a/packages/manager/apps/web/client/app/dns-zone/new/dns-zone-new.routing.js b/packages/manager/apps/web/client/app/dns-zone/new/dns-zone-new.routing.js
@@ -52,7 +52,7 @@ export default /* @ngInject */ ($stateProvider) => {
         return promise;
       },
 
-      isZoneValid: /* @ngInject */ () => () => Promise.resolve(true),
+      isZoneValid: /* @ngInject */ ($q) => () => $q.resolve(true),
       breadcrumb: /* @ngInject */ ($translate) =>
         $translate.instant('domains_newdnszone_order_title'),
     },