2018-03-26 05:11:49 +00:00
|
|
|
<template lang='pug'>
|
2018-09-30 18:20:26 +00:00
|
|
|
v-container(fluid, grid-list-lg)
|
|
|
|
v-layout(row wrap)
|
|
|
|
v-flex(xs12)
|
|
|
|
.admin-header
|
2018-12-15 22:15:13 +00:00
|
|
|
img(src='/svg/icon-social-group.svg', alt='Edit Group', style='width: 80px;')
|
2018-09-30 18:20:26 +00:00
|
|
|
.admin-header-title
|
|
|
|
.headline.blue--text.text--darken-2 Edit Group
|
2019-08-03 04:48:55 +00:00
|
|
|
.subtitle-1.grey--text {{group.name}}
|
2018-10-14 03:22:42 +00:00
|
|
|
v-spacer
|
2018-12-15 22:15:13 +00:00
|
|
|
.caption.grey--text ID #[strong {{group.id}}]
|
|
|
|
v-divider.mx-3(vertical)
|
2019-08-11 02:14:53 +00:00
|
|
|
v-btn(color='grey', large, outlined, to='/groups')
|
|
|
|
v-icon mdi-arrow-left
|
2018-10-14 21:38:39 +00:00
|
|
|
v-dialog(v-model='deleteGroupDialog', max-width='500', v-if='!group.isSystem')
|
2019-08-11 02:14:53 +00:00
|
|
|
template(v-slot:activator='{ on }')
|
2019-08-17 22:29:58 +00:00
|
|
|
v-btn.ml-2(color='red', large, outlined, v-on='{ on }')
|
2019-08-11 02:14:53 +00:00
|
|
|
v-icon(color='red') mdi-trash-can-outline
|
2018-10-14 03:22:42 +00:00
|
|
|
v-card
|
|
|
|
.dialog-header.is-red Delete Group?
|
2018-12-30 02:30:51 +00:00
|
|
|
v-card-text Are you sure you want to delete group #[strong {{ group.name }}]? All users will be unassigned from this group.
|
2018-10-14 03:22:42 +00:00
|
|
|
v-card-actions
|
|
|
|
v-spacer
|
|
|
|
v-btn(flat, @click='deleteGroupDialog = false') Cancel
|
|
|
|
v-btn(color='red', dark, @click='deleteGroup') Delete
|
2019-08-11 02:14:53 +00:00
|
|
|
v-btn.ml-2(color='success', large, depressed, @click='updateGroup')
|
|
|
|
v-icon(left) mdi-check
|
2018-10-14 03:22:42 +00:00
|
|
|
span Update Group
|
|
|
|
v-card.mt-3
|
2019-08-11 02:14:53 +00:00
|
|
|
v-tabs(v-model='tab', :background-color='$vuetify.theme.dark ? "primary" : "grey darken-2"', fixed-tabs, slider-color='white', show-arrows, dark)
|
2018-10-14 03:22:42 +00:00
|
|
|
v-tab(key='permissions') Permissions
|
|
|
|
v-tab(key='rules') Page Rules
|
|
|
|
v-tab(key='users') Users
|
2018-03-26 05:11:49 +00:00
|
|
|
|
2018-10-14 03:22:42 +00:00
|
|
|
v-tab-item(key='permissions', :transition='false', :reverse-transition='false')
|
2018-12-30 02:30:51 +00:00
|
|
|
group-permissions(v-model='group', @refresh='refresh')
|
2018-03-26 05:11:49 +00:00
|
|
|
|
2018-10-14 03:22:42 +00:00
|
|
|
v-tab-item(key='rules', :transition='false', :reverse-transition='false')
|
2018-12-30 02:30:51 +00:00
|
|
|
group-rules(v-model='group', @refresh='refresh')
|
2018-10-14 03:22:42 +00:00
|
|
|
|
|
|
|
v-tab-item(key='users', :transition='false', :reverse-transition='false')
|
2018-12-30 02:30:51 +00:00
|
|
|
group-users(v-model='group', @refresh='refresh')
|
2018-03-26 05:11:49 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2018-10-14 03:28:59 +00:00
|
|
|
import _ from 'lodash'
|
|
|
|
|
2018-12-30 02:30:51 +00:00
|
|
|
import GroupPermissions from './admin-groups-edit-permissions.vue'
|
|
|
|
import GroupRules from './admin-groups-edit-rules.vue'
|
|
|
|
import GroupUsers from './admin-groups-edit-users.vue'
|
2018-03-31 05:48:04 +00:00
|
|
|
|
2018-06-25 06:44:40 +00:00
|
|
|
import groupQuery from 'gql/admin/groups/groups-query-single.gql'
|
|
|
|
import deleteGroupMutation from 'gql/admin/groups/groups-mutation-delete.gql'
|
|
|
|
import updateGroupMutation from 'gql/admin/groups/groups-mutation-update.gql'
|
2018-03-26 05:11:49 +00:00
|
|
|
|
|
|
|
export default {
|
2018-03-31 05:48:04 +00:00
|
|
|
components: {
|
2018-12-30 02:30:51 +00:00
|
|
|
GroupPermissions,
|
|
|
|
GroupRules,
|
|
|
|
GroupUsers
|
2018-03-31 05:48:04 +00:00
|
|
|
},
|
2018-03-26 05:11:49 +00:00
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
group: {
|
2018-05-12 20:13:04 +00:00
|
|
|
id: 0,
|
|
|
|
name: '',
|
2018-10-14 21:38:39 +00:00
|
|
|
isSystem: false,
|
|
|
|
permissions: [],
|
|
|
|
pageRules: [],
|
2018-03-28 04:02:32 +00:00
|
|
|
users: []
|
2018-03-26 05:11:49 +00:00
|
|
|
},
|
|
|
|
deleteGroupDialog: false,
|
2019-08-11 02:14:53 +00:00
|
|
|
tab: null
|
2018-03-26 05:11:49 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
2018-05-12 20:13:04 +00:00
|
|
|
async updateGroup() {
|
|
|
|
try {
|
|
|
|
await this.$apollo.mutate({
|
|
|
|
mutation: updateGroupMutation,
|
|
|
|
variables: {
|
|
|
|
id: this.group.id,
|
2018-12-30 02:30:51 +00:00
|
|
|
name: this.group.name,
|
|
|
|
permissions: this.group.permissions,
|
|
|
|
pageRules: this.group.pageRules
|
2018-05-12 20:13:04 +00:00
|
|
|
},
|
|
|
|
watchLoading (isLoading) {
|
|
|
|
this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-groups-update')
|
|
|
|
}
|
|
|
|
})
|
|
|
|
this.$store.commit('showNotification', {
|
|
|
|
style: 'success',
|
|
|
|
message: `Group changes have been saved.`,
|
|
|
|
icon: 'check'
|
|
|
|
})
|
|
|
|
} catch (err) {
|
2019-01-13 03:33:30 +00:00
|
|
|
this.$store.commit('pushGraphError', err)
|
2018-05-12 20:13:04 +00:00
|
|
|
}
|
2018-03-26 05:11:49 +00:00
|
|
|
},
|
|
|
|
async deleteGroup() {
|
|
|
|
this.deleteGroupDialog = false
|
|
|
|
try {
|
|
|
|
await this.$apollo.mutate({
|
|
|
|
mutation: deleteGroupMutation,
|
|
|
|
variables: {
|
|
|
|
id: this.group.id
|
|
|
|
},
|
|
|
|
watchLoading (isLoading) {
|
|
|
|
this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-groups-delete')
|
|
|
|
}
|
|
|
|
})
|
|
|
|
this.$store.commit('showNotification', {
|
|
|
|
style: 'success',
|
|
|
|
message: `Group ${this.group.name} has been deleted.`,
|
|
|
|
icon: 'delete'
|
|
|
|
})
|
|
|
|
this.$router.replace('/groups')
|
|
|
|
} catch (err) {
|
2019-01-13 03:33:30 +00:00
|
|
|
this.$store.commit('pushGraphError', err)
|
2018-03-26 05:11:49 +00:00
|
|
|
}
|
2018-04-23 04:27:30 +00:00
|
|
|
},
|
2018-12-30 02:30:51 +00:00
|
|
|
async refresh() {
|
|
|
|
return this.$apollo.queries.group.refetch()
|
2018-03-26 05:11:49 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
apollo: {
|
2018-03-28 04:02:32 +00:00
|
|
|
group: {
|
|
|
|
query: groupQuery,
|
|
|
|
variables() {
|
|
|
|
return {
|
2018-10-14 03:28:59 +00:00
|
|
|
id: _.toSafeInteger(this.$route.params.id)
|
2018-03-28 04:02:32 +00:00
|
|
|
}
|
|
|
|
},
|
2018-05-12 20:13:04 +00:00
|
|
|
fetchPolicy: 'network-only',
|
2018-12-30 02:30:51 +00:00
|
|
|
update: (data) => _.cloneDeep(data.groups.single),
|
2018-03-26 05:11:49 +00:00
|
|
|
watchLoading (isLoading) {
|
|
|
|
this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-groups-refresh')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang='scss'>
|
|
|
|
|
|
|
|
</style>
|