add class managament and auditlogs to webUI
Some checks failed
Build, Push & Deploy / Build & Push image (push) Failing after 54s
Build, Push & Deploy / Deploy naar VPS (push) Has been skipped
Build & Push / Build & Push image (push) Successful in 40s

This commit is contained in:
2026-02-28 10:09:23 +01:00
parent 7fdb1d188a
commit 6f7a35a262
2 changed files with 92 additions and 0 deletions

View File

@@ -192,6 +192,51 @@
<div class="schools-grid" id="schoolsGrid">Laden...</div> <div class="schools-grid" id="schoolsGrid">Laden...</div>
</div> </div>
<!-- Auditlog -->
<div class="section">
<div class="section-header">
<h2>📋 Auditlog</h2>
<div style="display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;">
<select id="auditCategory" onchange="loadAuditLog()"
style="padding:.35rem .5rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.85rem;">
<option value="">Alle categorieën</option>
<option value="auth">Aanmeldingen</option>
<option value="user">Gebruikers</option>
<option value="school">Scholen</option>
<option value="class">Klassen</option>
<option value="assessment">Beoordelingen</option>
<option value="system">Systeem</option>
<option value="doelen">Leerdoelen</option>
</select>
<select id="auditSchoolFilter" onchange="loadAuditLog()"
style="padding:.35rem .5rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.85rem;">
<option value="">Alle scholen</option>
</select>
<input id="auditSearch" type="text" placeholder="Zoeken..."
oninput="loadAuditLog()"
style="padding:.35rem .5rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.85rem;width:150px;">
</div>
</div>
<div style="overflow-x:auto;">
<table>
<thead>
<tr>
<th>Tijdstip</th>
<th>Gebruiker</th>
<th>School</th>
<th>Actie</th>
<th>Detail</th>
<th>IP</th>
</tr>
</thead>
<tbody id="auditTable">
<tr><td colspan="6" style="text-align:center;color:var(--gray-400);">Laden...</td></tr>
</tbody>
</table>
</div>
<div id="auditPager" style="display:flex;gap:.5rem;justify-content:center;padding:1rem;flex-wrap:wrap;"></div>
</div>
</div> </div>
<!-- Modals --> <!-- Modals -->

View File

@@ -238,6 +238,53 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<!-- Klassen beheer -->
<div class="section">
<div class="section-header">
<h2>🏫 Klassen</h2>
<button class="btn btn-primary btn-sm" onclick="openAddKlas()">+ Klas toevoegen</button>
</div>
<div id="klassenList">Laden...</div>
</div>
<!-- Auditlog -->
<div class="section">
<div class="section-header">
<h2>📋 Auditlog</h2>
<div style="display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;">
<select id="auditCategory" onchange="loadAuditLog()"
style="padding:.35rem .5rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.85rem;">
<option value="">Alle categorieën</option>
<option value="auth">Aanmeldingen</option>
<option value="user">Gebruikers</option>
<option value="class">Klassen</option>
<option value="assessment">Beoordelingen</option>
</select>
<input id="auditSearch" type="text" placeholder="Zoeken..."
oninput="loadAuditLog()"
style="padding:.35rem .5rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.85rem;width:150px;">
</div>
</div>
<div style="overflow-x:auto;">
<table>
<thead>
<tr>
<th>Tijdstip</th>
<th>Gebruiker</th>
<th>Actie</th>
<th>Detail</th>
<th>IP</th>
</tr>
</thead>
<tbody id="auditTable">
<tr><td colspan="5" style="text-align:center;color:var(--gray-400);">Laden...</td></tr>
</tbody>
</table>
</div>
<div id="auditPager" style="display:flex;gap:.5rem;justify-content:center;padding:1rem;flex-wrap:wrap;"></div>
</div>
</div> </div>
<!-- Modal: gebruiker toevoegen --> <!-- Modal: gebruiker toevoegen -->