Implement account editing and autocomplete

web/src/components/TransactionEditRow.vue

@@ -9,6 +9,7 @@ import Button from "./SimpleButton.vue";
 
 const props = defineProps<{
     transactionid: string
+    withAccount: bool
 }>()
 
 const emit = defineEmits(["save"]);
@@ -45,6 +46,13 @@ function saveTransaction(e: MouseEvent) {
         class="border-b-2 border-black"
       />
     </td>
+    <td v-if="withAccount">
+      <Autocomplete
+        v-model:text="TX.Account"
+        v-model:id="TX.AccountID"
+        model="accounts"
+      />
+    </td>
     <td>
       <Autocomplete
         v-model:text="TX.Payee"

web/src/components/TransactionRow.vue

@@ -75,6 +75,7 @@ function getStatusSymbol() {
   <TransactionEditRow
     v-if="edit"
     :transactionid="TX.ID"
+    :withAccount="withAccount"
     @save="edit = false"
   />
 </template>