prepared calendar
This commit is contained in:
		| @@ -32,6 +32,7 @@ | ||||
| 	<main layout:fragment="content"> | ||||
| 		<ul class="nav nav-tabs navback" role="tablist"> | ||||
| 			<li class="nav-item"><a class="nav-link navlinkstyle active" data-bs-toggle="tab" href="#div_list">Liste</a></li> | ||||
| 			<li class="nav-item"><a class="nav-link navlinkstyle" data-bs-toggle="tab" href="#div_schedule">Kalender</a></li> | ||||
| 			<li class="nav-item"><a class="nav-link navlinkstyle" data-bs-toggle="tab" href="#div_project">Projekt</a></li> | ||||
| 			<li class="nav-item"><a class="nav-link navlinkstyle" data-bs-toggle="tab" href="#div_module">Modul</a></li> | ||||
| 			<li class="nav-item"><a class="nav-link navlinkstyle" data-bs-toggle="tab" href="#div_job">Aufgabe</a></li> | ||||
| @@ -90,6 +91,9 @@ | ||||
| 					</tfoot> | ||||
| 				</table> | ||||
| 			</div> | ||||
| 			<div id="div_schedule" class="tab-pane fade tab-pane-table"> | ||||
| 				<div id="schedule" class="schedule"></div> | ||||
| 			</div> | ||||
| 			<div id="div_project" class="tab-pane fade tab-pane-table"> | ||||
| 				<table id="project_table" class="table table-striped table-condensed"> | ||||
| 					<thead> | ||||
| @@ -181,6 +185,16 @@ | ||||
| 		</div> | ||||
| 		<script type="text/javascript"> | ||||
| 			$(document).ready(function() { | ||||
| 				let width = parseInt($("#schedule").css("min-width")); | ||||
| 				let height = parseInt($("#schedule").css("min-height")); | ||||
| 				var schedule = new Schedule("#schedule", width, height); | ||||
| 				var ctx = $("#scheduleCanvas")[0].getContext("2d"); | ||||
| 				/* TODO: replace by weekly times */ | ||||
| 				schedule.drawSlot(ctx, 2, "07:15", "10:30", "black", "green"); | ||||
| 				schedule.drawSlot(ctx, 2, "10:30", "10:45", "black", "gray"); | ||||
| 				schedule.drawSlot(ctx, 2, "10:45", "12:00", "black", "red"); | ||||
| 				schedule.drawSlot(ctx, 2, "13:00", "17:15", "black", "blue"); | ||||
| 				 | ||||
| 				var localeUrl = '[[@{/js/dataTables/de.json}]]'; | ||||
| 				$("#project_table").DataTable({ | ||||
| 					"language" : { | ||||
|   | ||||
| @@ -18,6 +18,7 @@ | ||||
| <script th:src="@{/webjars/datatables/1.11.3/js/dataTables.bootstrap5.min.js}"></script> | ||||
| <script th:src="@{/js/helper.js}"></script> | ||||
| <script th:src="@{/js/clock.js}"></script> | ||||
| <script th:src="@{/js/schedule.js}"></script> | ||||
|  | ||||
| </head> | ||||
| <body> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user