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
diff --git a/src/views/SecurityAndAccess/UserManagement/TableRoles.vue b/src/views/SecurityAndAccess/UserManagement/TableRoles.vue
new file mode 100644
index 0000000..61ef1ee
--- /dev/null
+++ b/src/views/SecurityAndAccess/UserManagement/TableRoles.vue
@@ -0,0 +1,92 @@
+<template>
+ <b-table stacked="sm" hover small :items="items" :fields="fields">
+ <template #cell(administrator)="data">
+ <template v-if="data.value">
+ <checkmark20 />
+ </template>
+ </template>
+ <template #cell(operator)="data">
+ <template v-if="data.value">
+ <checkmark20 />
+ </template>
+ </template>
+ <template #cell(readonly)="data">
+ <template v-if="data.value">
+ <checkmark20 />
+ </template>
+ </template>
+ <template #cell(noaccess)="data">
+ <template v-if="data.value">
+ <checkmark20 />
+ </template>
+ </template>
+ </b-table>
+</template>
+
+<script>
+import Checkmark20 from '@carbon/icons-vue/es/checkmark/20';
+
+export default {
+ components: {
+ Checkmark20,
+ },
+ data() {
+ return {
+ items: [
+ {
+ description: this.$t(
+ 'pageUserManagement.tableRoles.configureComponentsManagedByThisService'
+ ),
+ administrator: true,
+ operator: true,
+ readonly: false,
+ noaccess: false,
+ },
+ {
+ description: this.$t(
+ 'pageUserManagement.tableRoles.configureManagerResources'
+ ),
+ administrator: true,
+ operator: false,
+ readonly: false,
+ noaccess: false,
+ },
+ {
+ description: this.$t(
+ 'pageUserManagement.tableRoles.updatePasswordForCurrentUserAccount'
+ ),
+ administrator: true,
+ operator: true,
+ readonly: true,
+ noaccess: false,
+ },
+ {
+ description: this.$t(
+ 'pageUserManagement.tableRoles.configureUsersAndTheirAccounts'
+ ),
+ administrator: true,
+ operator: false,
+ readonly: false,
+ noaccess: false,
+ },
+ {
+ description: this.$t(
+ 'pageUserManagement.tableRoles.logInToTheServiceAndReadResources'
+ ),
+ administrator: true,
+ operator: true,
+ readonly: true,
+ noaccess: false,
+ },
+ ],
+ fields: [
+ { key: 'description', label: 'Privilege' },
+ { key: 'administrator', label: 'Administrator', class: 'text-center' },
+ { key: 'operator', label: 'Operator', class: 'text-center' },
+ { key: 'readonly', label: 'ReadOnly', class: 'text-center' },
+ { key: 'noaccess', label: 'NoAccess', class: 'text-center' },
+ ],
+ };
+ },
+};
+</script>