TechnoLibre/gestion_table_tournante_libre
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
gestion_table_tournante_libre/src/interface/plan/Reserve.svelte

94 lines
3 KiB
Svelte
Raw Normal View History

[ADD] interface: plan view — zoom, framing, fit, scale, side panels The drawing becomes a plan the operator can look around. One transform on the drawing group holds the view, so the screen and the drawing share the formula of src/geometrie; the wheel zooms about the pointer without scrolling the page, « + », « − » and « Ajuster » bound the scale, and a resize keeps the view inside its limits. Only a deliberate gesture saves the framing, deferred, into reglages_locaux.json — in read mode and on a blocked plan too. The side panels take their first form. Checked: 2368 node and 378 browser tests. --- FR --- [ADD] interface : vue du plan — zoom, cadrage, ajuster, échelle Le dessin devient un plan que l'opérateur parcourt. Une seule transformation du groupe de dessin tient la vue : l'écran et le dessin partagent la formule de src/geometrie ; la molette zoome autour du pointeur sans faire défiler la page, « + », « − » et « Ajuster » bornent l'échelle, et un redimensionnement garde la vue dans ses limites. Seul un geste voulu enregistre le cadrage, en différé, dans reglages_locaux.json — en lecture et sur un plan bloqué aussi. Les panneaux latéraux prennent leur première forme. Vérifié : 2368 node et 378 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 09:09:45 -04:00
<!-- © 2026 TechnoLibre (http://www.technolibre.ca)
License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl) -->
<script>
[ADD] interface: plan keyboard, tooltip, side panels, person menu, lists Every gesture the pointer offers on the plan is reachable from the keyboard (§ 7.3): one stop enters the plan, arrows move between tables and seats, and the table and place panels choose a seat and keep the focus. A tooltip names who sits where; a per-person menu moves, assigns or reserves without dragging; the reserve and the work lists choose a person to designate on the plan. Escape, a tour change and the executed command forget the choice, and a click never moves the view. Checked: 2537 node, 466 browser (one expected failure kept), 60 node-long. --- FR --- [ADD] interface : clavier du plan, infobulle, panneaux, menu, listes Chaque geste que le pointeur offre sur le plan s'atteint au clavier (§ 7.3) : un seul arrêt entre dans le plan, les flèches vont de table en table et de siège en siège, et les panneaux de table et de place choisissent un siège en gardant le focus. Une infobulle nomme qui est assis où ; un menu par personne déplace, assigne ou réserve sans glisser ; la réserve et les listes de travail choisissent une personne à désigner sur le plan. Échap, un changement de tour et la commande exécutée oublient le choix, et un clic ne déplace jamais la vue. Vérifié : 2537 node, 466 navigateur (un échec attendu gardé), 60 node-long. Assisted-by: Claude Opus 5.5
2026-10-07 11:08:59 -04:00
// La réserve visible (§ 7.1, § 5.8) : les personnes en attente au tour
// affiché, celles de l'état des places (EtatPlaces.reserve, A5) — avant
// toute proposition, chaque personne qu'aucune réservation n'assied à ce
// tour —, par identifiant croissant. Chacune est un bouton
// [data-participant] qui en fait la personne choisie (ui.choix), puis
// l'oublie ; aria-pressed dit la personne choisie. Aucun glisser ne part
// d'une liste vers le plan : la place se choisit ensuite sur le plan. Un
// changement de tour change la liste et oublie le choix (etat_ui.js) ;
// Échap, sur la réserve ou l'un de ses boutons, l'oublie aussi.
// Le panneau lit 'seance' et 'ui' au contexte, sans propriété.
[ADD] interface: plan view — zoom, framing, fit, scale, side panels The drawing becomes a plan the operator can look around. One transform on the drawing group holds the view, so the screen and the drawing share the formula of src/geometrie; the wheel zooms about the pointer without scrolling the page, « + », « − » and « Ajuster » bound the scale, and a resize keeps the view inside its limits. Only a deliberate gesture saves the framing, deferred, into reglages_locaux.json — in read mode and on a blocked plan too. The side panels take their first form. Checked: 2368 node and 378 browser tests. --- FR --- [ADD] interface : vue du plan — zoom, cadrage, ajuster, échelle Le dessin devient un plan que l'opérateur parcourt. Une seule transformation du groupe de dessin tient la vue : l'écran et le dessin partagent la formule de src/geometrie ; la molette zoome autour du pointeur sans faire défiler la page, « + », « − » et « Ajuster » bornent l'échelle, et un redimensionnement garde la vue dans ses limites. Seul un geste voulu enregistre le cadrage, en différé, dans reglages_locaux.json — en lecture et sur un plan bloqué aussi. Les panneaux latéraux prennent leur première forme. Vérifié : 2368 node et 378 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 09:09:45 -04:00
import { getContext } from 'svelte';
[ADD] interface: plan keyboard, tooltip, side panels, person menu, lists Every gesture the pointer offers on the plan is reachable from the keyboard (§ 7.3): one stop enters the plan, arrows move between tables and seats, and the table and place panels choose a seat and keep the focus. A tooltip names who sits where; a per-person menu moves, assigns or reserves without dragging; the reserve and the work lists choose a person to designate on the plan. Escape, a tour change and the executed command forget the choice, and a click never moves the view. Checked: 2537 node, 466 browser (one expected failure kept), 60 node-long. --- FR --- [ADD] interface : clavier du plan, infobulle, panneaux, menu, listes Chaque geste que le pointeur offre sur le plan s'atteint au clavier (§ 7.3) : un seul arrêt entre dans le plan, les flèches vont de table en table et de siège en siège, et les panneaux de table et de place choisissent un siège en gardant le focus. Une infobulle nomme qui est assis où ; un menu par personne déplace, assigne ou réserve sans glisser ; la réserve et les listes de travail choisissent une personne à désigner sur le plan. Échap, un changement de tour et la commande exécutée oublient le choix, et un clic ne déplace jamais la vue. Vérifié : 2537 node, 466 navigateur (un échec attendu gardé), 60 node-long. Assisted-by: Claude Opus 5.5
2026-10-07 11:08:59 -04:00
import { etatPlaces } from '../../application/places.js';
import { nomDeCharge, tourAffiche } from './vue_plan.js';
[ADD] interface: plan view — zoom, framing, fit, scale, side panels The drawing becomes a plan the operator can look around. One transform on the drawing group holds the view, so the screen and the drawing share the formula of src/geometrie; the wheel zooms about the pointer without scrolling the page, « + », « − » and « Ajuster » bound the scale, and a resize keeps the view inside its limits. Only a deliberate gesture saves the framing, deferred, into reglages_locaux.json — in read mode and on a blocked plan too. The side panels take their first form. Checked: 2368 node and 378 browser tests. --- FR --- [ADD] interface : vue du plan — zoom, cadrage, ajuster, échelle Le dessin devient un plan que l'opérateur parcourt. Une seule transformation du groupe de dessin tient la vue : l'écran et le dessin partagent la formule de src/geometrie ; la molette zoome autour du pointeur sans faire défiler la page, « + », « − » et « Ajuster » bornent l'échelle, et un redimensionnement garde la vue dans ses limites. Seul un geste voulu enregistre le cadrage, en différé, dans reglages_locaux.json — en lecture et sur un plan bloqué aussi. Les panneaux latéraux prennent leur première forme. Vérifié : 2368 node et 378 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 09:09:45 -04:00
const t = getContext('t');
[ADD] interface: plan keyboard, tooltip, side panels, person menu, lists Every gesture the pointer offers on the plan is reachable from the keyboard (§ 7.3): one stop enters the plan, arrows move between tables and seats, and the table and place panels choose a seat and keep the focus. A tooltip names who sits where; a per-person menu moves, assigns or reserves without dragging; the reserve and the work lists choose a person to designate on the plan. Escape, a tour change and the executed command forget the choice, and a click never moves the view. Checked: 2537 node, 466 browser (one expected failure kept), 60 node-long. --- FR --- [ADD] interface : clavier du plan, infobulle, panneaux, menu, listes Chaque geste que le pointeur offre sur le plan s'atteint au clavier (§ 7.3) : un seul arrêt entre dans le plan, les flèches vont de table en table et de siège en siège, et les panneaux de table et de place choisissent un siège en gardant le focus. Une infobulle nomme qui est assis où ; un menu par personne déplace, assigne ou réserve sans glisser ; la réserve et les listes de travail choisissent une personne à désigner sur le plan. Échap, un changement de tour et la commande exécutée oublient le choix, et un clic ne déplace jamais la vue. Vérifié : 2537 node, 466 navigateur (un échec attendu gardé), 60 node-long. Assisted-by: Claude Opus 5.5
2026-10-07 11:08:59 -04:00
const seance = getContext('seance');
const ui = getContext('ui');
const uid = $props.id();
const charge = $derived($seance.charge);
const tour = $derived(charge === null ? 1 : tourAffiche($ui.tour, charge.evenement.tours));
const reserve = $derived(charge === null ? [] : etatPlaces(charge, { tour, proposition: $ui.proposition }).reserve);
const nomDe = $derived(charge === null ? null : nomDeCharge(charge));
const choix = $derived($ui.choix);
const choisie = (id) => choix !== null && choix.genre === 'personne' && choix.participant === id;
function basculer(id) {
ui.choisir(choisie(id) ? null : { genre: 'personne', participant: id, depuis: null });
}
function surTouche(evenement) {
if (evenement.key !== 'Escape' || choix === null) return;
evenement.preventDefault();
ui.choisir(null);
}
[ADD] interface: plan view — zoom, framing, fit, scale, side panels The drawing becomes a plan the operator can look around. One transform on the drawing group holds the view, so the screen and the drawing share the formula of src/geometrie; the wheel zooms about the pointer without scrolling the page, « + », « − » and « Ajuster » bound the scale, and a resize keeps the view inside its limits. Only a deliberate gesture saves the framing, deferred, into reglages_locaux.json — in read mode and on a blocked plan too. The side panels take their first form. Checked: 2368 node and 378 browser tests. --- FR --- [ADD] interface : vue du plan — zoom, cadrage, ajuster, échelle Le dessin devient un plan que l'opérateur parcourt. Une seule transformation du groupe de dessin tient la vue : l'écran et le dessin partagent la formule de src/geometrie ; la molette zoome autour du pointeur sans faire défiler la page, « + », « − » et « Ajuster » bornent l'échelle, et un redimensionnement garde la vue dans ses limites. Seul un geste voulu enregistre le cadrage, en différé, dans reglages_locaux.json — en lecture et sur un plan bloqué aussi. Les panneaux latéraux prennent leur première forme. Vérifié : 2368 node et 378 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 09:09:45 -04:00
</script>
[ADD] interface: plan keyboard, tooltip, side panels, person menu, lists Every gesture the pointer offers on the plan is reachable from the keyboard (§ 7.3): one stop enters the plan, arrows move between tables and seats, and the table and place panels choose a seat and keep the focus. A tooltip names who sits where; a per-person menu moves, assigns or reserves without dragging; the reserve and the work lists choose a person to designate on the plan. Escape, a tour change and the executed command forget the choice, and a click never moves the view. Checked: 2537 node, 466 browser (one expected failure kept), 60 node-long. --- FR --- [ADD] interface : clavier du plan, infobulle, panneaux, menu, listes Chaque geste que le pointeur offre sur le plan s'atteint au clavier (§ 7.3) : un seul arrêt entre dans le plan, les flèches vont de table en table et de siège en siège, et les panneaux de table et de place choisissent un siège en gardant le focus. Une infobulle nomme qui est assis où ; un menu par personne déplace, assigne ou réserve sans glisser ; la réserve et les listes de travail choisissent une personne à désigner sur le plan. Échap, un changement de tour et la commande exécutée oublient le choix, et un clic ne déplace jamais la vue. Vérifié : 2537 node, 466 navigateur (un échec attendu gardé), 60 node-long. Assisted-by: Claude Opus 5.5
2026-10-07 11:08:59 -04:00
<!-- Échap remonte des boutons de la réserve jusqu'à elle, qui oublie le choix. -->
<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
<section data-reserve={tour} aria-labelledby="{uid}-titre" onkeydown={surTouche}>
<h3 id="{uid}-titre">{t('plan.reserve.titre')}</h3>
{#if charge !== null}
<p>{t('plan.reserve.tour', { tour })}</p>
{#if reserve.length === 0}
<p>{t('plan.reserve.vide')}</p>
{:else}
<ul>
{#each reserve as id (id)}
<li>
<button type="button" data-participant={id} aria-pressed={choisie(id)} onclick={() => basculer(id)}>{nomDe(id)}</button>
</li>
{/each}
</ul>
{/if}
{/if}
[ADD] interface: plan view — zoom, framing, fit, scale, side panels The drawing becomes a plan the operator can look around. One transform on the drawing group holds the view, so the screen and the drawing share the formula of src/geometrie; the wheel zooms about the pointer without scrolling the page, « + », « − » and « Ajuster » bound the scale, and a resize keeps the view inside its limits. Only a deliberate gesture saves the framing, deferred, into reglages_locaux.json — in read mode and on a blocked plan too. The side panels take their first form. Checked: 2368 node and 378 browser tests. --- FR --- [ADD] interface : vue du plan — zoom, cadrage, ajuster, échelle Le dessin devient un plan que l'opérateur parcourt. Une seule transformation du groupe de dessin tient la vue : l'écran et le dessin partagent la formule de src/geometrie ; la molette zoome autour du pointeur sans faire défiler la page, « + », « − » et « Ajuster » bornent l'échelle, et un redimensionnement garde la vue dans ses limites. Seul un geste voulu enregistre le cadrage, en différé, dans reglages_locaux.json — en lecture et sur un plan bloqué aussi. Les panneaux latéraux prennent leur première forme. Vérifié : 2368 node et 378 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 09:09:45 -04:00
</section>
<style>
[ADD] interface: plan keyboard, tooltip, side panels, person menu, lists Every gesture the pointer offers on the plan is reachable from the keyboard (§ 7.3): one stop enters the plan, arrows move between tables and seats, and the table and place panels choose a seat and keep the focus. A tooltip names who sits where; a per-person menu moves, assigns or reserves without dragging; the reserve and the work lists choose a person to designate on the plan. Escape, a tour change and the executed command forget the choice, and a click never moves the view. Checked: 2537 node, 466 browser (one expected failure kept), 60 node-long. --- FR --- [ADD] interface : clavier du plan, infobulle, panneaux, menu, listes Chaque geste que le pointeur offre sur le plan s'atteint au clavier (§ 7.3) : un seul arrêt entre dans le plan, les flèches vont de table en table et de siège en siège, et les panneaux de table et de place choisissent un siège en gardant le focus. Une infobulle nomme qui est assis où ; un menu par personne déplace, assigne ou réserve sans glisser ; la réserve et les listes de travail choisissent une personne à désigner sur le plan. Échap, un changement de tour et la commande exécutée oublient le choix, et un clic ne déplace jamais la vue. Vérifié : 2537 node, 466 navigateur (un échec attendu gardé), 60 node-long. Assisted-by: Claude Opus 5.5
2026-10-07 11:08:59 -04:00
section {
display: flex;
flex-direction: column;
gap: var(--espace-1);
}
h3,
p {
[ADD] interface: plan view — zoom, framing, fit, scale, side panels The drawing becomes a plan the operator can look around. One transform on the drawing group holds the view, so the screen and the drawing share the formula of src/geometrie; the wheel zooms about the pointer without scrolling the page, « + », « − » and « Ajuster » bound the scale, and a resize keeps the view inside its limits. Only a deliberate gesture saves the framing, deferred, into reglages_locaux.json — in read mode and on a blocked plan too. The side panels take their first form. Checked: 2368 node and 378 browser tests. --- FR --- [ADD] interface : vue du plan — zoom, cadrage, ajuster, échelle Le dessin devient un plan que l'opérateur parcourt. Une seule transformation du groupe de dessin tient la vue : l'écran et le dessin partagent la formule de src/geometrie ; la molette zoome autour du pointeur sans faire défiler la page, « + », « − » et « Ajuster » bornent l'échelle, et un redimensionnement garde la vue dans ses limites. Seul un geste voulu enregistre le cadrage, en différé, dans reglages_locaux.json — en lecture et sur un plan bloqué aussi. Les panneaux latéraux prennent leur première forme. Vérifié : 2368 node et 378 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 09:09:45 -04:00
margin: 0;
[ADD] interface: plan keyboard, tooltip, side panels, person menu, lists Every gesture the pointer offers on the plan is reachable from the keyboard (§ 7.3): one stop enters the plan, arrows move between tables and seats, and the table and place panels choose a seat and keep the focus. A tooltip names who sits where; a per-person menu moves, assigns or reserves without dragging; the reserve and the work lists choose a person to designate on the plan. Escape, a tour change and the executed command forget the choice, and a click never moves the view. Checked: 2537 node, 466 browser (one expected failure kept), 60 node-long. --- FR --- [ADD] interface : clavier du plan, infobulle, panneaux, menu, listes Chaque geste que le pointeur offre sur le plan s'atteint au clavier (§ 7.3) : un seul arrêt entre dans le plan, les flèches vont de table en table et de siège en siège, et les panneaux de table et de place choisissent un siège en gardant le focus. Une infobulle nomme qui est assis où ; un menu par personne déplace, assigne ou réserve sans glisser ; la réserve et les listes de travail choisissent une personne à désigner sur le plan. Échap, un changement de tour et la commande exécutée oublient le choix, et un clic ne déplace jamais la vue. Vérifié : 2537 node, 466 navigateur (un échec attendu gardé), 60 node-long. Assisted-by: Claude Opus 5.5
2026-10-07 11:08:59 -04:00
}
h3 {
[ADD] interface: plan view — zoom, framing, fit, scale, side panels The drawing becomes a plan the operator can look around. One transform on the drawing group holds the view, so the screen and the drawing share the formula of src/geometrie; the wheel zooms about the pointer without scrolling the page, « + », « − » and « Ajuster » bound the scale, and a resize keeps the view inside its limits. Only a deliberate gesture saves the framing, deferred, into reglages_locaux.json — in read mode and on a blocked plan too. The side panels take their first form. Checked: 2368 node and 378 browser tests. --- FR --- [ADD] interface : vue du plan — zoom, cadrage, ajuster, échelle Le dessin devient un plan que l'opérateur parcourt. Une seule transformation du groupe de dessin tient la vue : l'écran et le dessin partagent la formule de src/geometrie ; la molette zoome autour du pointeur sans faire défiler la page, « + », « − » et « Ajuster » bornent l'échelle, et un redimensionnement garde la vue dans ses limites. Seul un geste voulu enregistre le cadrage, en différé, dans reglages_locaux.json — en lecture et sur un plan bloqué aussi. Les panneaux latéraux prennent leur première forme. Vérifié : 2368 node et 378 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 09:09:45 -04:00
font-size: var(--taille-texte);
}
[ADD] interface: plan keyboard, tooltip, side panels, person menu, lists Every gesture the pointer offers on the plan is reachable from the keyboard (§ 7.3): one stop enters the plan, arrows move between tables and seats, and the table and place panels choose a seat and keep the focus. A tooltip names who sits where; a per-person menu moves, assigns or reserves without dragging; the reserve and the work lists choose a person to designate on the plan. Escape, a tour change and the executed command forget the choice, and a click never moves the view. Checked: 2537 node, 466 browser (one expected failure kept), 60 node-long. --- FR --- [ADD] interface : clavier du plan, infobulle, panneaux, menu, listes Chaque geste que le pointeur offre sur le plan s'atteint au clavier (§ 7.3) : un seul arrêt entre dans le plan, les flèches vont de table en table et de siège en siège, et les panneaux de table et de place choisissent un siège en gardant le focus. Une infobulle nomme qui est assis où ; un menu par personne déplace, assigne ou réserve sans glisser ; la réserve et les listes de travail choisissent une personne à désigner sur le plan. Échap, un changement de tour et la commande exécutée oublient le choix, et un clic ne déplace jamais la vue. Vérifié : 2537 node, 466 navigateur (un échec attendu gardé), 60 node-long. Assisted-by: Claude Opus 5.5
2026-10-07 11:08:59 -04:00
ul {
display: flex;
flex-wrap: wrap;
gap: var(--espace-1);
margin: 0;
padding: 0;
list-style: none;
}
/* La personne choisie se dit par aria-pressed et par sa forme : un trait
épais et du gras. */
button[aria-pressed='true'] {
border-width: 3px;
font-weight: 700;
}
[ADD] interface: plan view — zoom, framing, fit, scale, side panels The drawing becomes a plan the operator can look around. One transform on the drawing group holds the view, so the screen and the drawing share the formula of src/geometrie; the wheel zooms about the pointer without scrolling the page, « + », « − » and « Ajuster » bound the scale, and a resize keeps the view inside its limits. Only a deliberate gesture saves the framing, deferred, into reglages_locaux.json — in read mode and on a blocked plan too. The side panels take their first form. Checked: 2368 node and 378 browser tests. --- FR --- [ADD] interface : vue du plan — zoom, cadrage, ajuster, échelle Le dessin devient un plan que l'opérateur parcourt. Une seule transformation du groupe de dessin tient la vue : l'écran et le dessin partagent la formule de src/geometrie ; la molette zoome autour du pointeur sans faire défiler la page, « + », « − » et « Ajuster » bornent l'échelle, et un redimensionnement garde la vue dans ses limites. Seul un geste voulu enregistre le cadrage, en différé, dans reglages_locaux.json — en lecture et sur un plan bloqué aussi. Les panneaux latéraux prennent leur première forme. Vérifié : 2368 node et 378 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 09:09:45 -04:00
</style>
Reference in a new issue Copy permalink