From 0a09d0fa6f19974567f6dd44f8622df38de94b61 Mon Sep 17 00:00:00 2001
From: RunasSudo <runassudo@yingtongli.me>
Date: Sun, 17 Nov 2024 02:42:13 +1100
Subject: [PATCH] Add "New transaction" button to more pages

---
 src/pages/GeneralLedgerView.vue | 9 +++++++--
 src/pages/TransactionsView.vue  | 9 +++++----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/pages/GeneralLedgerView.vue b/src/pages/GeneralLedgerView.vue
index 352dc07..71b0d16 100644
--- a/src/pages/GeneralLedgerView.vue
+++ b/src/pages/GeneralLedgerView.vue
@@ -21,7 +21,12 @@
 		General ledger
 	</h1>
 	
-	<div class="my-4 flex">
+	<div class="my-4 flex gap-x-2">
+		<!-- Use a rather than RouterLink because RouterLink adds its own event handler -->
+		<a href="/journal/new-transaction" class="btn-primary pl-2" onclick="return openLinkInNewWindow(this);">
+			<PlusIcon class="w-4 h-4" />
+			New transaction
+		</a>
 		<button v-if="commodityDetail" class="btn-secondary" @click="commodityDetail = false">Hide commodity detail</button>
 		<button v-if="!commodityDetail" class="btn-secondary" @click="commodityDetail = true">Show commodity detail</button>
 	</div>
@@ -56,7 +61,7 @@
 	
 	import dayjs from 'dayjs';
 	
-	import { PencilIcon } from '@heroicons/vue/24/outline';
+	import { PencilIcon, PlusIcon } from '@heroicons/vue/24/outline';
 	
 	import { onUnmounted, ref, watch } from 'vue';
 	
diff --git a/src/pages/TransactionsView.vue b/src/pages/TransactionsView.vue
index 74d5e05..8723fed 100644
--- a/src/pages/TransactionsView.vue
+++ b/src/pages/TransactionsView.vue
@@ -22,10 +22,11 @@
 	</h1>
 	
 	<div class="my-4 flex gap-x-2">
-		<!--<a href="{{ url_for('journal_new_transaction') }}" class="btn-primary pl-2">
-			<PlusIcon />
+		<!-- Use a rather than RouterLink because RouterLink adds its own event handler -->
+		<a href="/journal/new-transaction" class="btn-primary pl-2" onclick="return openLinkInNewWindow(this);">
+			<PlusIcon class="w-4 h-4" />
 			New transaction
-		</a>-->
+		</a>
 		<button v-if="commodityDetail" class="btn-secondary" @click="commodityDetail = false">Hide commodity detail</button>
 		<button v-if="!commodityDetail" class="btn-secondary" @click="commodityDetail = true">Show commodity detail</button>
 	</div>
@@ -35,7 +36,7 @@
 </template>
 
 <script setup lang="ts">
-	//import { PlusIcon } from '@heroicons/vue/24/solid';
+	import { PlusIcon } from '@heroicons/vue/24/outline';
 	
 	import { ref } from 'vue';
 	import { useRoute } from 'vue-router';