From ea01742e003b05b6da95673501d969ae6cf3260a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Sun, 18 Apr 2021 10:43:22 +0200
Subject: [PATCH] [balance] show history of last 3hours

---
 src/plugins/balance/components/BalanceAdd.vue |  6 +++---
 src/plugins/balance/pages/Admin.vue           |  6 +++---
 src/plugins/balance/pages/MainPage.vue        | 11 +++++++----
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/plugins/balance/components/BalanceAdd.vue b/src/plugins/balance/components/BalanceAdd.vue
index 1311916..75ab7df 100644
--- a/src/plugins/balance/components/BalanceAdd.vue
+++ b/src/plugins/balance/components/BalanceAdd.vue
@@ -16,10 +16,10 @@
           <q-menu anchor="bottom middle" self="top middle" context-menu>
             <q-btn label="Entfernen" @click="removeShortcut(shortcut)" />
           </q-menu>
-          <q-tooltip>Rechtsklick um Verknüpfung zu entfernen</q-tooltip>
+          <q-tooltip> Rechtsklick um Verknüpfung zu entfernen </q-tooltip>
         </q-btn>
-      </div></q-card-section
-    >
+      </div>
+    </q-card-section>
     <q-card-section class="row q-col-gutter-md items-center">
       <balance-add-body :user="user" />
     </q-card-section>
diff --git a/src/plugins/balance/pages/Admin.vue b/src/plugins/balance/pages/Admin.vue
index 25036d3..a99bee2 100644
--- a/src/plugins/balance/pages/Admin.vue
+++ b/src/plugins/balance/pages/Admin.vue
@@ -45,7 +45,7 @@
             </q-td>
             <q-td key="balance" :props="props">
               {{ getBalance(props.row.debit, props.row.credit) }}€
-              <q-menu anchor="bottom middle" self="top middle" :persistent='$q.platform.is.mobile'>
+              <q-menu anchor="bottom middle" self="top middle" :persistent="$q.platform.is.mobile">
                 <q-card>
                   <q-card-section>
                     <q-tab-panels v-model="tab" animated>
@@ -64,8 +64,8 @@
                       </q-tab-panel>
                     </q-tab-panels>
                   </q-card-section>
-                  <div v-if='$q.platform.is.mobile' class='full-width row justify-center'>
-                  <q-btn label='Abbrechen' v-close-popup flat color='primary'/>
+                  <div v-if="$q.platform.is.mobile" class="full-width row justify-center">
+                    <q-btn v-close-popup label="Abbrechen" flat color="primary" />
                   </div>
                   <q-tabs
                     v-model="tab"
diff --git a/src/plugins/balance/pages/MainPage.vue b/src/plugins/balance/pages/MainPage.vue
index 105930e..6a087dc 100644
--- a/src/plugins/balance/pages/MainPage.vue
+++ b/src/plugins/balance/pages/MainPage.vue
@@ -64,7 +64,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, onMounted } from 'vue';
+import { computed, defineComponent, ref, onBeforeMount } from 'vue';
 import { hasSomePermissions } from 'src/utils/permission';
 import PERMISSIONS from '../permissions';
 import BalanceAdd from '../components/BalanceAdd.vue';
@@ -81,16 +81,19 @@ export default defineComponent({
     const mainStore = useMainStore();
 
     const now = new Date();
-    onMounted(() => {
+    onBeforeMount(() => {
       void balanceStore.getTransactions(mainStore.currentUser, {
-        from: new Date(now.getFullYear(), now.getMonth(), now.getDate()),
+        from: new Date(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours() - 3),
       });
     });
 
     const transactions = computed(() => {
       return balanceStore.transactions
         .filter((t) => t.original_id == undefined)
-        .filter((t) => t.time > new Date(now.getFullYear(), now.getMonth(), now.getDate()))
+        .filter(
+          (t) =>
+            t.time > new Date(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours() - 3)
+        )
         .sort((a, b) => (a.time >= b.time ? -1 : 1));
     });