118 lines
4.3 KiB
Vue
118 lines
4.3 KiB
Vue
<!--
|
|
DrCr: Web-based double-entry bookkeeping framework
|
|
Copyright (C) 2022–2024 Lee Yingtong Li (RunasSudo)
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
-->
|
|
|
|
<template>
|
|
<div class="grid grid-cols-[max-content_1fr] space-y-2 mb-4 items-baseline">
|
|
<label for="dt" class="block text-gray-900 pr-4">Date</label>
|
|
<div>
|
|
<input type="date" class="bordered-field" id="dt" v-model="assertion.dt">
|
|
</div>
|
|
<label for="description" class="block text-gray-900 pr-4">Description</label>
|
|
<div>
|
|
<input type="text" class="bordered-field" id="description" v-model="assertion.description" placeholder=" ">
|
|
</div>
|
|
<label for="account" class="block text-gray-900 pr-4">Account</label>
|
|
<div class="relative combobox">
|
|
<input type="text" class="bordered-field peer" id="account" v-model="assertion.account" placeholder=" " autocomplete="off">
|
|
<!--{% include 'components/accounts_combobox_inner.html' %}-->
|
|
</div>
|
|
<label for="amount" class="block text-gray-900 pr-4">Balance</label>
|
|
<div class="relative shadow-sm">
|
|
<div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
|
|
<span class="text-gray-500">{{ db.metadata.reporting_commodity }}</span>
|
|
</div>
|
|
<!-- TODO: Display existing credit assertion as credit, not as negative debit -->
|
|
<input type="number" class="bordered-field pl-7 pr-16" step="0.01" v-model="assertion.amount_abs" placeholder="0.00">
|
|
<div class="absolute inset-y-0 right-0 flex items-center">
|
|
<select class="h-full border-0 bg-transparent py-0 pl-2 pr-8 text-gray-900 focus:ring-2 focus:ring-inset focus:ring-indigo-600" v-model="assertion.sign">
|
|
<option value="dr">Dr</option>
|
|
<option value="cr">Cr</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex justify-end mt-4 space-x-2">
|
|
<button class="btn-secondary text-red-600 ring-red-500" @click="deleteAssertion" v-if="assertion.id !== null">Delete</button>
|
|
<button class="btn-primary" @click="saveAssertion">Save</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import dayjs from 'dayjs';
|
|
|
|
import { getCurrentWindow } from '@tauri-apps/api/window';
|
|
|
|
import { defineProps } from 'vue';
|
|
|
|
import { DT_FORMAT, db, deserialiseAmount } from '../db.ts';
|
|
|
|
export interface EditingAssertion {
|
|
id: number | null,
|
|
dt: string,
|
|
description: string,
|
|
account: string,
|
|
sign: string,
|
|
amount_abs: string,
|
|
}
|
|
|
|
const { assertion } = defineProps<{ assertion: EditingAssertion }>();
|
|
|
|
async function saveAssertion() {
|
|
// Save changes to the assertion
|
|
const amount_abs = deserialiseAmount('' + assertion.amount_abs);
|
|
const quantity = assertion.sign === 'dr' ? amount_abs.quantity : -amount_abs.quantity;
|
|
|
|
const session = await db.load();
|
|
|
|
if (assertion.id === null) {
|
|
await session.execute(
|
|
`INSERT INTO balance_assertions (dt, description, account, quantity, commodity)
|
|
VALUES ($1, $2, $3, $4, $5)`,
|
|
[dayjs(assertion.dt).format(DT_FORMAT), assertion.description, assertion.account, quantity, amount_abs.commodity]
|
|
);
|
|
} else {
|
|
await session.execute(
|
|
`UPDATE balance_assertions
|
|
SET dt = $1, description = $2, account = $3, quantity = $4, commodity = $5
|
|
WHERE id = $6`,
|
|
[dayjs(assertion.dt).format(DT_FORMAT), assertion.description, assertion.account, quantity, amount_abs.commodity, assertion.id]
|
|
);
|
|
}
|
|
|
|
await getCurrentWindow().close();
|
|
}
|
|
|
|
async function deleteAssertion() {
|
|
// Delete the current assertion
|
|
if (!await confirm('Are you sure you want to delete this balance assertion? This operation is irreversible.')) {
|
|
return;
|
|
}
|
|
|
|
const session = await db.load();
|
|
|
|
await session.execute(
|
|
`DELETE FROM balance_assertions
|
|
WHERE id = $1`,
|
|
[assertion.id]
|
|
);
|
|
|
|
await getCurrentWindow().close();
|
|
}
|
|
</script>
|