prepared calendar

This commit is contained in:
Jörg Henke
2022-07-26 16:26:10 +02:00
parent 8b14e49952
commit f754832ee0
5 changed files with 94 additions and 3 deletions

View File

@ -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" : {