summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleClientView.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/GroupModuleClientView.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/GroupModuleClientView.vue')
-rw-r--r--webapp/src/components/GroupModuleClientView.vue20
1 files changed, 17 insertions, 3 deletions
diff --git a/webapp/src/components/GroupModuleClientView.vue b/webapp/src/components/GroupModuleClientView.vue
index e2c381b..50d5507 100644
--- a/webapp/src/components/GroupModuleClientView.vue
+++ b/webapp/src/components/GroupModuleClientView.vue
@@ -51,15 +51,22 @@
v-model="groupIds"
hide-details
offset-y
- label="Parents"
+ label="Groups"
color="primary"
multiple
+ item-value="id"
>
<template slot="selection" slot-scope="data">
- <v-chip :color="chipColor" :text-color="chipTextColor" small :selected="data.selected" @input="removeGroup(data.item.value)" close>
- {{ data.item.text }}
+ <v-chip :color="chipColor" :text-color="chipTextColor" small :selected="data.selected" @input="removeGroup(data.item.id)" close>
+ {{ data.item.name || data.item.id }}
</v-chip>
</template>
+ <template slot="item" slot-scope="data">
+ <div class="select-item">
+ <v-checkbox class="select-item-checkbox" color="primary" :value="groupIds.includes(data.item.id)" hide-details></v-checkbox>
+ {{ data.item.name || data.item.id }}
+ </div>
+ </template>
</v-autocomplete>
<div v-else class="info-input">
<div class="body-2">Groups</div>
@@ -170,4 +177,11 @@ export default {
.info-input {
margin: 10px;
}
+.select-item {
+ display: flex;
+ align-items: center;
+}
+.select-item-checkbox {
+ margin-right: 20px;
+}
</style>