Add "New transaction" button to more pages

This commit is contained in:
RunasSudo 2024-11-17 02:42:13 +11:00
parent 11626f2557
commit 0a09d0fa6f
Signed by: RunasSudo
GPG Key ID: 7234E476BF21C61A
2 changed files with 12 additions and 6 deletions

View File

@ -21,7 +21,12 @@
General ledger General ledger
</h1> </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 = false">Hide commodity detail</button>
<button v-if="!commodityDetail" class="btn-secondary" @click="commodityDetail = true">Show commodity detail</button> <button v-if="!commodityDetail" class="btn-secondary" @click="commodityDetail = true">Show commodity detail</button>
</div> </div>
@ -56,7 +61,7 @@
import dayjs from 'dayjs'; 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'; import { onUnmounted, ref, watch } from 'vue';

View File

@ -22,10 +22,11 @@
</h1> </h1>
<div class="my-4 flex gap-x-2"> <div class="my-4 flex gap-x-2">
<!--<a href="{{ url_for('journal_new_transaction') }}" class="btn-primary pl-2"> <!-- Use a rather than RouterLink because RouterLink adds its own event handler -->
<PlusIcon /> <a href="/journal/new-transaction" class="btn-primary pl-2" onclick="return openLinkInNewWindow(this);">
<PlusIcon class="w-4 h-4" />
New transaction 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 = false">Hide commodity detail</button>
<button v-if="!commodityDetail" class="btn-secondary" @click="commodityDetail = true">Show commodity detail</button> <button v-if="!commodityDetail" class="btn-secondary" @click="commodityDetail = true">Show commodity detail</button>
</div> </div>
@ -35,7 +36,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
//import { PlusIcon } from '@heroicons/vue/24/solid'; import { PlusIcon } from '@heroicons/vue/24/outline';
import { ref } from 'vue'; import { ref } from 'vue';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';