fix(vrack): fix moving product out of vrack

ref: OM-356

Author: marie-j

packages/manager/apps/vrack/index.js

@@ -1,5 +1,12 @@
-import 'script-loader!jquery'; // eslint-disable-line
-import 'script-loader!lodash'; // eslint-disable-line
+/* eslint-disable import/no-webpack-loader-syntax, import/extensions */
+
+import 'script-loader!jquery';
+import 'script-loader!lodash';
+import 'script-loader!messenger/build/js/messenger.js';
+import 'script-loader!messenger/build/js/messenger-theme-future.js';
+import 'script-loader!messenger/build/js/messenger-theme-flat.js';
+
+/* eslint-enable import/no-webpack-loader-syntax, import/extensions */
 
 import angular from 'angular';
 import ovhManagerVrack from '@ovh-ux/manager-vrack';

packages/manager/apps/vrack/package.json

@@ -19,6 +19,7 @@
     "@ovh-ux/ng-ovh-cloud-universe-components": "^1.1.0-alpha.0",
     "@ovh-ux/ng-ovh-contracts": "^3.0.0-beta.3",
     "@ovh-ux/ng-ovh-proxy-request": "^1.0.0-beta.0",
+    "@ovh-ux/ng-ovh-toaster": "^1.0.2",
     "@ovh-ux/ng-ovh-user-pref": "^1.0.0",
     "@ovh-ux/ng-translate-async-loader": "^2.0.0",
     "@uirouter/angularjs": "^1.0.22",
@@ -28,6 +29,7 @@
     "d3": "~3.5.13",
     "jquery": "^2.1.3",
     "lodash": "^3.10.1",
+    "messenger": "HubSpot/messenger#~1.4.1",
     "oclazyload": "^1.1.0",
     "ovh-api-services": "^6.8.0",
     "ovh-manager-webfont": "^1.1.0",

packages/manager/modules/vrack/package.json

@@ -43,6 +43,7 @@
     "@ovh-ux/manager-core": "^5.0.0",
     "@ovh-ux/ng-ovh-cloud-universe-components": "^1.0.1-alpha.0",
     "@ovh-ux/ng-ovh-contracts": "^3.0.0-beta.3",
+    "@ovh-ux/ng-ovh-toaster": "^1.0.2",
     "@uirouter/angularjs": "^1.0.15",
     "angular": "^1.7.5",
     "angular-ui-bootstrap": "~1.3.3",

packages/manager/modules/vrack/src/index.js

@@ -8,6 +8,8 @@ import '@ovh-ux/ng-ovh-cloud-universe-components';
 import 'ovh-ui-kit/dist/oui.css';
 import 'ovh-manager-webfont/dist/css/ovh-font.css';
 import '@ovh-ux/manager-cloud-styles';
+import '@ovh-ux/ng-ovh-toaster';
+
 
 import vrackAdd from './add';
 
@@ -19,6 +21,7 @@ angular.module(moduleName, [
   'oc.lazyLoad',
   'ovhManagerCore',
   'ngOvhCloudUniverseComponents',
+  'ngOvhToaster',
   vrackAdd,
 ]).config(/* @ngInject */($stateProvider) => {
   $stateProvider.state('vrack.**', {

packages/manager/modules/vrack/src/vrack.controller.js

@@ -23,8 +23,8 @@ import keys from 'lodash/keys';
 
 import angular from 'angular';
 
-import selectVrackCtrl from './modals/selectVrack.controller';
-import selectVrackTpl from './modals/selectVrack.html';
+import moveDialogCtrl from './move-dialog/vrack-move-dialog.controller';
+import moveDialogTpl from './move-dialog/vrack-move-dialog.html';
 import constant from './vrack.constant';
 import arrowIcon from '../assets/icon_vrack-mapper-arrows.svg';
 
@@ -650,8 +650,8 @@ export default /* @ngInject */ function VrackCtrl($scope, $q, $stateParams,
   self.moveSelectedService = function moveSelectedService() {
     self.modals.move = $uibModal.open({
       windowTopClass: 'cui-modal',
-      template: selectVrackTpl,
-      controller: selectVrackCtrl,
+      template: moveDialogTpl,
+      controller: moveDialogCtrl,
       controllerAs: 'ctrl',
       resolve: {
         service() {