feat: add bulk date management functionality and update admin interface

This commit is contained in:
troogs
2026-10-01 17:16:02 +02:00
parent 3605a42099
commit 84ed5a7a28
5 changed files with 371 additions and 141 deletions
+16 -18
View File
@@ -35,25 +35,23 @@
<section class="admin-section add-date-section" aria-labelledby="addDateTitle">
<div class="section-heading">
<h2 id="addDateTitle">Neuen Tag hinzufügen</h2>
<p>Datum im Kalender wählen und Zeitumfang festlegen.</p>
<h2 id="addDateTitle">Verfügbare Tage planen</h2>
<p>Einmal klicken für kurz, zweimal für lang und ein drittes Mal zum Entfernen.</p>
</div>
<form id="addDateForm" class="date-form">
<label for="dateInput">Datum</label>
<input id="dateInput" name="date" type="date" required />
<fieldset class="type-selector">
<legend>Tagestyp</legend>
<label>
<input type="radio" name="dateType" value="short" checked />
<span>Kurz</span>
</label>
<label>
<input type="radio" name="dateType" value="long" />
<span>Lang</span>
</label>
</fieldset>
<button class="btn btn-primary" type="submit">Datum hinzufügen</button>
</form>
<div class="admin-calendar" aria-label="Kalender zur Terminplanung">
<div class="calendar-header">
<button id="prevMonthBtn" class="month-nav-btn" type="button" aria-label="Vorheriger Monat">‹</button>
<h3 id="monthLabel" class="month-label">Monat Jahr</h3>
<button id="nextMonthBtn" class="month-nav-btn" type="button" aria-label="Nächster Monat">›</button>
</div>
<div class="weekday-row" id="weekdayRow"></div>
<div class="day-grid" id="dayGrid"></div>
</div>
<div class="calendar-legend" aria-label="Legende">
<span><i class="legend-dot is-short"></i>Kurz</span>
<span><i class="legend-dot is-long"></i>Lang</span>
</div>
<button id="saveDatesBtn" class="btn btn-primary" type="button">Änderungen speichern</button>
<p id="addDateMessage" class="form-message" role="status" aria-live="polite"></p>
</section>