| Yoshie Muranaka | 35080ac | 2020-01-17 15:38:57 -0600 | [diff] [blame] | 1 | <template> |
| 2 | <b-table bordered small head-variant="dark" :items="items" :fields="fields"> |
| 3 | <template v-slot:cell(admin)="data"> |
| 4 | <template v-if="data.value"> |
| 5 | <Checkmark20 /> |
| 6 | </template> |
| 7 | </template> |
| 8 | <template v-slot:cell(operator)="data"> |
| 9 | <template v-if="data.value"> |
| 10 | <Checkmark20 /> |
| 11 | </template> |
| 12 | </template> |
| 13 | <template v-slot:cell(user)="data"> |
| 14 | <template v-if="data.value"> |
| 15 | <Checkmark20 /> |
| 16 | </template> |
| 17 | </template> |
| 18 | <template v-slot:cell(noaccess)="data"> |
| 19 | <template v-if="data.value"> |
| 20 | <Checkmark20 /> |
| 21 | </template> |
| 22 | </template> |
| 23 | </b-table> |
| 24 | </template> |
| 25 | |
| 26 | <script> |
| 27 | import Checkmark20 from "@carbon/icons-vue/es/checkmark/20"; |
| 28 | |
| 29 | export default { |
| 30 | components: { |
| 31 | Checkmark20 |
| 32 | }, |
| 33 | data() { |
| 34 | return { |
| 35 | items: [ |
| 36 | { |
| 37 | description: "Configure components managed by this service", |
| 38 | admin: true, |
| 39 | operator: false, |
| 40 | user: false, |
| 41 | noaccess: false |
| 42 | }, |
| 43 | { |
| 44 | description: "Configure manager resources", |
| 45 | admin: true, |
| 46 | operator: false, |
| 47 | user: false, |
| 48 | noaccess: false |
| 49 | }, |
| 50 | { |
| 51 | description: "Update password for current user account", |
| 52 | admin: true, |
| 53 | operator: true, |
| 54 | user: true, |
| 55 | noaccess: false |
| 56 | }, |
| 57 | { |
| 58 | description: "Configure users and their accounts", |
| 59 | admin: true, |
| 60 | operator: false, |
| 61 | user: false, |
| 62 | noaccess: false |
| 63 | }, |
| 64 | { |
| 65 | description: "Log in to the service and read resources", |
| 66 | admin: true, |
| 67 | operator: true, |
| 68 | user: true, |
| 69 | noaccess: false |
| 70 | }, |
| 71 | { |
| 72 | description: "IPMI access point", |
| 73 | admin: true, |
| 74 | operator: true, |
| 75 | user: true, |
| 76 | noaccess: true |
| 77 | }, |
| 78 | { |
| 79 | description: "Redfish access point", |
| 80 | admin: true, |
| 81 | operator: true, |
| 82 | user: true, |
| 83 | noaccess: false |
| 84 | }, |
| 85 | { |
| 86 | description: "SSH access point", |
| 87 | admin: true, |
| 88 | operator: false, |
| 89 | user: false, |
| 90 | noaccess: false |
| 91 | }, |
| 92 | { |
| 93 | description: "WebUI access point", |
| 94 | admin: true, |
| 95 | operator: true, |
| 96 | user: true, |
| 97 | noaccess: false |
| 98 | } |
| 99 | ], |
| 100 | fields: [ |
| 101 | { key: "description", label: "" }, |
| 102 | { key: "admin", label: "Admin", class: "text-center" }, |
| 103 | { key: "operator", label: "Operator", class: "text-center" }, |
| 104 | { key: "user", label: "User", class: "text-center" }, |
| 105 | { key: "noaccess", label: "NoAccess", class: "text-center" } |
| 106 | ] |
| 107 | }; |
| 108 | } |
| 109 | }; |
| 110 | </script> |
| 111 | |
| 112 | <style lang="scss" scoped> |
| 113 | td:not(.role-description) { |
| 114 | text-align: center; |
| 115 | } |
| 116 | </style> |