88 lines
3.2 KiB
PHP
88 lines
3.2 KiB
PHP
<?php
|
|
session_start();
|
|
require_once('inc/config.inc.php');
|
|
require_once('inc/functions.inc.php');
|
|
|
|
$user = check_user();
|
|
|
|
include 'header.php';
|
|
?>
|
|
|
|
<div class="container">
|
|
<h2>Team Urlaubskalender</h2>
|
|
<p>Dieser Kalender zeigt nur Urlaub von Personen sowie Betriebsurlaub. Andere Abwesenheitsarten werden hier bewusst ausgeblendet.</p>
|
|
|
|
<div id="calendar"></div>
|
|
<br>
|
|
<div class="mb-3">
|
|
<strong>Anzeige:</strong><br>
|
|
<span class="badge badge-success">Urlaub</span>
|
|
<span class="badge badge-primary">Betriebsurlaub</span>
|
|
</div>
|
|
<div class="mb-3">
|
|
<strong>Status:</strong><br>
|
|
<span class="badge badge-success">Genehmigt</span>
|
|
<span class="badge badge-warning">Beantragt</span>
|
|
<span class="badge badge-secondary">Abgelehnt</span>
|
|
</div>
|
|
<div id="eventDetails" style="display:none;">
|
|
<h4>Details</h4>
|
|
<div id="detailsContent"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<link href='https://cdn.jsdelivr.net/npm/fullcalendar@5.11.3/main.min.css' rel='stylesheet' />
|
|
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@5.11.3/main.min.js'></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var calendarEl = document.getElementById('calendar');
|
|
|
|
function formatAllDayRange(start, end) {
|
|
var startLabel = start.toLocaleDateString('de-DE');
|
|
if (!end) {
|
|
return startLabel;
|
|
}
|
|
|
|
var inclusiveEnd = new Date(end.getTime() - 24 * 60 * 60 * 1000);
|
|
return startLabel + ' - ' + inclusiveEnd.toLocaleDateString('de-DE');
|
|
}
|
|
|
|
var calendar = new FullCalendar.Calendar(calendarEl, {
|
|
initialView: 'dayGridMonth',
|
|
firstDay: 1,
|
|
height: 650,
|
|
events: function(info, successCallback, failureCallback) {
|
|
var url = 'api/vacations.php?start=' + info.startStr + '&end=' + info.endStr + '&scope=team&include_company=1&status_filter=active';
|
|
fetch(url)
|
|
.then(function(res){ return res.json(); })
|
|
.then(function(data){ successCallback(data); })
|
|
.catch(function(err){ failureCallback(err); });
|
|
},
|
|
eventClick: function(info) {
|
|
var ev = info.event;
|
|
var props = ev.extendedProps || {};
|
|
var html = '<strong>' + ev.title + '</strong><br>' +
|
|
formatAllDayRange(ev.start, ev.end) + '<br>';
|
|
|
|
if (props.type === 'user') {
|
|
html += 'Mitarbeiter: ' + (props.employee_name || '') + '<br>';
|
|
html += 'Abwesenheitsgrund: ' + (props.absence_label || props.absence_type || '') + '<br>';
|
|
html += 'Status: ' + (props.status_label || props.status || '') + '<br>';
|
|
if (props.comment) {
|
|
html += 'Kommentar: ' + props.comment + '<br>';
|
|
}
|
|
} else if (props.type === 'company') {
|
|
html += 'Beschreibung: ' + (props.description || '') + '<br>';
|
|
}
|
|
|
|
document.getElementById('detailsContent').innerHTML = html;
|
|
document.getElementById('eventDetails').style.display = 'block';
|
|
}
|
|
});
|
|
|
|
calendar.render();
|
|
});
|
|
</script>
|
|
|
|
<?php include 'footer.php'; ?>
|