ESLINT 3

web/src/components/TransactionEditRow.vue

@@ -8,8 +8,8 @@ import Input from "./Input.vue";
 import Button from "./SimpleButton.vue";
 
 const props = defineProps<{
-    transactionid: string
+  transactionid: string,
-    withAccount: bool
+  withAccount: boolean,
 }>()
 
 const emit = defineEmits(["save"]);
@@ -41,52 +41,25 @@ function saveTransaction(e: MouseEvent) {
 <template>
   <tr>
     <td class="text-sm">
-      <DateInput
+      <DateInput v-model="TX.Date" class="border-b-2 border-black" />
-        v-model="TX.Date"
-        class="border-b-2 border-black"
-      />
     </td>
     <td v-if="withAccount">
-      <Autocomplete
+      <Autocomplete v-model:text="TX.Account" v-model:id="TX.AccountID" model="accounts" />
-        v-model:text="TX.Account"
-        v-model:id="TX.AccountID"
-        model="accounts"
-      />
     </td>
     <td>
-      <Autocomplete
+      <Autocomplete v-model:text="TX.Payee" v-model:id="TX.PayeeID" v-model:type="payeeType" model="payees" />
-        v-model:text="TX.Payee"
-        v-model:id="TX.PayeeID"
-        v-model:type="payeeType"
-        model="payees"
-      />
     </td>
     <td>
-      <Autocomplete
+      <Autocomplete v-model:text="TX.Category" v-model:id="TX.CategoryID" model="categories" />
-        v-model:text="TX.Category"
-        v-model:id="TX.CategoryID"
-        model="categories"
-      />
     </td>
     <td>
-      <Input
+      <Input v-model="TX.Memo" class="block w-full border-b-2 border-black" type="text" />
-        v-model="TX.Memo"
-        class="block w-full border-b-2 border-black"
-        type="text"
-      />
     </td>
     <td class="text-right">
-      <Input
+      <Input v-model="TX.Amount" class="text-right block w-full border-b-2 border-black" type="currency" />
-        v-model="TX.Amount"
-        class="text-right block w-full border-b-2 border-black"
-        type="currency"
-      />
     </td>
     <td>
-      <Button
+      <Button class="bg-blue-500" @click="saveTransaction">
-        class="bg-blue-500"
-        @click="saveTransaction"
-      >
         Save
       </Button>
     </td>

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);

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);

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>

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>

web/src/stores/transactions.ts

@@ -24,6 +24,7 @@ export interface Transaction {
     PayeeID: string | undefined;
     Amount: number;
     Reconciled: boolean;
+    Account: string;
     AccountID: string;
 }