From 82610a011b680d4e8c4f31bf6eafa09e8517231f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Sun, 17 May 2020 13:46:34 +0200
Subject: [PATCH] finished ##257

---
 src/components/user/Config.vue | 47 +++++++++++++++++++++++++++-------
 1 file changed, 38 insertions(+), 9 deletions(-)

diff --git a/src/components/user/Config.vue b/src/components/user/Config.vue
index 2933ed9..6d4fa8b 100644
--- a/src/components/user/Config.vue
+++ b/src/components/user/Config.vue
@@ -132,10 +132,39 @@
             </v-combobox>
           </v-col>
           <v-col v-bind:class="{ fulllineText: isFulllineText }">
-            <v-text-field outlined :value="computeStatus" readonly label="Mitgliedsstatus"/>
+            <v-text-field
+              outlined
+              :value="computeStatus"
+              readonly
+              label="Mitgliedsstatus"
+            />
           </v-col>
           <v-col v-bind:class="{ fulllineText: isFulllineText }">
-            <v-text-field outlined :value="user.voting ? 'ja' : 'nein'" readonly label="Stimmrecht" />
+            <v-text-field
+              outlined
+              :value="user.voting ? 'ja' : 'nein'"
+              readonly
+              label="Stimmrecht"
+            />
+          </v-col>
+        </v-row>
+        <v-row>
+          <v-col v-bind:class="{ fulllineText: isFulllineText }">
+            <v-combobox
+              chips
+              outlined
+              multiple
+              label="Arbeitsgruppen"
+              readonly
+              v-model="user.workgroups"
+              item-value="id"
+              item-text="name"
+              append-icon
+            >
+              <template v-slot:selection="data">
+                <v-chip>{{data.item.name}}</v-chip>
+              </template>
+            </v-combobox>
           </v-col>
         </v-row>
       </v-card-text>
@@ -186,9 +215,8 @@ export default {
   },
   mounted() {
     this.$nextTick(function() {
-        window.addEventListener('resize', this.getWindowWidth);
+      window.addEventListener('resize', this.getWindowWidth)
       this.getWindowWidth()
-
     })
   },
   methods: {
@@ -196,9 +224,9 @@ export default {
       saveConfig: 'user/saveConfig',
       getStatus: 'user/getStatus'
     }),
-     getWindowWidth() {
-        this.isFulllineText = document.documentElement.clientWidth <= 600;
-      },
+    getWindowWidth() {
+      this.isFulllineText = document.documentElement.clientWidth <= 600
+    },
     save() {
       let user = {}
       if (this.firstname) user.firstname = this.firstname
@@ -249,6 +277,7 @@ export default {
 </script>
 
 <style scoped>
-.fulllineText{
+.fulllineText {
   flex-basis: unset;
-}</style>
+}
+</style>