mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-05-06 19:19:19 +02:00
d9f94eeb13
3.3.2 Labels or instructions - Replace bare <label>Lecteur·ices :</label> (no 'for', no associated control) with <fieldset class="admin-jury-lecteurs"><legend>Lecteur·ices</legend> giving AT a proper programmatic label for the entire lecteur group 4.1.2 Name, role, value — Externe checkboxes lacked group context - Add aria-label="Promoteur·ice — externe" on the promoteur Externe checkbox - Add aria-label="Lecteur·ice N — nom" on every lecteur name input - Add aria-label="Lecteur·ice N — externe" on every lecteur Externe checkbox - All three attributes added to both PHP-rendered rows and the addJuryRow() JS that builds new rows dynamically 2.1.1 Keyboard — remove buttons already had aria-label; verified and updated label text to "Supprimer le lecteur·ice N" (consistent with new numbering) CSS (admin.css) - Add .admin-body fieldset fieldset.admin-jury-lecteurs rule: removes border/padding/background from the nested fieldset so it reads as a sub-group inside the outer jury fieldset, not a double-bordered card Audit (no code change) - WCAG 1.4.4: all font-size values use rem — no px text sizing anywhere - WCAG 1.4.12: only overflow:hidden on media containers and .sr-only utility; no essential text content is clipped by text-spacing overrides - WCAG 4.1.2 bulk JS: result is a redirect to flash-messages.php which already emits role="alert"/role="status" — no additional JS announcement needed
116 lines
6.1 KiB
PHP
116 lines
6.1 KiB
PHP
<?php
|
|
/**
|
|
* Jury composition fieldset partial.
|
|
*
|
|
* Variables consumed (all optional — defaults to empty/add-mode):
|
|
* $juryPresident string|null President name
|
|
* $juryPromoteur string|null Promoteur name
|
|
* $juryPromoteurExt int 1 if promoteur is external, 0 otherwise
|
|
* $juryLecteurs array Each element: ['name' => string, 'is_external' => int]
|
|
*
|
|
* In "add" mode (no existing jury data), callers should pass nulls/empty arrays and
|
|
* may rely on the $formData repopulation helpers (old/wasSelected) defined in add.php.
|
|
* When those helpers exist and no explicit values are set, the partial uses them.
|
|
*/
|
|
|
|
$juryPresident = $juryPresident ?? null;
|
|
$juryPromoteur = $juryPromoteur ?? null;
|
|
$juryPromoteurExt = $juryPromoteurExt ?? 0;
|
|
$juryLecteurs = $juryLecteurs ?? [];
|
|
|
|
// In add-mode, repopulate from flash form data when helpers are available.
|
|
$addMode = ($juryPresident === null && $juryPromoteur === null && empty($juryLecteurs));
|
|
if ($addMode && function_exists('old')) {
|
|
$juryPresident = old('jury_president') ?: null;
|
|
$juryPromoteur = old('jury_promoteur') ?: null;
|
|
$juryPromoteurExt = function_exists('wasSelected') && wasSelected('jury_promoteur_ext', '1') ? 1 : 0;
|
|
}
|
|
|
|
$juryIdx = max(count($juryLecteurs), 1);
|
|
?>
|
|
<!-- Composition du jury -->
|
|
<fieldset>
|
|
<legend>Composition du jury</legend>
|
|
|
|
<!-- Président·e -->
|
|
<div>
|
|
<label for="jury_president">Président·e :</label>
|
|
<input type="text" id="jury_president" name="jury_president"
|
|
value="<?= htmlspecialchars($juryPresident ?? '') ?>"
|
|
placeholder="Nom du/de la président·e (interne)">
|
|
</div>
|
|
|
|
<!-- Promoteur·ice -->
|
|
<div>
|
|
<label for="jury_promoteur">Promoteur·ice :</label>
|
|
<div class="admin-jury-row">
|
|
<input type="text" id="jury_promoteur" name="jury_promoteur"
|
|
value="<?= htmlspecialchars($juryPromoteur ?? '') ?>" placeholder="Nom">
|
|
<label class="admin-checkbox-label admin-jury-ext">
|
|
<input type="checkbox" name="jury_promoteur_ext" value="1"
|
|
<?= $juryPromoteurExt ? 'checked' : '' ?>
|
|
aria-label="Promoteur·ice — externe"> Externe
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Lecteur·ices (dynamic list) -->
|
|
<fieldset class="admin-jury-lecteurs">
|
|
<legend>Lecteur·ices</legend>
|
|
<div id="jury-lecteurs-list" class="admin-jury-list">
|
|
<?php if (empty($juryLecteurs)): ?>
|
|
<div class="admin-jury-entry">
|
|
<input type="text" name="jury_lecteurs[]" placeholder="Nom"
|
|
id="jury_lecteur_0" aria-label="Lecteur·ice 1 — nom">
|
|
<label class="admin-checkbox-label admin-jury-ext">
|
|
<input type="checkbox" name="jury_lecteurs_ext[0]" value="1"
|
|
aria-label="Lecteur·ice 1 — externe"> Externe
|
|
</label>
|
|
<button type="button" class="admin-btn-remove" onclick="removeJuryRow(this)"
|
|
aria-label="Supprimer le lecteur·ice 1"><span aria-hidden="true">✕</span></button>
|
|
</div>
|
|
<?php else: ?>
|
|
<?php foreach ($juryLecteurs as $li => $lm): ?>
|
|
<?php $lNum = $li + 1; ?>
|
|
<div class="admin-jury-entry">
|
|
<input type="text" name="jury_lecteurs[]"
|
|
value="<?= htmlspecialchars($lm['name']) ?>" placeholder="Nom"
|
|
id="jury_lecteur_<?= $li ?>" aria-label="Lecteur·ice <?= $lNum ?> — nom">
|
|
<label class="admin-checkbox-label admin-jury-ext">
|
|
<input type="checkbox" name="jury_lecteurs_ext[<?= $li ?>]" value="1"
|
|
<?= $lm['is_external'] ? 'checked' : '' ?>
|
|
aria-label="Lecteur·ice <?= $lNum ?> — externe"> Externe
|
|
</label>
|
|
<button type="button" class="admin-btn-remove" onclick="removeJuryRow(this)"
|
|
aria-label="Supprimer le lecteur·ice <?= $lNum ?>"><span aria-hidden="true">✕</span></button>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
<?php endif; ?>
|
|
</div>
|
|
<button type="button" class="admin-btn-secondary admin-add-jury-btn"
|
|
onclick="addJuryRow()">+ Ajouter un·e lecteur·ice</button>
|
|
</fieldset>
|
|
</fieldset>
|
|
<script>
|
|
var juryIdx = <?= $juryIdx ?>;
|
|
function addJuryRow() {
|
|
var list = document.getElementById('jury-lecteurs-list');
|
|
var n = list.querySelectorAll('.admin-jury-entry').length + 1;
|
|
var div = document.createElement('div');
|
|
div.className = 'admin-jury-entry';
|
|
div.innerHTML = '<input type="text" name="jury_lecteurs[]" placeholder="Nom"'
|
|
+ ' aria-label="Lecteur\u00b7ice ' + n + ' \u2014 nom">'
|
|
+ '<label class="admin-checkbox-label admin-jury-ext">'
|
|
+ '<input type="checkbox" name="jury_lecteurs_ext[' + juryIdx + ']" value="1"'
|
|
+ ' aria-label="Lecteur\u00b7ice ' + n + ' \u2014 externe"> Externe'
|
|
+ '</label>'
|
|
+ '<button type="button" class="admin-btn-remove" onclick="removeJuryRow(this)"'
|
|
+ ' aria-label="Supprimer le lecteur\u00b7ice ' + n + '"><span aria-hidden="true">\u2715</span></button>';
|
|
list.appendChild(div);
|
|
juryIdx++;
|
|
}
|
|
function removeJuryRow(btn) {
|
|
btn.closest('.admin-jury-entry').remove();
|
|
}
|
|
</script>
|