From c86f1afd4c07177e6fbaad9463b2b30488286b0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Fri, 19 Jun 2020 20:58:27 +0200
Subject: [PATCH] fixed bug ##290

in der SearchBar.vue werden nun auch die schulden der user angezeigt.
Sollte ein User gelocked sein, wird ein Hinweiszeichen gegeben.
---
 src/components/baruser/CreditLists.vue |  2 +-
 src/components/baruser/SearchBar.vue   | 26 +++++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/components/baruser/CreditLists.vue b/src/components/baruser/CreditLists.vue
index 03cab9c..ea1eee9 100644
--- a/src/components/baruser/CreditLists.vue
+++ b/src/components/baruser/CreditLists.vue
@@ -187,7 +187,7 @@
                 </v-col>
               </v-row>
               <v-row>
-                <v-col class="hidden-sm-and-down" cols="8">
+                <v-col class="hidden-sm-and-down" cols="80">
                   <v-alert v-if="user.locked" type="error"
                   >{{ user.firstname }} darf nicht mehr anschreiben.
                     {{ user.firstname }} sollte sich lieber mal beim Finanzer
diff --git a/src/components/baruser/SearchBar.vue b/src/components/baruser/SearchBar.vue
index 8461905..f571a47 100644
--- a/src/components/baruser/SearchBar.vue
+++ b/src/components/baruser/SearchBar.vue
@@ -19,6 +19,16 @@
           <template v-slot:prepend-inner>
             <v-icon>{{ search_person }}</v-icon>
           </template>
+          <template v-slot:item="data">
+            <v-list-item-icon v-if="getLocked(data.item)">
+              <v-icon>mdi-alert</v-icon>
+            </v-list-item-icon>
+            <v-list-item-content>
+              {{data.item.fullName}}
+              <v-spacer/>
+              {{(getCredit(data.item)/100).toFixed(2)}} €
+            </v-list-item-content>
+          </template>
         </v-autocomplete>
         <v-btn text @click="addUser">Hinzufügen</v-btn>
         <v-btn v-if="!locked" text @click="lock">Sperren</v-btn>
@@ -46,7 +56,7 @@
 
 <script>
 import { mapGetters, mapActions } from 'vuex'
-import { mdiAccountSearch, mdiMenu } from '@mdi/js'
+import { mdiAccountSearch, mdiMenu, mdiAlert } from '@mdi/js'
 
 export default {
   name: 'SearchBar',
@@ -57,6 +67,7 @@ export default {
       filter: '',
       search_person: mdiAccountSearch,
       menuIcon: mdiMenu,
+      alert: mdiAlert,
       overlay: false,
       password: ''
     }
@@ -87,11 +98,24 @@ export default {
       this.unlock(this.password)
       this.password = ''
       this.overlay = false
+    },
+    getCredit(user) {
+      let retUser = this.users.find(item => {
+        return item.username === user.username
+      })
+      return retUser ? retUser.amount : 0
+    },
+    getLocked(user) {
+      let retUser = this.users.find(item => {
+        return item.username === user.username
+      })
+      return retUser ? retUser.locked : false
     }
   },
   computed: {
     ...mapGetters({
       allUsers: 'barUsers/allUsers',
+      users: 'barUsers/users',
       loading: 'barUsers/allUsersLoading',
       menu: 'barUsers/menu',
       locked: 'barUsers/locked'