-
Leerkrachten koppelen
-
Selecteer de leerkrachten voor deze klas.
-
-
+
+
+
Leerkrachten koppelen
+
Selecteer de leerkrachten voor deze klas.
+
+
+
+
+
+
Nieuwe klas toevoegen
+
Geef een naam op voor de nieuwe klas (bv. "1A", "3B").
+
+
+
+
+
+
+
+
+
@@ -321,8 +351,21 @@ document.addEventListener('DOMContentLoaded', async () => {
// Export knoppen
document.getElementById('btnExportCSV').addEventListener('click', exportCSV);
document.getElementById('btnNieuweKlas').addEventListener('click', openNieuweKlasDialog);
+ document.getElementById('btnNieuweKlasAnnuleer').addEventListener('click', () => {
+ document.getElementById('nieuweKlasModal').classList.remove('active');
+ });
+ document.getElementById('btnNieuweKlasBevestig').addEventListener('click', bevestigNieuweKlas);
+ document.getElementById('nieuweKlasNaam').addEventListener('keydown', e => {
+ if (e.key === 'Enter') bevestigNieuweKlas();
+ });
+ // Sluit modals bij klik op overlay
+ ['koppelingModal','nieuweKlasModal'].forEach(id => {
+ document.getElementById(id).addEventListener('click', e => {
+ if (e.target.id === id) document.getElementById(id).classList.remove('active');
+ });
+ });
document.getElementById('btnKoppelingAnnuleer').addEventListener('click', () => {
- document.getElementById('koppelingModal').style.display = 'none';
+ document.getElementById('koppelingModal').classList.remove('active');
});
document.getElementById('btnKoppelingOpslaan').addEventListener('click', saveKoppeling);
document.getElementById('btnExportPDF').addEventListener('click', exportPDF);
@@ -470,7 +513,7 @@ function renderKlasProgress() {
if (!klassen.length) { el.innerHTML = '
Geen klassen
'; return; }
// Filter op leerkrachten (niet directeurs/ICT)
const teacherUsers = allUsers.filter(u => u.role === 'teacher' || u.role === 'director');
- el.innerHTML = '
' + klassen.map(k => {
+ el.innerHTML = '
' + klassen.map(k => {
const vakken = byClass[k.id] || {};
let g=0,o=0,r=0;
Object.values(vakken).forEach(goals => Object.values(goals).forEach(s => {
@@ -747,17 +790,14 @@ async function renderKoppelingTab() {
// Filter op leerkrachten (niet directeurs/ICT)
const teacherUsers = allUsers.filter(u => u.role === 'teacher' || u.role === 'director');
- el.innerHTML = '
' + klassen.map(k => {
+ el.innerHTML = '
' + klassen.map(k => {
const teachers = (k.teachers||[]).map(t => t.full_name).join(', ') || '
Geen leerkrachten';
- return `
- ';
}
@@ -795,19 +835,28 @@ document.addEventListener('click', function(e) {
${u.full_name} (${u.email})
`).join('');
}
- document.getElementById('koppelingModal').style.display = 'flex';
+ document.getElementById('koppelingModal').classList.add('active');
});
-async function openNieuweKlasDialog() {
- const name = prompt('Naam van de nieuwe klas:');
- if (!name || !name.trim()) return;
+function openNieuweKlasDialog() {
+ document.getElementById('nieuweKlasNaam').value = '';
+ document.getElementById('nieuweKlasError').textContent = '';
+ document.getElementById('nieuweKlasModal').classList.add('active');
+ setTimeout(() => document.getElementById('nieuweKlasNaam').focus(), 50);
+}
+
+async function bevestigNieuweKlas() {
+ const name = document.getElementById('nieuweKlasNaam').value.trim();
+ const errEl = document.getElementById('nieuweKlasError');
+ if (!name) { errEl.textContent = 'Vul een naam in.'; return; }
const res = await fetch('/api/classes', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
- body: JSON.stringify({name: name.trim()})
+ body: JSON.stringify({name})
});
const data = await res.json();
- if (!res.ok) { showNotification(data.error || 'Aanmaken mislukt', 'error'); return; }
+ if (!res.ok) { errEl.textContent = data.error || 'Aanmaken mislukt'; return; }
+ document.getElementById('nieuweKlasModal').classList.remove('active');
showNotification(`Klas "${data.class.name}" aangemaakt`, 'success');
await loadOverview();
}
@@ -823,7 +872,7 @@ async function saveKoppeling() {
body: JSON.stringify({ teacher_ids: checked })
});
if (!res.ok) { showNotification('Opslaan mislukt', 'error'); return; }
- document.getElementById('koppelingModal').style.display = 'none';
+ document.getElementById('koppelingModal').classList.remove('active');
showNotification('Koppeling opgeslagen', 'success');
await loadOverview(); // herlaad zodat klas-chips bijgewerkt worden
}