feat: cascade deletes, student notes, import popups, module reorganization

- Cascade delete on all entities (student, module, UE, user, role, promotion)
- Fix Response body reuse bug (factory functions instead of constants)
- Student note viewing via CAS uid (strip non-digit prefix)
- Fix middleware page visibility for students in LOCAL mode
- Import result popup component (shared across all import pages)
- Fix student import to use numEtud from Excel
- Bulk student selection with promo change and delete
- Move UE/UE-Module API and pages from notes to admin module
- Move promotions page from students to admin module
- Multi-year maquette import with per-year promo selection
- Inline promo creation in maquette import
- Static Excel templates (students, notes, maquette)
- Fix XLSX export using blob download instead of writeFile
- Allow students to read modules list (GET /modules)
This commit is contained in:
2026-04-30 13:47:16 +02:00
parent 04be659d6b
commit 6c38cd0019
51 changed files with 3022 additions and 437 deletions
+193
View File
@@ -391,6 +391,54 @@
gap: 1rem;
}
/* -------------------------------------------------------
Bulk actions bar
------------------------------------------------------- */
.bulk-bar {
display: flex;
align-items: center;
gap: 1rem;
padding: 0.5rem 0.75rem;
margin-bottom: 0.75rem;
border-radius: 6px;
background: light-dark(var(--light-accent-color), var(--dark-accent-color));
color: light-dark(
var(--light-background-color),
var(--dark-background-color)
);
font-size: 0.82rem;
flex-wrap: wrap;
}
.bulk-count {
font-weight: var(--font-weight-bold);
white-space: nowrap;
}
.bulk-actions {
display: flex;
align-items: center;
gap: 0.5rem;
margin-left: auto;
flex-wrap: wrap;
}
.bulk-bar .filter-select {
color: light-dark(
var(--light-foreground-color),
var(--dark-foreground-color)
);
font-size: 0.78rem;
}
.row-selected {
background: light-dark(
color-mix(in srgb, var(--light-accent-color) 8%, transparent),
color-mix(in srgb, var(--dark-accent-color) 12%, transparent)
);
}
/* -------------------------------------------------------
Chips: perm, role, promo, module
------------------------------------------------------- */
@@ -852,6 +900,14 @@
margin-bottom: 0.75rem;
}
.create-promo-inline {
margin-bottom: 1rem;
padding: 0.75rem;
border: 1px dashed
light-dark(var(--light-foreground-dimmer), var(--dark-foreground-dimmer));
border-radius: 6px;
}
.upload-format {
font-size: 0.72rem;
font-family: monospace;
@@ -1008,3 +1064,140 @@
font-family: monospace;
margin-top: 0.25rem;
}
/* -------------------------------------------------------
Import result popup
------------------------------------------------------- */
.import-popup-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.55);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.import-popup {
background: light-dark(
var(--light-background-color),
var(--dark-background-color)
);
border: 1px solid
light-dark(var(--light-border-color), var(--dark-border-color));
border-radius: 10px;
padding: 1.5rem 2rem;
min-width: 28rem;
max-width: 40rem;
max-height: 80vh;
overflow-y: auto;
}
.import-popup-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.25rem;
}
.import-popup-title {
font-size: 1.1rem;
font-weight: var(--font-weight-bold);
margin: 0;
}
.import-popup-badge {
font-size: 0.78rem;
font-weight: 600;
padding: 0.25rem 0.75rem;
border-radius: 4px;
border: 1px solid;
}
.badge-error {
color: #f5a623;
border-color: #f5a623;
}
.badge-success {
color: light-dark(var(--light-accent-color), var(--dark-accent-color));
border-color: light-dark(var(--light-accent-color), var(--dark-accent-color));
}
.import-popup-stats {
display: flex;
flex-direction: column;
gap: 0.6rem;
margin-bottom: 1.25rem;
}
.import-stat-row {
display: flex;
align-items: center;
gap: 1.5rem;
}
.import-stat-label {
min-width: 6rem;
font-size: 0.85rem;
color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
}
.import-stat-value {
font-size: 0.85rem;
font-family: monospace;
padding: 0.2rem 0.6rem;
border-radius: 4px;
border: 1px solid;
min-width: 8rem;
}
.stat-added {
color: light-dark(var(--light-accent-color), var(--dark-accent-color));
border-color: light-dark(var(--light-accent-color), var(--dark-accent-color));
}
.stat-modified {
color: light-dark(var(--light-accent-color), var(--dark-accent-color));
border-color: light-dark(var(--light-accent-color), var(--dark-accent-color));
}
.stat-ignored {
color: light-dark(var(--light-foreground-dim), var(--dark-foreground-dim));
border-color: light-dark(var(--light-border-color), var(--dark-border-color));
}
.stat-errors {
color: #f5a623;
border-color: #f5a623;
}
.import-popup-actions {
display: flex;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
.import-popup-details {
border-top: 1px solid
light-dark(var(--light-border-color), var(--dark-border-color));
padding-top: 0.75rem;
font-family: monospace;
font-size: 0.75rem;
max-height: 12rem;
overflow-y: auto;
}
.import-detail-change {
margin: 0.15rem 0;
color: light-dark(
var(--light-foreground-color),
var(--dark-foreground-color)
);
}
.import-detail-error {
margin: 0.15rem 0;
color: #f5a623;
}