bel/ana-ledger
1
0
Fork 0
Code Actions Packages Projects Releases Activity

Compare commits

base: bel:45c4d7b684672753e6e026ee5e4bec4b0d209756
Branches Tags
bel:main
..
compare: bel:912c3a2659b87ee20733293aac040264dee8dc3e
Branches Tags
bel:main

3 Commits
45c4d7b684 ... 912c3a2659

Author SHA1 Message Date
bel
912c3a2659 anywidth
All checks were successful
cicd / ci (push) Successful in 1m12s
Details
2024-07-20 21:19:42 -06:00
bel
6026d54062 fill a dummy form 2024-07-20 21:16:54 -06:00
bel
b6cf4656c8 dummy mvp is ew 2024-07-20 21:12:49 -06:00
1 changed files with 36 additions and 2 deletions
Expand all files Collapse all files

38
cmd/http/public/transactions.html
View File

@@ -65,7 +65,7 @@
result += ` <td style="width: 10em;">${t[0].Description}</td>` result += ` <td style="width: 10em;">${t[0].Description}</td>`
result += ` <td><table style="margin: 0;">` result += ` <td><table style="margin: 0;">`
for (var delta of t) { for (var delta of t) {
result += ` <tr>` result += ` <tr delta='${btoa(JSON.stringify(delta))}' style="cursor: crosshair;" onclick="stageEdit(this); return false;">`
result += ` <td><span style="font-variant: petite-caps;">${delta.Name.split(":")[0]}</span><span style="opacity: 0.6;"> :${delta.Name.split(":").slice(1, 100).join(":")}</span></td>` result += ` <td><span style="font-variant: petite-caps;">${delta.Name.split(":")[0]}</span><span style="opacity: 0.6;"> :${delta.Name.split(":").slice(1, 100).join(":")}</span></td>`
result += ` <td style="text-align: right; width: 2em;">${delta.Payee ? delta.Currency : ""}</td>` result += ` <td style="text-align: right; width: 2em;">${delta.Payee ? delta.Currency : ""}</td>`
result += ` <td style="text-align: right; width: 5em;">${delta.Payee ? delta.Value : ""}</td>` result += ` <td style="text-align: right; width: 5em;">${delta.Payee ? delta.Value : ""}</td>`
@@ -79,6 +79,18 @@
document.getElementById("reg").innerHTML = result document.getElementById("reg").innerHTML = result
} }
function stageEdit(row) {
const deltaJSON = atob(row.attributes.delta.value)
const delta = JSON.parse(deltaJSON)
document.getElementById("edit-date").value = delta.Date
document.getElementById("edit-description").value = delta.Description
document.getElementById("edit-name").value = delta.Name
document.getElementById("edit-value").value = delta.Value
document.getElementById("modal").showModal()
}
function stage(who, contributesToHouse) { function stage(who, contributesToHouse) {
var d = new Date() var d = new Date()
const zeroPad = (num, places) => String(num).padStart(places, '0') const zeroPad = (num, places) => String(num).padStart(places, '0')
@@ -99,7 +111,7 @@
} }
</script> </script>
</header> </header>
<body onload="init();" style="min-width: 1024px;"> <body onload="init();" style="">
<h2>Moolah2</h2> <h2>Moolah2</h2>
<details open> <details open>
<summary>Balance</summary> <summary>Balance</summary>
@@ -128,6 +140,28 @@
<div id="reg"> <div id="reg">
</div> </div>
</details> </details>
<dialog id="modal" style="width: 80%; height: 80%; margin: auto;">
<form method="dialog">
<div style="display: flex; flex-direction: row;">
<div style="flex-grow: 100;"></div>
<button type="submit">X</button>
</div>
<label>Date</label>
<input id="edit-date" type="text" style="width: 80%;"/>
<label>Description</label>
<input id="edit-description" type="text" style="width: 80%;"/>
<label>Name</label>
<input id="edit-name" type="text" style="width: 80%;"/>
<label>Value</label>
<input id="edit-value" type="text" style="width: 80%;"/>
<button type="submit" style="background-color: maroon;">Submit</button>
</form>
</dialog>
</body> </body>
<footer> <footer>
</footer> </footer>