233 lines
7.6 KiB
Vue
233 lines
7.6 KiB
Vue
<template lang="pug">
|
|
v-card(flat)
|
|
v-card-text
|
|
v-text-field(
|
|
outlined
|
|
v-model='group.name'
|
|
label='Group Name'
|
|
counter='255'
|
|
prepend-icon='mdi-account-group'
|
|
)
|
|
v-alert.radius-7(
|
|
v-if='group.isSystem'
|
|
color='orange darken-2'
|
|
:class='$vuetify.theme.dark ? "grey darken-4" : "orange lighten-5"'
|
|
outlined
|
|
:value='true'
|
|
icon='mdi-lock-outline'
|
|
) This is a system group. Some permissions cannot be modified.
|
|
v-container.px-3.pb-3.pt-0(fluid, grid-list-md)
|
|
v-layout(row, wrap)
|
|
v-flex(xs12, md6, lg4, v-for='pmGroup in permissions', :key='pmGroup.category')
|
|
v-card.md2(flat, :class='$vuetify.theme.dark ? "grey darken-3-d5" : "grey lighten-5"')
|
|
.overline.px-5.pt-5.pb-3.grey--text.text--darken-2 {{pmGroup.category}}
|
|
v-card-text.pt-0
|
|
template(v-for='(pm, idx) in pmGroup.items')
|
|
v-checkbox.pt-0(
|
|
style='justify-content: space-between;'
|
|
:key='pm.permission'
|
|
:label='pm.permission'
|
|
:hint='pm.hint'
|
|
persistent-hint
|
|
color='primary'
|
|
v-model='group.permissions'
|
|
:value='pm.permission'
|
|
:append-icon='pm.warning ? "mdi-alert" : null',
|
|
:disabled='(group.isSystem && pm.restrictedForSystem) || group.id === 1 || pm.disabled'
|
|
)
|
|
v-divider.mt-3(v-if='idx < pmGroup.items.length - 1')
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
value: {
|
|
type: Object,
|
|
default: () => ({})
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
permissions: [
|
|
{
|
|
category: 'Content',
|
|
items: [
|
|
{
|
|
permission: 'read:pages',
|
|
hint: 'Can view pages, as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: false,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'write:pages',
|
|
hint: 'Can create / edit pages, as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'manage:pages',
|
|
hint: 'Can move existing pages as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'delete:pages',
|
|
hint: 'Can delete existing pages, as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'write:styles',
|
|
hint: 'Can insert CSS styles in pages, as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'write:scripts',
|
|
hint: 'Can insert JavaScript in pages, as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'read:source',
|
|
hint: 'Can view pages source, as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: false,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'read:history',
|
|
hint: 'Can view pages history, as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: false,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'read:assets',
|
|
hint: 'Can view / use assets (such as images and files), as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: false,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'write:assets',
|
|
hint: 'Can upload new assets (such as images and files), as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'manage:assets',
|
|
hint: 'Can edit and delete existing assets (such as images and files), as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'read:comments',
|
|
hint: 'Can view comments, as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: false,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'write:comments',
|
|
hint: 'Can post new comments, as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: false,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'manage:comments',
|
|
hint: 'Can edit and delete existing comments, as specified in the Page Rules',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
category: 'Users',
|
|
items: [
|
|
{
|
|
permission: 'write:users',
|
|
hint: 'Can create or authorize new users, but not modify existing ones',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'manage:users',
|
|
hint: 'Can manage all users (but not users with administrative permissions)',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'write:groups',
|
|
hint: 'Can manage groups and assign CONTENT permissions / page rules',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'manage:groups',
|
|
hint: 'Can manage groups and assign ANY permissions (but not manage:system) / page rules',
|
|
warning: true,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
category: 'Administration',
|
|
items: [
|
|
{
|
|
permission: 'manage:navigation',
|
|
hint: 'Can manage the site navigation',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'manage:theme',
|
|
hint: 'Can manage and modify themes',
|
|
warning: false,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'manage:api',
|
|
hint: 'Can generate and revoke API keys',
|
|
warning: true,
|
|
restrictedForSystem: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
permission: 'manage:system',
|
|
hint: 'Can manage and access everything. Root administrator.',
|
|
warning: true,
|
|
restrictedForSystem: true,
|
|
disabled: true
|
|
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
},
|
|
computed: {
|
|
group: {
|
|
get() { return this.value },
|
|
set(val) { this.$set('input', val) }
|
|
}
|
|
}
|
|
}
|
|
</script>
|