feat(web): add external link to contact changes

ref: MANAGER-15958 Signed-off-by: Antony MARION <[email protected]>
ovh · Nov 28, 2024 · 2a81b66 · 2a81b66
1 parent 9e743e8
commit 2a81b66
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 4 deletions.
diff --git a/packages/manager/apps/web/client/app/domain/contact/contact.routing.js b/packages/manager/apps/web/client/app/domain/contact/contact.routing.js
@@ -1,3 +1,5 @@
+import { PRODUCT_TYPE } from '../list/list-domain-layout.constants';
+
 export default /* @ngInject */ ($stateProvider) => {
   $stateProvider.state('app.domain.product.contact', {
     url: '/contact-management',
@@ -7,6 +9,13 @@ export default /* @ngInject */ ($stateProvider) => {
       },
     },
     resolve: {
+      contactsManagementUrl: /* @ngInject */ (coreURLBuilder, $transition$) =>
+        coreURLBuilder.buildURL('dedicated', '#/contacts/services/edit', {
+          serviceName: $transition$.params().productId,
+          category: PRODUCT_TYPE,
+          service: $transition$.params().productId,
+          categoryType: PRODUCT_TYPE,
+        }),
       breadcrumb: /* @ngInject */ ($translate) =>
         $translate.instant('contact_management'),
       goBack: /* @ngInject */ ($state) => () =>

diff --git a/packages/manager/apps/web/client/app/domain/contact/dashboard/dashboard.component.js b/packages/manager/apps/web/client/app/domain/contact/dashboard/dashboard.component.js
@@ -5,6 +5,7 @@ export default {
   controller,
   template,
   bindings: {
+    contactsManagementUrl: '<',
     goBack: '<',
     domain: '<',
     domainName: '<',

diff --git a/packages/manager/apps/web/client/app/domain/contact/dashboard/dashboard.controller.js b/packages/manager/apps/web/client/app/domain/contact/dashboard/dashboard.controller.js
@@ -67,4 +67,8 @@ export default class DomainContactDashboardCtrl {
       infoProperty.name !== this.INFO_PROPERTIES.ORGANISATION
     );
   }
+
+  openReassignContacts() {
+    window.open(this.contactsManagementUrl, '_blank');
+  }
 }
diff --git a/packages/manager/apps/web/client/app/domain/contact/dashboard/dashboard.html b/packages/manager/apps/web/client/app/domain/contact/dashboard/dashboard.html
@@ -30,6 +30,14 @@ <h1 data-translate="domain_tab_CONTACT_title"></h1>
             </div>
         </div>
 
+        <oui-button
+            class="mb-3 mt-3"
+            data-variant="secondary"
+            data-ng-click="$ctrl.openReassignContacts()"
+        >
+            <span data-translate="domain_tab_CONTACT_reassign_contacts"></span>
+        </oui-button>
+
         <div class="row d-flex align-items-stretch">
             <oui-tile
                 class="col-md-3 m-1 align-self-stretch"
@@ -38,6 +46,7 @@ <h1 data-translate="domain_tab_CONTACT_title"></h1>
                 <div
                     class="oui-message oui-message_info oui-message_no-icon"
                     role="alert"
+                    data-ng-if="!$ctrl.domainInfos.contactAdmin && ($ctrl.domainInfos.contactBilling || $ctrl.domainInfos.contactTech)"
                 >
                     <p
                         class="oui-message__body"
@@ -49,7 +58,7 @@ <h1 data-translate="domain_tab_CONTACT_title"></h1>
                     data-translate="domain_tab_CONTACT_description_owner"
                 ></p>
                 <oui-button
-                    data-ng-if="$ctrl.isNicAdmin"
+                    data-disabled="!$ctrl.isNicAdmin"
                     data-variant="link"
                     data-icon-right="oui-icon-arrow-right"
                     class="mb-2"
@@ -90,7 +99,7 @@ <h1 data-translate="domain_tab_CONTACT_title"></h1>
                 ></p>
 
                 <oui-button
-                    data-ng-if="$ctrl.isNicAdmin"
+                    data-disabled="!$ctrl.isNicAdmin"
                     data-variant="link"
                     data-icon-right="oui-icon-arrow-right"
                     class="mb-2"
@@ -123,7 +132,7 @@ <h1 data-translate="domain_tab_CONTACT_title"></h1>
                     data-translate="domain_tab_CONTACT_description_technical"
                 ></p>
                 <oui-button
-                    data-ng-if="$ctrl.domainInfos.contactTech === $ctrl.user.nichandle"
+                    data-disabled="$ctrl.domainInfos.contactTech !== $ctrl.user.nichandle"
                     data-variant="link"
                     data-icon-right="oui-icon-arrow-right"
                     class="mb-2"
@@ -157,7 +166,7 @@ <h1 data-translate="domain_tab_CONTACT_title"></h1>
 
             <p data-translate="domain_tab_CONTACT_description_billing"></p>
             <oui-button
-                data-ng-if="$ctrl.domainInfos.contactBilling === $ctrl.user.nichandle"
+                data-disabled="$ctrl.domainInfos.contactBilling !== $ctrl.user.nichandle"
                 data-variant="link"
                 data-icon-right="oui-icon-arrow-right"
                 class="mb-2"

diff --git a/packages/manager/apps/web/client/app/domain/contact/translations/Messages_fr_FR.json b/packages/manager/apps/web/client/app/domain/contact/translations/Messages_fr_FR.json
@@ -15,5 +15,6 @@
   "domain_tab_CONTACT_guide_text": "Guide",
   "domain_tab_CONTACT_guide_manage_contact_and_services": "Gérer les contacts de ses services",
   "domain_tab_CONTACT_view_more": "Voir plus",
+  "domain_tab_CONTACT_reassign_contacts": "Réassigner les contacts",
   "domain_tab_CONTACT_edit_form_owner_infos": "Pour voir les informations du titulaire veuillez vous connecter avec le compte administrateur."
 }