From 671b9335c9445f8050bdbc0dd91570719b83aece Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Sat, 16 May 2020 23:24:14 +0200
Subject: [PATCH 1/3] finished ##255

---
 src/components/pricelist/PriceList.vue        |  11 +-
 .../vorstand/ManagementNavigation.vue         |  13 +-
 .../vorstand/WorkgroupManagement.vue          | 190 ++++++++++++++++++
 src/plugins/routes.js                         |  12 +-
 src/router/index.js                           |   5 +
 src/store/index.js                            |   4 +-
 src/store/modules/workgroupManagement.js      | 120 +++++++++++
 7 files changed, 346 insertions(+), 9 deletions(-)
 create mode 100644 src/components/vorstand/WorkgroupManagement.vue
 create mode 100644 src/store/modules/workgroupManagement.js

diff --git a/src/components/pricelist/PriceList.vue b/src/components/pricelist/PriceList.vue
index 62c361d..299ce75 100644
--- a/src/components/pricelist/PriceList.vue
+++ b/src/components/pricelist/PriceList.vue
@@ -1,6 +1,11 @@
 <template>
   <div>
-    <v-data-table :headers="headers" :items="priceList" :search="search" :loading="priceListLoading || typesLoading">
+    <v-data-table
+      :headers="headers"
+      :items="priceList"
+      :search="search"
+      :loading="priceListLoading || typesLoading"
+    >
       <template v-slot:top>
         <v-toolbar flat color="white">
           <v-toolbar-title>Preisliste</v-toolbar-title>
@@ -363,7 +368,7 @@ export default {
       this.closeType()
     },
     deleteType(item) {
-      confirm('Bist du sicher, dass die diese Kategorie entfernen wills?') &&
+      confirm('Bist du sicher, dass du diese Kategorie entfernen willst?') &&
         this.deleteDrinkType({ id: item.id })
     },
     addType() {
@@ -459,7 +464,7 @@ export default {
     computeType() {
       return id => {
         const type = this.types.find(a => {
-           return a.id === id
+          return a.id === id
         })
         return type ? type.name : null
       }
diff --git a/src/components/vorstand/ManagementNavigation.vue b/src/components/vorstand/ManagementNavigation.vue
index e44743d..f2ec3ac 100644
--- a/src/components/vorstand/ManagementNavigation.vue
+++ b/src/components/vorstand/ManagementNavigation.vue
@@ -16,17 +16,26 @@
         Benutzerliste
       </v-list-item-title>
     </v-list-item>
+    <v-list-item link to="/main/management/workgroupmanagement">
+      <v-list-item-icon>
+        <v-icon>{{group}}</v-icon>
+      </v-list-item-icon>
+      <v-list-item-title>
+        Arbeitsgruppen
+      </v-list-item-title>
+    </v-list-item>
   </v-list>
 </template>
 
 <script>
-import { mdiBriefcase, mdiAccountMultiple } from '@mdi/js'
+import { mdiBriefcase, mdiAccountMultiple, mdiAccountGroup } from '@mdi/js'
 export default {
   name: 'ManagementNavigation',
   data() {
     return {
       work: mdiBriefcase,
-      list: mdiAccountMultiple
+      list: mdiAccountMultiple,
+      group: mdiAccountGroup
     }
   }
 }
diff --git a/src/components/vorstand/WorkgroupManagement.vue b/src/components/vorstand/WorkgroupManagement.vue
new file mode 100644
index 0000000..ddb5247
--- /dev/null
+++ b/src/components/vorstand/WorkgroupManagement.vue
@@ -0,0 +1,190 @@
+<template>
+  <div>
+    <v-data-table
+      :headers="header"
+      :items="workgroups"
+      :loading="workgroupLoading"
+      :search="search"
+    >
+      <template v-slot:top>
+        <v-toolbar flat color="white">
+          <v-toolbar-title>Arbeitsgruppen</v-toolbar-title>
+          <v-spacer> </v-spacer>
+          <v-text-field
+            v-model="search"
+            label="Suche Arbeitsgrupp"
+            single-line
+            hide-details
+          >
+            <template v-slot:append>
+              <v-icon>{{ searchIcon }}</v-icon>
+            </template>
+          </v-text-field>
+          <v-dialog v-model="dialog">
+            <template v-slot:activator="{ on }">
+              <v-btn
+                fab
+                x-small
+                color="primary"
+                class="mb-2"
+                v-on="on"
+                style="margin: 5px"
+              >
+                <v-icon>
+                  {{ plusIcon }}
+                </v-icon>
+              </v-btn>
+            </template>
+            <v-card>
+              <v-card-title>
+                <span class="headline">{{ formTitle }}</span>
+              </v-card-title>
+              <v-card-text>
+                <v-container>
+                  <v-text-field
+                    v-model="editedItem.name"
+                    label="Name"
+                    outlined
+                  ></v-text-field>
+                  <v-autocomplete
+                    v-model="editedItem.boss"
+                    label="AG-Leiter"
+                    :items="users"
+                    :item-text="item => item.firstname + ' ' + item.lastname"
+                    item-value="username"
+                    :loading="usersLoading"
+                    outlined
+                    return-object
+                  >
+                  </v-autocomplete>
+                </v-container>
+              </v-card-text>
+              <v-card-actions>
+                <v-spacer></v-spacer>
+                <v-btn color="blue darken-1" text @click="close"
+                  >Abbreche</v-btn
+                >
+                <v-btn color="blue darken-1" text @click="save"
+                  >Speichern</v-btn
+                >
+              </v-card-actions>
+            </v-card>
+          </v-dialog>
+        </v-toolbar>
+      </template>
+      <template v-slot:item.boss="{ item }">
+        <div v-if="item.boss != null">
+          {{ item.boss.firstname }} {{ item.boss.lastname }}
+        </div>
+      </template>
+      <template v-slot:item.actions="{ item }">
+        <v-icon small class="mr-2" @click="editItem(item)">
+          {{ editIcon }}
+        </v-icon>
+        <v-icon small class="mr-2" @click="deleteItem(item)">
+          {{ deleteIcon }}
+        </v-icon>
+      </template>
+    </v-data-table>
+  </div>
+</template>
+
+<script>
+import { mdiPencil, mdiMagnify, mdiDelete, mdiPlus } from '@mdi/js'
+import { mapActions, mapGetters } from 'vuex'
+export default {
+  name: 'WorkgroupManagement',
+  data() {
+    return {
+      editIcon: mdiPencil,
+      searchIcon: mdiMagnify,
+      deleteIcon: mdiDelete,
+      plusIcon: mdiPlus,
+      search: null,
+      dialog: false,
+      header: [
+        { text: 'AG-Name', value: 'name' },
+        { text: 'AG-Leiter', value: 'boss' },
+        {
+          text: 'Aktionen',
+          value: 'actions',
+          sortable: false,
+          filterable: false
+        }
+      ],
+      editedItem: {
+        id: -1,
+        username: null,
+        boss: {
+          username: null,
+          firstname: null,
+          lastname: null
+        }
+      },
+      defaultItem: {
+        id: -1,
+        username: null,
+        boss: {
+          name: null,
+          firstname: null,
+          lastname: null
+        }
+      },
+      editedIndex: -1
+    }
+  },
+  methods: {
+    ...mapActions({
+      getAllWorkgroups: 'wm/getAllWorkgroups',
+      setWorkgroup: 'wm/setWorkgroup',
+      updateWorkgroup: 'wm/updateWorkgroup',
+      getAllUsers: 'usermanager/getUsers',
+      deleteWorkgroup: 'wm/deleteWorkgroup'
+    }),
+    editItem(item) {
+      this.editedIndex = item.id
+      this.editedItem = Object.assign({}, item)
+      this.dialog = true
+    },
+    save() {
+      this.editedItem.id === -1
+        ? this.setWorkgroup(this.editedItem)
+        : this.updateWorkgroup(this.editedItem)
+      this.editedItem = Object.assign({}, this.defaultItem)
+      this.close()
+    },
+    close() {
+      this.dialog = false
+      setTimeout(() => {
+        this.editedItem = Object.assign({}, this.defaultItem)
+        this.editedIndex = -1
+      }, 300)
+    },
+    deleteItem(item) {
+      confirm(
+        'Bist du sicher, dass du diese Arbeitsgruppe entfernen willst?'
+      ) && this.deleteWorkgroup(item)
+    }
+  },
+  computed: {
+    ...mapGetters({
+      workgroupLoading: 'wm/workgroupLoading',
+      workgroups: 'wm/workgroups',
+      users: 'usermanager/users',
+      usersLoading: 'usermanager/usersLoading'
+    }),
+    formTitle() {
+      return this.editedIndex === -1
+        ? 'Neue Arbeitsgruppe'
+        : 'Bearbeite Arbeitsgruppe'
+    }
+  },
+  created() {
+    this.getAllWorkgroups()
+    this.getAllUsers()
+    console.log(this.users)
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/src/plugins/routes.js b/src/plugins/routes.js
index 2ccbc5d..4c3994e 100644
--- a/src/plugins/routes.js
+++ b/src/plugins/routes.js
@@ -1,7 +1,7 @@
 //const main = 'https://192.168.5.128:5000/'
-//const main = 'http://localhost:5000/'
+const main = 'http://localhost:5000/'
 //const main = 'http://192.168.5.118:5000/'
-const main = 'https://groeger-clan.duckdns.org:5000/'
+//const main = 'https://groeger-clan.duckdns.org:5000/'
 
 const url = {
   login: main + 'login',
@@ -10,7 +10,7 @@ const url = {
   pricelist: main + 'pricelist',
   getTypes: main + 'drinkTypes',
   getFinanzerMain: main + 'getFinanzerMain',
-  bar: main + 'bar'
+  bar: main + 'bar',
   barGetUser: main + 'barGetUser',
   barAddAmount: main + 'baradd',
   finanzerAddAmount: main + 'finanzerAddAmount',
@@ -41,6 +41,12 @@ const url = {
       deleteStatus: main + 'um/deleteStatus',
       updateStatusUser: main + 'um/updateStatusUser',
       updateVoting: main + 'um/updateVoting'
+    },
+    wm: {
+      workgroup: main + 'wgm/workgroup',
+      getWorkgroup: main + 'wgm/getWorkgroup',
+      getAllWorkgroups: main + 'wgm/getAllWorkgroups',
+      deleteWorkgroup: main + 'wgm/deleteWorkgroup'
     }
   },
   user: {
diff --git a/src/router/index.js b/src/router/index.js
index fccf75b..fecd282 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -23,6 +23,7 @@ import ManagementNavigation from '@/components/vorstand/ManagementNavigation'
 import GastroNavigation from '@/components/gastro/GastroNavigation'
 import PriceListView from '@/views/contents/PriceListView'
 import UserManager from '@/components/vorstand/UserManager'
+import WorkgroupManagement from "@/components/vorstand/WorkgroupManagement";
 
 Vue.use(VueRouter)
 
@@ -58,6 +59,10 @@ const routes = [
           {
             path: 'usermanager',
             component: UserManager
+          },
+          {
+            path: 'workgroupmanagement',
+            component: WorkgroupManagement
           }
         ]
       },
diff --git a/src/store/index.js b/src/store/index.js
index 7af2bb4..5fc6616 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -9,6 +9,7 @@ import jobs from '@/store/modules/jobs'
 import requestJobs from '@/store/modules/jobRequests'
 import priceList from '@/store/modules/pricelist'
 import usermanager from '@/store/modules/userManager'
+import wm from '@/store/modules/workgroupManagement'
 
 Vue.use(Vuex)
 
@@ -22,6 +23,7 @@ export default new Vuex.Store({
     jobs,
     requestJobs,
     priceList,
-    usermanager
+    usermanager,
+    wm
   }
 })
diff --git a/src/store/modules/workgroupManagement.js b/src/store/modules/workgroupManagement.js
new file mode 100644
index 0000000..e999b00
--- /dev/null
+++ b/src/store/modules/workgroupManagement.js
@@ -0,0 +1,120 @@
+import url from '@/plugins/routes'
+import axios from 'axios'
+
+const state = {
+  workgroupsLoading: false,
+  workgroups: []
+}
+
+const mutations = {
+  setWorkgroups: (state, workgroups) => {
+    state.workgroups = workgroups
+  },
+  updateWorkgroup: (state, workgroup) => {
+    console.log('workgroup is', workgroup)
+    let exists = state.workgroups.find(a => {
+      return a.id === workgroup.id
+    })
+    console.log('exists is', exists)
+    if (exists) {
+      exists.name = workgroup.name
+      exists.boss = workgroup.boss
+    } else {
+      state.workgroups.push(workgroup)
+    }
+  },
+  deleteWorkgroup: (state, workergroup) => {
+    let index = state.workgroups.indexOf(
+      state.workgroups.find(a => {
+        return a.id === workergroup.id
+      })
+    )
+    state.workgroups.splice(index, 1)
+  },
+  setWorkgroupLoading: (state, value) => {
+    state.workgroupsLoading = value
+  }
+}
+
+const actions = {
+  async getAllWorkgroups({ commit, rootState, dispatch }) {
+    try {
+      commit('setWorkgroupLoading', true)
+      const response = await axios.get(url.vorstand.wm.getAllWorkgroups, {
+        headers: { Token: rootState.login.user.accessToken }
+      })
+      commit('setWorkgroups', response.data)
+      commit('setWorkgroupLoading', false)
+      dispatch('getLifeTime', null, { root: true })
+    } catch (e) {
+      commit('setWorkgroupLoading', false)
+      if (e.response)
+        if (e.response.status === 401) dispatch('logout', null, { root: true })
+    }
+  },
+  async setWorkgroup({ commit, rootState, dispatch }, data) {
+    try {
+      commit('setWorkgroupLoading', true)
+      const response = await axios.put(
+        url.vorstand.wm.workgroup,
+        { ...data },
+        { headers: { Token: rootState.login.user.accessToken } }
+      )
+      commit('updateWorkgroup', response.data)
+      commit('setWorkgroupLoading', false)
+      dispatch('getLifeTime', null, { root: true })
+    } catch (e) {
+      if (e.response)
+        if (e.response.status === 401) dispatch('logout', null, { root: true })
+    }
+  },
+  async updateWorkgroup({ commit, rootState, dispatch }, data) {
+    try {
+      commit('setWorkgroupLoading', true)
+      const repsonse = await axios.post(
+        url.vorstand.wm.workgroup,
+        { ...data },
+        { headers: { Token: rootState.login.user.accessToken } }
+      )
+      commit('updateWorkgroup', repsonse.data)
+      commit('setWorkgroupLoading', false)
+      dispatch('getLifeTime', null, { root: true })
+    } catch (e) {
+      if (e.response)
+        if (e.response.status === 401) dispatch('logout', null, { root: true })
+    }
+  },
+  async deleteWorkgroup({ commit, rootState, dispatch }, data) {
+    try {
+      commit('setWorkgroupLoading', true)
+      await axios.post(
+        url.vorstand.wm.deleteWorkgroup,
+        { ...data },
+        { headers: { Token: rootState.login.user.accessToken } }
+      )
+      commit('deleteWorkgroup', data)
+      commit('setWorkgroupLoading', false)
+      dispatch('getLifeTime', null, { root: true })
+    } catch (e) {
+      if (e.response)
+        if (e.response.status === 401) dispatch('logout', null, { root: true })
+    }
+  }
+}
+
+const getters = {
+  workgroups: state => {
+    return state.workgroups
+  },
+  workgroupLoading: state => {
+    return state.workgroupsLoading
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+  getters
+}

From 6dac646f97480af813ea1afaa00f48c81f7ae978 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:36:20 +0200
Subject: [PATCH 2/3] finished ##256

---
 src/components/user/AddAmount.vue       |  2 +-
 src/components/vorstand/UserManager.vue | 33 +++++++++++++++++++++++--
 src/plugins/routes.js                   |  3 ++-
 src/store/modules/userManager.js        | 29 +++++++++++++++++++++-
 4 files changed, 62 insertions(+), 5 deletions(-)

diff --git a/src/components/user/AddAmount.vue b/src/components/user/AddAmount.vue
index 84fc5ad..00b90d0 100644
--- a/src/components/user/AddAmount.vue
+++ b/src/components/user/AddAmount.vue
@@ -217,7 +217,7 @@ export default {
       }
     },
     addAmountMore() {
-      this.addAmount(this.value * 100)
+      this.addAmount(Math.abs(this.value * 100))
       setTimeout(() => {
         this.value = null
       }, 300)
diff --git a/src/components/vorstand/UserManager.vue b/src/components/vorstand/UserManager.vue
index aabfe07..976c371 100644
--- a/src/components/vorstand/UserManager.vue
+++ b/src/components/vorstand/UserManager.vue
@@ -42,6 +42,20 @@
                 />
               </v-col>
             </v-row>
+            <v-row>
+              <v-col>
+                <v-autocomplete
+                        chips
+                        multiple
+                  v-model="editedItem.workgroups"
+                  label="AG's"
+                  outlined
+                  :items="workgroups"
+                  item-value="id"
+                  item-text="name"
+                  return-object></v-autocomplete>
+              </v-col>
+            </v-row>
           </v-container>
         </v-card-text>
         <v-card-actions>
@@ -68,6 +82,13 @@
           </v-text-field>
         </v-toolbar>
       </template>
+      <template v-slot:item.workgroups="{item}">
+          <div>
+            <v-chip v-for="group in item.workgroups" :key="group.id" x-small>
+              {{group.name}}
+            </v-chip>
+          </div>
+      </template>
       <template v-slot:item.statusgroup="{ item }">
         {{ computeStatus(item.statusgroup) }}
       </template>
@@ -132,6 +153,7 @@ export default {
       header: [
         { text: 'Nachname', value: 'lastname' },
         { text: 'Vorname(n)', value: 'firstname' },
+        { text: 'AG\'s', value: 'workgroups'},
         { text: 'Status', value: 'statusgroup' },
         { text: 'Stimmrecht', value: 'voting' },
         {
@@ -146,6 +168,7 @@ export default {
         firstname: null,
         lastname: null,
         username: null,
+        workgroups: [],
         statusgroup: {
           id: -1,
           name: null
@@ -158,6 +181,7 @@ export default {
       defaultItem: {
         id: -1,
         username: null,
+        workgroups: [],
         statusgroup: {
           id: -1,
           name: null
@@ -183,7 +207,9 @@ export default {
       getUsers: 'usermanager/getUsers',
       getStatus: 'usermanager/getStatus',
       updateStatusUser: 'usermanager/updateStatusUser',
-      updateVoting: 'usermanager/updateVoting'
+      updateVoting: 'usermanager/updateVoting',
+      updateWorkgroups: 'usermanager/updateWorkgroups',
+      getAllWorkgroups: 'wm/getAllWorkgroups'
     }),
      getWindowWidth() {
         this.isFulllineText = document.documentElement.clientWidth <= 750;
@@ -231,6 +257,7 @@ export default {
     save() {
       this.updateStatusUser({username: this.editedItem.username, status: this.editedItem.statusgroup})
       this.updateVoting({username: this.editedItem.username, voting: this.editedItem.voting.value})
+      this.updateWorkgroups(this.editedItem)
       this.close()
     }
   },
@@ -239,7 +266,8 @@ export default {
       users: 'usermanager/users',
       status: 'usermanager/status',
       usersLoading: 'usermanager/usersLoading',
-      statusLoading: 'usermanager/statusLoading'
+      statusLoading: 'usermanager/statusLoading',
+      workgroups: 'wm/workgroups'
     }),
     computeStatus() {
       return id => {
@@ -263,6 +291,7 @@ export default {
   created() {
     this.getUsers()
     this.getStatus()
+    this.getAllWorkgroups()
   }
 }
 </script>
diff --git a/src/plugins/routes.js b/src/plugins/routes.js
index 4c3994e..118a35e 100644
--- a/src/plugins/routes.js
+++ b/src/plugins/routes.js
@@ -40,7 +40,8 @@ const url = {
       updateStatus: main + 'um/updateStatus',
       deleteStatus: main + 'um/deleteStatus',
       updateStatusUser: main + 'um/updateStatusUser',
-      updateVoting: main + 'um/updateVoting'
+      updateVoting: main + 'um/updateVoting',
+      updateWorkgroups: main + 'um/updateWorkgroups'
     },
     wm: {
       workgroup: main + 'wgm/workgroup',
diff --git a/src/store/modules/userManager.js b/src/store/modules/userManager.js
index d60a75f..c63ec42 100644
--- a/src/store/modules/userManager.js
+++ b/src/store/modules/userManager.js
@@ -25,6 +25,7 @@ const mutations = {
       exists.mail = user.mail
       exists.statusgroup = user.statusgroup
       exists.voting = user.voting
+      exists.workgroups = user.workgroup
     } else {
       state.users.push({
         username: user.username,
@@ -32,7 +33,8 @@ const mutations = {
         lastname: user.lastname,
         mail: user.mail,
         statusgroup: user.statusgroup,
-        voting: user.voting
+        voting: user.voting,
+        workgroups: user.workgroups
       })
     }
   },
@@ -59,6 +61,14 @@ const mutations = {
   },
   setStatusLoading: (state, value) => {
     state.statusLoading = value
+  },
+  updateWorkgroups: (state, { id, workgroups }) => {
+    let exists = state.users.find(a => {
+      return a.id === id
+    })
+    if (exists) {
+      exists.workgroups = workgroups
+    }
   }
 }
 
@@ -126,6 +136,23 @@ const actions = {
       if (e.response)
         if (e.response.status === 401) dispatch('logout', null, { root: true })
     }
+  },
+  async updateWorkgroups({ commit, rootState, dispatch }, data) {
+    try {
+      commit('setUsersLoading', true)
+      const response = await axios.post(
+        url.vorstand.um.updateWorkgroups,
+        { ...data },
+        { headers: { Token: rootState.login.user.accessToken } }
+      )
+      commit('updateWorkgroups', { id: data.id, workgroups: response.data })
+      commit('setUsersLoading', false)
+      dispatch('getLifeTime', null, { root: true })
+    } catch (e) {
+      commit('setUsersLoading', false)
+      if (e.response)
+        if (e.response.status === 401) dispatch('logout', null, { root: true })
+    }
   }
 }
 

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 3/3] 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>