feat(dedicated.vrack): migrate to ftc cancel modal

ref: #MANAGER-18201, #MANAGER-18196

Signed-off-by: Quentin Pavy <[email protected]>

Author: Quentin Pavy

packages/manager/modules/billing-components/src/components/terminate-vrack/component.js

@@ -10,7 +10,6 @@ import cancellationForm from './components/cancellation-form';
 import servicesActions from './components/services-actions';
 import serviceStatus from './components/service-status';
 import splitPayment from './components/split-payment';
-import terminateVrack from './components/terminate-vrack';
 import subscriptionTile from './components/subscription-tile';
 import autoRenew2016DeploymentBanner from './components/auto-renew-2016-deployment-banner';
 import { RENEW_URL } from './components/services-actions/service-actions.constants';
@@ -34,7 +33,6 @@ angular.module(moduleName, [
   servicesActions,
   serviceStatus,
   splitPayment,
-  terminateVrack,
   subscriptionTile,
   autoRenew2016DeploymentBanner,
   autoRenewPaymentMethod,

packages/manager/modules/billing-components/src/components/terminate-vrack/constants.js

@@ -22,5 +22,8 @@
   "autorenew_agora_terminate_service_error_NUTANIX_NODE": "Votre demande de résiliation n'a pas été prise en compte : {{error}}",
   "autorenew_agora_terminate_service_success_VEEAM_ENTERPRISE": "La résiliation de votre license \"{{serviceName}}\" a bien été prise en compte. Vous recevrez un e-mail avec les détails de la procédure à suivre.",
   "autorenew_agora_terminate_service_success_ftc_VEEAM_ENTERPRISE": "La résiliation de votre license \"{{serviceName}}\" a bien été prise en compte. Un e-mail de confirmation vous a été envoyé.",
-  "autorenew_agora_terminate_service_error_VEEAM_ENTERPRISE": "Votre demande de résiliation n'a pas été prise en compte : {{error}}"
+  "autorenew_agora_terminate_service_error_VEEAM_ENTERPRISE": "Votre demande de résiliation n'a pas été prise en compte : {{error}}",
+  "autorenew_agora_terminate_service_success_VRACK": "La résiliation de votre Additional IP \"{{serviceName}}\" a bien été prise en compte. Vous recevrez un e-mail avec les détails de la procédure à suivre.",
+  "autorenew_agora_terminate_service_success_ftc_VRACK": "La résiliation de votre Additional IP \"{{serviceName}}\" a bien été prise en compte. Un e-mail de confirmation vous a été envoyé.",
+  "autorenew_agora_terminate_service_error_VRACK": "Votre demande de résiliation n'a pas été prise en compte : {{error}}"
 }

packages/manager/modules/billing-components/src/components/terminate-vrack/controller.js

@@ -22,5 +22,8 @@
   "autorenew_agora_terminate_service_error_NUTANIX_NODE": "Votre demande de résiliation n'a pas été prise en compte : {{error}}",
   "autorenew_agora_terminate_service_success_VEEAM_ENTERPRISE": "La résiliation de votre license \"{{serviceName}}\" a bien été prise en compte. Vous recevrez un e-mail avec les détails de la procédure à suivre.",
   "autorenew_agora_terminate_service_success_ftc_VEEAM_ENTERPRISE": "La résiliation de votre license \"{{serviceName}}\" a bien été prise en compte. Un e-mail de confirmation vous a été envoyé.",
-  "autorenew_agora_terminate_service_error_VEEAM_ENTERPRISE": "Votre demande de résiliation n'a pas été prise en compte : {{error}}"
+  "autorenew_agora_terminate_service_error_VEEAM_ENTERPRISE": "Votre demande de résiliation n'a pas été prise en compte : {{error}}",
+  "autorenew_agora_terminate_service_success_VRACK": "La résiliation de votre Additional IP \"{{serviceName}}\" a bien été prise en compte. Vous recevrez un e-mail avec les détails de la procédure à suivre.",
+  "autorenew_agora_terminate_service_success_ftc_VRACK": "La résiliation de votre Additional IP \"{{serviceName}}\" a bien été prise en compte. Un e-mail de confirmation vous a été envoyé.",
+  "autorenew_agora_terminate_service_error_VRACK": "Votre demande de résiliation n'a pas été prise en compte : {{error}}"
 }

packages/manager/modules/billing-components/src/components/terminate-vrack/index.js

@@ -55,5 +55,8 @@
   "vrack_add_dialog_modal_title": "Ajouter un ou plusieurs services",
   "vrack_add_dialog_modal_description": "Etes-vous sûr(e) de vouloir ajouter {{ services }} de votre vRack ?",
   "vrack_delete_dialog_modal_title": "Retirer un ou plusieurs services",
-  "vrack_delete_dialog_modal_description": "Etes-vous sûr(e) de vouloir retirer {{ services }} de votre vRack ?"
+  "vrack_delete_dialog_modal_description": "Etes-vous sûr(e) de vouloir retirer {{ services }} de votre vRack ?",
+  "vrack_terminate_title": "Résilier mon vRack",
+  "vrack_terminate_description": "Afin de résilier votre Vrack vous devez au préalable deconnecter tous les services qui y sont ratachés",
+  "vrack_terminate": "Résilier"
 }

packages/manager/modules/billing-components/src/components/terminate-vrack/template.html

@@ -5,6 +5,7 @@ export default {
   bindings: {
     features: '<',
     goToMoveDialog: '<',
+    goToTerminate: '<',
     guideLinks: '<',
   },
   controller,

packages/manager/modules/billing-components/src/components/terminate-vrack/translations/Messages_de_DE.json

@@ -281,19 +281,6 @@ export default class VrackMoveDialogCtrl {
     this.messages = this.messageHandler.getMessages();
   }
 
-  openTerminateVrackModal() {
-    this.atInternet.trackClick({
-      name: `${VRACK_TRACKING_PREFIX}page::button::delete_vrack-private-network`,
-      type: 'action',
-      ...VRACK_TRACKING_CONTEXT,
-      page: {
-        name: `${VRACK_TRACKING_PREFIX}vrack-private-network::detail`,
-      },
-      page_category: 'detail',
-    });
-    this.terminateVrackModalOpen = true;
-  }
-
   // Disable terminate option if the vrack is suspended or if its not empty
   getTerminateOption() {
     this.vrackService

packages/manager/modules/billing-components/src/components/terminate-vrack/translations/Messages_en_GB.json

@@ -302,15 +302,10 @@ <h3 data-translate="vrack_terminate_title"></h3>
             <button
                 type="button"
                 class="btn btn-link"
-                data-ng-click="$ctrl.openTerminateVrackModal()"
+                data-ng-click="$ctrl.goToTerminate()"
                 data-translate="vrack_terminate"
                 data-ng-disabled="$ctrl.disableTerminate"
             ></button>
-            <ovh-manager-vrack-terminate-component
-                data-is-open-modal="$ctrl.terminateVrackModalOpen"
-                data-on-confirm="$ctrl.terminateVrack()"
-                data-on-cancel="$ctrl.resetAction()"
-            ></ovh-manager-vrack-terminate-component>
         </section>
     </div>
 </section>

packages/manager/modules/billing-components/src/components/terminate-vrack/translations/Messages_es_ES.json

@@ -29,14 +29,14 @@ import vrackAdd from '../add';
 import vrackSelectDialog from '../select-dialog';
 import vrackAddDialog from '../add-dialog';
 import vrackDeleteDialog from '../delete-dialog';
+import vrackNotEmptyModal from '../not-empty-modal';
 import vrackAssignedIp from '../vrack-associated-services/ipv6';
 import vrackMoveDialog from '../move-dialog/vrack-move-dialog.module';
 
 import vrackDeleteModal from '../vrack-associated-services/ipv6/delete-dialog';
 import vrackAddModal from '../vrack-associated-services/ipv6/add-dialog';
 import IPv6SubnetAddModal from '../vrack-associated-services/ipv6/add-subnet';
 import IPv6SubnetDeleteModal from '../vrack-associated-services/ipv6/delete-subnet';
-import vrackTerminateModal from '../terminate-modal';
 
 const moduleName = 'ovhManagerVrackDetails';
 
@@ -58,11 +58,11 @@ angular
     vrackSelectDialog,
     vrackAddDialog,
     vrackDeleteDialog,
+    vrackNotEmptyModal,
     vrackMoveDialog,
     vrackAddModal,
     vrackDeleteModal,
     ApiV2ListHelper.moduleName,
-    vrackTerminateModal,
   ])
   .service('vrackService', service)
   .component('ovhManagerVrackComponent', component)