feat(telecom-dashboard): add manager banner

Author: Cyrille Bourgois

packages/manager/apps/telecom-dashboard/package.json

@@ -11,6 +11,7 @@
     "start:watch": "lerna exec --stream --parallel --scope='@ovh-ux/manager-telecom-dashboard-app' --include-filtered-dependencies -- npm run dev:watch --if-present"
   },
   "dependencies": {
+    "@ovh-ux/manager-banner": "^1.0.0",
     "@ovh-ux/manager-config": "^0.3.0",
     "@ovh-ux/manager-core": "^7.1.2",
     "@ovh-ux/manager-telecom-dashboard": "^4.3.2",
@@ -33,6 +34,7 @@
     "jsplumb": "^2.11.2",
     "lodash": "^4.17.15",
     "ng-csv": "^0.3.6",
+    "ovh-api-services": "^9.8.0",
     "ovh-manager-webfont": "^1.2.0",
     "ovh-ngstrap": "^4.0.2",
     "ovh-ui-kit": "^2.33.4",
@@ -43,4 +45,4 @@
     "@ovh-ux/manager-webpack-config": "^3.0.8",
     "webpack-merge": "^4.2.2"
   }
-}
+}

packages/manager/apps/telecom-dashboard/webpack.config.js

@@ -12,6 +12,7 @@ module.exports = (env = {}) => {
   return merge(config, {
     entry: path.resolve('./index.js'),
     resolve: {
+      // symlinks: false,
       modules: [
         path.resolve(process.cwd(), './node_modules'),
         path.resolve(process.cwd(), '../../../node_modules'),

packages/manager/apps/telecom/package.json

@@ -32,6 +32,7 @@
     "@bower_components/angular-ellipses": "genu/angular-ellipses#0.1.3",
     "@bower_components/angular-ui-utils": "angular-ui/ui-utils#0.2.3",
     "@bower_components/crypto": "anodynos/node2web_crypto#3.46.1",
+    "@ovh-ux/manager-banner": "^1.0.0",
     "@ovh-ux/manager-config": "^0.3.0",
     "@ovh-ux/manager-core": "^7.1.2",
     "@ovh-ux/manager-freefax": "^5.2.2",

packages/manager/modules/telecom-dashboard/package.json

@@ -38,6 +38,7 @@
     "@ovh-ux/component-rollup-config": "^6.0.0"
   },
   "peerDependencies": {
+    "@ovh-ux/manager-banner": "^1.0.0",
     "@ovh-ux/manager-core": "^6.1.2",
     "@ovh-ux/manager-telecom-styles": "^3.1.0",
     "@ovh-ux/ng-at-internet": "^4.0.0",
@@ -46,8 +47,10 @@
     "@ovh-ux/ng-uirouter-title": "^2.0.0-beta.3",
     "@uirouter/angularjs": "^1.0.15",
     "angular": "^1.7.5",
+    "angular-translate": "^2.18.1",
     "bootstrap4": "twbs/bootstrap#v4.0.0",
     "lodash": "^4.17.14",
+    "ovh-api-services": "^9.8.0",
     "ovh-manager-webfont": "^1.0.2",
     "ovh-ui-kit": "^2.33.3",
     "ovh-ui-kit-bs": "^2.1.1"

packages/manager/modules/telecom-dashboard/src/index.js

@@ -6,6 +6,9 @@ import '@ovh-ux/ng-uirouter-title';
 import '@ovh-ux/manager-core';
 import '@ovh-ux/ng-ovh-telecom-universe-components';
 import '@ovh-ux/manager-telecom-styles';
+import 'angular-translate';
+import '@ovh-ux/manager-banner';
+import 'ovh-api-services';
 
 import 'ovh-ui-kit/dist/oui.css';
 import 'ovh-ui-kit-bs/dist/ovh-ui-kit-bs.css';
@@ -29,7 +32,10 @@ angular
     'ngAtInternet',
     'ngAtInternetUiRouterPlugin',
     'ngUirouterTitle',
+    'ovh-api-services',
+    'ovhManagerBanner',
     'ovhManagerCore',
+    'pascalprecht.translate',
     'ngOvhTelecomUniverseComponents',
     'ui.router',
   ])

packages/manager/modules/telecom-dashboard/src/telecom-dashboard.html

@@ -26,6 +26,7 @@ <h1>
       <!-- /.telecom-section-header -->
 
       <div class="telecom-section-content">
+          <ovh-manager-banner class="d-block mb-4"></ovh-manager-banner>
           <div class="row d-md-flex">
               <div class="col-md-8"
                    data-ui-view="billsView">

yarn.lock

@@ -11558,6 +11558,13 @@ ovh-api-services@^9.7.0:
   dependencies:
     lodash "^4.17.15"
 
+ovh-api-services@^9.8.0:
+  version "9.8.0"
+  resolved "https://registry.yarnpkg.com/ovh-api-services/-/ovh-api-services-9.8.0.tgz#9764da1793ba3bd01bf897c2be6298a9de6cc2cb"
+  integrity sha512-WI9TfBkxkR5TZvQU1Xx8NIRwpS3TVqa7gQwRye+3Wj+b2UIGKAOmf0/fjGTsXSQBPsnMo3U4P+9YmjSO0OX5/A==
+  dependencies:
+    lodash "^4.17.15"
+
 ovh-common-style@^3.2.2:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/ovh-common-style/-/ovh-common-style-3.2.2.tgz#66f4637c7393d1bd5118b05b63b034f26120a41f"