From ca9e4bdbcb55b2d95235d96a8532a2fe50bb3dd6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Sun, 18 Apr 2021 00:01:52 +0200
Subject: [PATCH] [balance] fix context to add shortcuts

---
 src/plugins/balance/components/BalanceAdd.vue     |  4 ++--
 src/plugins/balance/components/BalanceAddBody.vue | 10 ++++++++--
 src/plugins/balance/pages/Admin.vue               |  6 +++++-
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/plugins/balance/components/BalanceAdd.vue b/src/plugins/balance/components/BalanceAdd.vue
index 2a0ef95..1311916 100644
--- a/src/plugins/balance/components/BalanceAdd.vue
+++ b/src/plugins/balance/components/BalanceAdd.vue
@@ -13,9 +13,9 @@
           :label="shortcut.toFixed(2).toString() + ' €'"
           @click="changeBalance(shortcut)"
         >
-          <q-popup-proxy context-menu>
+          <q-menu anchor="bottom middle" self="top middle" context-menu>
             <q-btn label="Entfernen" @click="removeShortcut(shortcut)" />
-          </q-popup-proxy>
+          </q-menu>
           <q-tooltip>Rechtsklick um Verknüpfung zu entfernen</q-tooltip>
         </q-btn>
       </div></q-card-section
diff --git a/src/plugins/balance/components/BalanceAddBody.vue b/src/plugins/balance/components/BalanceAddBody.vue
index f8cfb6c..09ffc84 100644
--- a/src/plugins/balance/components/BalanceAddBody.vue
+++ b/src/plugins/balance/components/BalanceAddBody.vue
@@ -18,8 +18,10 @@
       label="Anschreiben"
       @click="changeBalance(amount * -1)"
     >
-      <q-tooltip>Rechtsklick um Betrag als Verknüpfung hinzuzufügen</q-tooltip>
-      <q-menu context-menu>
+      <q-tooltip v-if="canAddShortcut">
+        Rechtsklick um Betrag als Verknüpfung hinzuzufügen
+      </q-tooltip>
+      <q-menu v-if="canAddShortcut" anchor="bottom middle" self="top middle" context-menu>
         <q-btn label="neue Verknüpfung" @click="addShortcut"></q-btn>
       </q-menu>
     </q-btn>
@@ -49,6 +51,10 @@ export default defineComponent({
       type: [Object, String] as PropType<FG.User | string>,
       required: true,
     },
+    canAddShortcut: {
+      type: Boolean,
+      default: false,
+    },
   },
   emits: {
     changeBalance: (user: FG.User) => user,
diff --git a/src/plugins/balance/pages/Admin.vue b/src/plugins/balance/pages/Admin.vue
index 65e2bc0..cd41368 100644
--- a/src/plugins/balance/pages/Admin.vue
+++ b/src/plugins/balance/pages/Admin.vue
@@ -29,7 +29,11 @@
                   <q-card-section>
                     <q-tab-panels v-model="tab" animated>
                       <q-tab-panel name="add" class="fit column q-gutter-sm">
-                        <balance-add-body :user="props.row.userid" @changeBalance="updateBalance" />
+                        <balance-add-body
+                          :user="props.row.userid"
+                          :can-add-shortcut="false"
+                          @changeBalance="updateBalance"
+                        />
                       </q-tab-panel>
                       <q-tab-panel name="transfer" class="fit column q-gutter-sm">
                         <balance-transfer-body