summaryrefslogtreecommitdiffstats
path: root/data/templates/products/index.html
blob: 8ece21aff73944a33b0716633ee19bc38c613102 (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
<a href="/products/bestbefore">product list with best before dates</a>

<table id="producttable" class="table table-bordered table-striped table-condensed">
	<thead>
		<tr><th>EAN</th></th><th>Name</th><th>Category</th><th>Amount</th><th>Memberprice</th><th>Guestprice</th></tr>
	</thead>
	<tbody>
		{{{DATA}}}
	</tbody>
</table>

<div id="newproduct" style="display: {{{NEWPRODUCT}}};">
	<legend>New Product</legend>
	<form action="/products/new" class="form-inline">
		<div class="form-group">
			<input class="form-control" name="id" type="number" min="0" placeholder="EAN" />
			<input class="form-control" name="name" type="text" placeholder="Name" />
			<select class="form-control" name="category" title="Category">
				{{{CATEGORIES}}}
			</select>
			<input class="form-control" name="memberprice" type="number" step="0.01" min="0.01" placeholder="Memberprice" />
			<input class="form-control" name="guestprice"  type="number" step="0.01" min="0.01" placeholder="Guestprice" />
			<button type="submit" class="form-control btn btn-primary"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
		</div>
	</form>
</div>

<script type="text/javascript">
$(document).ready(function() {
    $('#producttable').DataTable({"lengthMenu": [ [25, 50, 100, -1], [25, 50, 100, "All"] ] });
} );
</script>