cashbox: add page with details

3 files changed, 44 insertions, 0 deletions

diff --git a/templates/cashbox/detail.html b/templates/cashbox/detail.html
new file mode 100644
index 0000000..41d057a
--- /dev/null
+++ b/templates/cashbox/detail.html
@@ -0,0 +1,26 @@
+<h1>Cashbox Account {{{DATE}}}</h1>
+
+<table class="table table-bordered table-striped table-hover table-condensed table-nonfluid">
+	<tr><th>Debit</th><td class="text-right">{{{DEBIT}}} €</td></tr>
+	<tr><th>Loss</th><td class="text-right">{{{LOSS}}} €</td></tr>
+	<tr><th>Donation</th><td class="text-right">{{{DONATION}}} €</td></tr>
+	<tr><th>Withdrawal</th><td class="text-right">{{{WITHDRAWAL}}} €</td></tr>
+</table>
+
+<h2>Loss</h2>
+<table class="table table-bordered table-striped table-hover table-condensed table-nonfluid">
+	<tr><th>Date &amp; Time</th><th>Amount</th></tr>
+	{{{LOSS_LIST}}}
+</table>
+
+<h2>Donation</h2>
+<table class="table table-bordered table-striped table-hover table-condensed table-nonfluid">
+	<tr><th>Date &amp; Time</th><th>Amount</th></tr>
+	{{{DONATION_LIST}}}
+</table>
+
+<h2>Withdrawals</h2>
+<table class="table table-bordered table-striped table-hover table-condensed table-nonfluid">
+	<tr><th>Date &amp; Time</th><th>Name</th><th>Amount</th></tr>
+	{{{WITHDRAWAL_LIST}}}
+</table>
diff --git a/templates/cashbox/index.html b/templates/cashbox/index.html
index dc5e561..d5a03a0 100644
--- a/templates/cashbox/index.html
+++ b/templates/cashbox/index.html
@@ -17,4 +17,5 @@
 		<tr><td>Date &amp; Time</td><td>Name</td><td>Amount</td></tr>
 		{{{CASHBOX_HISTORY}}}
 	</table>
+	<a href="/cashbox/details">Details for a specific month</a>
 </form>
diff --git a/templates/cashbox/selection.html b/templates/cashbox/selection.html
new file mode 100644
index 0000000..e15ee75
--- /dev/null
+++ b/templates/cashbox/selection.html
@@ -0,0 +1,17 @@
+<h1>Cashbox Account</h1>
+
+<script>
+function onSubmit() {
+	d = document.getElementsByName("date")[0].value
+	if (d.indexOf("-") > 0) {
+		var split = d.split("-")
+		var uri = location.protocol + '//' + location.host + location.pathname + "/" + split[0] + "/" + split[1]
+		self.location = uri;
+	}
+}
+</script>
+
+<form>
+	<input type="month" name="date" />
+	<input type="button" value="Go" onclick="onSubmit()" />
+</form>