show and disable locked user in barview

src/components/baruser/CreditLists.vue

@@ -12,17 +12,17 @@
                                 <v-row>
                                     <v-col>
                                         <v-btn class="creditBtn" block @click="addAmount(user.username, 200)"
-                                               :color="color">2 €
+                                               :color="color" :disabled="user.locked">2 €
                                         </v-btn>
                                     </v-col>
                                     <v-col>
                                         <v-btn class="creditBtn" block @click="addAmount(user.username, 100)"
-                                               :color="color">1 €
+                                               :color="color" :disabled="user.locked">1 €
                                         </v-btn>
                                     </v-col>
                                     <v-col>
                                         <v-btn class="creditBtn" block @click="addAmount(user.username, 50)"
-                                               :color="color">
+                                               :color="color" :disabled="user.locked">
                                             0,50 €
                                         </v-btn>
                                     </v-col>
@@ -30,19 +30,19 @@
                                 <v-row>
                                     <v-col>
                                         <v-btn class="creditBtn" block @click="addAmount(user.username, 40)"
-                                               :color="color">
+                                               :color="color" :disabled="user.locked">
                                             0,40 €
                                         </v-btn>
                                     </v-col>
                                     <v-col>
                                         <v-btn class="creditBtn" block @click="addAmount(user.username, 20)"
-                                               :color="color">
+                                               :color="color" :disabled="user.locked">
                                             0,20 €
                                         </v-btn>
                                     </v-col>
                                     <v-col>
                                         <v-btn class="creditBtn" block @click="addAmount(user.username, 10)"
-                                               :color="color">
+                                               :color="color" :disabled="user.locked">
                                             0,10 €
                                         </v-btn>
                                     </v-col>
@@ -58,6 +58,7 @@
                                 </v-row>
                             </v-col>
                         </v-row>
+                        <v-alert v-if="user.locked" type="error">Gesperrt</v-alert>
                     </v-card-text>
                 </v-card>
             </v-container>
@@ -77,6 +78,10 @@
                 color: 'green accent-4'
             }
         },
+        created() {
+            // eslint-disable-next-line no-console
+            console.log(this.users)
+        },
         methods: {
             addAmount(username, amount) {
                 this.$emit("add:amount", username, amount)

src/plugins/restService.js

@@ -14,6 +14,9 @@ class Service {
     getUserBar(token) {
         return axios.get(this.url+'bar', {headers: {Token: token}})
     }
+    getOneUserBar(token, data) {
+        return axios.post(this.url+'barGetUser', {...data}, {headers: {Token: token}})
+    }
     addAmountBar(token, data) {
         return axios.post(this.url+'baradd', {...data}, {headers: {Token: token}})
     }

src/views/BarView.vue

@@ -67,6 +67,7 @@
                         return user.username === username ? user : false
                     })
                     user.amount = response.data.amount
+                    user.locked = response.data.locked
                 })
                 .catch(error => {
                     if (error.response) {
@@ -81,15 +82,20 @@
                 if (!this.users.find(user1 => {
                     return user1.username === user.username
                 })) {
-                    const lastId = this.users.length > 0 ? this.users[this.users.length - 1].id : 0
-                    this.users.push({
-                        id: lastId + 1,
-                        username: user.username,
-                        firstname: user.firstname,
-                        lastname: user.lastname,
-                        amount: 0,
-                        type: null
+                    httpClient.getOneUserBar(this.$store.getters.getToken, {userId: user.username})
+                    .then(response => {
+                        const lastId = this.users.length > 0 ? this.users[this.users.length - 1].id : 0
+                        this.users.push({
+                            id: lastId + 1,
+                            username: response.data.username,
+                            firstname: response.data.firstname,
+                            lastname: response.data.lastname,
+                            locked: response.data.locked,
+                            amount: 0,
+                            type: null
+                        })
                     })
+
                 }
             }
         }