path: root/modules-available/exams/templates/page-exams.html

<div class="container-fluid">
	<h1>{{lang_allExamPeriods}}</h1>

	<div class="row">
		<table class="table">
			<tr>
				<th>{{lang_id}}</th>
				<th>{{lang_locations}}</th>
				<th>{{lang_begin}}</th>
				<th>{{lang_end}}</th>
				<th>{{lang_actions}}</th>
			</tr>
			{{#exams}}
			<tr class="{{rowClass}}">
				<td>{{examid}}</td>
				<td>
					{{locationnames}}
					<div class="small">{{description}}</div>
				</td>
				<td class="slx-nowrap">{{starttime_s}}</td>
				<td class="slx-nowrap">{{endtime_s}}</td>
				<td class="slx-nowrap">
					<form method="POST" action="?do=exams&action=delete" {{^liesInPast}}onsubmit="return confirm('{{lang_deleteConfirmation}}');"{{/liesInPast}} >
						{{^liesInPast}}
						<span onclick="slxShow({{starttime}}, {{endtime}})" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-eye-open"></span></span>
						{{/liesInPast}}
						<a href="?do=exams&action=edit&examid={{examid}}" class="btn btn-default btn-sm" >{{lang_edit}}</a>
						<input type="hidden" name="token" value="{{token}}">
						<input type="hidden" name="examid" value="{{examid}}">
						<button class="btn {{btnClass}} btn-sm">{{lang_delete}}</button>
					</form>
				</td>
			</tr>
			{{/exams}}

		</table>
		<div class="btn-toolbar" role="toolbar">
			<div class="btn-group" role="group">
				<a href="?do=exams&action=add" class="btn btn-success">{{lang_addExam}}</a>
			</div>
		</div>
	</div>


	<div class="row" style="margin-top: 2em">
		<div id="timeline"></div>
	</div>
</div>
<script type="application/javascript"><!--


function itemOrderFun(a, b) {
	return a.content.localeCompare(b.content);
}

function groupOrderFun(a, b) {
	var s = a.sortIndex - b.sortIndex;
	if (s != 0) return s;
	return itemOrderFun(a, b);
}

var slxTimeline;

document.addEventListener("DOMContentLoaded", function () {
	var container = document.getElementById('timeline');
	var groups_plain = {{{rooms_json}}};
	var items_plain = {{{exams_json}}};
	var groups = new vis.DataSet(groups_plain);
	var items = new vis.DataSet(items_plain);

	var language = window.navigator.userLanguage || window.navigator.language;

	var options = {
		'start' 	: {{vis_begin}},
		'end'    : {{vis_end}},
		'stack' 	: false,
		'editable': false,
		'min'		: {{vis_min_date}},
		'max'		: {{vis_max_date}},
		'zoomMin': 6 * 3600 * 1000,
		'zoomMax': 2 * 86400 * 1000,
		'order' 	: itemOrderFun,
		'groupOrder': groupOrderFun,
		'locale'	: language,
		'moment'	: function(date) { return vis.moment(date).utc(); },
		'orientation': { 'axis': '{{axis_label}}' }
	};

	slxTimeline = new vis.Timeline(container, items, groups, options);
}, false);

function slxShow(st, et) {
	slxTimeline.setWindow(st * 1000, et * 1000);
}

// --></script>