troogs/date-wizard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add admin activity management

Browse Source
This commit is contained in:
troogs
2026-10-01 17:58:41 +02:00
parent 84ed5a7a28
commit 944eed3eb3
7 changed files with 664 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/admin.html
+34
View File
@@ -33,6 +33,12 @@
<button id="logoutBtn" class="text-action" type="button">Abmelden</button>
</header>
<nav class="admin-nav" aria-label="Verwaltung">
<button class="admin-nav-btn is-active" type="button" data-view="datesView">Termine</button>
<button class="admin-nav-btn" type="button" data-view="activitiesView">Aktivitäten</button>
</nav>
<div id="datesView" class="admin-panel">
<section class="admin-section add-date-section" aria-labelledby="addDateTitle">
<div class="section-heading">
<h2 id="addDateTitle">Verfügbare Tage planen</h2>
@@ -65,6 +71,34 @@
<ul id="datesList" class="dates-list" aria-live="polite"></ul>
<p id="emptyDates" class="empty-dates hidden">Noch keine Termine eingetragen.</p>
</section>
</div>
<div id="activitiesView" class="admin-panel hidden">
<section class="admin-section" aria-labelledby="activitiesTitle">
<div class="section-heading">
<h2 id="activitiesTitle">Aktivitäten verwalten</h2>
<p>Aktive Aktivitäten werden Besucherinnen und Besuchern zur Auswahl angezeigt.</p>
</div>
</section>
<section class="admin-section" aria-labelledby="activityListTitle">
<div class="section-heading">
<h2 id="activityListTitle">Vorhandene Aktivitäten</h2>
<p id="activityMessage" class="form-message" role="status" aria-live="polite"></p>
</div>
<form id="activityAddRow" class="activity-row activity-add-row">
<div class="activity-identity activity-add-identity">
<button id="newActivityIcon" class="activity-row-icon" type="button" title="Icon auswählen" aria-label="Icon für neue Aktivität auswählen">🧺</button>
<input id="newActivityName" class="activity-name-input" type="text" maxlength="100" placeholder="Neue Aktivität" aria-label="Name der neuen Aktivität" required />
</div>
<div class="activity-actions">
<button id="newActivityType" class="row-action type-action is-short" type="button" title="Auf lang ändern" aria-label="Neue Aktivität: auf lang ändern"><span class="duration-indicator"></span></button>
<button class="row-action" type="submit" title="Aktivität hinzufügen" aria-label="Aktivität hinzufügen">＋</button>
</div>
</form>
<ul id="activitiesList" class="activities-list" aria-live="polite"></ul>
<p id="emptyActivities" class="empty-dates hidden">Noch keine Aktivitäten angelegt.</p>
</section>
</div>
</section>
</main>
<script src="admin.js" defer></script>