diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-12-04 20:09:36 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-01-27 17:29:34 +0300 |
commit | 463a57062a1e1f91743e53acb27e867fc4c7584c (patch) | |
tree | 27945784f430356b1a64de354289e935d7568dfc /src/views/AccessControl/LocalUserManagement/TableRoles.vue | |
parent | 28cb682967ef35b90f295834d2ffb105e1d30e21 (diff) | |
download | webui-vue-463a57062a1e1f91743e53acb27e867fc4c7584c.tar.xz |
Update local user component
- Add, edit, delete user basic functionality complete
- Rename components and creating separate modal components
- Update button styles to match design and included icons
- Update grid layout to use container with max width set
- Add aria labels to table action buttons
- Refactor LocalUserManagementStore
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Iab31ccabeb5a53ec03dc3ce3949fb20ded1ffbcf
Diffstat (limited to 'src/views/AccessControl/LocalUserManagement/TableRoles.vue')
-rw-r--r-- | src/views/AccessControl/LocalUserManagement/TableRoles.vue | 110 |
1 files changed, 110 insertions, 0 deletions
diff --git a/src/views/AccessControl/LocalUserManagement/TableRoles.vue b/src/views/AccessControl/LocalUserManagement/TableRoles.vue new file mode 100644 index 00000000..7aa1dc8e --- /dev/null +++ b/src/views/AccessControl/LocalUserManagement/TableRoles.vue @@ -0,0 +1,110 @@ +<template> + <b-table bordered small head-variant="dark" :items="items" :fields="fields"> + <template v-slot:cell(administrator)="data"> + <template v-if="data.value"> + <Checkmark20 /> + </template> + </template> + <template v-slot:cell(operator)="data"> + <template v-if="data.value"> + <Checkmark20 /> + </template> + </template> + <template v-slot:cell(readonly)="data"> + <template v-if="data.value"> + <Checkmark20 /> + </template> + </template> + <template v-slot: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: "Configure components managed by this service", + administrator: true, + operator: false, + readonly: false, + noaccess: false + }, + { + description: "Configure manager resources", + administrator: true, + operator: false, + readonly: false, + noaccess: false + }, + { + description: "Update password for current user account", + administrator: true, + operator: false, // TODO Set to true when profile page added + readonly: false, // TODO Set to true when profile page added + noaccess: false + }, + { + description: "Configure users and their accounts", + administrator: true, + operator: false, + readonly: false, + noaccess: false + }, + { + description: "Log in to the service and read resources", + administrator: true, + operator: true, + readonly: true, + noaccess: false + }, + { + description: "IPMI access point", + administrator: true, + operator: true, + readonly: true, + noaccess: false + }, + { + description: "Redfish access point", + administrator: true, + operator: true, + readonly: true, + noaccess: false + }, + { + description: "SSH access point", + administrator: true, + operator: false, + readonly: false, + noaccess: false + }, + { + description: "WebUI access point", + administrator: true, + operator: true, + readonly: true, + noaccess: false + } + ], + fields: [ + { key: "description", label: "" }, + { 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> |