feat(iam): add tag condition for custom policy

resolves: #MANAGER-19326

Signed-off-by: David Arsène <[email protected]>

Author: darsene

packages/manager/modules/iam/src/components/conditions/conditionList/conditionList.component.js

@@ -0,0 +1,12 @@
+import controller from './conditionList.controller';
+import template from './conditionList.template.html';
+
+export const name = 'iamConditionList';
+
+export default {
+  bindings: {
+    conditions: '=',
+  },
+  controller,
+  template,
+};

packages/manager/modules/iam/src/components/conditions/conditionList/conditionList.controller.js

@@ -0,0 +1 @@
+export default class IAMConditionListController {}

packages/manager/modules/iam/src/components/conditions/conditionList/conditionList.template.html

@@ -0,0 +1,4 @@
+<p>/!\ Condition List placeholder /!\</p>
+<p data-ng-repeat="condition in $ctrl.conditions track by $index">
+    {{condition.values}}
+</p>

packages/manager/modules/iam/src/components/conditions/conditionList/index.js

@@ -0,0 +1,9 @@
+import angular from 'angular';
+
+import component, { name } from './conditionList.component';
+
+const moduleName = 'ovhManagerIAMConditionList';
+
+angular.module(moduleName, []).component(name, component);
+
+export default moduleName;

packages/manager/modules/iam/src/components/conditions/createCondition/createCondition.component.js

@@ -0,0 +1,13 @@
+import controller from './createCondition.controller';
+import template from './createCondition.template.html';
+
+export const name = 'iamCreateCondition';
+
+export default {
+  bindings: {
+    conditions: '=ngModel',
+  },
+  require: '^ngModel',
+  controller,
+  template,
+};

packages/manager/modules/iam/src/components/conditions/createCondition/createCondition.controller.js

@@ -0,0 +1,18 @@
+export default class IAMCreateConditionController {
+  $onInit() {
+    this.closeModal();
+  }
+
+  openModal() {
+    this.modalOpen = true;
+  }
+
+  onConfirm = (condition) => {
+    this.conditions.push(condition);
+    this.closeModal();
+  };
+
+  closeModal() {
+    this.modalOpen = false;
+  }
+}

packages/manager/modules/iam/src/components/conditions/createCondition/createCondition.template.html

@@ -0,0 +1,10 @@
+<section class="mb-3">
+    <iam-create-condition-modal
+        data-ng-if="$ctrl.modalOpen"
+        data-on-close="$ctrl.closeModal()"
+        data-on-confirm="$ctrl.onConfirm"
+    ></iam-create-condition-modal>
+    <oui-button data-on-click="$ctrl.openModal()">
+        <span data-translate="iam_create_condition_add_button"></span>
+    </oui-button>
+</section>

packages/manager/modules/iam/src/components/conditions/createCondition/index.js

@@ -0,0 +1,11 @@
+import component, { name } from './createCondition.component';
+import createConditionModal from '../createConditionModal';
+
+const moduleName = 'ovhManagerIAMCreateCondition';
+
+angular
+  .module(moduleName, [createConditionModal])
+  .component(name, component)
+  .run(/* @ngTranslationsInject:json ./translations */);
+
+export default moduleName;

packages/manager/modules/iam/src/components/conditions/createCondition/translations/Messages_fr_FR.json

@@ -0,0 +1,3 @@
+{
+  "iam_create_condition_add_button": "Ajouter une condition"
+}

packages/manager/modules/iam/src/components/conditions/createConditionModal/createConditionModal.component.js

@@ -0,0 +1,13 @@
+import controller from './createConditionModal.controller';
+import template from './createConditionModal.template.html';
+
+export const name = 'iamCreateConditionModal';
+
+export default {
+  bindings: {
+    onClose: '&',
+    onConfirm: '<',
+  },
+  controller,
+  template,
+};