`;
}
+ if (data.vacationOffsetDays !== undefined && data.vacationOffsetDays !== 0) {
+ statsHTML += `
+ Urlaubstage-Offset: ${Number(data.vacationOffsetDays).toFixed(1)} Tag${Math.abs(data.vacationOffsetDays) !== 1 ? 'e' : ''}
+ ${data.remainingVacation !== undefined ? `(verbleibend inkl. Offset: ${Number(data.remainingVacation).toFixed(1)} Tage)` : ''}
+
`;
+ }
if (data.sickDays !== undefined && data.sickDays > 0) {
statsHTML += `
Krankheitstage: ${data.sickDays} Tag${data.sickDays !== 1 ? 'e' : ''}
@@ -431,6 +459,68 @@
}
});
});
+
+ // Urlaubstage-Offset speichern
+ document.querySelectorAll('.save-vacation-offset-btn').forEach(btn => {
+ btn.addEventListener('click', async function() {
+ const userId = this.dataset.userId;
+ const input = document.querySelector(`.vacation-offset-input[data-user-id="${userId}"]`);
+ if (!input) return;
+
+ const originalText = this.textContent;
+ this.disabled = true;
+ this.textContent = '...';
+
+ // leere Eingabe => 0 (Backend macht das auch, aber UI soll sauber sein)
+ const raw = (input.value || '').trim();
+ const value = raw === '' ? '' : Number(raw);
+
+ try {
+ const resp = await fetch(`/api/verwaltung/user/${userId}/vacation-offset`, {
+ method: 'PUT',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ vacation_offset_days: value })
+ });
+ const data = await resp.json();
+ if (!resp.ok) {
+ alert(data.error || 'Fehler beim Speichern des Offsets');
+ return;
+ }
+
+ // Normalisiere Input auf Zahl (Backend gibt number zurück)
+ input.value = (data.vacation_offset_days !== undefined && data.vacation_offset_days !== null)
+ ? Number(data.vacation_offset_days)
+ : 0;
+
+ // Stats für diesen User neu laden
+ const statDivs = document.querySelectorAll(`.group-stats[data-user-id="${userId}"]`);
+ statDivs.forEach(div => {
+ // loading indicator optional wieder anzeigen
+ const loading = div.querySelector('.stats-loading');
+ if (loading) {
+ loading.style.display = 'inline-block';
+ loading.style.color = '#666';
+ loading.textContent = 'Lade Statistiken...';
+ }
+ loadStatsForDiv(div);
+ });
+
+ this.textContent = '✓';
+ setTimeout(() => {
+ this.textContent = originalText;
+ this.disabled = false;
+ }, 900);
+ } catch (e) {
+ console.error('Fehler beim Speichern des Offsets:', e);
+ alert('Fehler beim Speichern des Offsets');
+ } finally {
+ if (this.textContent === '...') {
+ this.textContent = originalText;
+ this.disabled = false;
+ }
+ }
+ });
+ });
// Mitarbeiter-Gruppen auf-/zuklappen (zeigt/versteckt Wochen)
document.querySelectorAll('.toggle-employee-btn').forEach(btn => {