summaryrefslogtreecommitdiffstats
path: root/data/templates/cashbox/index.html
blob: 9f5c81bd419dde94d1fea97a7eaffc6e53d7c070 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<legend>Current Cashbox Status</legend>

<div class="input-group">
	<input name"status" class="form-control" type="number" readonly="readonly" value="{{{CASHBOX_STATUS}}}"/>
	<div class="input-group-addon"></div>
</div>

<legend>Update Cashbox</legend>
<form action="/cashbox/add" class="form-inline">
	<div class="form-group">
		<select name="type" size="1" class="form-control">
			<option value="loss">Loss (Money is missing from the cashbox)</option>
			<option value="withdrawal">Withdrawal (You removed money from the cashbox)</option>
			<option value="donation">Donation (Cashbox has more money, than there should be)</option>
			<option value="deposit">Deposit (You added money to the cashbox)</option>
		</select>
		<div class="input-group">
			<input name="amount" type="number" placeholder="Amount (in Cent)" class="form-control" />
			<div class="input-group-addon">Cent</div>
		</div>
		<button type="submit" class="form-control btn btn-primary"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
	</div>
</form>

<legend>History (last ten updates)</legend>
<table class="table table-bordered table-striped table-hover table-condensed table-nonfluid">
	<tr><td>Date &amp; Time</td><td>Name</td><td>Amount</td></tr>
	{{{CASHBOX_HISTORY}}}
</table>

<legend>Details</legend>
<div class="form-inline">
	<div class="form-group">
		<input id="yearDetail" class="form-control" type="number" placeholder="Year"/>
		<input id="monthDetail" class="form-control" type="number" placeholder="Month"/>
		<button class="form-control btn btn-default" onclick="showDetails()"></span>Show Details</button>
	</div>
</div>

<script>
function showDetails() {
	var year = document.getElementById("yearDetail").value;
	var month = document.getElementById("monthDetail").value;
	location.href = location.pathname + "/details/" + year + "/" + month;
}
</script>