fix(pci.kube): display message if no regions is available

Author: marie-j

packages/manager/modules/pci/src/projects/project/kubernetes/add/add.routing.js

@@ -1,23 +1,9 @@
-import map from 'lodash/map';
-
 export default /* @ngInject */ ($stateProvider) => {
   $stateProvider
     .state('pci.projects.project.kubernetes.add', {
       url: '/new',
       component: 'ovhManagerPciProjectKubernetesAdd',
       resolve: {
-        regions: /* @ngInject */ (
-          OvhApiCloudProjectKube,
-          projectId,
-        ) => OvhApiCloudProjectKube.v6()
-          .getRegions({
-            serviceName: projectId,
-          }).$promise
-          .then(regions => map(regions, region => ({
-            name: region,
-            hasEnoughQuota: () => true,
-          }))),
-
         goBack: /* @ngInject */ goToKubernetes => goToKubernetes,
 
         breadcrumb: /* @ngInject */ $translate => $translate.instant('kubernetes_add'),

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

@@ -42,6 +42,18 @@ export default /* @ngInject */ ($stateProvider) => {
           OvhApiCloud => OvhApiCloud.v6().schema().$promise
             .then(schema => get(schema, VERSION_ENUM_KEY)),
 
+        regions: /* @ngInject */ (
+          OvhApiCloudProjectKube,
+          projectId,
+        ) => OvhApiCloudProjectKube.v6()
+          .getRegions({
+            serviceName: projectId,
+          }).$promise
+          .then(regions => map(regions, region => ({
+            name: region,
+            hasEnoughQuota: () => true,
+          }))),
+
         breadcrumb: /* @ngInject */ $translate => $translate.instant('kube_list_title'),
       },
     });

packages/manager/modules/pci/src/projects/project/kubernetes/onboarding/onboarding.component.js

@@ -6,5 +6,6 @@ export default {
   template,
   bindings: {
     addCluster: '<',
+    regions: '<',
   },
 };

packages/manager/modules/pci/src/projects/project/kubernetes/onboarding/onboarding.controller.js

@@ -1,3 +1,4 @@
+import isEmpty from 'lodash/isEmpty';
 import reduce from 'lodash/reduce';
 import illustration from './assets/kubernetes.png';
 import { GUIDES } from './onboarding.constants';
@@ -11,6 +12,7 @@ export default class {
   }
 
   $onInit() {
+    this.canCreateCluster = !isEmpty(this.regions);
     this.illustration = illustration;
     this.guides = reduce(
       GUIDES,

packages/manager/modules/pci/src/projects/project/kubernetes/onboarding/onboarding.html

@@ -4,7 +4,18 @@ <h1 data-translate="pci_projects_project_kubernetes_title"></h1>
     <strong data-translate="pci_projects_project_kubernetes_onboarding_content2"></strong>
     <p data-translate="pci_projects_project_kubernetes_onboarding_content3"></p>
 
+    <oui-message
+        data-ng-if="!$ctrl.canCreateCluster"
+        data-type="warning">
+        <p data-translate="pci_projects_project_kubernetes_onboarding_regions_unavailable"></p>
+        <a class="oui-link"
+           data-translate="pci_projects_project_kubernetes_onboarding_regions_create"
+           data-ui-sref="pci.projects.new">
+        </a>
+    </oui-message>
+
     <oui-button
+        data-ng-if="$ctrl.canCreateCluster"
         data-variant="primary"
         data-on-click="$ctrl.addCluster()">
         <span data-translate="pci_projects_project_kubernetes_onboarding_action_label"></span>

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

@@ -16,5 +16,9 @@
   "pci_projects_project_kubernetes_onboarding_guides_helm_title": "Installing Helm on OVH Managed Kubernetes",
   "pci_projects_project_kubernetes_onboarding_guides_helm_description": "",
   "pci_projects_project_kubernetes_onboarding_guides_istio_title": "Installing Istio on OVH Managed Kubernetes",
-  "pci_projects_project_kubernetes_onboarding_guides_istio_description": ""
+  "pci_projects_project_kubernetes_onboarding_guides_istio_description": "",
+
+  "pci_projects_project_kubernetes_onboarding_regions_unavailable": "Votre projet Public Cloud actuel est configuré dans une région dans laquelle Kubernetes n'est pas disponible. Il est nécessaire de créer un nouveau projet afin de déployer un cluster Kubernetes. Nous travaillons pour élargir l'offre Kubernetes dans d'autres régions.",
+  "pci_projects_project_kubernetes_onboarding_regions_create": "Créer un nouveau projet Public Cloud"
+
 }