feat(pci.instances): add vrack banner

MANAGER-2613

Author: marie-j

packages/manager/modules/pci/src/projects/project/instances/instances.component.js

@@ -21,5 +21,7 @@ export default {
     resumeInstance: '<',
     deleteInstance: '<',
     instanceLink: '<',
+    vrackLink: '<',
+    vrack: '<',
   },
 };

packages/manager/modules/pci/src/projects/project/instances/instances.controller.js

@@ -1,3 +1,5 @@
+import isEmpty from 'lodash/isEmpty';
+
 import { INSTANCE_HELP_REFERENCE_KEY } from './instances.constants';
 
 export default class CloudProjectComputeInfrastructureListCtrl {
@@ -19,6 +21,7 @@ export default class CloudProjectComputeInfrastructureListCtrl {
   }
 
   $onInit() {
+    this.hasVrack = !isEmpty(this.vrack);
     this.loadMessages();
     this.checkHelpDisplay();
   }

packages/manager/modules/pci/src/projects/project/instances/instances.html

@@ -1,6 +1,14 @@
 <div data-ui-view>
     <h1 data-translate="pci_projects_project_instances_title"></h1>
 
+    <oui-message
+        data-ng-if="!$ctrl.hasVrack"
+        data-type="info"
+        data-dismissable>
+        <p data-translate="pci_projects_project_instances_vrack_none"></p>
+        <a data-ng-href="{{:: $ctrl.vrackLink() }}" data-translate="pci_projects_project_instances_vrack_create"></a>
+    </oui-message>
+
     <cui-message-container data-messages="$ctrl.messages"></cui-message-container>
 
     <oui-datagrid data-rows="$ctrl.instances" data-row-loader="$ctrl.loadInstanceDetail($row)">

packages/manager/modules/pci/src/projects/project/instances/instances.module.js

@@ -20,6 +20,8 @@ import resume from './resume';
 import softReboot from './soft-reboot';
 import unrescue from './unrescue';
 
+import privateNetworks from '../private-networks/private-networks.module';
+
 import component from './instances.component';
 import routing from './instances.routing';
 import service from './instances.service';
@@ -36,6 +38,7 @@ angular
     instance,
     instancesDelete,
     onboarding,
+    privateNetworks,
     reinstall,
     regionsList,
     rescue,

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

@@ -64,6 +64,13 @@ export default /* @ngInject */($stateProvider) => {
         projectId,
         instanceId: instance.id,
       }),
+      vrackLink: /* @ngInject */ ($state, projectId) => () => $state.href('pci.projects.project.privateNetwork.vrack.new', {
+        projectId,
+      }),
+      vrack: /* @ngInject */ (
+        PciPrivateNetworks,
+        projectId,
+      ) => PciPrivateNetworks.getVrack(projectId),
 
       goToInstances: /* @ngInject */ (CucCloudMessage, $state, projectId) => (message = false, type = 'success') => {
         const reload = message && type === 'success';

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

@@ -54,5 +54,8 @@
 
   "pci_projects_project_instances_add_label": "Créer une instance",
 
-  "pci_projects_project_instances_error_query": "Une erreur est survenue lors de la récupération des volumes"
+  "pci_projects_project_instances_error_query": "Une erreur est survenue lors de la récupération des volumes",
+
+  "pci_projects_project_instances_vrack_none": "Vous n'avez pas encore configuré de vRack",
+  "pci_projects_project_instances_vrack_create": "Créer un vRack"
 }