sgr5/leerdoelen_tracker
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Activity

Refactor school year button and enhance JavaScript bindings
All checks were successful
Build & Push / Build & Push image (push) Successful in 44s
Details

Browse Source 
- Updated the button for adding a new school year to have an ID for easier access.
- Changed the way IS_SUPERADMIN is defined to use JSON for better compatibility.
- Added event bindings for canceling and saving edits for schools in the JavaScript code.
- Introduced a new document for Google SSO instructions.
This commit is contained in:
Sam Geyskens
2026-03-03 20:33:49 +01:00
parent 28c05edb0b
commit 55cd055645
8 changed files with 336 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
backend/templates/leerkracht.html
View File

@@ -54,9 +54,12 @@
th { padding: 0.75rem 1rem; text-align: left; font-weight: 600; color: var(--gray-600); border-bottom: 2px solid var(--gray-200); white-space: nowrap; }
td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--gray-100); vertical-align: top; }
tr:hover { background: var(--gray-50); }
tr.status-groen { background: var(--status-groen-bg); }
tr.status-groen { background: var(--status-groen-bg); }
tr.status-groen:hover { background: #a7f3d0; }
tr.status-oranje { background: var(--status-oranje-bg); }
tr.status-roze { background: var(--status-roze-bg); }
tr.status-oranje:hover { background: #fde68a; }
tr.status-roze { background: var(--status-roze-bg); }
tr.status-roze:hover { background: #fbcfe8; }
.status-selector { width: 32px; height: 32px; border-radius: 6px; border: 2px solid var(--gray-300); background: white; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: bold; transition: all 0.15s; }
.status-selector:hover { transform: scale(1.1); }
.status-selector.status-none { color: var(--gray-400); }
@@ -170,7 +173,8 @@
/* Modals */
.modal { background: #1e293b !important; color: #e2e8f0; }
.modal h2 { color: #f1f5f9; }
.modal-inner-box { background: #1e293b !important; color: #e2e8f0 !important; }
.modal h2, .modal-inner-box h2 { color: #f1f5f9; }
/* Knoppen */
.btn-secondary { background: #334155 !important; color: #e2e8f0 !important; }
@@ -269,6 +273,8 @@
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
}
.btn-primary { background: var(--primary); color: white; }
.btn-primary:hover { background: var(--primary-dark); }
.btn-import { background: var(--warning); color: white; }
.btn-import:hover { background: #d97706; }
</style>
@@ -420,7 +426,7 @@
<!-- Klassen modal -->
<div id="klasModal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center;">
<div style="background:var(--gray-800, white);border-radius:12px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3);">
<div style="background:white;border-radius:12px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3);" class="modal-inner-box">
<h2 style="font-size:1.1rem;margin-bottom:.5rem;">📚 Mijn klassen instellen</h2>
<p style="font-size:.85rem;color:var(--gray-400);margin-bottom:1rem;">
Selecteer de klassen waarvoor jij beoordelingen invult.