1 files changed, 61 insertions, 0 deletions
diff --git a/modules-available/exams/templates/page-exams.html b/modules-available/exams/templates/page-exams.html
new file mode 100644
index 00000000..9e3c102f
--- /dev/null
+++ b/modules-available/exams/templates/page-exams.html
@@ -0,0 +1,61 @@
+<div class="container-fluid">
+	<h1>All Exams</h1>
+
+	<table class="table">
+		<tr>
+			<th>ID</th>
+			<th>Location</th>
+			<th>Begin</th>
+			<th>End</th>
+			<th>Actions</th>
+		</tr>
+		{{#exams}}
+			<tr>
+				<td>{{examid}}</td>
+				<td> {{locationnames}} </td>
+				<td>{{starttime}}</td>
+				<td>{{endtime}}</td>
+				<td>
+					<form method="POST" action="?do=exams&action=delete"
+						onsubmit="return confirm('delete really?');">
+						<input type="hidden" name="token" value="{{token}}"/>
+						<input type="hidden" name="examid" value="{{examid}}"/>
+						<input type="submit" value="Delete" class="btn btn-sm" />
+					</form>
+				</td>
+			</tr>
+		{{/exams}}
+
+	</table>
+	<a href="?do=exams&action=add" class="btn btn-success">Add Exam </a>
+
+	<div class="block" id="timeline"> </div>
+
+</div>
+<script type="application/javascript"><!--
+
+
+function customOrder(a, b) {
+	return 1000; // just in order of appeareance
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+	var container = document.getElementById('timeline');
+	var groups_plain = JSON.parse('{{{rooms_json}}}');
+	var items_plain = JSON.parse('{{{exams_json}}}');
+	console.log(groups_plain);
+	console.log(items_plain);
+	var groups = new vis.DataSet(groups_plain);
+	var items = new vis.DataSet(items_plain);
+
+	var options = {
+		'start' : '{{{vis_begin}}}',
+		'end' : '{{{vis_end}}}',
+		'stack' : false,
+		'order' : customOrder
+	};
+
+	var timeline = new vis.Timeline(container, items, groups, options);
+}, false);
+
+// --></script>