From a8ae06b3a894b55aaaf6c1c8cc12650fba429c7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Tue, 11 Feb 2020 20:34:05 +0100
Subject: [PATCH 1/4] transfer

---
 src/store/modules/barUsers.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/store/modules/barUsers.js b/src/store/modules/barUsers.js
index be28632..450ad3e 100644
--- a/src/store/modules/barUsers.js
+++ b/src/store/modules/barUsers.js
@@ -6,7 +6,8 @@ const state = {
   allUsers: [],
   filter: '',
   usersLoading: false,
-  allUsersLoading: false
+  allUsersLoading: false,
+  message: ''
 }
 
 const mutations = {

From 08c8475ac13c4ccedff69576f0f3160c521d209e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Sun, 16 Feb 2020 20:35:13 +0100
Subject: [PATCH 2/4] add history

---
 src/components/baruser/CreditLists.vue | 123 +++++++++++++++++++++++--
 src/components/baruser/SearchBar.vue   |  21 ++++-
 src/main.js                            |   2 +-
 src/plugins/routes.js                  |   4 +-
 src/router/index.js                    |   4 +-
 src/store/modules/barUsers.js          |  57 +++++++++++-
 6 files changed, 192 insertions(+), 19 deletions(-)

diff --git a/src/components/baruser/CreditLists.vue b/src/components/baruser/CreditLists.vue
index 099cd79..0de77bc 100644
--- a/src/components/baruser/CreditLists.vue
+++ b/src/components/baruser/CreditLists.vue
@@ -4,6 +4,23 @@
     <v-container>
       <AddAmountSkeleton v-if="loading && users.length === 0" />
     </v-container>
+    <v-navigation-drawer right app clipped :value="menu">
+      <v-list-item-group>
+        <v-list-item
+          v-for="message in messages"
+          three-line
+          :key="messages.indexOf(message)"
+        >
+          <v-list-item-content>
+            <v-list-item-title>{{ now(message.date) }}</v-list-item-title>
+            <v-list-item-subtitle>{{ message.message }}</v-list-item-subtitle>
+            <v-list-item-action-text v-if="under5minutes(message.date)"
+              >Klicken um zurückzusetzen</v-list-item-action-text
+            >
+          </v-list-item-content>
+        </v-list-item>
+      </v-list-item-group>
+    </v-navigation-drawer>
     <div v-for="user in users" :key="users.indexOf(user)">
       <div v-if="isFiltered(user)">
         <v-container>
@@ -22,7 +39,11 @@
                         class="creditBtn"
                         block
                         @click="
-                          addAmount({ username: user.username, amount: 200 })
+                          addAmount({
+                            username: user.username,
+                            amount: 200,
+                            user: user
+                          })
                         "
                         :color="color"
                         :disabled="user.locked"
@@ -34,7 +55,11 @@
                         class="creditBtn"
                         block
                         @click="
-                          addAmount({ username: user.username, amount: 100 })
+                          addAmount({
+                            username: user.username,
+                            amount: 100,
+                            user: user
+                          })
                         "
                         :color="color"
                         :disabled="user.locked"
@@ -46,7 +71,11 @@
                         class="creditBtn"
                         block
                         @click="
-                          addAmount({ username: user.username, amount: 50 })
+                          addAmount({
+                            username: user.username,
+                            amount: 50,
+                            user: user
+                          })
                         "
                         :color="color"
                         :disabled="user.locked"
@@ -60,7 +89,11 @@
                         class="creditBtn"
                         block
                         @click="
-                          addAmount({ username: user.username, amount: 40 })
+                          addAmount({
+                            username: user.username,
+                            amount: 40,
+                            user: user
+                          })
                         "
                         :color="color"
                         :disabled="user.locked"
@@ -72,7 +105,11 @@
                         class="creditBtn"
                         block
                         @click="
-                          addAmount({ username: user.username, amount: 20 })
+                          addAmount({
+                            username: user.username,
+                            amount: 20,
+                            user: user
+                          })
                         "
                         :color="color"
                         :disabled="user.locked"
@@ -84,7 +121,11 @@
                         class="creditBtn"
                         block
                         @click="
-                          addAmount({ username: user.username, amount: 10 })
+                          addAmount({
+                            username: user.username,
+                            amount: 10,
+                            user: user
+                          })
                         "
                         :color="color"
                         :disabled="user.locked"
@@ -113,6 +154,17 @@
               >
             </v-card-text>
           </v-card>
+          <v-snackbar
+            v-for="message in messages"
+            :key="messages.indexOf(message)"
+            :color="message.error ? 'error' : 'success'"
+            bottom
+            :timeout="3000"
+            :multi-line="true"
+            v-model="message.visible"
+          >
+            {{ message.message }}
+          </v-snackbar>
         </v-container>
       </div>
     </div>
@@ -158,8 +210,63 @@ export default {
     ...mapGetters({
       users: 'barUsers/users',
       filter: 'barUsers/filter',
-      loading: 'barUsers/usersLoading'
-    })
+      loading: 'barUsers/usersLoading',
+      messages: 'barUsers/messages',
+      menu: 'barUsers/menu'
+    }),
+    under5minutes() {
+      return now => {
+        var actual = new Date()
+        var zero = new Date(0)
+        var date = new Date(actual - now)
+        if (
+          date.getFullYear() === zero.getFullYear() &&
+          date.getMonth() === zero.getMonth() &&
+          date.getDate() === zero.getDate()
+        ) {
+          if (date.getMinutes() < 6) {
+            return true
+          }
+        }
+        return false
+      }
+    },
+    now() {
+      return now => {
+        var actual = new Date()
+        var zero = new Date(0)
+        var date = new Date(actual - now)
+        console.log(date)
+        if (date.getFullYear() === zero.getFullYear()) {
+          if (date.getMonth() === zero.getMonth()) {
+            if (date.getDate() === zero.getDate()) {
+              if (date.getHours() === zero.getDate()) {
+                if (date.getMinutes() < 1) {
+                  return 'vor ' + date.getSeconds() + ' Sekunden'
+                } else if (date.getMinutes() < 10) {
+                  return 'vor ' + date.getMinutes() + ' Minuten'
+                } else {
+                  return now.getHours() + ':' + now.getMinutes()
+                }
+              } else {
+                return now.getHours() + ':' + now.getMinutes()
+              }
+            }
+          }
+        }
+        return (
+          now.getDate() +
+          '.' +
+          now.getMonth() +
+          '.' +
+          now.getFullYear() +
+          ' ' +
+          now.getHours() +
+          ':' +
+          now.getMinutes()
+        )
+      }
+    }
   }
 }
 </script>
diff --git a/src/components/baruser/SearchBar.vue b/src/components/baruser/SearchBar.vue
index 20bacee..b37ece2 100644
--- a/src/components/baruser/SearchBar.vue
+++ b/src/components/baruser/SearchBar.vue
@@ -16,10 +16,13 @@
           :search-input.sync="filter"
         >
           <template v-slot:prepend-inner>
-            <v-icon>{{search_person}}</v-icon>
+            <v-icon>{{ search_person }}</v-icon>
           </template>
         </v-autocomplete>
         <v-btn text @click="addUser">Hinzufügen</v-btn>
+        <v-btn @click="clickMenu" icon>
+          <v-icon>{{ menuIcon }}</v-icon>
+        </v-btn>
       </v-toolbar-items>
     </v-toolbar>
   </div>
@@ -27,7 +30,7 @@
 
 <script>
 import { mapGetters, mapActions } from 'vuex'
-import { mdiAccountSearch } from '@mdi/js'
+import { mdiAccountSearch, mdiMenu } from '@mdi/js'
 
 export default {
   name: 'SearchBar',
@@ -36,7 +39,8 @@ export default {
     return {
       user: null,
       filter: '',
-      search_person: mdiAccountSearch
+      search_person: mdiAccountSearch,
+      menuIcon: mdiMenu
     }
   },
   created() {
@@ -46,17 +50,24 @@ export default {
     ...mapActions({
       getAllUsers: 'barUsers/getAllUsers',
       addCreditList: 'barUsers/addCreditList',
-      setFilter: 'barUsers/setFilter'
+      setFilter: 'barUsers/setFilter',
+      activateMenu: 'barUsers/activateMenu',
+      deactivateMenu: 'barUsers/deactivateMenu'
     }),
     addUser() {
       this.addCreditList(this.user)
       this.user = null
+    },
+    clickMenu() {
+      if (this.menu) this.deactivateMenu()
+      else this.activateMenu()
     }
   },
   computed: {
     ...mapGetters({
       allUsers: 'barUsers/allUsers',
-      loading: 'barUsers/allUsersLoading'
+      loading: 'barUsers/allUsersLoading',
+      menu: 'barUsers/menu'
     })
   },
   watch: {
diff --git a/src/main.js b/src/main.js
index 6b9c034..4fb129d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,7 +2,7 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
-import vuetify from './plugins/vuetify';
+import vuetify from './plugins/vuetify'
 
 Vue.config.productionTip = false
 
diff --git a/src/plugins/routes.js b/src/plugins/routes.js
index e444ee5..f7f0e25 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',
diff --git a/src/router/index.js b/src/router/index.js
index 39bd28b..6ab656a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -15,8 +15,8 @@ import FinanzerNavigation from '../components/finanzer/FinanzerNavigation'
 import Overview from '../components/finanzer/Overview'
 import User from '../components/finanzer/User'
 import ServiceManagement from '../components/vorstand/ServiceManagement'
-import Config from "@/components/user/Config";
-import Jobs from "@/components/user/Jobs";
+import Config from '@/components/user/Config'
+import Jobs from '@/components/user/Jobs'
 
 Vue.use(VueRouter)
 
diff --git a/src/store/modules/barUsers.js b/src/store/modules/barUsers.js
index 450ad3e..7539831 100644
--- a/src/store/modules/barUsers.js
+++ b/src/store/modules/barUsers.js
@@ -7,7 +7,8 @@ const state = {
   filter: '',
   usersLoading: false,
   allUsersLoading: false,
-  message: ''
+  message: [],
+  menu: false
 }
 
 const mutations = {
@@ -71,6 +72,38 @@ const mutations = {
   },
   setAllUsersLoading: (state, value) => {
     state.allUsersLoading = value
+  },
+  addMessage: (state, data) => {
+    var message = ''
+    if (data.error) {
+      message =
+        'Konnte ' +
+        (data.amount / 100).toFixed(2) +
+        '€ zu ' +
+        data.user.firstname +
+        ' ' +
+        data.user.lastname +
+        ' hinzufügen.'
+    } else {
+      message =
+        '' +
+        (data.amount / 100).toFixed(2) +
+        '€ wurde zu ' +
+        data.user.firstname +
+        ' ' +
+        data.user.lastname +
+        ' hinzugefügt.'
+    }
+    state.message.unshift({
+      message: message,
+      error: data.error,
+      visible: true,
+      date: new Date()
+    })
+    console.log(state.message)
+  },
+  setMenu: (state, value) => {
+    state.menu = value
   }
 }
 
@@ -98,7 +131,17 @@ const actions = {
         { headers: { Token: rootState.login.user.accessToken } }
       )
       commit('setUsers', { [response.data.username]: response.data })
+      commit('addMessage', {
+        user: data.user,
+        amount: data.amount,
+        error: false
+      })
     } catch (e) {
+      commit('addMessage', {
+        user: data.user,
+        amount: data.amount,
+        error: true
+      })
       if (e.response)
         if (e.response.status === 401) dispatch('logout', null, { root: true })
     }
@@ -136,6 +179,12 @@ const actions = {
   },
   setFilter({ commit }, data) {
     commit('setFilter', data)
+  },
+  activateMenu({ commit }) {
+    commit('setMenu', true)
+  },
+  deactivateMenu({ commit }) {
+    commit('setMenu', false)
   }
 }
 
@@ -154,6 +203,12 @@ const getters = {
   },
   allUsersLoading: state => {
     return state.allUsersLoading
+  },
+  messages: state => {
+    return state.message
+  },
+  menu: state => {
+    return state.menu
   }
 }
 

From 211bb99d07c609885665c2794e55aae450e3344d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Wed, 19 Feb 2020 21:29:09 +0100
Subject: [PATCH 3/4] change name to 'Flaschengeist', add some logic that
 messages_navigation_drawer hide and show in tablet mode

---
 public/index.html                      |   4 +-
 public/wuicon.ico                      | Bin 0 -> 3518 bytes
 src/components/TitleBar.vue            |   2 +-
 src/components/baruser/CreditLists.vue |  76 +++++++++++++++++++------
 src/store/modules/barUsers.js          |   2 +
 5 files changed, 64 insertions(+), 20 deletions(-)
 create mode 100644 public/wuicon.ico

diff --git a/public/index.html b/public/index.html
index 0b25088..7e96d1c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>newgruecht-vue</title>
+    <link rel="icon" href="<%= BASE_URL %>wuicon.ico">
+    <title>Flaschengeist</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
   </head>
diff --git a/public/wuicon.ico b/public/wuicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..a702ff9e78f0187eb3c53ba07d179daefa9ace5c
GIT binary patch
literal 3518
zcmcK53y@D$9KiAa+Pq30sYngGJ&Y0xl`!_|Nza)WG~Q$Ks7M;s>?n&OLP^c2$@UmR
zFJ={u=aorQl9);wv#piKQfXsY*7ooF{qMcm*;zfN{LJT`bI(2Z+;e{C{8u88#=j;R
z39cE5g=Z%c=O+@07HEP1wx5Qmc^by7YRGqJtO1vEx?%|fCovCwqmK-wB%A+R^kAe-
zIDjKjxrVX?&0$n8FRHxOr*(RjPs$q`QRHDSW}!FC-9ChHeILMmYm2I4ER8#0-}Y5?
zplusQV-Jd8-)8s~KjIhImJh=m)=Je*Ugl7>k0wUVHKNiY8`~?~Tg`xZyA?;_^J8!f
z=ll@jJW}P@mp?NXQ;`nGU4S^2#+6E?xpdrTqjD={8T_7O9KxkA2E)G1&;dq6*k;tm
zGR%eZ{1BdlFX0}oM+O{w0(!xBeQus!gmDkdabs_Y;W!Vo;Wy@E1WJ$v^Kma8#VWjv
zjc^Rt(;0{1x29n=j61PARV%-2pm+h97=|s#f%`TF&hsO5#Vc@}$*|qAJHqGIS7HvX
zM>`ZDj!9I^k6~Z)vJTGOv5ltq1T(Q2&T}b_!x#kLmCswF8}`Gvq`XMY?Lz8nF$xRu
z4bl*YXEqnE{Teu?=g$0iE`EY%q8RSuU5LN)8Fj}$BWmwLc^h0$oM)<k#$0OtHtWIf
zJPzL-3*RY)?N8!nxQE72oInelg&*LW^Wl4y<82z^cg@*jQ3uaZ0bG;cc^Lh15Jpdo
z!!~b-Y*dGRJwu+e?%0m^VY@P5ZvEYkggJ6vQ{eNv(Icuip!A#=gW>njjq2uX3F2`r
z+rWIUMP1mZ1aTkdaTPo-S0WESONZyKEi%ywO|cUb;N0Bj-(hYqLtps(KD>$@*oTiX
z5Pn-mXZW4gcm&_W_b!L)NrUVD4nEro-}O7yF%RZB6Fzq==VW*mpGeipFEc2dbAQ-R
zo)OPpOBl7$8_QvyGO!M#FdDbRZ~E>=)Wdc70u^I8H#fq53*ekQ(+yD{##1<&s+C{N
z>(w}pMfd^kk-0a1LujQ!q)~ql&gET9!vh$E?ih?=Xb;zPCd{=8Fa(7#H?6P><0GE2
zim`&5cGwd&`giGPxV8;=1GDiGK8JrJEbZf&_Kf6U6I`RY(Llsejmja6fP0;XI6N0U
zaR8pB{jkr<$YDyy%SR^6b%0~A{XtZWueot7<6AUO)lU9jmBqbtEx?;F`oOXDI{fV$
z3lO)@OtqZ6n4e`>4D;^qAqN%1y`K-y({#A*esDi7fX|;s{EbP}D~Eft6ZTny4j773
zj7LkP!L@dQ=OqXBKY^R@JltR3xdNw(Y#tQhewb^=D2qz#=B*G*;9eIa-k)o!dq(W%
z`s(1X!u8LJI+&ATn2Oi%78aoZU%~weV6OeHb8Llw8n@8Vb91V2z2ho9e1?1T`fs8!
zojc(<cs8sX?tde6gnw5&ORF#hEs&1?5}kQ@0LH*GG!ngFj{i22$z+%;Ly4M&2Mg<k
zo43>qr{qrxXRNIjuAa~>SUsRtu=Jc-LEc4mf)%;lg2lQ0f@QgVf|Yab2o_K58nj8j
zAy~ft;&AqnT|x2Q$-&Oj`5`~Tps1j3u)BDAqA<HpP`si+Sej@MmW7{&$>hN>nUxhL
HOOxRr62p@o

literal 0
HcmV?d00001

diff --git a/src/components/TitleBar.vue b/src/components/TitleBar.vue
index 43e74d9..78e580d 100644
--- a/src/components/TitleBar.vue
+++ b/src/components/TitleBar.vue
@@ -3,7 +3,7 @@
     <v-btn icon>
       <v-img src="@/assets/logo-big.png" contain height="40"></v-img>
     </v-btn>
-    <v-toolbar-title>WU5-Dashboard</v-toolbar-title>
+    <v-toolbar-title>Flaschengeist</v-toolbar-title>
     <v-spacer />
     <v-btn icon v-if="isFinanzer">
       <v-icon>{{attach_money}}</v-icon>
diff --git a/src/components/baruser/CreditLists.vue b/src/components/baruser/CreditLists.vue
index 0de77bc..cbad491 100644
--- a/src/components/baruser/CreditLists.vue
+++ b/src/components/baruser/CreditLists.vue
@@ -1,24 +1,44 @@
 <template>
   <div>
+    <v-dialog v-model="dialog" max-width="290">
+      <v-card>
+        <v-card-title class="headline"
+          >Transaktion ist länger als 5 Minuten her!</v-card-title
+        >
+        <v-card-text>
+          Da die Transaktion länger als 5 Minutern her ist, kann eine
+          Stornierung nicht durchgeführt werden. Wende dich bitte an den
+          Finanzer.
+        </v-card-text>
+        <v-card-actions>
+          <v-spacer />
+          <v-btn text @click="dialog = false">
+            Verstanden
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
     <v-progress-linear v-if="loading && users.length !== 0" indeterminate />
     <v-container>
       <AddAmountSkeleton v-if="loading && users.length === 0" />
     </v-container>
-    <v-navigation-drawer right app clipped :value="menu">
+    <v-navigation-drawer v-model="menu" right app clipped>
       <v-list-item-group>
-        <v-list-item
-          v-for="message in messages"
-          three-line
-          :key="messages.indexOf(message)"
-        >
-          <v-list-item-content>
-            <v-list-item-title>{{ now(message.date) }}</v-list-item-title>
-            <v-list-item-subtitle>{{ message.message }}</v-list-item-subtitle>
-            <v-list-item-action-text v-if="under5minutes(message.date)"
-              >Klicken um zurückzusetzen</v-list-item-action-text
-            >
-          </v-list-item-content>
-        </v-list-item>
+
+        <div v-for="message in messages"
+             three-line
+             :key="messages.indexOf(message)">
+          <v-list-item v-if="!message.storno">
+            <v-list-item-content>
+              <v-list-item-title>{{ now(message.date) }}</v-list-item-title>
+              <v-list-item-subtitle>{{ message.message }}</v-list-item-subtitle>
+              <v-list-item-action-text @click.stop="storno(message)"
+              >Klicken um zu Stornieren
+              </v-list-item-action-text
+              >
+            </v-list-item-content>
+          </v-list-item>
+        </div>
       </v-list-item-group>
     </v-navigation-drawer>
     <div v-for="user in users" :key="users.indexOf(user)">
@@ -181,16 +201,20 @@ export default {
   props: {},
   data() {
     return {
-      color: 'green accent-4'
+      color: 'green accent-4',
+      menu: true,
+      dialog: false
     }
   },
   created() {
+    this.menu = this.menu_from_store
     this.getUsers()
   },
   methods: {
     ...mapActions({
       addAmount: 'barUsers/addAmount',
-      getUsers: 'barUsers/getUsers'
+      getUsers: 'barUsers/getUsers',
+      deactivate: 'barUsers/deactivateMenu'
     }),
     getColor(type) {
       return type === 'credit' ? 'title green--text' : 'title red--text'
@@ -204,6 +228,13 @@ export default {
       } catch (e) {
         return true
       }
+    },
+    storno(message) {
+      if (!message.error) {
+        console.log(message)
+        message.storno = true
+        if (!this.under5minutes(message.date)) this.dialog = true
+      }
     }
   },
   computed: {
@@ -212,7 +243,7 @@ export default {
       filter: 'barUsers/filter',
       loading: 'barUsers/usersLoading',
       messages: 'barUsers/messages',
-      menu: 'barUsers/menu'
+      menu_from_store: 'barUsers/menu'
     }),
     under5minutes() {
       return now => {
@@ -267,6 +298,17 @@ export default {
         )
       }
     }
+  },
+  watch: {
+    menu(newValue) {
+      console.log('menu', newValue)
+      if (!newValue) this.deactivate()
+    },
+    menu_from_store(newValue) {
+      console.log('for menu_from_store', newValue, this.menu)
+      if (newValue) this.menu = this.menu_from_store
+      console.log('after menu_from_store', newValue, this.menu)
+    }
   }
 }
 </script>
diff --git a/src/store/modules/barUsers.js b/src/store/modules/barUsers.js
index 7539831..0744c48 100644
--- a/src/store/modules/barUsers.js
+++ b/src/store/modules/barUsers.js
@@ -97,7 +97,9 @@ const mutations = {
     state.message.unshift({
       message: message,
       error: data.error,
+      storno: false,
       visible: true,
+      amount: data.amount,
       date: new Date()
     })
     console.log(state.message)

From 20fb2f56dec2f42c421c4091b98a84ce59552b59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Wed, 19 Feb 2020 23:22:23 +0100
Subject: [PATCH 4/4] storno at 5 min for the baruser in geruecht ##164

---
 src/components/baruser/CreditLists.vue | 29 +++++++++++++-------------
 src/plugins/routes.js                  |  7 +++++--
 src/store/modules/barUsers.js          | 26 +++++++++++++++++++++++
 3 files changed, 45 insertions(+), 17 deletions(-)

diff --git a/src/components/baruser/CreditLists.vue b/src/components/baruser/CreditLists.vue
index cbad491..90b99ac 100644
--- a/src/components/baruser/CreditLists.vue
+++ b/src/components/baruser/CreditLists.vue
@@ -24,18 +24,19 @@
     </v-container>
     <v-navigation-drawer v-model="menu" right app clipped>
       <v-list-item-group>
-
-        <div v-for="message in messages"
-             three-line
-             :key="messages.indexOf(message)">
-          <v-list-item v-if="!message.storno">
+        <div
+          v-for="message in messages"
+          three-line
+          :key="messages.indexOf(message)"
+        >
+          <v-list-item three-line>
             <v-list-item-content>
               <v-list-item-title>{{ now(message.date) }}</v-list-item-title>
               <v-list-item-subtitle>{{ message.message }}</v-list-item-subtitle>
+              <v-list-item-subtitle class="red--text" v-if="message.storno">STORNIERT!!!</v-list-item-subtitle>
               <v-list-item-action-text @click.stop="storno(message)"
-              >Klicken um zu Stornieren
-              </v-list-item-action-text
-              >
+                >Klicken um zu Stornieren
+              </v-list-item-action-text>
             </v-list-item-content>
           </v-list-item>
         </div>
@@ -214,7 +215,8 @@ export default {
     ...mapActions({
       addAmount: 'barUsers/addAmount',
       getUsers: 'barUsers/getUsers',
-      deactivate: 'barUsers/deactivateMenu'
+      deactivate: 'barUsers/deactivateMenu',
+      commitStorno: 'barUsers/storno'
     }),
     getColor(type) {
       return type === 'credit' ? 'title green--text' : 'title red--text'
@@ -231,9 +233,10 @@ export default {
     },
     storno(message) {
       if (!message.error) {
-        console.log(message)
-        message.storno = true
         if (!this.under5minutes(message.date)) this.dialog = true
+        else {
+          this.commitStorno({username: message.user.username, amount: message.amount, date: message.date})
+        }
       }
     }
   },
@@ -267,7 +270,6 @@ export default {
         var actual = new Date()
         var zero = new Date(0)
         var date = new Date(actual - now)
-        console.log(date)
         if (date.getFullYear() === zero.getFullYear()) {
           if (date.getMonth() === zero.getMonth()) {
             if (date.getDate() === zero.getDate()) {
@@ -301,13 +303,10 @@ export default {
   },
   watch: {
     menu(newValue) {
-      console.log('menu', newValue)
       if (!newValue) this.deactivate()
     },
     menu_from_store(newValue) {
-      console.log('for menu_from_store', newValue, this.menu)
       if (newValue) this.menu = this.menu_from_store
-      console.log('after menu_from_store', newValue, this.menu)
     }
   }
 }
diff --git a/src/plugins/routes.js b/src/plugins/routes.js
index f7f0e25..caabd83 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',
@@ -30,6 +30,9 @@ const url = {
   user: {
     config: main + 'user/saveConfig',
     job: main + 'user/job'
+  },
+  barU: {
+    storno: main + 'bar/storno'
   }
 }
 
diff --git a/src/store/modules/barUsers.js b/src/store/modules/barUsers.js
index 0744c48..ba72e29 100644
--- a/src/store/modules/barUsers.js
+++ b/src/store/modules/barUsers.js
@@ -96,6 +96,7 @@ const mutations = {
     }
     state.message.unshift({
       message: message,
+      user: data.user,
       error: data.error,
       storno: false,
       visible: true,
@@ -104,6 +105,12 @@ const mutations = {
     })
     console.log(state.message)
   },
+  updateMessage: (state, data) => {
+    var message = state.message.find(msg => {return msg.date - data.date === 0 ? true : false})
+    if (message) {
+      message.storno = true
+    }
+  },
   setMenu: (state, value) => {
     state.menu = value
   }
@@ -179,6 +186,25 @@ const actions = {
     }
     commit('setAllUsersLoading', false)
   },
+  async storno({ commit, rootState, dispatch }, data) {
+    commit('setUsersLoading', true)
+    try {
+      const response = await axios.post(
+        url.barU.storno,
+        {
+          userId: data.username,
+          amount: data.amount
+        },
+        { headers: { Token: rootState.login.user.accessToken } }
+      )
+      commit('setUsers', { [response.data.username]: response.data })
+      commit('updateMessage', { date: data.date })
+    } catch (e) {
+      if (e.response)
+        if (e.response.status === 401) dispatch('logout', null, { root: true })
+    }
+    commit('setUsersLoading', false)
+  },
   setFilter({ commit }, data) {
     commit('setFilter', data)
   },