IA update: Update access and control section

This is the fifth commit of the information architecture changes and
has the following changes:

- The icon for access and control has been updated
- Access and control section has been updated to security and
access section
- Security settings page has been updated to policies page and moved to
security and access section
- Client sessions page has been updated to sessions page
- Local user management page has been updated to user management page
- SSL certificates page has been updated to certificates page

Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com>
Change-Id: Ie93cee9002742ecf7d33615636f4f159f4395fc4

1 files changed, 0 insertions, 164 deletions

diff --git a/src/views/AccessControl/Ldap/ModalAddRoleGroup.vue b/src/views/AccessControl/Ldap/ModalAddRoleGroup.vue
deleted file mode 100644
index b6b77e9e..00000000
--- a/src/views/AccessControl/Ldap/ModalAddRoleGroup.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-<template>
-  <b-modal id="modal-role-group" ref="modal" @ok="onOk" @hidden="resetForm">
-    <template #modal-title>
-      <template v-if="roleGroup">
-        {{ $t('pageLdap.modal.editRoleGroup') }}
-      </template>
-      <template v-else>
-        {{ $t('pageLdap.modal.addNewRoleGroup') }}
-      </template>
-    </template>
-    <b-container>
-      <b-row>
-        <b-col sm="8">
-          <b-form id="role-group" @submit.prevent="handleSubmit">
-            <!-- Edit role group -->
-            <template v-if="roleGroup !== null">
-              <dl class="mb-4">
-                <dt>{{ $t('pageLdap.modal.groupName') }}</dt>
-                <dd>{{ form.groupName }}</dd>
-              </dl>
-            </template>
-
-            <!-- Add new role group -->
-            <template v-else>
-              <b-form-group
-                :label="$t('pageLdap.modal.groupName')"
-                label-for="role-group-name"
-              >
-                <b-form-input
-                  id="role-group-name"
-                  v-model="form.groupName"
-                  :state="getValidationState($v.form.groupName)"
-                  @input="$v.form.groupName.$touch()"
-                />
-                <b-form-invalid-feedback role="alert">
-                  {{ $t('global.form.fieldRequired') }}
-                </b-form-invalid-feedback>
-              </b-form-group>
-            </template>
-
-            <b-form-group
-              :label="$t('pageLdap.modal.groupPrivilege')"
-              label-for="privilege"
-            >
-              <b-form-select
-                id="privilege"
-                v-model="form.groupPrivilege"
-                :options="accountRoles"
-                :state="getValidationState($v.form.groupPrivilege)"
-                @input="$v.form.groupPrivilege.$touch()"
-              >
-                <template v-if="!roleGroup" #first>
-                  <b-form-select-option :value="null" disabled>
-                    {{ $t('global.form.selectAnOption') }}
-                  </b-form-select-option>
-                </template>
-              </b-form-select>
-              <b-form-invalid-feedback role="alert">
-                {{ $t('global.form.fieldRequired') }}
-              </b-form-invalid-feedback>
-            </b-form-group>
-          </b-form>
-        </b-col>
-      </b-row>
-    </b-container>
-    <template #modal-footer="{ cancel }">
-      <b-button variant="secondary" @click="cancel()">
-        {{ $t('global.action.cancel') }}
-      </b-button>
-      <b-button form="role-group" type="submit" variant="primary" @click="onOk">
-        <template v-if="roleGroup">
-          {{ $t('global.action.save') }}
-        </template>
-        <template v-else>
-          {{ $t('global.action.add') }}
-        </template>
-      </b-button>
-    </template>
-  </b-modal>
-</template>
-
-<script>
-import { required, requiredIf } from 'vuelidate/lib/validators';
-import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js';
-
-export default {
-  mixins: [VuelidateMixin],
-  props: {
-    roleGroup: {
-      type: Object,
-      default: null,
-      validator: (prop) => {
-        if (prop === null) return true;
-        return (
-          Object.prototype.hasOwnProperty.call(prop, 'groupName') &&
-          Object.prototype.hasOwnProperty.call(prop, 'groupPrivilege')
-        );
-      },
-    },
-  },
-  data() {
-    return {
-      form: {
-        groupName: null,
-        groupPrivilege: null,
-      },
-    };
-  },
-  computed: {
-    accountRoles() {
-      return this.$store.getters['localUsers/accountRoles'];
-    },
-  },
-  watch: {
-    roleGroup: function (value) {
-      if (value === null) return;
-      this.form.groupName = value.groupName;
-      this.form.groupPrivilege = value.groupPrivilege;
-    },
-  },
-  validations() {
-    return {
-      form: {
-        groupName: {
-          required: requiredIf(function () {
-            return !this.roleGroup;
-          }),
-        },
-        groupPrivilege: {
-          required,
-        },
-      },
-    };
-  },
-  methods: {
-    handleSubmit() {
-      this.$v.$touch();
-      if (this.$v.$invalid) return;
-      this.$emit('ok', {
-        addNew: !this.roleGroup,
-        groupName: this.form.groupName,
-        groupPrivilege: this.form.groupPrivilege,
-      });
-      this.closeModal();
-    },
-    closeModal() {
-      this.$nextTick(() => {
-        this.$refs.modal.hide();
-      });
-    },
-    resetForm() {
-      this.form.groupName = null;
-      this.form.groupPrivilege = null;
-      this.$v.$reset();
-      this.$emit('hidden');
-    },
-    onOk(bvModalEvt) {
-      // prevent modal close
-      bvModalEvt.preventDefault();
-      this.handleSubmit();
-    },
-  },
-};
-</script>