fix(pci.projects): improve creation project (#985)

* fix(pci.projects.new): cancel state depending on projects count
* fix(pci.projects.new.unpaid): set dedicatd translations for component
* fix(pci.projects.new): fix translations
* fix: translation load and cancel project creation redirect

ref: MANAGER-2745, MANAGER-2992, MANAGER-2993

Author: Jisay

packages/manager/modules/pci/src/projects/new/new.routing.js

@@ -60,7 +60,10 @@ export default /* @ngInject */ ($stateProvider) => {
         getStepByName: /* @ngInject */ steps => stepName => find(steps, {
           name: stepName,
         }),
-        getStateLink: /* @ngInject */ ($state, getCurrentStep) => (action, inherit = true) => {
+        getStateLink: /* @ngInject */ (
+          $state,
+          getCurrentStep,
+        ) => (action, inherit = true) => {
           switch (action) {
             case 'cancel':
               return $state.href('pci.projects');

packages/manager/modules/pci/src/projects/new/translations/Messages_fr_FR.json

@@ -6,7 +6,7 @@
   "pci_projects_new_add": "Ajouter",
   "pci_projects_new_credit_and_create": "Créditer et créer mon projet",
   "pci_projects_new_add_payment_error_message": "Une erreur est survenue lors de l'enregistrement de votre moyen de paiement. Veuillez réessayer ou choisir un autre moyen de paiement.",
-  "pci_projects_new_add_credit_payment_error_message": "Une erreur est survenue lors de la validation de votre moyen de paiement, veuillez réessayer.",
+  "pci_projects_new_add_credit_payment_error_message": "Une erreur est survenue lors de la validation de votre moyen de paiement. Veuillez réessayer ultérieurement ou annuler la création de votre projet.",
   "pci_projects_new_create_error_message": "Une erreur est survenue lors de la création de votre projet Public Cloud. Veuillez réessayer.",
   "pci_projects_new_create_credit_asterisk": "* Chaque projet Public Cloud possède un compte crédit qui lui est propre. Vos factures seront automatiquement débitées de celui-ci. Si le montant du crédit est insuffisant, vous devrez régler la somme restant due avec un moyen de paiement enregistré dans les plus brefs délais.",
   "pci_projects_new_create_voucher_not_submitted": "Merci de valider votre code promo avant de continuer"

packages/manager/modules/pci/src/projects/project/creating/notPaid/index.js

@@ -13,9 +13,7 @@ angular
     'ngTranslateAsyncLoader',
     'pascalprecht.translate',
   ])
-  // @TODO replace with ./translations path when trads OK
-  // also change keys in component html file
-  .run(/* @ngTranslationsInject:json ./../translations */)
+  .run(/* @ngTranslationsInject:json ./translations */)
   .component('pciProjectCreatingNotPaid', component);
 
 export default moduleName;

packages/manager/modules/pci/src/projects/project/creating/notPaid/notPaid.html

@@ -18,10 +18,10 @@
                     <h1 data-translate="pci_projects_project_creating_not_paid_title"></h1>
 
                     <h2 class="oui-heading_underline"
-                        data-translate="pci_projects_project_creating_welcome">
+                        data-translate="pci_projects_project_creating_not_paid_welcome">
                     </h2>
 
-                    <p data-translate="pci_projects_project_creating_almost_done"></p>
+                    <p data-translate="pci_projects_project_creating_not_paid_almost_done"></p>
 
                     <oui-message
                         aria-close-button-label="{{ :: 'common_close' | translate }}"

packages/manager/modules/pci/src/projects/project/creating/translations/Messages_fr_FR.json

@@ -3,10 +3,6 @@
   "pci_projects_project_creating_secondary_title": "La création de votre projet est en cours",
   "pci_projects_project_creating_explain1": "Pour finaliser la création de votre projet, veuillez effectuer le paiement du bon de commande <a href=\"{{ href }}\">{{ orderId }}</a>.",
   "pci_projects_project_creating_explain2": "Si cette page est toujours présente plusieurs minutes après le paiement du bon de commande, merci de contacter <a href=\"{{ href }}\">notre service client</a>.",
-  "pci_projects_project_creating_not_paid_title": "En route pour l'aventure Public Cloud",
-  "pci_projects_project_creating_not_paid": "Il semble que vous ayez un bon de commande de {{ amount }} de crédits en attente. Nous vous invitons à le régler en cliquant sur \"Finaliser ma commande\" pour lancer la création de votre projet.",
-  "pci_projects_project_creating_not_paid_explain1": "En cliquant sur « Finaliser ma commande » vous allez être redirigé sur un bon de commande qu’il faudra régler par le moyen de paiement que vous aurez choisi.",
-  "pci_projects_project_creating_not_paid_explain2": "Pour retrouver votre facture, rendez-vous dans « Mon compte », puis <a href=\"{{ href }}\">« Mes commandes »</a>.",
   "pci_projects_project_creating_finalize": "Finaliser ma commande",
   "pci_projects_project_creating_finalize_title": "{{ orderId }} : finaliser ma commande",
   "pci_projects_project_creating_cancel": "Annuler ma commande",

packages/manager/modules/pci/src/projects/projects.routing.js

@@ -10,6 +10,17 @@ export default /* @ngInject */ ($stateProvider) => {
       controller,
       controllerAs: '$ctrl',
       template,
+      redirectTo: (transition) => {
+        const projectsPromise = transition.injector().getAsync('projects');
+        return projectsPromise
+          .then((projects) => {
+            if (!projects.length) {
+              return 'pci.projects.onboarding';
+            }
+
+            return true;
+          });
+      },
       resolve: {
         breadcrumb: /* @ngInject */ () => null,
         projects: /* @ngInject */ OvhApiCloudProject => OvhApiCloudProject