Gauthier/Site_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Uniformise l'identification du groupe sur BioCID et TP Nuisibles

Browse Source 
Applique le style de carte de référence (Exo_FDS) à ExoBIOCID et au TP
Nuisibles : titre dans la carte, champs nom/date, et sélecteur de
formateur Nathan/Gauthier en boutons remplis à l'état actif, à la place
du champ texte libre (BioCID) et des boutons pilule (TP).
This commit is contained in:
gauthier.chombart
2026-07-21 07:46:15 +02:00
parent 090cbc19a2
commit 6bb7985512
2 changed files with 65 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
exercices/Exo_BioCID.html
View File

@@ -406,6 +406,15 @@
box-sizing: border-box;
}
.identity-fields input:focus { outline: none; border-color: var(--amber); background: white; }
.formateur-label { font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-muted); margin: 4px 0 2px; }
.formateur-row { display: flex; gap: 8px; }
.formateur-btn {
flex: 1; font-family: 'DM Sans', sans-serif; font-size: 13.5px;
padding: 9px 13px; border: 1px solid var(--border); border-radius: 10px;
background: var(--bg); color: var(--text); cursor: pointer; transition: all 0.2s ease;
}
.formateur-btn:hover { border-color: var(--amber); }
.formateur-btn.active { background: var(--amber); border-color: var(--amber); color: #fff; }
/* DECO */
.deco-circle { position: fixed; border-radius: 50%; pointer-events: none; z-index: 0; }
@@ -492,7 +501,12 @@
<div class="identity-fields">
<input type="text" id="idGroupe" placeholder="Nom du groupe / stagiaires (ex : Groupe 3 — Dupont / Martin)" autocomplete="off" oninput="clearGroupeWarning()">
<input type="date" id="idDate">
<input type="text" id="idFormateur" placeholder="Formateur (facultatif)" autocomplete="off">
<input type="hidden" id="idFormateur">
<div class="formateur-label">Formateur de la session</div>
<div class="formateur-row">
<button type="button" class="formateur-btn" data-formateur="Nathan" onclick="selectFormateur(this)">Nathan</button>
<button type="button" class="formateur-btn" data-formateur="Gauthier" onclick="selectFormateur(this)">Gauthier</button>
</div>
</div>
<div id="idWarning" style="display:none;margin-top:8px;font-size:12.5px;color:var(--coral);">⚠ Renseignez le nom du groupe pour continuer.</div>
</div>
@@ -689,6 +703,12 @@ function clearGroupeWarning() {
if (w) w.style.display = 'none';
}
function selectFormateur(btn) {
document.querySelectorAll('.formateur-btn').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
document.getElementById('idFormateur').value = btn.dataset.formateur;
}
function goNext() {
const cfg = slideConfig[currentSlide];
if (!cfg || cfg.next == null) return;