feat: add object & cloud-archives storages

packages/manager/apps/pci/package.json

@@ -11,6 +11,7 @@
     "start:watch": "lerna exec --stream --parallel --scope='@ovh-ux/manager-pci-app' --include-filtered-dependencies -- yarn run dev:watch"
   },
   "dependencies": {
+    "@ovh-ux/ng-ovh-uirouter-layout": "^0.0.0",
     "@ovh-ux/manager-cloud-styles": "^0.3.0-alpha.0",
     "@ovh-ux/manager-config": "^0.2.0",
     "@ovh-ux/manager-core": "^5.0.0",

packages/manager/apps/public-cloud/src/sidebar/sidebar.constant.js

@@ -20,19 +20,19 @@ export const MENU = [
       },
       {
         options: {
-          state: 'pci.projects.project2',
+          state: 'pci.projects.project.storages.objects',
         },
         translation: 'cloud_sidebar_storage_object_storage',
       },
       {
         options: {
-          state: 'pci.projects.project2',
+          state: 'pci.projects.project.storages.archives',
         },
         translation: 'cloud_sidebar_storage_cold_storage',
       },
       {
         options: {
-          state: 'pci.projects.project2',
+          state: 'pci.projects.project.storages.snapshots',
         },
         translation: 'cloud_sidebar_storage_volume_storage',
       },

packages/manager/modules/pci/package.json

@@ -64,7 +64,7 @@
     "ovh-angular-pagination-front": "ovh-ux/ovh-angular-pagination-front#^5.1.0",
     "ovh-angular-q-allsettled": "ovh-ux/ovh-angular-q-allSettled#^0.3.1",
     "ovh-angular-responsive-page-switcher": "^1.1.0",
-    "ovh-api-services": "^6.8.0",
+    "ovh-api-services": "git+https://github.com/ovh-ux/ovh-api-services.git#feat/cloud-project-storage-aapi",
     "ovh-common-style": "^5.0.0",
     "ovh-jquery-ui-draggable-ng": "ovh-ux/ovh-jquery-ui-draggable-ng#^0.0.5",
     "ovh-manager-webfont": "^1.1.0",

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

@@ -6,7 +6,6 @@ import 'angular-translate';
 import 'ovh-api-services';
 import 'ovh-ui-angular';
 
-
 import edit from './edit';
 import instances from './instances';
 import kubernetes from './kubernetes';

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/add.routing.js

@@ -0,0 +1,20 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.archives.add', {
+      url: '/new',
+      component: 'pciProjectStorageContainersAdd',
+      resolve: {
+        goBack: /* @ngInject */ ($rootScope, $state, projectId) => (reload = false) => {
+          if (reload) {
+            $rootScope.$emit('pci_storages_containers_refresh');
+          }
+          return $state.go('pci.projects.project.storages.archives', {
+            projectId,
+          });
+        },
+        cancelLink: /* @ngInject */ ($state, projectId) => $state.href('pci.projects.project.storages.archives', {
+          projectId,
+        }),
+      },
+    });
+};

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/index.js

@@ -0,0 +1,28 @@
+import angular from 'angular';
+import '@ovh-ux/manager-core';
+import '@ovh-ux/ng-translate-async-loader';
+import '@uirouter/angularjs';
+import 'angular-translate';
+import 'ovh-ui-angular';
+import 'ovh-api-services';
+import 'angular-ui-bootstrap';
+
+import containersAdd from '../../containers/add';
+import routing from './add.routing';
+
+const moduleName = 'ovhManagerPciStoragesCloudArchivesAdd';
+
+angular
+  .module(moduleName, [
+    containersAdd,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/cloud-archive.routing.js

@@ -0,0 +1,22 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.archives.archive', {
+      url: '/{containerId}',
+      component: 'pciProjectStorageContainersContainer',
+      resolve: {
+        containerId: /* @ngInject */ $transition$ => $transition$.params().containerId,
+        addObject: /* @ngInject */ ($state, projectId, containerId) => () => $state.go('pci.projects.project.storages.archives.archive.add', {
+          projectId,
+          containerId,
+        }),
+        deleteObject: /* @ngInject */ ($state, projectId, containerId) => object => $state.go('pci.projects.project.storages.archives.archive.delete', {
+          projectId,
+          containerId,
+          objectId: object.name,
+        }),
+        goBack: /* @ngInject */ ($state, projectId) => () => $state.go('pci.projects.project.storages.archives', {
+          projectId,
+        }),
+      },
+    });
+};

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/delete.routing.js

@@ -0,0 +1,23 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.archives.delete', {
+      url: '/delete?containerId',
+      views: {
+        modal: {
+          component: 'pciProjectStorageContainersContainerDelete',
+        },
+      },
+      layout: 'modal',
+      resolve: {
+        containerId: /* @ngInject */$transition$ => $transition$.params().containerId,
+        goBack: /* @ngInject */ ($rootScope, $state, projectId) => (reload = false) => {
+          if (reload) {
+            $rootScope.$emit('pci_storages_containers_refresh');
+          }
+          return $state.go('pci.projects.project.storages.archives', {
+            projectId,
+          });
+        },
+      },
+    });
+};

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/index.js

@@ -0,0 +1,27 @@
+import angular from 'angular';
+import '@ovh-ux/manager-core';
+import '@ovh-ux/ng-translate-async-loader';
+import '@uirouter/angularjs';
+import 'angular-translate';
+import 'ovh-ui-angular';
+import 'ovh-api-services';
+
+import containers from '../../../containers';
+import routing from './delete.routing';
+
+const moduleName = 'ovhManagerPciStoragesCloudArchivesArchiveDelete';
+
+angular
+  .module(moduleName, [
+    containers,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/index.js

@@ -0,0 +1,33 @@
+import angular from 'angular';
+import '@ovh-ux/manager-core';
+import '@ovh-ux/ng-translate-async-loader';
+import '@uirouter/angularjs';
+import 'angular-translate';
+import 'ovh-ui-angular';
+import 'ovh-api-services';
+
+import containers from '../../containers/container';
+import deleteContainer from './delete';
+import addObject from './object/add';
+import deleteObject from './object/delete';
+import routing from './cloud-archive.routing';
+
+const moduleName = 'ovhManagerPciStoragesCloudArchivesArchive';
+
+angular
+  .module(moduleName, [
+    addObject,
+    containers,
+    deleteContainer,
+    deleteObject,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/add.routing.js

@@ -0,0 +1,29 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.archives.archive.add', {
+      url: '/new',
+      views: {
+        modal: {
+          component: 'pciProjectStorageContainersContainerObjectAdd',
+        },
+      },
+      layout: 'modal',
+      resolve: {
+        archive: () => true,
+        goBack: /* @ngInject */ (
+          $rootScope,
+          $state,
+          projectId,
+          containerId,
+        ) => (reload = false) => {
+          if (reload) {
+            $rootScope.$emit('pci_storages_containers_container_refresh');
+          }
+          return $state.go('pci.projects.project.storages.archives.archive', {
+            projectId,
+            containerId,
+          });
+        },
+      },
+    });
+};

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/index.js

@@ -0,0 +1,27 @@
+import angular from 'angular';
+import '@ovh-ux/manager-core';
+import '@ovh-ux/ng-translate-async-loader';
+import '@uirouter/angularjs';
+import 'angular-translate';
+import 'ovh-ui-angular';
+import 'ovh-api-services';
+
+import containers from '../../../../containers';
+import routing from './add.routing';
+
+const moduleName = 'ovhManagerPciStoragesCloudArchivesArchiveObjectAdd';
+
+angular
+  .module(moduleName, [
+    containers,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/delete.routing.js

@@ -0,0 +1,29 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.archives.archive.delete', {
+      url: '/delete?objectId',
+      views: {
+        modal: {
+          component: 'pciProjectStorageContainersContainerObjectDelete',
+        },
+      },
+      layout: 'modal',
+      resolve: {
+        objectId: /* @ngInject */$transition$ => $transition$.params().objectId,
+        goBack: /* @ngInject */ (
+          $rootScope,
+          $state,
+          projectId,
+          containerId,
+        ) => (reload = false) => {
+          if (reload) {
+            $rootScope.$emit('pci_storages_containers_container_refresh');
+          }
+          return $state.go('pci.projects.project.storages.archives.archive', {
+            projectId,
+            containerId,
+          });
+        },
+      },
+    });
+};

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/index.js

@@ -0,0 +1,27 @@
+import angular from 'angular';
+import '@ovh-ux/manager-core';
+import '@ovh-ux/ng-translate-async-loader';
+import '@uirouter/angularjs';
+import 'angular-translate';
+import 'ovh-ui-angular';
+import 'ovh-api-services';
+
+import containers from '../../../../containers';
+import routing from './delete.routing';
+
+const moduleName = 'ovhManagerPciStoragesCloudArchivesArchiveObjectDelete';
+
+angular
+  .module(moduleName, [
+    containers,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archives.routing.js

@@ -0,0 +1,21 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.archives', {
+      url: '/cloud-archives',
+      component: 'pciProjectStorageContainers',
+      resolve: {
+        archive: () => true,
+        addContainer: /* @ngInject */($state, projectId) => () => $state.go('pci.projects.project.storages.archives.add', {
+          projectId,
+        }),
+        viewContainer: /* @ngInject */($state, projectId) => container => $state.go('pci.projects.project.storages.archives.archive', {
+          projectId,
+          containerId: container.id,
+        }),
+        deleteContainer: /* @ngInject */($state, projectId) => container => $state.go('pci.projects.project.storages.archives.delete', {
+          projectId,
+          containerId: container.id,
+        }),
+      },
+    });
+};

packages/manager/modules/pci/src/projects/project/storages/cloud-archives/index.js

@@ -0,0 +1,34 @@
+import angular from 'angular';
+import '@ovh-ux/manager-core';
+import '@ovh-ux/ng-translate-async-loader';
+import '@uirouter/angularjs';
+import 'angular-translate';
+import 'oclazyload';
+import 'ovh-ui-angular';
+import 'ovh-api-services';
+
+import containers from '../containers';
+
+import addObject from './add';
+import cloudArchive from './cloud-archive';
+
+import routing from './cloud-archives.routing';
+
+const moduleName = 'ovhManagerPciStoragesCloudArchives';
+
+angular
+  .module(moduleName, [
+    addObject,
+    containers,
+    cloudArchive,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;

packages/manager/modules/pci/src/projects/project/storages/containers/add/add.component.js

@@ -0,0 +1,13 @@
+import controller from './add.controller';
+import template from './add.html';
+
+export default {
+  controller,
+  template,
+  bindings: {
+    projectId: '<',
+    archive: '<',
+    goBack: '<',
+    cancelLink: '<',
+  },
+};