From 5e3c729605740170e02972b854fe75262eab3f9c Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Sat, 23 Apr 2022 11:26:58 +0000
Subject: [PATCH] ESLINT 3

---
 web/src/components/TransactionEditRow.vue  | 71 +++++++---------------
 web/src/components/TransactionInputRow.vue |  4 +-
 web/src/components/TransactionRow.vue      |  2 +-
 web/src/pages/Account.vue                  |  3 +-
 web/src/pages/AllAccounts.vue              | 17 ------
 web/src/stores/transactions.ts             |  1 +
 6 files changed, 29 insertions(+), 69 deletions(-)

diff --git a/web/src/components/TransactionEditRow.vue b/web/src/components/TransactionEditRow.vue
index fbc7c92..6a517a6 100644
--- a/web/src/components/TransactionEditRow.vue
+++ b/web/src/components/TransactionEditRow.vue
@@ -8,8 +8,8 @@ import Input from "./Input.vue";
 import Button from "./SimpleButton.vue";
 
 const props = defineProps<{
-    transactionid: string
-    withAccount: bool
+  transactionid: string,
+  withAccount: boolean,
 }>()
 
 const emit = defineEmits(["save"]);
@@ -19,74 +19,47 @@ const TX = transactionsStore.Transactions.get(props.transactionid)!;
 const payeeType = ref<string|undefined>(undefined);
 
 const payload = computed(() => JSON.stringify({
-    date: TX.Date.toISOString().split("T")[0],
-    payee: {
-        Name: TX.Payee,
-        ID: TX.PayeeID,
-        Type: payeeType.value,
-    },
-    categoryId: TX.CategoryID,
-    memo: TX.Memo,
-    amount: TX.Amount.toString(),
-    state: "Uncleared"
+  date: TX.Date.toISOString().split("T")[0],
+  payee: {
+    Name: TX.Payee,
+    ID: TX.PayeeID,
+    Type: payeeType.value,
+  },
+  categoryId: TX.CategoryID,
+  memo: TX.Memo,
+  amount: TX.Amount.toString(),
+  state: "Uncleared"
 }));
 
 function saveTransaction(e: MouseEvent) {
-    e.preventDefault();
-    transactionsStore.editTransaction(TX.ID, payload.value);
-    emit('save');
+  e.preventDefault();
+  transactionsStore.editTransaction(TX.ID, payload.value);
+  emit('save');
 }
 </script>
 
 <template>
   <tr>
     <td class="text-sm">
-      <DateInput
-        v-model="TX.Date"
-        class="border-b-2 border-black"
-      />
+      <DateInput v-model="TX.Date" class="border-b-2 border-black" />
     </td>
     <td v-if="withAccount">
-      <Autocomplete
-        v-model:text="TX.Account"
-        v-model:id="TX.AccountID"
-        model="accounts"
-      />
+      <Autocomplete v-model:text="TX.Account" v-model:id="TX.AccountID" model="accounts" />
     </td>
     <td>
-      <Autocomplete
-        v-model:text="TX.Payee"
-        v-model:id="TX.PayeeID"
-        v-model:type="payeeType"
-        model="payees"
-      />
+      <Autocomplete v-model:text="TX.Payee" v-model:id="TX.PayeeID" v-model:type="payeeType" model="payees" />
     </td>
     <td>
-      <Autocomplete
-        v-model:text="TX.Category"
-        v-model:id="TX.CategoryID"
-        model="categories"
-      />
+      <Autocomplete v-model:text="TX.Category" v-model:id="TX.CategoryID" model="categories" />
     </td>
     <td>
-      <Input
-        v-model="TX.Memo"
-        class="block w-full border-b-2 border-black"
-        type="text"
-      />
+      <Input v-model="TX.Memo" class="block w-full border-b-2 border-black" type="text" />
     </td>
     <td class="text-right">
-      <Input
-        v-model="TX.Amount"
-        class="text-right block w-full border-b-2 border-black"
-        type="currency"
-      />
+      <Input v-model="TX.Amount" class="text-right block w-full border-b-2 border-black" type="currency" />
     </td>
     <td>
-      <Button
-        class="bg-blue-500"
-        @click="saveTransaction"
-      >
+      <Button class="bg-blue-500" @click="saveTransaction">
         Save
       </Button>
     </td>
diff --git a/web/src/components/TransactionInputRow.vue b/web/src/components/TransactionInputRow.vue
index 6bcfaf4..40db10a 100644
--- a/web/src/components/TransactionInputRow.vue
+++ b/web/src/components/TransactionInputRow.vue
@@ -24,7 +24,9 @@ const TX = ref<Transaction>({
     ID: "",
     Status: "Uncleared",
     TransferAccount: "",
-    Reconciled: false
+    Reconciled: false,
+    Account: "",
+    AccountID: "",
 });
 
 const payeeType = ref<string|undefined>(undefined);
diff --git a/web/src/components/TransactionRow.vue b/web/src/components/TransactionRow.vue
index 0ebebd5..82a9455 100644
--- a/web/src/components/TransactionRow.vue
+++ b/web/src/components/TransactionRow.vue
@@ -11,7 +11,7 @@ import Checkbox from "./Checkbox.vue";
 const props = defineProps<{
     transactionid: string,
     index: number,
-    withAccount: bool,
+    withAccount: boolean,
 }>();
 
 const edit = ref(false);
diff --git a/web/src/pages/Account.vue b/web/src/pages/Account.vue
index 1371129..6635372 100644
--- a/web/src/pages/Account.vue
+++ b/web/src/pages/Account.vue
@@ -142,8 +142,9 @@ function createReconcilationTransaction() {
       <TransactionRow
         v-for="transaction in dayTransactions"
         :key="transaction.ID"
-        :transactionid="transaction.ID"
         :index="index"
+        :transactionid="transaction.ID"
+        :with-account="false"
       />
     </template>
   </table>
diff --git a/web/src/pages/AllAccounts.vue b/web/src/pages/AllAccounts.vue
index 435db28..2b35684 100644
--- a/web/src/pages/AllAccounts.vue
+++ b/web/src/pages/AllAccounts.vue
@@ -56,23 +56,6 @@ onMounted(() => {
       :index="index"
     />
   </table>
-  <div class="md:hidden">
-    <Modal @submit="submitModal">
-      <template #placeholder>
-        <Button
-          class="fixed right-4 bottom-4 font-bold text-lg bg-blue-500 py-2"
-        >
-          +
-        </Button>
-      </template>
-      <TransactionInputRow
-        ref="modalInputRow"
-        class="flex flex-col w-full h-full top-0"
-        :budgetid="budgetid"
-        :accountid="accountid"
-      />
-    </Modal>
-  </div>
 </template>
 
 <style>
diff --git a/web/src/stores/transactions.ts b/web/src/stores/transactions.ts
index a1e5389..26373e6 100644
--- a/web/src/stores/transactions.ts
+++ b/web/src/stores/transactions.ts
@@ -24,6 +24,7 @@ export interface Transaction {
     PayeeID: string | undefined;
     Amount: number;
     Reconciled: boolean;
+    Account: string;
     AccountID: string;
 }