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

fix: update status indicator symbols for better clarity
All checks were successful
Build & Push / Build & Push image (push) Successful in 40s
Details

Browse Source
This commit is contained in:
Sam Geyskens
2026-03-05 23:05:35 +01:00
parent 1acaf26a38
commit d4f09bb368
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
backend/templates/leerkracht.html
View File

@@ -79,9 +79,9 @@
.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 { 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:hover { transform: scale(1.1); }
.status-selector.status-none { color: var(--gray-400); } .status-selector.status-none { color: var(--gray-400); }
.status-selector.status-none::after { content: '\u25cb'; } .status-selector.status-none::after { content: '○'; }
.status-selector.status-groen { background: var(--status-groen); border-color: var(--status-groen); color: white; } .status-selector.status-groen { background: var(--status-groen); border-color: var(--status-groen); color: white; }
.status-selector.status-groen::after { content: '\u2713'; } .status-selector.status-groen::after { content: '✓'; }
.status-selector.status-oranje { background: var(--status-oranje); border-color: var(--status-oranje); color: white; } .status-selector.status-oranje { background: var(--status-oranje); border-color: var(--status-oranje); color: white; }
.status-selector.status-oranje::after { content: '~'; } .status-selector.status-oranje::after { content: '~'; }
.status-selector.status-roze { background: var(--status-roze); border-color: var(--status-roze); color: white; } .status-selector.status-roze { background: var(--status-roze); border-color: var(--status-roze); color: white; }
@@ -638,11 +638,11 @@ async function saveToApi(goalId, status) {
body: JSON.stringify({ class_id: activeKlasId, vak_id: currentVakId, goal_id: goalId, status }) body: JSON.stringify({ class_id: activeKlasId, vak_id: currentVakId, goal_id: goalId, status })
}); });
if (!res.ok) throw new Error('Opslaan mislukt'); if (!res.ok) throw new Error('Opslaan mislukt');
setSavingIndicator('\u2713 Opgeslagen'); setSavingIndicator('✓ Opgeslagen');
setTimeout(() => setSavingIndicator(''), 2000); setTimeout(() => setSavingIndicator(''), 2000);
} catch(e) { } catch(e) {
showNotification('Opslaan mislukt!', 'error'); showNotification('Opslaan mislukt!', 'error');
setSavingIndicator('\u26a0 Fout bij opslaan'); setSavingIndicator('⚠ Fout bij opslaan');
} }
} }