Compare commits

...

3 Commits

Author SHA1 Message Date
bel
912c3a2659 anywidth
All checks were successful
cicd / ci (push) Successful in 1m12s
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

View File

@@ -65,7 +65,7 @@
result += ` <td style="width: 10em;">${t[0].Description}</td>`
result += ` <td><table style="margin: 0;">`
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 style="text-align: right; width: 2em;">${delta.Payee ? delta.Currency : ""}</td>`
result += ` <td style="text-align: right; width: 5em;">${delta.Payee ? delta.Value : ""}</td>`
@@ -79,6 +79,18 @@
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) {
var d = new Date()
const zeroPad = (num, places) => String(num).padStart(places, '0')
@@ -99,7 +111,7 @@
}
</script>
</header>
<body onload="init();" style="min-width: 1024px;">
<body onload="init();" style="">
<h2>Moolah2</h2>
<details open>
<summary>Balance</summary>
@@ -128,6 +140,28 @@
<div id="reg">
</div>
</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>
<footer>
</footer>