Added buttons to add transaction via account page.

web-app/src/pages/AccountPage.vue

@@ -58,6 +58,17 @@ async function addValueRecord() {
     history.value?.reload()
   }
 }
+
+async function addCreditTransaction() {
+  await router.push(
+    `/profiles/${getSelectedProfile(route)}/add-transaction?credited-account=${account.value?.id}`,
+  )
+}
+async function addDebitTransaction() {
+  await router.push(
+    `/profiles/${getSelectedProfile(route)}/add-transaction?debited-account=${account.value?.id}`,
+  )
+}
 </script>
 <template>
   <AppPage
@@ -115,6 +126,22 @@ async function addValueRecord() {
         >Delete</AppButton
       >
     </ButtonBar>
+    <ButtonBar>
+      <AppButton
+        @click="addCreditTransaction()"
+        :disabled="account.archived"
+        size="sm"
+        icon="arrow-up-right-from-square"
+        >Add Credit Transaction
+      </AppButton>
+      <AppButton
+        @click="addDebitTransaction()"
+        :disabled="account.archived"
+        size="sm"
+        icon="arrow-up-right-from-square"
+        >Add Debit Transaction</AppButton
+      >
+    </ButtonBar>
 
     <AccountHistory
       :account="account"

web-app/src/pages/forms/EditTransactionPage.vue

@@ -185,6 +185,14 @@ onMounted(async () => {
     timestamp.value = getDatetimeLocalValueForNow()
     amount.value = Math.pow(10, currency.value?.fractionalDigits ?? 0)
   }
+
+  // Load default values from the query parameters.
+  if ('credited-account' in route.query) {
+    creditedAccountId.value = parseInt(route.query['credited-account'] as string)
+  }
+  if ('debited-account' in route.query) {
+    debitedAccountId.value = parseInt(route.query['debited-account'] as string)
+  }
 })
 
 /**