summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleClientList.vue
diff options
context:
space:
mode:
authorUdo Walter2018-08-02 18:13:05 +0200
committerUdo Walter2018-08-02 18:13:05 +0200
commit028c9aaa8651862b2bd495c527d30845d1fb1f50 (patch)
tree2b6bc68432940ebfe7078a8aefad26f369c09f08 /webapp/src/components/GroupModuleClientList.vue
parent[groups] small bugfix (diff)
downloadbas-028c9aaa8651862b2bd495c527d30845d1fb1f50.tar.gz
bas-028c9aaa8651862b2bd495c527d30845d1fb1f50.tar.xz
bas-028c9aaa8651862b2bd495c527d30845d1fb1f50.zip
[groups] add dialog to delete, remove and add groups/clients
Diffstat (limited to 'webapp/src/components/GroupModuleClientList.vue')
-rw-r--r--webapp/src/components/GroupModuleClientList.vue16
1 files changed, 11 insertions, 5 deletions
diff --git a/webapp/src/components/GroupModuleClientList.vue b/webapp/src/components/GroupModuleClientList.vue
index ec1a774..0b60273 100644
--- a/webapp/src/components/GroupModuleClientList.vue
+++ b/webapp/src/components/GroupModuleClientList.vue
@@ -27,7 +27,7 @@
>
<template slot="items" slot-scope="props">
<tr @click="loadClient(props.item.id)">
- <td class="narrow-td">
+ <td class="narrow-td" @click.stop="props.selected = !props.selected">
<v-checkbox
color="primary"
v-model="props.selected"
@@ -52,8 +52,8 @@
<v-btn flat color="success" @click="newClient"><v-icon left>create</v-icon>Create client</v-btn>
</div>
<div v-else class="text-xs-right">
- <v-btn flat color="error"><v-icon left>remove_circle_outline</v-icon>Remove selected clients</v-btn>
- <v-btn flat color="success"><v-icon left>add_circle_outline</v-icon>Add clients</v-btn>
+ <v-btn flat color="error" @click="removeSelected" :disabled="selected.length === 0"><v-icon left>remove_circle_outline</v-icon>Remove selected clients</v-btn>
+ <v-btn flat color="success" @click="addExisting"><v-icon left>add_circle_outline</v-icon>Add clients</v-btn>
</div>
</div>
</template>
@@ -63,7 +63,7 @@ import { mapState, mapMutations } from 'vuex'
export default {
name: 'GroupModuleClientList',
- props: ['tabIndex', 'clients'],
+ props: ['tabIndex', 'groupId', 'clients'],
data () {
return {
headers: [
@@ -99,7 +99,13 @@ export default {
this.setActiveTab(1)
},
deleteSelected () {
- this.setDialog({ show: true, type: 'deleteClients', selected: this.selected })
+ this.setDialog({ show: true, info: { action: 'delete', type: 'client', selected: this.selected } })
+ },
+ removeSelected () {
+ this.setDialog({ show: true, info: { action: 'remove', type: 'client', selected: this.selected, tabIndex: this.tabIndex } })
+ },
+ addExisting () {
+ this.setDialog({ show: true, info: { action: 'add', type: 'client', selected: this.selected, tabIndex: this.tabIndex } })
}
}
}