summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleClientView.vue
diff options
context:
space:
mode:
authorUdo Walter2018-08-04 10:18:59 +0200
committerUdo Walter2018-08-04 10:18:59 +0200
commit132e04e3f71a101f69309b4c9c8b8ed5618b111b (patch)
tree933679f9cdba76fdfccb9c4b5d441fcd29200ea0 /webapp/src/components/GroupModuleClientView.vue
parentsmall changes (diff)
downloadbas-132e04e3f71a101f69309b4c9c8b8ed5618b111b.tar.gz
bas-132e04e3f71a101f69309b4c9c8b8ed5618b111b.tar.xz
bas-132e04e3f71a101f69309b4c9c8b8ed5618b111b.zip
[groups] small bug fixes
Diffstat (limited to 'webapp/src/components/GroupModuleClientView.vue')
-rw-r--r--webapp/src/components/GroupModuleClientView.vue31
1 files changed, 12 insertions, 19 deletions
diff --git a/webapp/src/components/GroupModuleClientView.vue b/webapp/src/components/GroupModuleClientView.vue
index 7a7a4a8..ab12ed0 100644
--- a/webapp/src/components/GroupModuleClientView.vue
+++ b/webapp/src/components/GroupModuleClientView.vue
@@ -46,18 +46,10 @@
color="primary"
multiple
item-value="id"
+ item-text="name"
+ small-chips
+ deletable-chips
>
- <template slot="selection" slot-scope="data">
- <v-chip 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 info-heading"><v-icon>device_hub</v-icon><span>{{ $t('groups') }}</span></div>
@@ -169,9 +161,17 @@ export default {
id: this.client.id,
info: this.info,
groupIds: this.groupIds,
- tabIndex: this.tabIndex
+ tabIndex: this.tabIndex,
+ callback: this.updateUrl
})
this.editMode = false
+ },
+ updateUrl (id) {
+ console.log(id)
+ this.$router.replace({
+ name: 'GroupModule.client',
+ params: { id, noReload: true }
+ })
}
}
}
@@ -185,13 +185,6 @@ export default {
.info-input {
margin: 20px;
}
-.select-item {
- display: flex;
- align-items: center;
-}
-.select-item-checkbox {
- margin-right: 20px;
-}
.info-heading {
display: flex;
align-items: center;