work/timetrack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

enhanced modeling

Browse Source
This commit is contained in:
Jörg Henke
2023-05-09 11:07:31 +02:00
parent 62ef5140bc
commit 4d7a26fa2b
35 changed files with 452 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/main/resources/templates/calendar/calendar.html
View File

@ -6,7 +6,7 @@
<body>
<font layout:fragment="title">Kalender</font>
<ul layout:fragment="menu">
<li class="nav-item" sec:authorize="hasRole('timetrack_user')"><a class="nav-link btn btn-outline-success" th:href="@{/calendar/add}">Neuen Termin anlegen</a></li>
<li class="nav-item" sec:authorize="hasRole('timetrack_user')"><a class="btn btn-outline-success" th:href="@{/calendar/add}"><i class="fas fa-plus"></i></a></li>
</ul>
<main layout:fragment="content">
<ul class="nav nav-tabs navback" role="tablist">
@ -17,30 +17,28 @@
<div id="div_dashboard" class="tab-pane active tab-pane-glassy">
<div sec:authorize="hasRole('timetrack_user')">
<div id="calendar"></div>
<script type="text/javascript">
<script th:inline="javascript">
/*<![CDATA[*/
$(document).ready(function() {
var the_events = [ { id: 'example1', title: 'überlappend', start: '2023-05-08T08:00:00.000Z', end: '2023-05-09T08:00:00.000Z'},
{ id: 'example2', title: 'der ganze Tag', allDay: true, start: '2023-05-08', backgroundColor: '#aa77aa'},
];
var the_events = /*[(${events})]*/ '[]';
var the_div = document.getElementById('calendar');
var c = new FullCalendar.Calendar(the_div, {
initialView: 'timeGridWeek',
events: the_events,
dateClick: function(info) {
alert('Clicked on: ' + info.dateStr);
alert(info.dateStr);
// TODO: call /calendar/add/{d}(d='info.dateStr')
},
eventClick: function(info) {
alert('Clicked on event: ' + info.event.title);
alert(info.event.title);
// TODO: call /calendar/edit/{d}(d='info.dateStr')
},
height: 800
}
});
c.setOption('locale', 'de');
c.addEvent( { id: 'example3', title: 'added after init', start: '2023-05-08', allDay: true, backgroundColor: 'darkcyan'} );
c.setOption('height', 'auto');
c.render();
});
/*]]>*/
</script>
</div>
</div>