From 84c95d0c4e0596d278cd49782718ad16856de9bd Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Tue, 15 Mar 2022 21:05:12 +0000
Subject: [PATCH] Bring submit button to work

---
 web/src/components/TransactionInputRow.vue | 6 ++++++
 web/src/pages/Account.vue                  | 9 ++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/web/src/components/TransactionInputRow.vue b/web/src/components/TransactionInputRow.vue
index 88ceccd..4704fff 100644
--- a/web/src/components/TransactionInputRow.vue
+++ b/web/src/components/TransactionInputRow.vue
@@ -47,8 +47,14 @@ const payload = computed(() => JSON.stringify({
 const transactionsStore = useTransactionsStore();
 function saveTransaction(e: MouseEvent) {
     e.preventDefault();
+    Save();
+}
+
+function Save() {
     transactionsStore.saveTransaction(payload.value);
 }
+
+defineExpose({Save});
 </script>
 
 <template>
diff --git a/web/src/pages/Account.vue b/web/src/pages/Account.vue
index 6dc3a85..50ae9ba 100644
--- a/web/src/pages/Account.vue
+++ b/web/src/pages/Account.vue
@@ -16,6 +16,12 @@ defineProps<{
     accountid: string
 }>()
 
+const modalInputRow = ref<TransactionInputRow>(null);
+
+function submitModal() {
+  modalInputRow.value.Save();
+}
+
 const accounts = useAccountStore();
 const transactions = useTransactionsStore();
 const TargetReconcilingBalance = ref(0);
@@ -146,7 +152,7 @@ function createReconcilationTransaction() {
     />
   </table>
   <div class="md:hidden">
-    <Modal>
+    <Modal @submit="submitModal">
       <template #placeholder>
         <Button
           class="fixed right-4 bottom-4 font-bold text-lg bg-blue-500 py-2"
@@ -155,6 +161,7 @@ function createReconcilationTransaction() {
         </Button>
       </template>
       <TransactionInputRow
+        ref="modalInputRow"
         class="grid grid-cols-2"
         :budgetid="budgetid"
         :accountid="accountid"