dave/bill-manager
1
0
Fork 0
generated from dave/wails-template
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Compare commits

base: dave:2ac082f2306c1f657bd306a63f0cdf529160196c
Branches Tags
dave:master
dave:1.1.0 dave:1.0.1 dave:1.0.0
...
compare: dave:236b113c107998e4813a0f21550d82e291f0f11e
Branches Tags
dave:master
dave:1.1.0 dave:1.0.1 dave:1.0.0

2 Commits
2ac082f230 ... 236b113c10

Author SHA1 Message Date
PhatPhuckDave
236b113c10 Rename application 2024-08-19 14:03:44 +02:00
PhatPhuckDave
4ee622e65e Enable marking as paid 2024-08-19 14:00:35 +02:00
5 changed files with 32 additions and 13 deletions
Expand all files Collapse all files

2
frontend/index.html
View File

@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>wails-template</title>
<title>bill-manager</title>
</head>
<body>

35
frontend/src/lib/components/PaymentBillComp.svelte
View File

@@ -1,26 +1,45 @@
<script lang="ts">
import { type PaymentBill } from "$lib/types";
import { time } from "$wails/models";
import { SetPaid } from "$wails/main/App";
import { toast } from "svelte-sonner";
export let paymentBill: PaymentBill = {
id: -1,
name: "none",
payment: null,
};
export let monthFor: Date = new Date();
let paymentDate: string = "";
if (!!paymentBill.payment?.paymentDate) {
// @ts-ignore Yes split exists... The type is time.Time but it's actually a string
// Because typescript is a worthless waste of bytes
// And I don't know how to properly convert time.Time to Date or String
// So I'm doing this bullshit
paymentDate = paymentBill.payment!.paymentDate.split("T")[0];
$: {
if (!!paymentBill.payment?.paymentDate) {
// @ts-ignore Yes split exists... The type is time.Time but it's actually a string
// Because typescript is a worthless waste of bytes
// And I don't know how to properly convert time.Time to Date or String
// So I'm doing this bullshit
paymentDate = paymentBill.payment!.paymentDate.split("T")[0];
}
}
async function doPaid(event: MouseEvent) {
const res = await SetPaid(paymentBill.id, monthFor);
if (!res.success) {
toast.error(`failed setting paid for ${paymentBill.id} and month ${monthFor} with error ${res.error}`);
return;
}
paymentBill.payment = res.data;
}
</script>
<template>
<div class="grid grid-cols-2 w-full text-start px-3 text-xl">
<p class={paymentBill.payment == null ? "text-red-700" : ""}>{paymentBill.name}</p>
<p class="h-[1.6em] cursor-pointer border-2 border-transparent hover:border-solid hover:border-sky-500">{paymentDate}</p>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<p
class="h-[1.6em] cursor-pointer border-2 border-transparent hover:border-solid hover:border-sky-500"
on:click={doPaid}
>
{paymentDate}
</p>
</div>
</template>

2
frontend/src/lib/components/Payments.svelte
View File

@@ -42,7 +42,7 @@
</div>
<div class="">
{#each Object.values(paymentsModel) as payment}
<PaymentBillComp paymentBill={payment} />
<PaymentBillComp paymentBill={payment} monthFor={date} />
{/each}
</div>
</div>

2
go.mod
View File

@@ -1,4 +1,4 @@
module wails-template
module bill-manager
go 1.21

4
wails.json
View File

@@ -1,7 +1,7 @@
{
"$schema": "https://wails.io/schemas/config.v2.json",
"name": "wails-template",
"outputfilename": "wails-template",
"name": "bill-manager",
"outputfilename": "bill-manager",
"frontend:install": "pnpm install",
"frontend:build": "pnpm build",
"frontend:dev:watcher": "pnpm dev",