1 files changed, 116 insertions, 0 deletions
diff --git a/src/views/AccessControl/LocalUserMangementRoleTable.vue b/src/views/AccessControl/LocalUserMangementRoleTable.vue
new file mode 100644
index 00000000..41dcdf7f
--- /dev/null
+++ b/src/views/AccessControl/LocalUserMangementRoleTable.vue
@@ -0,0 +1,116 @@
+<template>
+  <b-table bordered small head-variant="dark" :items="items" :fields="fields">
+    <template v-slot:cell(admin)="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(user)="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",
+          admin: true,
+          operator: false,
+          user: false,
+          noaccess: false
+        },
+        {
+          description: "Configure manager resources",
+          admin: true,
+          operator: false,
+          user: false,
+          noaccess: false
+        },
+        {
+          description: "Update password for current user account",
+          admin: true,
+          operator: true,
+          user: true,
+          noaccess: false
+        },
+        {
+          description: "Configure users and their accounts",
+          admin: true,
+          operator: false,
+          user: false,
+          noaccess: false
+        },
+        {
+          description: "Log in to the service and read resources",
+          admin: true,
+          operator: true,
+          user: true,
+          noaccess: false
+        },
+        {
+          description: "IPMI access point",
+          admin: true,
+          operator: true,
+          user: true,
+          noaccess: true
+        },
+        {
+          description: "Redfish access point",
+          admin: true,
+          operator: true,
+          user: true,
+          noaccess: false
+        },
+        {
+          description: "SSH access point",
+          admin: true,
+          operator: false,
+          user: false,
+          noaccess: false
+        },
+        {
+          description: "WebUI access point",
+          admin: true,
+          operator: true,
+          user: true,
+          noaccess: false
+        }
+      ],
+      fields: [
+        { key: "description", label: "" },
+        { key: "admin", label: "Admin", class: "text-center" },
+        { key: "operator", label: "Operator", class: "text-center" },
+        { key: "user", label: "User", class: "text-center" },
+        { key: "noaccess", label: "NoAccess", class: "text-center" }
+      ]
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+td:not(.role-description) {
+  text-align: center;
+}
+</style>