From 6a555ab7b0f25d73599eec9e48aea3db98b345fd Mon Sep 17 00:00:00 2001
From: Cyrille Bourgois <cyrille.bourgois@corp.ovh.com>
Date: Thu, 11 Apr 2019 18:54:48 +0200
Subject: [PATCH 1/3] feat: add object & cloud-archives storages

ref: MANAGER-2290, MANAGER-2289, MANAGER-2361, MANAGER-2362, MANAGER-2359, MANAGER-2360
---
 .../manager/apps/public-cloud/package.json    |   2 +-
 .../src/sidebar/sidebar.constant.js           |   6 +-
 packages/manager/modules/pci/package.json     |   2 +-
 .../modules/pci/src/projects/project/index.js |   1 -
 .../cloud-archives/add/add.routing.js         |  20 +
 .../storages/cloud-archives/add/index.js      |  29 ++
 .../cloud-archive/cloud-archive.routing.js    |  22 ++
 .../cloud-archive/delete/delete.routing.js    |  23 ++
 .../cloud-archive/delete/index.js             |  29 ++
 .../cloud-archives/cloud-archive/index.js     |  35 ++
 .../cloud-archive/object/add/add.routing.js   |  29 ++
 .../cloud-archive/object/add/index.js         |  29 ++
 .../object/delete/delete.routing.js           |  29 ++
 .../cloud-archive/object/delete/index.js      |  29 ++
 .../cloud-archives/cloud-archives.routing.js  |  21 +
 .../project/storages/cloud-archives/index.js  |  35 ++
 .../storages/containers/add/add.component.js  |  13 +
 .../storages/containers/add/add.controller.js | 131 +++++++
 .../project/storages/containers/add/add.html  |  70 ++++
 .../project/storages/containers/add/index.js  |  28 ++
 .../add/translations/Messages_fr_FR.json      |  21 +
 .../containers/container-object.class.js      |  16 +
 .../storages/containers/container.class.js    |   7 +
 .../container/container.component.js          |  16 +
 .../container/container.controller.js         | 136 +++++++
 .../containers/container/container.html       | 131 +++++++
 .../container/delete/delete.component.js      |  13 +
 .../container/delete/delete.controller.js     |  96 +++++
 .../containers/container/delete/delete.html   |  28 ++
 .../containers/container/delete/index.js      |  23 ++
 .../delete/translations/Messages_fr_FR.json   |  13 +
 .../storages/containers/container/index.js    |  32 ++
 .../container/object/add/add.component.js     |  13 +
 .../container/object/add/add.controller.js    |  98 +++++
 .../containers/container/object/add/add.html  |  31 ++
 .../containers/container/object/add/index.js  |  20 +
 .../add/translations/Messages_fr_FR.json      |  16 +
 .../object/delete/delete.component.js         |  14 +
 .../object/delete/delete.controller.js        | 100 +++++
 .../container/object/delete/delete.html       |  24 ++
 .../container/object/delete/index.js          |  23 ++
 .../delete/translations/Messages_fr_FR.json   |  14 +
 .../containers/container/object/index.js      |  30 ++
 .../translations/Messages_fr_FR.json          |  33 ++
 .../containers/containers.component.js        |  14 +
 .../containers/containers.constants.js        |  69 ++++
 .../containers/containers.controller.js       |  65 ++++
 .../storages/containers/containers.html       |  67 ++++
 .../storages/containers/containers.service.js | 363 ++++++++++++++++++
 .../project/storages/containers/index.js      |  30 ++
 .../translations/Messages_fr_FR.json          |  23 ++
 .../src/projects/project/storages/index.js    |   4 +
 .../storages/objects/add/add.routing.js       |  20 +
 .../project/storages/objects/add/index.js     |  29 ++
 .../project/storages/objects/index.js         |  35 ++
 .../objects/object/delete/delete.routing.js   |  23 ++
 .../storages/objects/object/delete/index.js   |  29 ++
 .../project/storages/objects/object/index.js  |  35 ++
 .../storages/objects/object/object.routing.js |  22 ++
 .../objects/object/object/add/add.routing.js  |  28 ++
 .../objects/object/object/add/index.js        |  29 ++
 .../object/object/delete/delete.routing.js    |  29 ++
 .../objects/object/object/delete/index.js     |  29 ++
 .../storages/objects/objects.routing.js       |  21 +
 yarn.lock                                     |   6 +
 65 files changed, 2495 insertions(+), 6 deletions(-)
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/add.routing.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/cloud-archive.routing.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/delete.routing.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/add.routing.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/delete.routing.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archives.routing.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/cloud-archives/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/add/add.component.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/add/add.controller.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/add/add.html
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/add/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/add/translations/Messages_fr_FR.json
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container-object.class.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container.class.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/container.component.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/container.controller.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/container.html
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.component.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.controller.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.html
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/translations/Messages_fr_FR.json
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.component.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.controller.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.html
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/translations/Messages_fr_FR.json
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.component.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.controller.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.html
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/translations/Messages_fr_FR.json
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/object/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/container/translations/Messages_fr_FR.json
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/containers.component.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/containers.constants.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/containers.controller.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/containers.html
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/containers/translations/Messages_fr_FR.json
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/add/add.routing.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/add/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/delete.routing.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/object/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/object/object.routing.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/add.routing.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/delete.routing.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/index.js
 create mode 100644 packages/manager/modules/pci/src/projects/project/storages/objects/objects.routing.js

diff --git a/packages/manager/apps/public-cloud/package.json b/packages/manager/apps/public-cloud/package.json
index e60b2a409168..d034c8800ef4 100644
--- a/packages/manager/apps/public-cloud/package.json
+++ b/packages/manager/apps/public-cloud/package.json
@@ -54,7 +54,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",
diff --git a/packages/manager/apps/public-cloud/src/sidebar/sidebar.constant.js b/packages/manager/apps/public-cloud/src/sidebar/sidebar.constant.js
index 3cdbd01b9bc1..c690ee1ce624 100644
--- a/packages/manager/apps/public-cloud/src/sidebar/sidebar.constant.js
+++ b/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',
       },
diff --git a/packages/manager/modules/pci/package.json b/packages/manager/modules/pci/package.json
index cf2ef1538d6c..e5456cd54ddd 100644
--- a/packages/manager/modules/pci/package.json
+++ b/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",
diff --git a/packages/manager/modules/pci/src/projects/project/index.js b/packages/manager/modules/pci/src/projects/project/index.js
index f6112fa1d59f..ce568cd168c6 100644
--- a/packages/manager/modules/pci/src/projects/project/index.js
+++ b/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';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/add.routing.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/add.routing.js
new file mode 100644
index 000000000000..293ab72c82bb
--- /dev/null
+++ b/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,
+        }),
+      },
+    });
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/index.js
new file mode 100644
index 000000000000..c21ed5e62b34
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/index.js
@@ -0,0 +1,29 @@
+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 '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;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/cloud-archive.routing.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/cloud-archive.routing.js
new file mode 100644
index 000000000000..02372c9c3831
--- /dev/null
+++ b/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,
+        }),
+      },
+    });
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/delete.routing.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/delete.routing.js
new file mode 100644
index 000000000000..67ad8702fb34
--- /dev/null
+++ b/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,
+          });
+        },
+      },
+    });
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/index.js
new file mode 100644
index 000000000000..69e67ad54f80
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/index.js
@@ -0,0 +1,29 @@
+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 'angular-ui-bootstrap';
+
+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;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/index.js
new file mode 100644
index 000000000000..947d0adc9d76
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/index.js
@@ -0,0 +1,35 @@
+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 'angular-ui-bootstrap';
+
+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;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/add.routing.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/add.routing.js
new file mode 100644
index 000000000000..c8c3f90bf7f6
--- /dev/null
+++ b/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,
+          });
+        },
+      },
+    });
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/index.js
new file mode 100644
index 000000000000..348ce5d30b2d
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/index.js
@@ -0,0 +1,29 @@
+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 'angular-ui-bootstrap';
+
+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;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/delete.routing.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/delete.routing.js
new file mode 100644
index 000000000000..60402f784f29
--- /dev/null
+++ b/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,
+          });
+        },
+      },
+    });
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/index.js
new file mode 100644
index 000000000000..1bccf5076f34
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/index.js
@@ -0,0 +1,29 @@
+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 'angular-ui-bootstrap';
+
+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;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archives.routing.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archives.routing.js
new file mode 100644
index 000000000000..633545fe2c70
--- /dev/null
+++ b/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,
+        }),
+      },
+    });
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/index.js
new file mode 100644
index 000000000000..da6f70ceab83
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/index.js
@@ -0,0 +1,35 @@
+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 'angular-ui-bootstrap';
+
+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;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.component.js b/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.component.js
new file mode 100644
index 000000000000..ee5cee2d83b1
--- /dev/null
+++ b/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: '<',
+  },
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.controller.js b/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.controller.js
new file mode 100644
index 000000000000..5867e536246d
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.controller.js
@@ -0,0 +1,131 @@
+import get from 'lodash/get';
+import map from 'lodash/map';
+
+import Container from '../container.class';
+
+import {
+  OBJECT_CONTAINER_TYPES,
+} from '../containers.constants';
+
+export default class PciStoragesContainersAddController {
+  /* @ngInject */
+  constructor(
+    $q,
+    $timeout,
+    $translate,
+    CucCloudMessage,
+    PciProjectStorageBlockService,
+    PciProjectStorageContainersService,
+  ) {
+    this.$q = $q;
+    this.$timeout = $timeout;
+    this.$translate = $translate;
+    this.CucCloudMessage = CucCloudMessage;
+    this.PciProjectStorageBlockService = PciProjectStorageBlockService;
+    this.PciProjectStorageContainersService = PciProjectStorageContainersService;
+  }
+
+  $onInit() {
+    this.displaySelectedRegion = false;
+    this.displaySelectedType = false;
+
+    this.types = OBJECT_CONTAINER_TYPES;
+    this.typesList = map(
+      this.types,
+      type => ({
+        id: type,
+        name: this.$translate.instant(`pci_projects_project_storages_containers_add_type_${type}_description`),
+      }),
+    );
+
+    this.loadings = {
+      regions: false,
+      types: false,
+      save: false,
+    };
+
+    this.container = new Container({
+      archive: this.archive,
+    });
+
+    this.loadings.regions = true;
+
+    this.$translate.refresh()
+      .then(() => this.loadMessages())
+      .then(() => this.PciProjectStorageBlockService.getAvailablesRegions(this.projectId))
+      .then((regions) => {
+        this.regions = regions;
+      })
+      .catch(err => this.CucCloudMessage.error(
+        this.$translate.instant(
+          'pci_projects_project_storages_containers_add_error_query',
+          { message: get(err, 'data.message', '') },
+        ),
+        'pci.projects.project.storages.containers.add',
+      ))
+      .finally(() => {
+        this.loadings.regions = false;
+      });
+  }
+
+  loadMessages() {
+    this.CucCloudMessage.unSubscribe('pci.projects.project.storages.containers.add');
+    this.messageHandler = this.CucCloudMessage.subscribe(
+      'pci.projects.project.storages.containers.add',
+      {
+        onMessage: () => this.refreshMessages(),
+      },
+    );
+  }
+
+  refreshMessages() {
+    this.messages = this.messageHandler.getMessages();
+  }
+
+  onRegionsFocus() {
+    this.displaySelectedRegion = false;
+  }
+
+  onRegionChange() {
+    this.displaySelectedRegion = true;
+  }
+
+  onTypesFocus() {
+    this.displaySelectedType = false;
+  }
+
+  onTypeChange() {
+    this.displaySelectedType = true;
+    this.container.containerType = this.selectedType.id;
+  }
+
+  add() {
+    this.loadings.save = true;
+
+    return this.PciProjectStorageContainersService
+      .addContainer(this.projectId, this.container)
+      .then(() => {
+        this.CucCloudMessage.success(
+          this.$translate.instant(
+            'pci_projects_project_storages_containers_add_success_message',
+            { container: this.container.name },
+          ),
+          'pci.projects.project.storages.containers',
+        );
+
+        return this.goBack(true);
+      })
+      .catch((err) => {
+        this.CucCloudMessage.error(
+          this.$translate.instant(
+            'pci_projects_project_storages_containers_add_error_post',
+            { message: get(err, 'data.message', '') },
+          ),
+          'pci.projects.project.storages.containers.add',
+        );
+      })
+      .finally(() => {
+        this.loadings.save = false;
+      });
+  }
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.html b/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.html
new file mode 100644
index 000000000000..466f7e018e7c
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.html
@@ -0,0 +1,70 @@
+<div class="p-5">
+    <oui-back-button
+        data-on-click="$ctrl.goBack()">{{:: 'pci_projects_project_storages_containers_add_back_label' | translate }}</oui-back-button>
+
+    <h1 data-translate="pci_projects_project_storages_containers_add_title"></h1>
+
+    <cui-message-container data-messages="$ctrl.messages"></cui-message-container>
+
+    <div>
+        <oui-stepper
+            data-on-finish="$ctrl.add()">
+            <oui-step-form
+                data-header="{{:: 'pci_projects_project_storages_containers_add_region_title' | translate }}"
+                data-loading="$ctrl.loadings.regions"
+                data-navigation="$ctrl.container.region"
+                data-on-focus="$ctrl.onRegionsFocus()"
+                data-on-submit="$ctrl.onRegionChange()"
+                data-editable="!$ctrl.loadings.save">
+                <pci-project-regions-list
+                    data-regions="$ctrl.regions"
+                    data-selected-region="$ctrl.container.region"
+                    data-display-selected-region="$ctrl.displaySelectedRegion"></pci-project-regions-list>
+            </oui-step-form>
+
+            <oui-step-form
+                data-header="{{:: 'pci_projects_project_storages_containers_add_type_title' | translate }}"
+                data-ng-if="!$ctrl.archive"
+                data-position="2"
+                data-on-focus="$ctrl.onTypesFocus()"
+                data-on-submit="$ctrl.onTypeChange()"
+                data-navigation="$ctrl.selectedType"
+                data-editable="!$ctrl.loadings.save">
+                <div class="container-fluid px-0">
+                    <div class="row">
+                        <oui-select-picker
+                            data-ng-if="!$ctrl.displaySelectedType || $ctrl.selectedType === type"
+                            data-ng-repeat="type in $ctrl.typesList track by $index"
+                            class="d-inline-block col-md-6 col-lg-4 my-3"
+                            data-name="type"
+                            data-match="name"
+                            data-model="$ctrl.selectedType"
+                            data-label="{{ 'pci_projects_project_storages_containers_add_type_' + type.id + '_label' | translate }}"
+                            data-values="[type]"
+                            data-variant="light"
+                            data-required>
+                        </oui-select-picker>
+                    </div>
+                </div>
+            </oui-step-form>
+
+            <oui-step-form data-header="{{:: 'pci_projects_project_storages_containers_add_name_title' | translate }}"
+                data-editable="!$ctrl.loadings.save"
+                data-cancel-href="{{$ctrl.cancelLink}}"
+                data-cancel-text="{{:: 'pci_projects_project_storages_containers_add_cancel_label' | translate }}"
+                data-submit-text="{{:: 'pci_projects_project_storages_containers_add_submit_label' | translate }}">
+                <oui-field data-size="xl">
+                    <input class="oui-input" type="text" name="name"
+                        data-ng-model="$ctrl.container.name"
+                        data-ng-required="true">
+                </oui-field>
+            </oui-step-form>
+
+        </oui-stepper>
+    </div>
+
+    <div data-ng-if="$ctrl.loadings.save">
+        <oui-spinner></oui-spinner>
+        <p data-translate="pci_projects_project_storages_containers_add_save_form"></p>
+    </div>
+</div>
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/add/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/add/index.js
new file mode 100644
index 000000000000..ba58eba20191
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/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 'oclazyload';
+import 'ovh-ui-angular';
+import 'ovh-api-services';
+import 'angular-ui-bootstrap';
+
+import component from './add.component';
+
+const moduleName = 'ovhManagerPciStoragesContainersAdd';
+
+angular
+  .module(moduleName, [
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+    'ui.bootstrap',
+  ])
+  .component('pciProjectStorageContainersAdd', component)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/add/translations/Messages_fr_FR.json b/packages/manager/modules/pci/src/projects/project/storages/containers/add/translations/Messages_fr_FR.json
new file mode 100644
index 000000000000..6f9654824081
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/add/translations/Messages_fr_FR.json
@@ -0,0 +1,21 @@
+{
+  "pci_projects_project_storages_containers_add_back_label": "Retour",
+  "pci_projects_project_storages_containers_add_title": "Créer un conteneur d'objets",
+  "pci_projects_project_storages_containers_add_region_title": "Sélectionnez une localisation",
+  "pci_projects_project_storages_containers_add_type_title": "Sélectionnez un type de conteneur",
+  "pci_projects_project_storages_containers_add_type_static_label": "Hébergement statique",
+  "pci_projects_project_storages_containers_add_type_static_description": "Accès rapide et performant pour vos sites. Liez vos domaines et déposez vos fichiers.",
+  "pci_projects_project_storages_containers_add_type_public_label": "Public",
+  "pci_projects_project_storages_containers_add_type_public_description": "Facturation, informations légales, logs. Archivez simplement et selon vos usages.",
+  "pci_projects_project_storages_containers_add_type_private_label": "Privé",
+  "pci_projects_project_storages_containers_add_type_private_description": "Multimédia, binaires, e-commerce. Stockez une infinité de données.",
+  "pci_projects_project_storages_containers_add_name_title": "Nom du conteneur",
+  "pci_projects_project_storages_containers_add_submit_title": "Validation",
+  "pci_projects_project_storages_containers_add_submit_label": "Ajouter le conteneur",
+  "pci_projects_project_storages_containers_add_cancel_label": "Annuler",
+  "pci_projects_project_storages_containers_add_save_form": "Création du conteneur en cours",
+
+  "pci_projects_project_storages_containers_add_error_query": "Une erreur est survenue lors de la récupération des régions : {{ message }}",
+  "pci_projects_project_storages_containers_add_success_message": "Le conteneur {{container}} a été ajouté",
+  "pci_projects_project_storages_containers_add_error_post": "Une erreur est survenue lors de l'ajout du conteneur {{ container }} : {{ message }}"
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container-object.class.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container-object.class.js
new file mode 100644
index 000000000000..0b5f8cafcb65
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container-object.class.js
@@ -0,0 +1,16 @@
+import moment from 'moment';
+
+export default class ContainerObject {
+  constructor(resource) {
+    this.retrievalDate = null;
+    Object.assign(this, resource);
+
+    this.updateRetrievalDate();
+  }
+
+  updateRetrievalDate() {
+    if (this.retrievalDelay) {
+      this.retrievalDate = moment().add(this.retrievalDelay, 'seconds').toISOString();
+    }
+  }
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container.class.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container.class.js
new file mode 100644
index 000000000000..89599370c0bc
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container.class.js
@@ -0,0 +1,7 @@
+
+export default class Container {
+  constructor(resource) {
+    this.publicUrl = null;
+    Object.assign(this, resource);
+  }
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.component.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.component.js
new file mode 100644
index 000000000000..36686b0ac63d
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.component.js
@@ -0,0 +1,16 @@
+import controller from './container.controller';
+import template from './container.html';
+
+export default {
+  controller,
+  template,
+  bindings: {
+    archive: '<',
+    projectId: '<',
+    containerId: '<',
+    goBack: '<',
+    addObject: '<',
+    deleteObject: '<',
+    // downloadObject: '<',
+  },
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.controller.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.controller.js
new file mode 100644
index 000000000000..c3006820d43f
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.controller.js
@@ -0,0 +1,136 @@
+import get from 'lodash/get';
+
+import { CONTAINER_DEFAULT_USER } from '../containers.constants';
+
+export default class PciStoragesContainersContainerController {
+  /* @ngInject */
+  constructor(
+    $q,
+    $rootScope,
+    $translate,
+    $window,
+    CucCloudMessage,
+    PciProjectStorageContainersService,
+  ) {
+    this.$q = $q;
+    this.$rootScope = $rootScope;
+    this.$translate = $translate;
+    this.$window = $window;
+    this.CucCloudMessage = CucCloudMessage;
+    this.PciProjectStorageContainersService = PciProjectStorageContainersService;
+
+    this.defaultUser = CONTAINER_DEFAULT_USER;
+  }
+
+  $onInit() {
+    this.$rootScope.$on('pci_storages_containers_container_refresh', () => this.refreshContainer());
+
+    this.columnsParameters = [{
+      name: 'retrievalState',
+      hidden: !this.archive,
+    }];
+
+    this.containers = null;
+
+    this.loading = true;
+    return this.$translate.refresh()
+      .then(() => this.loadMessages())
+      .then(() => this.getContainer())
+      .then(() => this.getContainerPassword())
+      .catch(err => this.CucCloudMessage.error(
+        this.$translate.instant(
+          `pci_projects_project_storages_containers_container_${this.archive ? 'archive' : 'object'}_error_query`,
+          { message: get(err, 'data.message', '') },
+        ),
+        'pci.projects.project.storages.containers.container',
+      ))
+      .finally(() => {
+        this.loading = false;
+      });
+  }
+
+  getContainerPassword() {
+    if (this.archive) {
+      return this.PciProjectStorageContainersService
+        .getArchivePassword(this.projectId, this.container)
+        .then((password) => {
+          this.defaultPassword = password;
+        });
+    }
+    return this.$q.resolve();
+  }
+
+  getContainer() {
+    return this.PciProjectStorageContainersService
+      .getContainer(this.projectId, this.containerId)
+      .then((container) => {
+        this.container = container;
+      });
+  }
+
+  refreshContainer() {
+    this.loading = true;
+    return this.getContainer()
+      .catch(err => this.CucCloudMessage.error(
+        this.$translate.instant(
+          `pci_projects_project_storages_containers_container_${this.archive ? 'archive' : 'object'}_error_query`,
+          { message: get(err, 'data.message', '') },
+        ),
+        'pci.projects.project.storages.containers.container',
+      ))
+      .finally(() => {
+        this.loading = false;
+      });
+  }
+
+  loadMessages() {
+    this.CucCloudMessage.unSubscribe('pci.projects.project.storages.containers.container');
+    this.messageHandler = this.CucCloudMessage.subscribe(
+      'pci.projects.project.storages.containers.container',
+      {
+        onMessage: () => this.refreshMessages(),
+      },
+    );
+  }
+
+  refreshMessages() {
+    this.messages = this.messageHandler.getMessages();
+  }
+
+  downloadObject(object) {
+    return this.PciProjectStorageContainersService
+      .downloadObject(this.projectId, this.containerId, object)
+      .then((url) => {
+        this.$window.location = url;
+      })
+      .catch(err => this.CucCloudMessage.error(
+        this.$translate.instant(
+          `pci_projects_project_storages_containers_container_${this.archive ? 'archive' : 'object'}_error_download`,
+          { message: get(err, 'data.message', '') },
+        ),
+        'pci.projects.project.storages.containers.container',
+      ));
+  }
+
+  unsealObject(object) {
+    return this.PciProjectStorageContainersService
+      .unsealObject(this.projectId, this.container, object)
+      .then(() => this.refreshContainer())
+      .then(() => this.CucCloudMessage.success(
+        this.$translate.instant(
+          'pci_projects_project_storages_containers_container_archive_success_unseal',
+          {
+            archive: object.name,
+          },
+        ),
+        'pci.projects.project.storages.containers.container',
+      ))
+      .catch(err => this.CucCloudMessage.error(
+        this.$translate.instant(
+          'pci_projects_project_storages_containers_container_archive_error_unseal',
+          { message: get(err, 'data.message', '') },
+        ),
+        'pci.projects.project.storages.containers.container',
+      ));
+  }
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.html b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.html
new file mode 100644
index 000000000000..beedfc529f3f
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.html
@@ -0,0 +1,131 @@
+<div
+    data-ui-view>
+    <div class="p-5">
+
+        <oui-back-button
+            data-on-click="$ctrl.goBack()">{{:: 'pci_projects_project_storages_containers_container_back_label' | translate }}</oui-back-button>
+
+        <h1 class="text-truncate"
+            data-ng-if="!$ctrl.loading && $ctrl.container"
+            data-ng-bind="$ctrl.container.name"></h1>
+
+        <cui-message-container data-messages="$ctrl.messages"></cui-message-container>
+
+        <oui-spinner data-size="m" data-ng-if="$ctrl.loading"></oui-spinner>
+
+        <div data-ng-if="!$ctrl.loading && $ctrl.container">
+            <div class="oui-box" >
+                <p data-translate="pci_projects_project_storages_containers_container_archive_info_storedObjects"
+                    data-translate-value-count="{{ $ctrl.container.storedObjects }}"
+                    data-ng-if="$ctrl.archive"></p>
+
+                <p data-translate="pci_projects_project_storages_containers_container_object_info_storedObjects"
+                    data-translate-value-count="{{ $ctrl.container.storedObjects }}"
+                    data-ng-if="!$ctrl.archive"></p>
+
+                <p data-translate="pci_projects_project_storages_containers_container_info_storedBytes"
+                    data-translate-value-bytes="{{$ctrl.container.storedBytes  | RAUnitsBits}}"></p>
+
+                <div>
+                    <span data-translate="pci_projects_project_storages_containers_container_info_publicUrl"></span>
+                    <button type="button" class="oui-popover-button"
+                        data-oui-popover="{{ 'pci_projects_project_storages_containers_container_info_publicUrl_help' | translate }}">
+                    </button>
+                    <oui-clipboard model="$ctrl.container.publicUrl"></oui-clipboard>
+                </div>
+
+                <div>
+                    <span data-translate="pci_projects_project_storages_containers_container_archive_info_staticUrl"
+                        data-ng-if="$ctrl.archive"></span>
+                    <span data-translate="pci_projects_project_storages_containers_container_object_info_staticUrl"
+                        data-ng-if="!$ctrl.archive"></span>
+                    <oui-clipboard model="$ctrl.container.staticUrl"></oui-clipboard>
+                </div>
+
+                <div data-ng-if="$ctrl.archive">
+                    <p data-translate="pci_projects_project_storages_containers_container_archive_info_user"
+                        data-translate-value-user="{{:: $ctrl.defaultUser }}"></p>
+                    <p>
+                        <span data-translate="pci_projects_project_storages_containers_container_archive_info_password"></span>
+                        <span data-ng-bind="$ctrl.defaultPassword"></span>
+                    </p>
+                </div>
+            </div>
+
+            <oui-datagrid
+                data-rows="$ctrl.container.objects"
+                data-columns-parameters="$ctrl.columnsParameters"
+                data-page-size="25">
+                <oui-column
+                    data-title=":: 'pci_projects_project_storages_containers_container_name_label' | translate"
+                    data-property="name"
+                    data-type="string"
+                    data-searchable
+                    data-sortable="asc"
+                    data-filterable>
+                    <span data-ng-bind="::$value" class="text-truncate"></span>
+                </oui-column>
+                <oui-column
+                    data-title=":: 'pci_projects_project_storages_containers_container_lastModified_label' | translate"
+                    data-property="lastModified"
+                    data-type="date"
+                    data-sortable
+                    data-filterable>
+                    <span data-ng-bind="$value | date:'medium'"></span>
+                </oui-column>
+                <oui-column
+                    data-title=":: 'pci_projects_project_storages_containers_container_size_label' | translate"
+                    data-property="size"
+                    data-type="number"
+                    data-sortable>
+                    <span data-ng-bind="$value | RAUnitsBits"></span>
+                </oui-column>
+                <oui-column
+                    data-title=":: 'pci_projects_project_storages_containers_container_contentType_label' | translate"
+                    data-property="contentType"
+                    data-sortable
+                    data-type="string">
+                </oui-column>
+                <oui-column
+                    name="retrievalState"
+                    data-title=":: 'pci_projects_project_storages_containers_container_retrievalState_label' | translate"
+                    data-property="retrievalState"
+                    data-sortable
+                    data-type="string">
+                    <span
+                        data-ng-if="$row.retrievalState === 'sealed' || $row.retrievalState === 'unsealed'"
+                        data-ng-bind="'pci_projects_project_storages_containers_container_retrievalState_' + $row.retrievalState | translate"></span>
+                    <span
+                        data-ng-if="$row.retrievalState === 'unsealing'"
+                        data-ng-bind="$row.retrievalDate | date:'medium'"></span>
+
+                </oui-column>
+
+                <oui-action-menu data-align="end" data-compact>
+                    <oui-action-menu-item
+                        data-on-click="$ctrl.downloadObject($row)"
+                        data-ng-if="!$ctrl.archive || $row.retrievalState === 'unsealed'">
+                        <span data-translate="pci_projects_project_storages_containers_container_download_label"></span>
+                    </oui-action-menu-item>
+                    <oui-action-menu-item
+                        data-on-click="$ctrl.unsealObject($row)"
+                        data-ng-if="$ctrl.archive && $row.retrievalState === 'sealed'">
+                            <span data-translate="pci_projects_project_storages_containers_container_unseal_label"></span>
+                        </oui-action-menu-item>
+                    <oui-action-menu-item
+                        data-on-click="$ctrl.deleteObject($row)">
+                        <span data-translate="pci_projects_project_storages_containers_container_delete_label"></span>
+                    </oui-action-menu-item>
+                </oui-action-menu>
+
+                <extra-top>
+                    <oui-button
+                        data-on-click="$ctrl.addObject()" >
+                        <i class="oui-icon oui-icon-add pr-1" aria-hidden="true"></i>
+                        <span data-ng-bind=":: 'pci_projects_project_storages_containers_container_add_' + ($ctrl.archive ? 'archive' : 'object') + '_label' | translate"></span>
+                    </oui-button>
+                </extra-top>
+            </oui-datagrid>
+        </div>
+    </div>
+</div>
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.component.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.component.js
new file mode 100644
index 000000000000..5fc75668e463
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.component.js
@@ -0,0 +1,13 @@
+import controller from './delete.controller';
+import template from './delete.html';
+
+export default {
+  controller,
+  template,
+  bindings: {
+    archive: '<',
+    projectId: '<',
+    containerId: '<',
+    goBack: '<',
+  },
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.controller.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.controller.js
new file mode 100644
index 000000000000..2848b79a0e1e
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.controller.js
@@ -0,0 +1,96 @@
+import get from 'lodash/get';
+
+export default class PciBlockStorageDetailsDeleteController {
+  /* @ngInject */
+  constructor(
+    $translate,
+    CucCloudMessage,
+    PciProjectStorageContainersService,
+  ) {
+    this.$translate = $translate;
+    this.CucCloudMessage = CucCloudMessage;
+    this.PciProjectStorageContainersService = PciProjectStorageContainersService;
+  }
+
+  $onInit() {
+    this.loadings = {
+      init: false,
+      save: false,
+    };
+
+    this.initLoaders();
+  }
+
+  initLoaders() {
+    this.loadings.init = true;
+    return this.$translate.refresh()
+      .then(() => this.loadMessages())
+      .then(() => this.PciProjectStorageContainersService
+        .getContainer(this.projectId, this.containerId))
+      .then((container) => {
+        this.container = container;
+        return this.container;
+      })
+      .catch((err) => {
+        this.CucCloudMessage.error(
+          this.$translate.instant(
+            'pci_projects_project_storages_containers_container_delete_error_load',
+            { message: get(err, 'data.message', '') },
+          ),
+          'pci.projects.project.storages.containers.delete',
+        );
+      })
+      .finally(() => {
+        this.loadings.init = false;
+      });
+  }
+
+  loadMessages() {
+    return new Promise((resolve) => {
+      this.CucCloudMessage.unSubscribe('pci.projects.project.storages.containers.delete');
+      this.messageHandler = this.CucCloudMessage.subscribe(
+        'pci.projects.project.storages.containers.delete',
+        {
+          onMessage: () => this.refreshMessages(),
+        },
+      );
+      resolve();
+    });
+  }
+
+  refreshMessages() {
+    this.messages = this.messageHandler.getMessages();
+  }
+
+  deleteStorage() {
+    this.loadings.save = true;
+    return this.PciProjectStorageContainersService
+      .deleteContainer(this.projectId, this.container)
+      .then(() => {
+        this.CucCloudMessage.success(
+          this.$translate.instant(
+            'pci_projects_project_storages_containers_container_delete_success_message',
+            {
+              container: this.container.name,
+            },
+          ),
+          'pci.projects.project.storages.containers',
+        );
+        return this.goBack(true);
+      })
+      .catch((err) => {
+        this.CucCloudMessage.error(
+          this.$translate.instant(
+            'pci_projects_project_storages_containers_container_delete_error_delete',
+            {
+              message: get(err, 'data.message', null),
+            },
+          ),
+          'pci.projects.project.storages.containers.delete',
+        );
+      })
+      .finally(() => {
+        this.loadings.save = false;
+      });
+  }
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.html b/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.html
new file mode 100644
index 000000000000..ca76d9cac8cb
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/delete.html
@@ -0,0 +1,28 @@
+<oui-modal
+    data-heading="{{ 'pci_projects_project_storages_containers_container_delete_'+ ($ctrl.archive ? 'archive' : 'object') + '_title' | translate }}"
+    data-primary-action="$ctrl.deleteStorage()"
+    data-primary-label="{{:: 'pci_projects_project_storages_containers_container_delete_submit_label' | translate }}"
+    data-primary-disabled="$ctrl.loadings.init || $ctrl.loadings.save"
+    data-secondary-action="$ctrl.goBack()"
+    data-secondary-label="{{:: 'pci_projects_project_storages_containers_container_delete_cancel_label' | translate }}"
+    data-on-dismiss="$ctrl.goBack()"
+    data-loading="$ctrl.loadings.init">
+
+    <cui-message-container data-messages="$ctrl.messages"></cui-message-container>
+
+    <div data-ng-if="$ctrl.container">
+        <p data-translate="pci_projects_project_storages_containers_container_delete_content"
+            data-translate-values="{ container: $ctrl.container.name }"></p>
+        <oui-message data-type="warning">
+            <span data-translate="pci_projects_project_storages_containers_container_delete_archive_erase_message"
+                data-ng-if="$ctrl.archive"></span>
+            <span data-translate="pci_projects_project_storages_containers_container_delete_object_erase_message"
+                data-ng-if="!$ctrl.archive"></span>
+        </oui-message>
+    </div>
+
+    <div data-ng-if="$ctrl.loadings.save" class="text-center">
+        <oui-spinner></oui-spinner>
+    </div>
+
+</oui-modal>
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/index.js
new file mode 100644
index 000000000000..bf035e25a32b
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/index.js
@@ -0,0 +1,23 @@
+import angular from 'angular';
+import '@ovh-ux/ng-translate-async-loader';
+import '@uirouter/angularjs';
+import 'angular-translate';
+import 'ovh-ui-angular';
+import 'ovh-api-services';
+
+import component from './delete.component';
+
+const moduleName = 'ovhManagerPciStoragesContainersContainerDelete';
+
+angular
+  .module(moduleName, [
+    'ui.router',
+    'oui',
+    'ovh-api-services',
+    'ngTranslateAsyncLoader',
+    'pascalprecht.translate',
+  ])
+  .component('pciProjectStorageContainersContainerDelete', component)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/translations/Messages_fr_FR.json b/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/translations/Messages_fr_FR.json
new file mode 100644
index 000000000000..88eed0d3d444
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/delete/translations/Messages_fr_FR.json
@@ -0,0 +1,13 @@
+{
+  "pci_projects_project_storages_containers_container_delete_archive_title": "Supprimer un conteneur d'archive",
+  "pci_projects_project_storages_containers_container_delete_object_title": "Supprimer un conteneur d'objet",
+  "pci_projects_project_storages_containers_container_delete_submit_label": "Confirmer",
+  "pci_projects_project_storages_containers_container_delete_cancel_label": "Annuler",
+  "pci_projects_project_storages_containers_container_delete_content": "Supprimer définitivement {{ container }}",
+  "pci_projects_project_storages_containers_container_delete_archive_erase_message": "Toutes les données sur le conteneur d'archive seront perdues.",
+  "pci_projects_project_storages_containers_container_delete_object_erase_message": "Toutes les données sur le conteneur d'objet seront perdues.",
+
+  "pci_projects_project_storages_containers_container_delete_error_load": "Une erreur est survenue lors du chargement du conteneur : {{ message }}.",
+  "pci_projects_project_storages_containers_container_delete_success_message": "Le conteneur {{ container }} a été supprimé.",
+  "pci_projects_project_storages_containers_container_delete_error_delete": "Une erreur est survenue lors de la suppression du conteneur {{ container }} : {{ message }}."
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/index.js
new file mode 100644
index 000000000000..1b991a69e075
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/index.js
@@ -0,0 +1,32 @@
+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 'angular-ui-bootstrap';
+
+import deleteContainer from './delete';
+import object from './object';
+import component from './container.component';
+
+const moduleName = 'ovhManagerPciStoragesContainersContainer';
+
+angular
+  .module(moduleName, [
+    deleteContainer,
+    object,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+    'ui.bootstrap',
+  ])
+  .component('pciProjectStorageContainersContainer', component)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.component.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.component.js
new file mode 100644
index 000000000000..36516661e0e2
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.component.js
@@ -0,0 +1,13 @@
+import controller from './add.controller';
+import template from './add.html';
+
+export default {
+  controller,
+  template,
+  bindings: {
+    archive: '<',
+    projectId: '<',
+    containerId: '<',
+    goBack: '<',
+  },
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.controller.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.controller.js
new file mode 100644
index 000000000000..5ffb0808e7b0
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.controller.js
@@ -0,0 +1,98 @@
+import get from 'lodash/get';
+
+export default class PciBlockStorageContainersContainerObjectAddController {
+  /* @ngInject */
+  constructor(
+    $translate,
+    $window,
+    CucCloudMessage,
+    PciProjectStorageContainersService,
+  ) {
+    this.$translate = $translate;
+    this.$window = $window;
+    this.CucCloudMessage = CucCloudMessage;
+    this.PciProjectStorageContainersService = PciProjectStorageContainersService;
+  }
+
+  $onInit() {
+    this.loadings = {
+      init: false,
+      save: false,
+    };
+
+    this.initLoaders();
+  }
+
+  initLoaders() {
+    this.prefix = '/';
+    this.files = [];
+
+    this.loadings.init = true;
+    return this.$translate.refresh()
+      .then(() => this.loadMessages())
+      .then(() => this.PciProjectStorageContainersService
+        .getContainer(this.projectId, this.containerId))
+      .then((container) => {
+        this.container = container;
+        return this.container;
+      })
+      .catch((err) => {
+        this.CucCloudMessage.error(
+          this.$translate.instant(
+            `pci_projects_project_storages_containers_container_object_add_${this.archive ? 'archive' : 'object'}_error_load`,
+            { message: get(err, 'data.message', '') },
+          ),
+          'pci.projects.project.storages.containers.container.object.add',
+        );
+      })
+      .finally(() => {
+        this.loadings.init = false;
+      });
+  }
+
+  loadMessages() {
+    return new Promise((resolve) => {
+      this.CucCloudMessage.unSubscribe('pci.projects.project.storages.containers.container.object.add');
+      this.messageHandler = this.CucCloudMessage.subscribe(
+        'pci.projects.project.storages.containers.container.object.add',
+        {
+          onMessage: () => this.refreshMessages(),
+        },
+      );
+      resolve();
+    });
+  }
+
+  refreshMessages() {
+    this.messages = this.messageHandler.getMessages();
+  }
+
+  addObjects() {
+    this.loadings.save = true;
+    return this.PciProjectStorageContainersService
+      .addObjects(this.projectId, this.container, this.prefix, this.files)
+      .then(() => {
+        this.CucCloudMessage.success(
+          this.$translate.instant(
+            `pci_projects_project_storages_containers_container_object_add_${this.archive ? 'archive' : 'object'}_success_message`,
+          ),
+          'pci.projects.project.storages.containers.container',
+        );
+        return this.goBack(true);
+      })
+      .catch((err) => {
+        this.CucCloudMessage.error(
+          this.$translate.instant(
+            `pci_projects_project_storages_containers_container_object_add_${this.archive ? 'archive' : 'object'}_error_delete`,
+            {
+              message: get(err, 'data.message', null),
+            },
+          ),
+          'pci.projects.project.storages.containers.container.object.add',
+        );
+      })
+      .finally(() => {
+        this.loadings.save = false;
+      });
+  }
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.html b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.html
new file mode 100644
index 000000000000..1733bebba140
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.html
@@ -0,0 +1,31 @@
+<form name="form" enctype="multipart/form-data" novalidate>
+    <oui-modal
+        data-heading="{{ 'pci_projects_project_storages_containers_container_object_add_'+ ($ctrl.archive ? 'archive' : 'object') + '_title' | translate }}"
+        data-primary-action="$ctrl.addObjects()"
+        data-primary-label="{{:: 'pci_projects_project_storages_containers_container_object_add_submit_label' | translate }}"
+        data-primary-disabled="$ctrl.loadings.init || $ctrl.loadings.save"
+        data-secondary-action="$ctrl.goBack()"
+        data-secondary-label="{{:: 'pci_projects_project_storages_containers_container_object_add_cancel_label' | translate }}"
+        data-on-dismiss="$ctrl.goBack()"
+        data-loading="$ctrl.loadings.init">
+
+        <cui-message-container data-messages="$ctrl.messages"></cui-message-container>
+
+        <oui-field data-label="{{:: 'pci_projects_project_storages_containers_container_object_add_prefix_label' | translate }}" size="xl">
+            <input class="oui-input" type="text" id="lastname" name="prefix" ng-model="$ctrl.prefix" required minlength="3" maxlength="32">
+        </oui-field>
+
+        <oui-field data-label="{{:: 'pci_projects_project_storages_containers_container_object_add_files_label' | translate }}" size="xl">
+            <oui-file data-model="$ctrl.files" data-multiple name="files"></oui-file>
+        </oui-field>
+
+        <div data-ng-if="$ctrl.loadings.save" class="text-center">
+            <oui-spinner></oui-spinner>
+        </div>
+    </oui-modal>
+</form>
+
+
+
+
+
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/index.js
new file mode 100644
index 000000000000..246e740877a2
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/index.js
@@ -0,0 +1,20 @@
+import angular from 'angular';
+import '@ovh-ux/ng-translate-async-loader';
+import 'angular-translate';
+import 'ovh-ui-angular';
+
+import component from './add.component';
+
+const moduleName = 'ovhManagerPciStoragesContainersContainerObjectAdd';
+
+angular
+  .module(moduleName, [
+    'ui.router',
+    'oui',
+    'ngTranslateAsyncLoader',
+    'pascalprecht.translate',
+  ])
+  .component('pciProjectStorageContainersContainerObjectAdd', component)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/translations/Messages_fr_FR.json b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/translations/Messages_fr_FR.json
new file mode 100644
index 000000000000..e0c376aea307
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/translations/Messages_fr_FR.json
@@ -0,0 +1,16 @@
+{
+  "pci_projects_project_storages_containers_container_object_add_archive_title": "Ajouter des archives",
+  "pci_projects_project_storages_containers_container_object_add_object_title": "Ajouter des objets",
+
+  "pci_projects_project_storages_containers_container_object_add_submit_label": "Importer",
+  "pci_projects_project_storages_containers_container_object_add_cancel_label": "Annuler",
+  "pci_projects_project_storages_containers_container_object_add_prefix_label": "Préfixe",
+  "pci_projects_project_storages_containers_container_object_add_files_label": "Importer des fichiers",
+
+  "pci_projects_project_storages_containers_container_object_add_archive_error_load": "Une erreur est survenue lors du chargement de l'archive : {{ message }}.",
+  "pci_projects_project_storages_containers_container_object_add_object_error_load": "Une erreur est survenue lors du chargement de l'objet : {{ message }}.",
+  "pci_projects_project_storages_containers_container_object_add_archive_success_message": "Les archives ont été importées.",
+  "pci_projects_project_storages_containers_container_object_add_object_success_message": "Les objets ont été importés.",
+  "pci_projects_project_storages_containers_container_object_add_archive_error_delete": "Une erreur est survenue lors de l'import des archives : {{ message }}.",
+  "pci_projects_project_storages_containers_container_object_add_object_error_delete": "Une erreur est survenue lors de l'import des objets {{ object }} : {{ message }}."
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.component.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.component.js
new file mode 100644
index 000000000000..af7e25cf7f7d
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.component.js
@@ -0,0 +1,14 @@
+import controller from './delete.controller';
+import template from './delete.html';
+
+export default {
+  controller,
+  template,
+  bindings: {
+    archive: '<',
+    projectId: '<',
+    containerId: '<',
+    objectId: '<',
+    goBack: '<',
+  },
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.controller.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.controller.js
new file mode 100644
index 000000000000..289f541dc67e
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.controller.js
@@ -0,0 +1,100 @@
+import get from 'lodash/get';
+
+export default class PciBlockStorageContainersContainerObjectDeleteController {
+  /* @ngInject */
+  constructor(
+    $translate,
+    $window,
+    CucCloudMessage,
+    PciProjectStorageContainersService,
+  ) {
+    this.$translate = $translate;
+    this.$window = $window;
+    this.CucCloudMessage = CucCloudMessage;
+    this.PciProjectStorageContainersService = PciProjectStorageContainersService;
+  }
+
+  $onInit() {
+    this.loadings = {
+      init: false,
+      save: false,
+    };
+
+    this.initLoaders();
+  }
+
+  initLoaders() {
+    this.loadings.init = true;
+    return this.$translate.refresh()
+      .then(() => this.loadMessages())
+      .then(() => this.PciProjectStorageContainersService
+        .getObject(this.projectId, this.containerId, this.objectId))
+      .then(({ container, object }) => {
+        this.object = object;
+        this.container = container;
+
+        return this.object;
+      })
+      .catch((err) => {
+        this.CucCloudMessage.error(
+          this.$translate.instant(
+            `pci_projects_project_storages_containers_container_object_delete_${this.archive ? 'archive' : 'object'}_error_load`,
+            { message: get(err, 'data.message', '') },
+          ),
+          'pci.projects.project.storages.containers.container.object.delete',
+        );
+      })
+      .finally(() => {
+        this.loadings.init = false;
+      });
+  }
+
+  loadMessages() {
+    return new Promise((resolve) => {
+      this.CucCloudMessage.unSubscribe('pci.projects.project.storages.containers.container.object.delete');
+      this.messageHandler = this.CucCloudMessage.subscribe(
+        'pci.projects.project.storages.containers.container.object.delete',
+        {
+          onMessage: () => this.refreshMessages(),
+        },
+      );
+      resolve();
+    });
+  }
+
+  refreshMessages() {
+    this.messages = this.messageHandler.getMessages();
+  }
+
+  deleteObject() {
+    this.loadings.save = true;
+    return this.PciProjectStorageContainersService
+      .deleteObject(this.projectId, this.container, this.object)
+      .then(() => {
+        this.CucCloudMessage.success(
+          this.$translate.instant(
+            `pci_projects_project_storages_containers_container_object_delete_${this.archive ? 'archive' : 'object'}_success_message`,
+            {
+              object: this.object.name,
+            },
+          ),
+          'pci.projects.project.storages.containers.container',
+        );
+        return this.goBack(true);
+      })
+      .catch((err) => {
+        this.CucCloudMessage.error(
+          this.$translate.instant(
+            `pci_projects_project_storages_containers_container_object_delete_${this.archive ? 'archive' : 'object'}_error_delete`,
+            {
+              message: get(err, 'data.message', null),
+            },
+          ),
+          'pci.projects.project.storages.containers.container.object.delete',
+        );
+      })
+      .finally(() => {
+        this.loadings.save = false;
+      });
+  }
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.html b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.html
new file mode 100644
index 000000000000..bad48e2f6e60
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.html
@@ -0,0 +1,24 @@
+<oui-modal
+    data-heading="{{ 'pci_projects_project_storages_containers_container_object_delete_'+ ($ctrl.archive ? 'archive' : 'object') + '_title' | translate }}"
+    data-primary-action="$ctrl.deleteObject()"
+    data-primary-label="{{:: 'pci_projects_project_storages_containers_container_object_delete_submit_label' | translate }}"
+    data-primary-disabled="$ctrl.loadings.init || $ctrl.loadings.save"
+    data-secondary-action="$ctrl.goBack()"
+    data-secondary-label="{{:: 'pci_projects_project_storages_containers_container_object_delete_cancel_label' | translate }}"
+    data-on-dismiss="$ctrl.goBack()"
+    data-loading="$ctrl.loadings.init">
+
+    <cui-message-container data-messages="$ctrl.messages"></cui-message-container>
+
+    <p data-translate="pci_projects_project_storages_containers_container_object_delete_content"
+        data-translate-values="{ object: $ctrl.object.name }"></p>
+
+    <div data-ng-if="$ctrl.loadings.save" class="text-center">
+        <oui-spinner></oui-spinner>
+    </div>
+</oui-modal>
+
+
+
+
+
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/index.js
new file mode 100644
index 000000000000..e70b909ba8b9
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/index.js
@@ -0,0 +1,23 @@
+import angular from 'angular';
+import '@ovh-ux/ng-translate-async-loader';
+import '@uirouter/angularjs';
+import 'angular-translate';
+import 'ovh-ui-angular';
+import 'ovh-api-services';
+
+import component from './delete.component';
+
+const moduleName = 'ovhManagerPciStoragesContainersContainerObjectDelete';
+
+angular
+  .module(moduleName, [
+    'ui.router',
+    'oui',
+    'ovh-api-services',
+    'ngTranslateAsyncLoader',
+    'pascalprecht.translate',
+  ])
+  .component('pciProjectStorageContainersContainerObjectDelete', component)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/translations/Messages_fr_FR.json b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/translations/Messages_fr_FR.json
new file mode 100644
index 000000000000..3f2b3e2dc776
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/translations/Messages_fr_FR.json
@@ -0,0 +1,14 @@
+{
+  "pci_projects_project_storages_containers_container_object_delete_archive_title": "Supprimer une archive",
+  "pci_projects_project_storages_containers_container_object_delete_object_title": "Supprimer un objet",
+  "pci_projects_project_storages_containers_container_object_delete_submit_label": "Confirmer",
+  "pci_projects_project_storages_containers_container_object_delete_cancel_label": "Annuler",
+  "pci_projects_project_storages_containers_container_object_delete_content": "Voulez-vous supprimer {{ object }} ?",
+
+  "pci_projects_project_storages_containers_container_object_delete_archive_error_load": "Une erreur est survenue lors du chargement de l'archive : {{ message }}",
+  "pci_projects_project_storages_containers_container_object_delete_object_error_load": "Une erreur est survenue lors du chargement de l'objet : {{ message }}",
+  "pci_projects_project_storages_containers_container_object_delete_archive_success_message": "L'archive {{ object }} a été supprimée",
+  "pci_projects_project_storages_containers_container_object_delete_object_success_message": "L'objet {{ object }} a été supprimé",
+  "pci_projects_project_storages_containers_container_object_delete_archive_error_delete": "Une erreur est survenue lors de la suppression de l'archive {{ object }} : {{ message }}",
+  "pci_projects_project_storages_containers_container_object_delete_object_error_delete": "Une erreur est survenue lors de la suppression de l'objet {{ object }} : {{ message }}"
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/index.js
new file mode 100644
index 000000000000..7b506b37629f
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/index.js
@@ -0,0 +1,30 @@
+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 'angular-ui-bootstrap';
+
+import addObject from './add';
+import deleteObject from './delete';
+
+const moduleName = 'ovhManagerPciStoragesContainersContainerObject';
+
+angular
+  .module(moduleName, [
+    addObject,
+    deleteObject,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+    'ui.bootstrap',
+  ])
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/translations/Messages_fr_FR.json b/packages/manager/modules/pci/src/projects/project/storages/containers/container/translations/Messages_fr_FR.json
new file mode 100644
index 000000000000..a6e56a609f14
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/translations/Messages_fr_FR.json
@@ -0,0 +1,33 @@
+{
+  "pci_projects_project_storages_containers_container_back_label": "Retour",
+  "pci_projects_project_storages_containers_container_archive_info_storedObjects": "Archives: {{ count }}",
+  "pci_projects_project_storages_containers_container_object_info_storedObjects": "Objets: {{ count }}",
+  "pci_projects_project_storages_containers_container_info_storedBytes": "Espace utilisé: {{ bytes }}",
+  "pci_projects_project_storages_containers_container_info_publicUrl": "URL du conteneur",
+  "pci_projects_project_storages_containers_container_info_publicUrl_help": "Cette information est nécessaire pour récupérer ou manipuler vos objets via l'API. Rendez-vous dans la section guide pour plus de détails.",
+  "pci_projects_project_storages_containers_container_archive_info_staticUrl": "Adresse du serveur pour rsync/sftp/scp :",
+  "pci_projects_project_storages_containers_container_object_info_staticUrl": "Valeur de l'enregistrement CNAME/TXT :",
+  "pci_projects_project_storages_containers_container_archive_info_user": "Nom de l'utilisateur : {{ user }}",
+  "pci_projects_project_storages_containers_container_archive_info_password": "Mot de passe (la concaténation des champs suivant) :",
+
+  "pci_projects_project_storages_containers_container_name_label": "Nom",
+  "pci_projects_project_storages_containers_container_lastModified_label": "Dernière modification",
+  "pci_projects_project_storages_containers_container_size_label": "Taille",
+  "pci_projects_project_storages_containers_container_contentType_label": "Type",
+  "pci_projects_project_storages_containers_container_retrievalState_label": "Disponibilité",
+  "pci_projects_project_storages_containers_container_retrievalState_unsealed": "Oui",
+  "pci_projects_project_storages_containers_container_retrievalState_sealed": "Gelée",
+  "pci_projects_project_storages_containers_container_unseal_label": "Dégeler",
+  "pci_projects_project_storages_containers_container_download_label": "Télécharger",
+  "pci_projects_project_storages_containers_container_delete_label": "Supprimer",
+
+  "pci_projects_project_storages_containers_container_add_archive_label": "Créer des archives",
+  "pci_projects_project_storages_containers_container_add_object_label": "Créer des objets",
+
+  "pci_projects_project_storages_containers_container_archive_error_query": "Une erreur est survenue lors de la récupération du conteneur d'archive : {{ message }}.",
+  "pci_projects_project_storages_containers_container_object_error_query": "Une erreur est survenue lors de la récupération du conteneur d'objet : {{ message }}.",
+  "pci_projects_project_storages_containers_container_archive_error_download": "Une erreur est survenue lors du téléchargement de l'archive : {{ message }}.",
+  "pci_projects_project_storages_containers_container_object_error_download": "Une erreur est survenue lors du téléchargement de l'objet : {{ message }}.",
+  "pci_projects_project_storages_containers_container_archive_error_unseal": "Une erreur est survenue lors du dégel de l'archive : {{ message }}.",
+  "pci_projects_project_storages_containers_container_archive_success_unseal": "Le dégel de l'archive {{archive}} est en cours."
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/containers.component.js b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.component.js
new file mode 100644
index 000000000000..f6022ade86ca
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.component.js
@@ -0,0 +1,14 @@
+import controller from './containers.controller';
+import template from './containers.html';
+
+export default {
+  controller,
+  template,
+  bindings: {
+    projectId: '<',
+    addContainer: '<',
+    viewContainer: '<',
+    deleteContainer: '<',
+    archive: '<',
+  },
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/containers.constants.js b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.constants.js
new file mode 100644
index 000000000000..263955863e83
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.constants.js
@@ -0,0 +1,69 @@
+export const OBJECT_CONTAINER_TYPE_STATIC = 'static';
+export const OBJECT_CONTAINER_TYPE_PRIVATE = 'private';
+export const OBJECT_CONTAINER_TYPE_PUBLIC = 'public';
+export const OBJECT_CONTAINER_TYPES = [
+  OBJECT_CONTAINER_TYPE_STATIC,
+  OBJECT_CONTAINER_TYPE_PRIVATE,
+  OBJECT_CONTAINER_TYPE_PUBLIC,
+];
+
+export const OBJECT_TYPE_SEALED = 'sealed';
+export const OBJECT_TYPE_UNSEALING = 'unsealing';
+export const OBJECT_TYPE_UNSEALED = 'unsealed';
+export const OBJECT_TYPE_PCA = 'pca';
+export const OBJECT_TYPES = [
+  OBJECT_TYPE_SEALED,
+  OBJECT_TYPE_UNSEALING,
+  OBJECT_TYPE_UNSEALED,
+  OBJECT_TYPE_PCA,
+];
+
+export const CLOUD_PCA_FILE_STATE = {
+  SEALED: 'sealed',
+  UNSEALING: 'unsealing',
+  UNSEALED: 'unsealed',
+};
+
+export const CONTAINER_DEFAULT_USER = 'pca';
+
+export const CONTAINER_DEFAULT_PASSWORD_TENANTNAME = '<tenant_name>';
+export const CONTAINER_DEFAULT_PASSWORD_USERNAME = '<username>';
+export const CONTAINER_DEFAULT_PASSWORD_PASSWORD = '<password>';
+export const CONTAINER_DEFAULT_PASSWORD = [
+  CONTAINER_DEFAULT_PASSWORD_TENANTNAME,
+  CONTAINER_DEFAULT_PASSWORD_USERNAME,
+  CONTAINER_DEFAULT_PASSWORD_PASSWORD,
+].join('.');
+
+export const X_CONTAINER_HEADERS_REGEX = /^(X-Container|X-Storage)/i;
+
+export const X_AUTH_TOKEN = 'X-Auth-Token';
+export const X_STORAGE_POLICY = 'x-storage-policy';
+export const X_CONTAINER_READ = 'x-container-read';
+export const X_CONTAINER_META_WEB_LISTINGS = 'x-container-meta-web-listings';
+export const X_CONTAINER_READ_PUBLIC_VALUE = '.r:*,.rlistings';
+
+
+export default {
+
+  CONTAINER_DEFAULT_USER,
+  CONTAINER_DEFAULT_PASSWORD_TENANTNAME,
+  CONTAINER_DEFAULT_PASSWORD_USERNAME,
+  CONTAINER_DEFAULT_PASSWORD_PASSWORD,
+  CONTAINER_DEFAULT_PASSWORD,
+
+  OBJECT_CONTAINER_TYPES,
+
+  OBJECT_TYPE_SEALED,
+  OBJECT_TYPE_UNSEALING,
+  OBJECT_TYPE_UNSEALED,
+  OBJECT_TYPE_PCA,
+  OBJECT_TYPES,
+
+  X_AUTH_TOKEN,
+  X_CONTAINER_HEADERS_REGEX,
+  X_CONTAINER_META_WEB_LISTINGS,
+  X_CONTAINER_READ,
+  X_CONTAINER_READ_PUBLIC_VALUE,
+  X_STORAGE_POLICY,
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/containers.controller.js b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.controller.js
new file mode 100644
index 000000000000..4ab5295f1f1b
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.controller.js
@@ -0,0 +1,65 @@
+import get from 'lodash/get';
+
+export default class PciStoragesContainersController {
+  /* @ngInject */
+  constructor(
+    $rootScope,
+    $translate,
+    CucCloudMessage,
+    PciProjectStorageContainersService,
+  ) {
+    this.$rootScope = $rootScope;
+    this.$translate = $translate;
+    this.CucCloudMessage = CucCloudMessage;
+    this.PciProjectStorageContainersService = PciProjectStorageContainersService;
+  }
+
+  $onInit() {
+    this.$rootScope.$on('pci_storages_containers_refresh', () => this.refreshContainers());
+
+    this.containers = null;
+
+    this.loading = true;
+    return this.$translate.refresh()
+      .then(() => this.loadMessages())
+      .then(() => this.getContainers())
+      .finally(() => {
+        this.loading = false;
+      });
+  }
+
+  getContainers() {
+    return this.PciProjectStorageContainersService.getAll(this.projectId, this.archive)
+      .then((containers) => {
+        this.containers = containers;
+      })
+      .catch(err => this.CucCloudMessage.error(
+        this.$translate.instant(
+          'pci_projects_project_storages_containers_error_query',
+          { message: get(err, 'data.message', '') },
+        ),
+      ));
+  }
+
+  refreshContainers() {
+    this.loading = true;
+    return this.getContainers()
+      .finally(() => {
+        this.loading = false;
+      });
+  }
+
+  loadMessages() {
+    this.CucCloudMessage.unSubscribe('pci.projects.project.storages.containers');
+    this.messageHandler = this.CucCloudMessage.subscribe(
+      'pci.projects.project.storages.containers',
+      {
+        onMessage: () => this.refreshMessages(),
+      },
+    );
+  }
+
+  refreshMessages() {
+    this.messages = this.messageHandler.getMessages();
+  }
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/containers.html b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.html
new file mode 100644
index 000000000000..1a2e181811fc
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.html
@@ -0,0 +1,67 @@
+<div
+    data-ui-view>
+    <div class="p-5">
+        <h1 data-ng-bind="'pci_projects_project_storages_containers_' + ($ctrl.archive ? 'archive' : 'object') + '_title' | translate"></h1>
+
+        <cui-message-container data-messages="$ctrl.messages"></cui-message-container>
+
+        <oui-datagrid
+            data-rows="$ctrl.containers"
+            data-page-size="25">
+            <oui-column
+                data-title="'pci_projects_project_storages_containers_name_label' | translate"
+                data-property="name"
+                data-type="string"
+                data-searchable
+                data-sortable="asc"
+                data-filterable>
+                <span data-ng-bind="::$value" class="text-truncate"></span>
+            </oui-column>
+            <oui-column
+                data-title="'pci_projects_project_storages_containers_region_label' | translate"
+                data-property="region"
+                data-type="string"
+                data-sortable
+                data-filterable></oui-column>
+            <oui-column
+                data-title="'pci_projects_project_storages_containers_containerType_label' | translate"
+                data-property="containerType"
+                data-sortable
+                data-type="string">
+                <span data-ng-bind="'pci_projects_project_storages_containers_containerType_' + $row.containerType | translate"></span>
+            </oui-column>
+            <oui-column
+                data-title="'pci_projects_project_storages_containers_storedObjects_label' | translate"
+                data-property="storedObjects"
+                data-type="number"
+                data-sortable
+                data-filterable>
+            </oui-column>
+            <oui-column
+                data-title="'pci_projects_project_storages_containers_storedBytes_label' | translate"
+                data-property="storedBytes"
+                data-type="number"
+                data-sortable>
+                <span data-ng-bind="$value | RAUnitsBits"></span>
+            </oui-column>
+
+            <oui-action-menu data-align="end" data-compact>
+                <oui-action-menu-item data-on-click="$ctrl.viewContainer($row)">
+                    <span data-ng-bind="'pci_projects_project_storages_containers_view_' + ($ctrl.archive ? 'archive' : 'object') + '_label' | translate"></span>
+                </oui-action-menu-item>
+                <oui-action-menu-item
+                    data-on-click="$ctrl.deleteContainer($row)">
+                    <span data-translate="pci_projects_project_storages_containers_delete_label"></span>
+                </oui-action-menu-item>
+            </oui-action-menu>
+
+            <extra-top>
+                <oui-button
+                    data-on-click="$ctrl.addContainer()" >
+                    <i class="oui-icon oui-icon-add pr-1" aria-hidden="true"></i>
+                    <span data-ng-bind="'pci_projects_project_storages_blocks_add_' + ($ctrl.archive ? 'archive' : 'object') + '_label' | translate"></span>
+                </oui-button>
+            </extra-top>
+        </oui-datagrid>
+    </div>
+</div>
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js
new file mode 100644
index 000000000000..a1ae2cdd1ac7
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js
@@ -0,0 +1,363 @@
+import angular from 'angular';
+import find from 'lodash/find';
+import has from 'lodash/has';
+import map from 'lodash/map';
+import pickBy from 'lodash/pickBy';
+import reduce from 'lodash/reduce';
+import startsWith from 'lodash/startsWith';
+import endsWith from 'lodash/endsWith';
+import moment from 'moment';
+
+import Container from './container.class';
+import ContainerObject from './container-object.class';
+
+import {
+  CONTAINER_DEFAULT_PASSWORD_TENANTNAME,
+  CONTAINER_DEFAULT_PASSWORD_USERNAME,
+  CONTAINER_DEFAULT_PASSWORD,
+  OBJECT_CONTAINER_TYPE_STATIC,
+  OBJECT_CONTAINER_TYPE_PUBLIC,
+  OBJECT_TYPE_SEALED,
+  X_AUTH_TOKEN,
+  X_CONTAINER_HEADERS_REGEX,
+  X_CONTAINER_READ,
+  X_CONTAINER_READ_PUBLIC_VALUE,
+} from './containers.constants';
+
+export default class PciStoragesContainersService {
+  /* @ngInject */
+  constructor(
+    $http,
+    $q,
+    OvhApiCloudProjectStorage,
+    OvhApiCloudProjectUser,
+  ) {
+    this.$http = $http;
+    this.$q = $q;
+    this.OvhApiCloudProjectStorage = OvhApiCloudProjectStorage;
+    this.OvhApiCloudProjectUser = OvhApiCloudProjectUser;
+  }
+
+  getAccessAndToken(projectId) {
+    return this.OvhApiCloudProjectStorage
+      .v6()
+      .access({
+        projectId,
+      })
+      .$promise
+      .then(({ token, endpoints }) => ({
+        token,
+        endpoints: reduce(
+          endpoints,
+          (result, endpoint) => ({
+            ...result,
+            [endpoint.region.toLowerCase()]: endpoint.url,
+          }),
+          {},
+        ),
+      }));
+  }
+
+  getArchivePassword(projectId, { region }) {
+    return this.OvhApiCloudProjectUser
+      .v6()
+      .query({
+        serviceName: projectId,
+      })
+      .$promise
+      .then((users) => {
+        const promises = {
+          users,
+        };
+        if (users.length > 0) {
+          promises.openrc = this.OvhApiCloudProjectUser
+            .Aapi()
+            .openrc({
+              serviceName: projectId,
+              userId: users[0].id,
+              region,
+            })
+            .$promise;
+        }
+        return this.$q.all(promises);
+      })
+      .then(({ users, openrc }) => {
+        if (openrc) {
+          let cleanedOpenRc = { ...openrc };
+          if (users.length > 1) {
+            cleanedOpenRc = Object.keys(openrc).reduce((object, key) => {
+              if (key !== 'osUsername') {
+                return {
+                  ...object,
+                  [key]: openrc[key],
+                };
+              }
+              return object;
+            }, {});
+          }
+          return cleanedOpenRc;
+        }
+        return {};
+      })
+      .then((connectionInformation) => {
+        let password = `${CONTAINER_DEFAULT_PASSWORD}`;
+        if (has(connectionInformation, 'osTenantName')) {
+          password = password.replace(
+            CONTAINER_DEFAULT_PASSWORD_TENANTNAME,
+            connectionInformation.osTenantName,
+          );
+        }
+        if (has(connectionInformation, 'osUsername')) {
+          password = password.replace(
+            CONTAINER_DEFAULT_PASSWORD_USERNAME,
+            connectionInformation.osUsername,
+          );
+        }
+
+        return password;
+      });
+  }
+
+  getAll(projectId, isArchive = null) {
+    const queryParams = {
+      serviceName: projectId,
+    };
+
+    if (isArchive === true) {
+      queryParams.archive = true;
+    } else if (isArchive === false) {
+      queryParams.archive = false;
+    }
+
+    return this.OvhApiCloudProjectStorage
+      .aapi()
+      .query(queryParams)
+      .$promise
+      .then(containers => map(containers, container => new Container(container)));
+  }
+
+  getContainer(projectId, containerId) {
+    return this.OvhApiCloudProjectStorage
+      .v6()
+      .get({
+        projectId,
+        containerId,
+      })
+      .$promise
+      .then(container => this.$q.all({
+        container,
+        publicUrl: this.getContainerUrl(projectId, container),
+      }))
+      .then(({ container, publicUrl }) => new Container({
+        ...container,
+        objects: map(container.objects, object => new ContainerObject(object)),
+        id: containerId,
+        publicUrl,
+      }));
+  }
+
+  getContainerUrl(projectId, container, file = null) {
+    return this.getAccessAndToken(projectId)
+      .then(({ endpoints }) => {
+        const url = `${endpoints[container.region.toLowerCase()]}/${encodeURIComponent(container.name)}`;
+        if (file) {
+          return `${url}/${encodeURIComponent(file)}`;
+        }
+        return url;
+      });
+  }
+
+  requestContainer(projectId, container, optsParam = {}) {
+    const opts = pickBy(optsParam, (value, key) => key !== 'file');
+    // const url = this.getContainerUrl(projectId, container, optsParam.file);
+
+    return this.getAccessAndToken(projectId)
+      .then(accessToken => this.$q.all({
+        accessToken,
+        url: this.getContainerUrl(projectId, container, optsParam.file),
+      }))
+      .then(({ accessToken, url }) => this.$http(angular.merge({
+        method: 'GET',
+        url,
+        headers: {
+          [X_AUTH_TOKEN]: accessToken.token,
+        },
+      }, opts)));
+  }
+
+  getContainerMetaData(projectId, container) {
+    return this.requestContainer(projectId, container, { method: 'HEAD' })
+      .then(metadata => pickBy(
+        metadata.headers(),
+        (value, key) => X_CONTAINER_HEADERS_REGEX.test(key),
+      ));
+  }
+
+  addContainer(projectId, {
+    archive,
+    containerType,
+    name,
+    region,
+  }) {
+    return this.OvhApiCloudProjectStorage
+      .v6()
+      .save(
+        {
+          projectId,
+        },
+        {
+          archive,
+          containerName: name,
+          region: region.name,
+        },
+      )
+      .$promise
+      .then((container) => {
+        let returnPromise = this.$q.resolve();
+        if (containerType === OBJECT_CONTAINER_TYPE_STATIC) {
+          returnPromise = this.setContainerAsStatic(projectId, container);
+        } else if (containerType === OBJECT_CONTAINER_TYPE_PUBLIC) {
+          returnPromise = this.setContainerAsPublic(projectId, container);
+        }
+        return returnPromise;
+      });
+  }
+
+  setContainerAsStatic(projectId, container) {
+    return this.OvhApiCloudProjectStorage
+      .v6()
+      .static({
+        projectId,
+        containerId: container.id,
+      }, {})
+      .$promise;
+  }
+
+  setContainerAsPublic(projectId, container) {
+    return this.getContainerMetaData(projectId, container)
+      .then((metadata) => {
+        if (metadata[X_CONTAINER_READ] !== X_CONTAINER_READ_PUBLIC_VALUE) {
+          return this.requestContainer(projectId, container, {
+            method: 'PUT',
+            headers: {
+              [X_CONTAINER_READ]: X_CONTAINER_READ_PUBLIC_VALUE,
+            },
+          });
+        }
+        return $.resolve();
+      });
+  }
+
+  deleteContainer(projectId, { id }) {
+    return this.OvhApiCloudProjectStorage
+      .v6()
+      .delete({
+        projectId,
+        containerId: id,
+      })
+      .$promise;
+  }
+
+  getObject(projectId, containerId, objectId) {
+    return this.getContainer(projectId, containerId)
+      .then(container => ({
+        container,
+        object: find(container.objects, { name: objectId }),
+      }));
+  }
+
+  static getFilePath(filePrefix, file) {
+    let prefix = '';
+    if (filePrefix) {
+      prefix = filePrefix;
+      if (startsWith(filePrefix, '/')) {
+        prefix = prefix.substring(1);
+      }
+      if (!endsWith(filePrefix, '/')) {
+        prefix = `${prefix}/`;
+      }
+    }
+    return `${prefix}${file.name}`;
+  }
+
+  addObjects(projectId, container, filePrefix, files) {
+    return this.$q.all(map(
+      files,
+      file => this.addObject(projectId, container, filePrefix, file),
+    ));
+  }
+
+  addObject(projectId, container, filePrefix, file) {
+    const config = {
+      headers: {
+        'Content-Type': file.type,
+      },
+      data: file,
+    };
+
+    return this.$q.all({
+      url: this.getContainerUrl(
+        projectId,
+        container,
+        PciStoragesContainersService.getFilePath(filePrefix, file),
+      ),
+      accessToken: this.getAccessAndToken(projectId),
+    })
+      .then(({ accessToken, url }) => this.upload(url, config, accessToken));
+  }
+
+
+  upload(url, config, accessToken) {
+    return this.$http.put(
+      url,
+      config.data,
+      {
+        headers: {
+          ...config.headers,
+          [X_AUTH_TOKEN]: accessToken.token,
+        },
+      },
+    );
+  }
+
+  deleteObject(projectId, container, object) {
+    return this.requestContainer(projectId, container, {
+      method: 'DELETE',
+      file: object.name,
+    });
+  }
+
+  getObjectUrl(projectId, containerId, object) {
+    const expirationDate = moment().add(1, 'week').toISOString();
+    return this.OvhApiCloudProjectStorage
+      .v6()
+      .getURL({
+        projectId,
+        containerId,
+      }, {
+        expirationDate,
+        objectName: object.name,
+      }).$promise
+      .then(resp => resp.getURL);
+  }
+
+  downloadObject(projectId, containerId, object) {
+    return this.getObjectUrl(projectId, containerId, object);
+  }
+
+  unsealObject(projectId, container, object) {
+    if (object.retrievalState === OBJECT_TYPE_SEALED) {
+      return this.getObjectUrl(projectId, container.id, object)
+        .then(url => this.$http.get(url))
+        .catch((error) => {
+          // This call make a CORS error, but still initiate the process,
+          // swallow status -1 which is what we get when cors fail.
+          if (error.status !== -1) {
+            throw error;
+          }
+        });
+    }
+
+    return this.$q.resolve();
+  }
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/index.js
new file mode 100644
index 000000000000..4071e1bed954
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/index.js
@@ -0,0 +1,30 @@
+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 'angular-ui-bootstrap';
+
+import component from './containers.component';
+import service from './containers.service';
+
+const moduleName = 'ovhManagerPciStoragesContainers';
+
+angular
+  .module(moduleName, [
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+    'ui.bootstrap',
+  ])
+  .component('pciProjectStorageContainers', component)
+  .service('PciProjectStorageContainersService', service)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/translations/Messages_fr_FR.json b/packages/manager/modules/pci/src/projects/project/storages/containers/translations/Messages_fr_FR.json
new file mode 100644
index 000000000000..bf5f3c214c3c
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/translations/Messages_fr_FR.json
@@ -0,0 +1,23 @@
+{
+  "pci_projects_project_storages_containers_archive_title": "Cloud Archive",
+  "pci_projects_project_storages_containers_object_title": "Object Storage",
+  "pci_projects_project_storages_containers_name_label": "Nom",
+  "pci_projects_project_storages_containers_region_label": "Localisation",
+
+  "pci_projects_project_storages_containers_containerType_label": "Type",
+  "pci_projects_project_storages_containers_containerType_public": "Public",
+  "pci_projects_project_storages_containers_containerType_private": "Privé",
+  "pci_projects_project_storages_containers_containerType_static": "Statique",
+
+  "pci_projects_project_storages_containers_storedObjects_label": "Nombre d'objets",
+  "pci_projects_project_storages_containers_storedBytes_label": "Espace utilisé",
+
+  "pci_projects_project_storages_containers_view_archive_label": "Voir les archives",
+  "pci_projects_project_storages_containers_view_object_label": "Voir les objets",
+  "pci_projects_project_storages_containers_delete_label": "Supprimer",
+
+  "pci_projects_project_storages_blocks_add_archive_label": "Créer un conteneur d'archive",
+  "pci_projects_project_storages_blocks_add_object_label": "Créer un conteneur d'objets",
+
+  "pci_projects_project_storages_containers_error_query": "Une erreur est survenue lors de la récupération des conteneurs."
+}
diff --git a/packages/manager/modules/pci/src/projects/project/storages/index.js b/packages/manager/modules/pci/src/projects/project/storages/index.js
index 02c76aa7ece0..5a89894035a6 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/index.js
@@ -2,6 +2,8 @@ import angular from 'angular';
 import 'ovh-ui-angular';
 
 import blocks from './blocks';
+import cloudArchive from './cloud-archives';
+import objects from './objects';
 import routing from './storages.routing';
 
 const moduleName = 'ovhManagerPciStorages';
@@ -9,6 +11,8 @@ const moduleName = 'ovhManagerPciStorages';
 angular
   .module(moduleName, [
     blocks,
+    cloudArchive,
+    objects,
     'ui.router',
   ])
   .config(routing);
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/add/add.routing.js b/packages/manager/modules/pci/src/projects/project/storages/objects/add/add.routing.js
new file mode 100644
index 000000000000..fd32c7a873bb
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/add/add.routing.js
@@ -0,0 +1,20 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.objects.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.objects', {
+            projectId,
+          });
+        },
+        cancelLink: /* @ngInject */ ($state, projectId) => $state.href('pci.projects.project.storages.objects', {
+          projectId,
+        }),
+      },
+    });
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/add/index.js b/packages/manager/modules/pci/src/projects/project/storages/objects/add/index.js
new file mode 100644
index 000000000000..59ddc41029e5
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/add/index.js
@@ -0,0 +1,29 @@
+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 'angular-ui-bootstrap';
+
+import containersAdd from '../../containers/add';
+import routing from './add.routing';
+
+const moduleName = 'ovhManagerPciStoragesObjectsAdd';
+
+angular
+  .module(moduleName, [
+    containersAdd,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/index.js b/packages/manager/modules/pci/src/projects/project/storages/objects/index.js
new file mode 100644
index 000000000000..7dce1ee43c06
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/index.js
@@ -0,0 +1,35 @@
+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 'angular-ui-bootstrap';
+
+import containers from '../containers';
+
+import addObject from './add';
+import object from './object';
+
+import routing from './objects.routing';
+
+const moduleName = 'ovhManagerPciStoragesObjects';
+
+angular
+  .module(moduleName, [
+    addObject,
+    containers,
+    object,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/delete.routing.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/delete.routing.js
new file mode 100644
index 000000000000..fa2bf12ccfd3
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/delete.routing.js
@@ -0,0 +1,23 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.objects.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.objects', {
+            projectId,
+          });
+        },
+      },
+    });
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/index.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/index.js
new file mode 100644
index 000000000000..fa2edec3f59c
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/index.js
@@ -0,0 +1,29 @@
+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 'angular-ui-bootstrap';
+
+import containers from '../../../containers';
+import routing from './delete.routing';
+
+const moduleName = 'ovhManagerPciStoragesObjectsObjectDelete';
+
+angular
+  .module(moduleName, [
+    containers,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/index.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/index.js
new file mode 100644
index 000000000000..44bdfce11067
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/index.js
@@ -0,0 +1,35 @@
+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 'angular-ui-bootstrap';
+
+import containers from '../../containers/container';
+import deleteContainer from './delete';
+import addObject from './object/add';
+import deleteObject from './object/delete';
+import routing from './object.routing';
+
+const moduleName = 'ovhManagerPciStoragesObjectsObjectObject';
+
+angular
+  .module(moduleName, [
+    containers,
+    addObject,
+    deleteContainer,
+    deleteObject,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/object.routing.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object.routing.js
new file mode 100644
index 000000000000..38e306b52d54
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object.routing.js
@@ -0,0 +1,22 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.objects.object', {
+      url: '/{containerId}',
+      component: 'pciProjectStorageContainersContainer',
+      resolve: {
+        containerId: /* @ngInject */ $transition$ => $transition$.params().containerId,
+        addObject: /* @ngInject */ ($state, projectId, containerId) => () => $state.go('pci.projects.project.storages.objects.object.add', {
+          projectId,
+          containerId,
+        }),
+        deleteObject: /* @ngInject */ ($state, projectId, containerId) => object => $state.go('pci.projects.project.storages.objects.object.delete', {
+          projectId,
+          containerId,
+          objectId: object.name,
+        }),
+        goBack: /* @ngInject */ ($state, projectId) => () => $state.go('pci.projects.project.storages.objects', {
+          projectId,
+        }),
+      },
+    });
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/add.routing.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/add.routing.js
new file mode 100644
index 000000000000..2cec7b01f998
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/add.routing.js
@@ -0,0 +1,28 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.objects.object.add', {
+      url: '/new',
+      views: {
+        modal: {
+          component: 'pciProjectStorageContainersContainerObjectAdd',
+        },
+      },
+      layout: 'modal',
+      resolve: {
+        goBack: /* @ngInject */ (
+          $rootScope,
+          $state,
+          projectId,
+          containerId,
+        ) => (reload = false) => {
+          if (reload) {
+            $rootScope.$emit('pci_storages_containers_container_refresh');
+          }
+          return $state.go('pci.projects.project.storages.objects.object', {
+            projectId,
+            containerId,
+          });
+        },
+      },
+    });
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/index.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/index.js
new file mode 100644
index 000000000000..930a6de1c383
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/index.js
@@ -0,0 +1,29 @@
+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 'angular-ui-bootstrap';
+
+import containers from '../../../../containers';
+import routing from './add.routing';
+
+const moduleName = 'ovhManagerPciStoragesObjectsObjectObjectAdd';
+
+angular
+  .module(moduleName, [
+    containers,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/delete.routing.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/delete.routing.js
new file mode 100644
index 000000000000..f4d4ee6d21b6
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/delete.routing.js
@@ -0,0 +1,29 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.objects.object.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.objects.object', {
+            projectId,
+            containerId,
+          });
+        },
+      },
+    });
+};
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/index.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/index.js
new file mode 100644
index 000000000000..f5617ee7d393
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/index.js
@@ -0,0 +1,29 @@
+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 'angular-ui-bootstrap';
+
+import containers from '../../../../containers';
+import routing from './delete.routing';
+
+const moduleName = 'ovhManagerPciStoragesObjectsObjectObjectDelete';
+
+angular
+  .module(moduleName, [
+    containers,
+    'ngTranslateAsyncLoader',
+    'oui',
+    'ovh-api-services',
+    'ovhManagerCore',
+    'pascalprecht.translate',
+    'ui.router',
+  ])
+  .config(routing)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/objects.routing.js b/packages/manager/modules/pci/src/projects/project/storages/objects/objects.routing.js
new file mode 100644
index 000000000000..e5745d958992
--- /dev/null
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/objects.routing.js
@@ -0,0 +1,21 @@
+export default /* @ngInject */ ($stateProvider) => {
+  $stateProvider
+    .state('pci.projects.project.storages.objects', {
+      url: '/objects',
+      component: 'pciProjectStorageContainers',
+      resolve: {
+        archive: () => false,
+        addContainer: /* @ngInject */($state, projectId) => () => $state.go('pci.projects.project.storages.objects.add', {
+          projectId,
+        }),
+        viewContainer: /* @ngInject */($state, projectId) => container => $state.go('pci.projects.project.storages.objects.object', {
+          projectId,
+          containerId: container.id,
+        }),
+        deleteContainer: /* @ngInject */($state, projectId) => container => $state.go('pci.projects.project.storages.objects.delete', {
+          projectId,
+          containerId: container.id,
+        }),
+      },
+    });
+};
diff --git a/yarn.lock b/yarn.lock
index 2030237d0bfc..3a4b02a45bb0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9334,6 +9334,12 @@ ovh-api-services@^6.8.0:
   dependencies:
     lodash "^3.10.1"
 
+"ovh-api-services@git+https://github.com/ovh-ux/ovh-api-services.git#feat/cloud-project-storage-aapi":
+  version "6.9.0"
+  resolved "git+https://github.com/ovh-ux/ovh-api-services.git#a5e26a61c5c6b520831c714602071baafe8cdecd"
+  dependencies:
+    lodash "^3.10.1"
+
 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"

From f32b5d23891dd208cc42d1c35961319e8ffcaef4 Mon Sep 17 00:00:00 2001
From: jleveugle <joffrey.leveugle@corp.ovh.com>
Date: Fri, 12 Apr 2019 11:29:32 +0200
Subject: [PATCH 2/3] fix: rename aapi method by Aapi

---
 .../projects/project/storages/containers/containers.service.js  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js
index a1ae2cdd1ac7..d4ff8da6cf04 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js
@@ -130,7 +130,7 @@ export default class PciStoragesContainersService {
     }
 
     return this.OvhApiCloudProjectStorage
-      .aapi()
+      .Aapi()
       .query(queryParams)
       .$promise
       .then(containers => map(containers, container => new Container(container)));

From 7f626dcf9743be2114a64051a9c4fe6ef55191da Mon Sep 17 00:00:00 2001
From: jleveugle <joffrey.leveugle@corp.ovh.com>
Date: Fri, 12 Apr 2019 12:03:29 +0200
Subject: [PATCH 3/3] refactor: improve code following reviewing

---
 .../storages/cloud-archives/add/index.js      |   1 -
 .../cloud-archive/delete/index.js             |   2 -
 .../cloud-archives/cloud-archive/index.js     |   2 -
 .../cloud-archive/object/add/index.js         |   2 -
 .../cloud-archive/object/delete/index.js      |   2 -
 .../project/storages/cloud-archives/index.js  |   1 -
 .../storages/containers/add/add.controller.js |  26 ++---
 .../project/storages/containers/add/add.html  | 102 +++++++++---------
 .../project/storages/containers/add/index.js  |   1 -
 .../storages/containers/container.class.js    |   1 -
 .../container/container.component.js          |   1 -
 .../container/container.controller.js         |   8 +-
 .../containers/container/container.html       |  14 +--
 .../storages/containers/container/index.js    |   1 -
 .../containers/container/object/add/add.html  |  21 ++--
 .../containers/container/object/add/index.js  |   1 +
 .../container/object/delete/delete.html       |  13 +--
 .../containers/container/object/index.js      |   1 -
 .../translations/Messages_fr_FR.json          |   6 +-
 .../containers/containers.controller.js       |   8 +-
 .../storages/containers/containers.service.js |   2 -
 .../project/storages/containers/index.js      |   1 -
 .../project/storages/objects/index.js         |   2 -
 .../storages/objects/object/delete/index.js   |   2 -
 .../project/storages/objects/object/index.js  |   2 -
 .../objects/object/object/add/index.js        |   2 -
 .../objects/object/object/delete/index.js     |   2 -
 27 files changed, 88 insertions(+), 139 deletions(-)

diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/index.js
index c21ed5e62b34..c11c2990f59a 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/add/index.js
@@ -3,7 +3,6 @@ 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 'angular-ui-bootstrap';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/index.js
index 69e67ad54f80..ee96487939a4 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/delete/index.js
@@ -3,10 +3,8 @@ 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 'angular-ui-bootstrap';
 
 import containers from '../../../containers';
 import routing from './delete.routing';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/index.js
index 947d0adc9d76..edf9b54fb154 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/index.js
@@ -3,10 +3,8 @@ 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 'angular-ui-bootstrap';
 
 import containers from '../../containers/container';
 import deleteContainer from './delete';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/index.js
index 348ce5d30b2d..6e82f3c22403 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/add/index.js
@@ -3,10 +3,8 @@ 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 'angular-ui-bootstrap';
 
 import containers from '../../../../containers';
 import routing from './add.routing';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/index.js
index 1bccf5076f34..231033280d9b 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/cloud-archive/object/delete/index.js
@@ -3,10 +3,8 @@ 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 'angular-ui-bootstrap';
 
 import containers from '../../../../containers';
 import routing from './delete.routing';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/index.js b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/index.js
index da6f70ceab83..32deb486bdf9 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/cloud-archives/index.js
@@ -6,7 +6,6 @@ import 'angular-translate';
 import 'oclazyload';
 import 'ovh-ui-angular';
 import 'ovh-api-services';
-import 'angular-ui-bootstrap';
 
 import containers from '../containers';
 
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.controller.js b/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.controller.js
index 5867e536246d..b4a8c7163502 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.controller.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.controller.js
@@ -10,15 +10,11 @@ import {
 export default class PciStoragesContainersAddController {
   /* @ngInject */
   constructor(
-    $q,
-    $timeout,
     $translate,
     CucCloudMessage,
     PciProjectStorageBlockService,
     PciProjectStorageContainersService,
   ) {
-    this.$q = $q;
-    this.$timeout = $timeout;
     this.$translate = $translate;
     this.CucCloudMessage = CucCloudMessage;
     this.PciProjectStorageBlockService = PciProjectStorageBlockService;
@@ -39,7 +35,7 @@ export default class PciStoragesContainersAddController {
     );
 
     this.loadings = {
-      regions: false,
+      regions: true,
       types: false,
       save: false,
     };
@@ -48,21 +44,21 @@ export default class PciStoragesContainersAddController {
       archive: this.archive,
     });
 
-    this.loadings.regions = true;
-
-    this.$translate.refresh()
+    return this.$translate.refresh()
       .then(() => this.loadMessages())
       .then(() => this.PciProjectStorageBlockService.getAvailablesRegions(this.projectId))
       .then((regions) => {
         this.regions = regions;
       })
-      .catch(err => this.CucCloudMessage.error(
-        this.$translate.instant(
-          'pci_projects_project_storages_containers_add_error_query',
-          { message: get(err, 'data.message', '') },
-        ),
-        'pci.projects.project.storages.containers.add',
-      ))
+      .catch((err) => {
+        this.CucCloudMessage.error(
+          this.$translate.instant(
+            'pci_projects_project_storages_containers_add_error_query',
+            { message: get(err, 'data.message', '') },
+          ),
+          'pci.projects.project.storages.containers.add',
+        );
+      })
       .finally(() => {
         this.loadings.regions = false;
       });
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.html b/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.html
index 466f7e018e7c..ac0c41c3a0d7 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.html
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/add/add.html
@@ -6,62 +6,60 @@ <h1 data-translate="pci_projects_project_storages_containers_add_title"></h1>
 
     <cui-message-container data-messages="$ctrl.messages"></cui-message-container>
 
-    <div>
-        <oui-stepper
-            data-on-finish="$ctrl.add()">
-            <oui-step-form
-                data-header="{{:: 'pci_projects_project_storages_containers_add_region_title' | translate }}"
-                data-loading="$ctrl.loadings.regions"
-                data-navigation="$ctrl.container.region"
-                data-on-focus="$ctrl.onRegionsFocus()"
-                data-on-submit="$ctrl.onRegionChange()"
-                data-editable="!$ctrl.loadings.save">
-                <pci-project-regions-list
-                    data-regions="$ctrl.regions"
-                    data-selected-region="$ctrl.container.region"
-                    data-display-selected-region="$ctrl.displaySelectedRegion"></pci-project-regions-list>
-            </oui-step-form>
+    <oui-stepper
+        data-on-finish="$ctrl.add()">
+        <oui-step-form
+            data-header="{{:: 'pci_projects_project_storages_containers_add_region_title' | translate }}"
+            data-loading="$ctrl.loadings.regions"
+            data-navigation="$ctrl.container.region"
+            data-on-focus="$ctrl.onRegionsFocus()"
+            data-on-submit="$ctrl.onRegionChange()"
+            data-editable="!$ctrl.loadings.save">
+            <pci-project-regions-list
+                data-regions="$ctrl.regions"
+                data-selected-region="$ctrl.container.region"
+                data-display-selected-region="$ctrl.displaySelectedRegion"></pci-project-regions-list>
+        </oui-step-form>
 
-            <oui-step-form
-                data-header="{{:: 'pci_projects_project_storages_containers_add_type_title' | translate }}"
-                data-ng-if="!$ctrl.archive"
-                data-position="2"
-                data-on-focus="$ctrl.onTypesFocus()"
-                data-on-submit="$ctrl.onTypeChange()"
-                data-navigation="$ctrl.selectedType"
-                data-editable="!$ctrl.loadings.save">
-                <div class="container-fluid px-0">
-                    <div class="row">
-                        <oui-select-picker
-                            data-ng-if="!$ctrl.displaySelectedType || $ctrl.selectedType === type"
-                            data-ng-repeat="type in $ctrl.typesList track by $index"
-                            class="d-inline-block col-md-6 col-lg-4 my-3"
-                            data-name="type"
-                            data-match="name"
-                            data-model="$ctrl.selectedType"
-                            data-label="{{ 'pci_projects_project_storages_containers_add_type_' + type.id + '_label' | translate }}"
-                            data-values="[type]"
-                            data-variant="light"
-                            data-required>
-                        </oui-select-picker>
-                    </div>
+        <oui-step-form
+            data-header="{{:: 'pci_projects_project_storages_containers_add_type_title' | translate }}"
+            data-ng-if="!$ctrl.archive"
+            data-position="2"
+            data-on-focus="$ctrl.onTypesFocus()"
+            data-on-submit="$ctrl.onTypeChange()"
+            data-navigation="$ctrl.selectedType"
+            data-editable="!$ctrl.loadings.save">
+            <div class="container-fluid px-0">
+                <div class="row">
+                    <oui-select-picker
+                        data-ng-if="!$ctrl.displaySelectedType || $ctrl.selectedType === type"
+                        data-ng-repeat="type in $ctrl.typesList track by $index"
+                        class="d-inline-block col-md-6 col-lg-4 my-3"
+                        data-name="type"
+                        data-match="name"
+                        data-model="$ctrl.selectedType"
+                        data-label="{{ 'pci_projects_project_storages_containers_add_type_' + type.id + '_label' | translate }}"
+                        data-values="[type]"
+                        data-variant="light"
+                        data-required>
+                    </oui-select-picker>
                 </div>
-            </oui-step-form>
+            </div>
+        </oui-step-form>
 
-            <oui-step-form data-header="{{:: 'pci_projects_project_storages_containers_add_name_title' | translate }}"
-                data-editable="!$ctrl.loadings.save"
-                data-cancel-href="{{$ctrl.cancelLink}}"
-                data-cancel-text="{{:: 'pci_projects_project_storages_containers_add_cancel_label' | translate }}"
-                data-submit-text="{{:: 'pci_projects_project_storages_containers_add_submit_label' | translate }}">
-                <oui-field data-size="xl">
-                    <input class="oui-input" type="text" name="name"
-                        data-ng-model="$ctrl.container.name"
-                        data-ng-required="true">
-                </oui-field>
-            </oui-step-form>
+        <oui-step-form data-header="{{:: 'pci_projects_project_storages_containers_add_name_title' | translate }}"
+            data-editable="!$ctrl.loadings.save"
+            data-cancel-href="{{$ctrl.cancelLink}}"
+            data-cancel-text="{{:: 'pci_projects_project_storages_containers_add_cancel_label' | translate }}"
+            data-submit-text="{{:: 'pci_projects_project_storages_containers_add_submit_label' | translate }}">
+            <oui-field data-size="xl">
+                <input class="oui-input" type="text" name="name"
+                    data-ng-model="$ctrl.container.name"
+                    data-ng-required="true">
+            </oui-field>
+        </oui-step-form>
 
-        </oui-stepper>
-    </div>
+    </oui-stepper>
 
     <div data-ng-if="$ctrl.loadings.save">
         <oui-spinner></oui-spinner>
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/add/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/add/index.js
index ba58eba20191..5e7979cf4031 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/add/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/add/index.js
@@ -3,7 +3,6 @@ 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 'angular-ui-bootstrap';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container.class.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container.class.js
index 89599370c0bc..ab78f76fe03e 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/container.class.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container.class.js
@@ -1,4 +1,3 @@
-
 export default class Container {
   constructor(resource) {
     this.publicUrl = null;
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.component.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.component.js
index 36686b0ac63d..cc4214b92bd8 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.component.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.component.js
@@ -11,6 +11,5 @@ export default {
     goBack: '<',
     addObject: '<',
     deleteObject: '<',
-    // downloadObject: '<',
   },
 };
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.controller.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.controller.js
index c3006820d43f..b76aed126fc5 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.controller.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.controller.js
@@ -32,7 +32,7 @@ export default class PciStoragesContainersContainerController {
 
     this.containers = null;
 
-    this.loading = true;
+    this.isLoading = true;
     return this.$translate.refresh()
       .then(() => this.loadMessages())
       .then(() => this.getContainer())
@@ -45,7 +45,7 @@ export default class PciStoragesContainersContainerController {
         'pci.projects.project.storages.containers.container',
       ))
       .finally(() => {
-        this.loading = false;
+        this.isLoading = false;
       });
   }
 
@@ -69,7 +69,7 @@ export default class PciStoragesContainersContainerController {
   }
 
   refreshContainer() {
-    this.loading = true;
+    this.isLoading = true;
     return this.getContainer()
       .catch(err => this.CucCloudMessage.error(
         this.$translate.instant(
@@ -79,7 +79,7 @@ export default class PciStoragesContainersContainerController {
         'pci.projects.project.storages.containers.container',
       ))
       .finally(() => {
-        this.loading = false;
+        this.isLoading = false;
       });
   }
 
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.html b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.html
index beedfc529f3f..c2ed94ab99a3 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.html
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/container.html
@@ -6,15 +6,15 @@
             data-on-click="$ctrl.goBack()">{{:: 'pci_projects_project_storages_containers_container_back_label' | translate }}</oui-back-button>
 
         <h1 class="text-truncate"
-            data-ng-if="!$ctrl.loading && $ctrl.container"
+            data-ng-if="!$ctrl.isLoading && $ctrl.container"
             data-ng-bind="$ctrl.container.name"></h1>
 
         <cui-message-container data-messages="$ctrl.messages"></cui-message-container>
 
-        <oui-spinner data-size="m" data-ng-if="$ctrl.loading"></oui-spinner>
+        <oui-spinner data-size="m" data-ng-if="$ctrl.isLoading"></oui-spinner>
 
-        <div data-ng-if="!$ctrl.loading && $ctrl.container">
-            <div class="oui-box" >
+        <div data-ng-if="!$ctrl.isLoading && $ctrl.container">
+            <div class="oui-box">
                 <p data-translate="pci_projects_project_storages_containers_container_archive_info_storedObjects"
                     data-translate-value-count="{{ $ctrl.container.storedObjects }}"
                     data-ng-if="$ctrl.archive"></p>
@@ -31,7 +31,7 @@
                     <button type="button" class="oui-popover-button"
                         data-oui-popover="{{ 'pci_projects_project_storages_containers_container_info_publicUrl_help' | translate }}">
                     </button>
-                    <oui-clipboard model="$ctrl.container.publicUrl"></oui-clipboard>
+                    <oui-clipboard data-model="$ctrl.container.publicUrl"></oui-clipboard>
                 </div>
 
                 <div>
@@ -39,7 +39,7 @@
                         data-ng-if="$ctrl.archive"></span>
                     <span data-translate="pci_projects_project_storages_containers_container_object_info_staticUrl"
                         data-ng-if="!$ctrl.archive"></span>
-                    <oui-clipboard model="$ctrl.container.staticUrl"></oui-clipboard>
+                    <oui-clipboard data-model="$ctrl.container.staticUrl"></oui-clipboard>
                 </div>
 
                 <div data-ng-if="$ctrl.archive">
@@ -121,7 +121,7 @@
                 <extra-top>
                     <oui-button
                         data-on-click="$ctrl.addObject()" >
-                        <i class="oui-icon oui-icon-add pr-1" aria-hidden="true"></i>
+                        <span class="oui-icon oui-icon-add pr-1" aria-hidden="true"></span>
                         <span data-ng-bind=":: 'pci_projects_project_storages_containers_container_add_' + ($ctrl.archive ? 'archive' : 'object') + '_label' | translate"></span>
                     </oui-button>
                 </extra-top>
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/index.js
index 1b991a69e075..aa3ae63672a0 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/container/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/index.js
@@ -3,7 +3,6 @@ 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 'angular-ui-bootstrap';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.html b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.html
index 1733bebba140..d2d58a020f82 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.html
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/add.html
@@ -7,25 +7,16 @@
         data-secondary-action="$ctrl.goBack()"
         data-secondary-label="{{:: 'pci_projects_project_storages_containers_container_object_add_cancel_label' | translate }}"
         data-on-dismiss="$ctrl.goBack()"
-        data-loading="$ctrl.loadings.init">
+        data-loading="$ctrl.loadings.init || $ctrl.loadings.save">
 
         <cui-message-container data-messages="$ctrl.messages"></cui-message-container>
 
-        <oui-field data-label="{{:: 'pci_projects_project_storages_containers_container_object_add_prefix_label' | translate }}" size="xl">
-            <input class="oui-input" type="text" id="lastname" name="prefix" ng-model="$ctrl.prefix" required minlength="3" maxlength="32">
+        <oui-field data-label="{{:: 'pci_projects_project_storages_containers_container_object_add_prefix_label' | translate }}" data-size="xl">
+            <input class="oui-input" type="text" id="lastname" name="prefix" data-ng-model="$ctrl.prefix" required minlength="3" maxlength="32">
         </oui-field>
 
-        <oui-field data-label="{{:: 'pci_projects_project_storages_containers_container_object_add_files_label' | translate }}" size="xl">
-            <oui-file data-model="$ctrl.files" data-multiple name="files"></oui-file>
+        <oui-field data-label="{{:: 'pci_projects_project_storages_containers_container_object_add_files_label' | translate }}" data-size="xl">
+            <oui-file data-model="$ctrl.files" data-multiple data-name="files"></oui-file>
         </oui-field>
-
-        <div data-ng-if="$ctrl.loadings.save" class="text-center">
-            <oui-spinner></oui-spinner>
-        </div>
     </oui-modal>
-</form>
-
-
-
-
-
+</form>
\ No newline at end of file
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/index.js
index 246e740877a2..d3429e22bdcb 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/add/index.js
@@ -1,5 +1,6 @@
 import angular from 'angular';
 import '@ovh-ux/ng-translate-async-loader';
+import '@uirouter/angularjs';
 import 'angular-translate';
 import 'ovh-ui-angular';
 
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.html b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.html
index bad48e2f6e60..b89c215bd431 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.html
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/delete/delete.html
@@ -6,19 +6,10 @@
     data-secondary-action="$ctrl.goBack()"
     data-secondary-label="{{:: 'pci_projects_project_storages_containers_container_object_delete_cancel_label' | translate }}"
     data-on-dismiss="$ctrl.goBack()"
-    data-loading="$ctrl.loadings.init">
+    data-loading="$ctrl.loadings.init || $ctrl.loadings.save">
 
     <cui-message-container data-messages="$ctrl.messages"></cui-message-container>
 
     <p data-translate="pci_projects_project_storages_containers_container_object_delete_content"
         data-translate-values="{ object: $ctrl.object.name }"></p>
-
-    <div data-ng-if="$ctrl.loadings.save" class="text-center">
-        <oui-spinner></oui-spinner>
-    </div>
-</oui-modal>
-
-
-
-
-
+</oui-modal>
\ No newline at end of file
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/index.js
index 7b506b37629f..1ee996e5edbd 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/object/index.js
@@ -3,7 +3,6 @@ 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 'angular-ui-bootstrap';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/container/translations/Messages_fr_FR.json b/packages/manager/modules/pci/src/projects/project/storages/containers/container/translations/Messages_fr_FR.json
index a6e56a609f14..ba65f4b46377 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/container/translations/Messages_fr_FR.json
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/container/translations/Messages_fr_FR.json
@@ -1,8 +1,8 @@
 {
   "pci_projects_project_storages_containers_container_back_label": "Retour",
-  "pci_projects_project_storages_containers_container_archive_info_storedObjects": "Archives: {{ count }}",
-  "pci_projects_project_storages_containers_container_object_info_storedObjects": "Objets: {{ count }}",
-  "pci_projects_project_storages_containers_container_info_storedBytes": "Espace utilisé: {{ bytes }}",
+  "pci_projects_project_storages_containers_container_archive_info_storedObjects": "Archives : {{ count }}",
+  "pci_projects_project_storages_containers_container_object_info_storedObjects": "Objets : {{ count }}",
+  "pci_projects_project_storages_containers_container_info_storedBytes": "Espace utilisé : {{ bytes }}",
   "pci_projects_project_storages_containers_container_info_publicUrl": "URL du conteneur",
   "pci_projects_project_storages_containers_container_info_publicUrl_help": "Cette information est nécessaire pour récupérer ou manipuler vos objets via l'API. Rendez-vous dans la section guide pour plus de détails.",
   "pci_projects_project_storages_containers_container_archive_info_staticUrl": "Adresse du serveur pour rsync/sftp/scp :",
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/containers.controller.js b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.controller.js
index 4ab5295f1f1b..6c45d17c6e88 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/containers.controller.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.controller.js
@@ -19,12 +19,12 @@ export default class PciStoragesContainersController {
 
     this.containers = null;
 
-    this.loading = true;
+    this.isLoading = true;
     return this.$translate.refresh()
       .then(() => this.loadMessages())
       .then(() => this.getContainers())
       .finally(() => {
-        this.loading = false;
+        this.isLoading = false;
       });
   }
 
@@ -42,10 +42,10 @@ export default class PciStoragesContainersController {
   }
 
   refreshContainers() {
-    this.loading = true;
+    this.isLoading = true;
     return this.getContainers()
       .finally(() => {
-        this.loading = false;
+        this.isLoading = false;
       });
   }
 
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js
index d4ff8da6cf04..19b296b370b1 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/containers.service.js
@@ -169,8 +169,6 @@ export default class PciStoragesContainersService {
 
   requestContainer(projectId, container, optsParam = {}) {
     const opts = pickBy(optsParam, (value, key) => key !== 'file');
-    // const url = this.getContainerUrl(projectId, container, optsParam.file);
-
     return this.getAccessAndToken(projectId)
       .then(accessToken => this.$q.all({
         accessToken,
diff --git a/packages/manager/modules/pci/src/projects/project/storages/containers/index.js b/packages/manager/modules/pci/src/projects/project/storages/containers/index.js
index 4071e1bed954..b279074cb391 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/containers/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/containers/index.js
@@ -3,7 +3,6 @@ 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 'angular-ui-bootstrap';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/index.js b/packages/manager/modules/pci/src/projects/project/storages/objects/index.js
index 7dce1ee43c06..ac09796e7d65 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/objects/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/index.js
@@ -3,10 +3,8 @@ 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 'angular-ui-bootstrap';
 
 import containers from '../containers';
 
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/index.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/index.js
index fa2edec3f59c..8d4ed5a6ae46 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/delete/index.js
@@ -3,10 +3,8 @@ 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 'angular-ui-bootstrap';
 
 import containers from '../../../containers';
 import routing from './delete.routing';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/index.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/index.js
index 44bdfce11067..f90eb4841728 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/objects/object/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/index.js
@@ -3,10 +3,8 @@ 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 'angular-ui-bootstrap';
 
 import containers from '../../containers/container';
 import deleteContainer from './delete';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/index.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/index.js
index 930a6de1c383..9cf072aecc47 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/add/index.js
@@ -3,10 +3,8 @@ 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 'angular-ui-bootstrap';
 
 import containers from '../../../../containers';
 import routing from './add.routing';
diff --git a/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/index.js b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/index.js
index f5617ee7d393..6cd3b1582bea 100644
--- a/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/index.js
+++ b/packages/manager/modules/pci/src/projects/project/storages/objects/object/object/delete/index.js
@@ -3,10 +3,8 @@ 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 'angular-ui-bootstrap';
 
 import containers from '../../../../containers';
 import routing from './delete.routing';