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

62 lines
1.8 KiB
Svelte
Raw Normal View History

[ADD] interface: event list, open event, participants, import, plan The working screens of an evening. The home screen lists the events of the working folder, asks its question, loads demos, copies, renames, imports and deletes, and shows what the trash holds. An open event frames its mode, offers Modifier, Débloquer and a confirmed lock takeover, and shows its warnings. Participants get a grid, a form and a file; an import goes through a preview and a report; tables, the default and tours have their screens; the plan draws tables, chairs, empty seats and names. Checked: 2342 node, 356 browser, 60 node-long; the Electron start check. --- FR --- [ADD] interface : liste, événement, participants, import, tables, plan Les écrans de travail d'une soirée. L'accueil liste les événements du dossier de travail, pose sa question, charge les démonstrations, copie, renomme, importe et supprime, et montre ce que tient la corbeille. Un événement ouvert encadre son mode, offre Modifier, Débloquer et une reprise de verrou confirmée, et montre ses avertissements. Les participants ont une grille, un formulaire et une fiche ; un import passe par un aperçu et un rapport ; tables, défaut et tours ont leurs écrans ; le plan dessine tables, chaises, sièges vides et noms. Vérifié : 2342 node, 356 navigateur, 60 node-long ; démarrage d'Electron. Assisted-by: Claude Opus 5.5
2026-10-07 08:12:27 -04:00
<!-- © 2026 TechnoLibre (http://www.technolibre.ca)
License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl) -->
<script>
[IMP] event screen: header card, state steps, mode band, phase tabs The event screen showed its states and sections as flat button rows. A header card now carries the name, the counts and the fixed « Modifier » place; the four plan states read as steps; sections group into Préparer, Placer and Produire. A band under the app header states the mode edge to edge and names the command that leaves it; the mode frame stays around the work surface. A warning's action is no longer clipped. Checked: evenement node and browser tests, 7 mutations caught. --- FR --- [IMP] écran d'événement : carte d'en-tête, étapes, bande de mode, phases L'écran montrait ses états et ses sections en rangées de boutons plates. Une carte d'en-tête porte le nom, les comptes et la place fixe de « Modifier » ; les quatre états du plan se lisent en étapes ; les sections se groupent en Préparer, Placer et Produire. Une bande sous le bandeau dit le mode de bord à bord et nomme la commande qui en sort ; le cadre de mode reste autour de la surface. L'action d'un avertissement n'est plus rognée. Vérifié : node et navigateur, 7 mutations prises. Assisted-by: Claude Opus 5.5
2026-10-11 00:58:07 -04:00
// L'en-tête de l'événement ouvert, en tête de la tête du cadre : son nom,
// puis, sur la même ligne tant qu'elle a la place, son résumé — la date
// quand il en a une, les participants, les tables et leurs sièges, les
// tours (resumeEvenement, modele.js) —, d'encre secondaire. Le nom se
// coupe où il le faut, même sans espace : un nom long de glyphes larges
// passe à la ligne au lieu d'élargir la page. Le résumé passe à la ligne
// entre ses éléments, jamais dans l'un d'eux.
[ADD] interface: event list, open event, participants, import, plan The working screens of an evening. The home screen lists the events of the working folder, asks its question, loads demos, copies, renames, imports and deletes, and shows what the trash holds. An open event frames its mode, offers Modifier, Débloquer and a confirmed lock takeover, and shows its warnings. Participants get a grid, a form and a file; an import goes through a preview and a report; tables, the default and tours have their screens; the plan draws tables, chairs, empty seats and names. Checked: 2342 node, 356 browser, 60 node-long; the Electron start check. --- FR --- [ADD] interface : liste, événement, participants, import, tables, plan Les écrans de travail d'une soirée. L'accueil liste les événements du dossier de travail, pose sa question, charge les démonstrations, copie, renomme, importe et supprime, et montre ce que tient la corbeille. Un événement ouvert encadre son mode, offre Modifier, Débloquer et une reprise de verrou confirmée, et montre ses avertissements. Les participants ont une grille, un formulaire et une fiche ; un import passe par un aperçu et un rapport ; tables, défaut et tours ont leurs écrans ; le plan dessine tables, chaises, sièges vides et noms. Vérifié : 2342 node, 356 navigateur, 60 node-long ; démarrage d'Electron. Assisted-by: Claude Opus 5.5
2026-10-07 08:12:27 -04:00
import { getContext } from 'svelte';
[IMP] event screen: header card, state steps, mode band, phase tabs The event screen showed its states and sections as flat button rows. A header card now carries the name, the counts and the fixed « Modifier » place; the four plan states read as steps; sections group into Préparer, Placer and Produire. A band under the app header states the mode edge to edge and names the command that leaves it; the mode frame stays around the work surface. A warning's action is no longer clipped. Checked: evenement node and browser tests, 7 mutations caught. --- FR --- [IMP] écran d'événement : carte d'en-tête, étapes, bande de mode, phases L'écran montrait ses états et ses sections en rangées de boutons plates. Une carte d'en-tête porte le nom, les comptes et la place fixe de « Modifier » ; les quatre états du plan se lisent en étapes ; les sections se groupent en Préparer, Placer et Produire. Une bande sous le bandeau dit le mode de bord à bord et nomme la commande qui en sort ; le cadre de mode reste autour de la surface. L'action d'un avertissement n'est plus rognée. Vérifié : node et navigateur, 7 mutations prises. Assisted-by: Claude Opus 5.5
2026-10-11 00:58:07 -04:00
import { resumeEvenement } from './modele.js';
[ADD] interface: event list, open event, participants, import, plan The working screens of an evening. The home screen lists the events of the working folder, asks its question, loads demos, copies, renames, imports and deletes, and shows what the trash holds. An open event frames its mode, offers Modifier, Débloquer and a confirmed lock takeover, and shows its warnings. Participants get a grid, a form and a file; an import goes through a preview and a report; tables, the default and tours have their screens; the plan draws tables, chairs, empty seats and names. Checked: 2342 node, 356 browser, 60 node-long; the Electron start check. --- FR --- [ADD] interface : liste, événement, participants, import, tables, plan Les écrans de travail d'une soirée. L'accueil liste les événements du dossier de travail, pose sa question, charge les démonstrations, copie, renomme, importe et supprime, et montre ce que tient la corbeille. Un événement ouvert encadre son mode, offre Modifier, Débloquer et une reprise de verrou confirmée, et montre ses avertissements. Les participants ont une grille, un formulaire et une fiche ; un import passe par un aperçu et un rapport ; tables, défaut et tours ont leurs écrans ; le plan dessine tables, chaises, sièges vides et noms. Vérifié : 2342 node, 356 navigateur, 60 node-long ; démarrage d'Electron. Assisted-by: Claude Opus 5.5
2026-10-07 08:12:27 -04:00
const t = getContext('t');
[IMP] event screen: header card, state steps, mode band, phase tabs The event screen showed its states and sections as flat button rows. A header card now carries the name, the counts and the fixed « Modifier » place; the four plan states read as steps; sections group into Préparer, Placer and Produire. A band under the app header states the mode edge to edge and names the command that leaves it; the mode frame stays around the work surface. A warning's action is no longer clipped. Checked: evenement node and browser tests, 7 mutations caught. --- FR --- [IMP] écran d'événement : carte d'en-tête, étapes, bande de mode, phases L'écran montrait ses états et ses sections en rangées de boutons plates. Une carte d'en-tête porte le nom, les comptes et la place fixe de « Modifier » ; les quatre états du plan se lisent en étapes ; les sections se groupent en Préparer, Placer et Produire. Une bande sous le bandeau dit le mode de bord à bord et nomme la commande qui en sort ; le cadre de mode reste autour de la surface. L'action d'un avertissement n'est plus rognée. Vérifié : node et navigateur, 7 mutations prises. Assisted-by: Claude Opus 5.5
2026-10-11 00:58:07 -04:00
const format = getContext('format');
[ADD] interface: event list, open event, participants, import, plan The working screens of an evening. The home screen lists the events of the working folder, asks its question, loads demos, copies, renames, imports and deletes, and shows what the trash holds. An open event frames its mode, offers Modifier, Débloquer and a confirmed lock takeover, and shows its warnings. Participants get a grid, a form and a file; an import goes through a preview and a report; tables, the default and tours have their screens; the plan draws tables, chairs, empty seats and names. Checked: 2342 node, 356 browser, 60 node-long; the Electron start check. --- FR --- [ADD] interface : liste, événement, participants, import, tables, plan Les écrans de travail d'une soirée. L'accueil liste les événements du dossier de travail, pose sa question, charge les démonstrations, copie, renomme, importe et supprime, et montre ce que tient la corbeille. Un événement ouvert encadre son mode, offre Modifier, Débloquer et une reprise de verrou confirmée, et montre ses avertissements. Les participants ont une grille, un formulaire et une fiche ; un import passe par un aperçu et un rapport ; tables, défaut et tours ont leurs écrans ; le plan dessine tables, chaises, sièges vides et noms. Vérifié : 2342 node, 356 navigateur, 60 node-long ; démarrage d'Electron. Assisted-by: Claude Opus 5.5
2026-10-07 08:12:27 -04:00
const seance = getContext('seance');
[IMP] event screen: header card, state steps, mode band, phase tabs The event screen showed its states and sections as flat button rows. A header card now carries the name, the counts and the fixed « Modifier » place; the four plan states read as steps; sections group into Préparer, Placer and Produire. A band under the app header states the mode edge to edge and names the command that leaves it; the mode frame stays around the work surface. A warning's action is no longer clipped. Checked: evenement node and browser tests, 7 mutations caught. --- FR --- [IMP] écran d'événement : carte d'en-tête, étapes, bande de mode, phases L'écran montrait ses états et ses sections en rangées de boutons plates. Une carte d'en-tête porte le nom, les comptes et la place fixe de « Modifier » ; les quatre états du plan se lisent en étapes ; les sections se groupent en Préparer, Placer et Produire. Une bande sous le bandeau dit le mode de bord à bord et nomme la commande qui en sort ; le cadre de mode reste autour de la surface. L'action d'un avertissement n'est plus rognée. Vérifié : node et navigateur, 7 mutations prises. Assisted-by: Claude Opus 5.5
2026-10-11 00:58:07 -04:00
const resume = $derived(resumeEvenement($seance));
[ADD] interface: event list, open event, participants, import, plan The working screens of an evening. The home screen lists the events of the working folder, asks its question, loads demos, copies, renames, imports and deletes, and shows what the trash holds. An open event frames its mode, offers Modifier, Débloquer and a confirmed lock takeover, and shows its warnings. Participants get a grid, a form and a file; an import goes through a preview and a report; tables, the default and tours have their screens; the plan draws tables, chairs, empty seats and names. Checked: 2342 node, 356 browser, 60 node-long; the Electron start check. --- FR --- [ADD] interface : liste, événement, participants, import, tables, plan Les écrans de travail d'une soirée. L'accueil liste les événements du dossier de travail, pose sa question, charge les démonstrations, copie, renomme, importe et supprime, et montre ce que tient la corbeille. Un événement ouvert encadre son mode, offre Modifier, Débloquer et une reprise de verrou confirmée, et montre ses avertissements. Les participants ont une grille, un formulaire et une fiche ; un import passe par un aperçu et un rapport ; tables, défaut et tours ont leurs écrans ; le plan dessine tables, chaises, sièges vides et noms. Vérifié : 2342 node, 356 navigateur, 60 node-long ; démarrage d'Electron. Assisted-by: Claude Opus 5.5
2026-10-07 08:12:27 -04:00
</script>
<header class="entete">
<h1>{$seance.evenement?.nom}</h1>
[IMP] event screen: header card, state steps, mode band, phase tabs The event screen showed its states and sections as flat button rows. A header card now carries the name, the counts and the fixed « Modifier » place; the four plan states read as steps; sections group into Préparer, Placer and Produire. A band under the app header states the mode edge to edge and names the command that leaves it; the mode frame stays around the work surface. A warning's action is no longer clipped. Checked: evenement node and browser tests, 7 mutations caught. --- FR --- [IMP] écran d'événement : carte d'en-tête, étapes, bande de mode, phases L'écran montrait ses états et ses sections en rangées de boutons plates. Une carte d'en-tête porte le nom, les comptes et la place fixe de « Modifier » ; les quatre états du plan se lisent en étapes ; les sections se groupent en Préparer, Placer et Produire. Une bande sous le bandeau dit le mode de bord à bord et nomme la commande qui en sort ; le cadre de mode reste autour de la surface. L'action d'un avertissement n'est plus rognée. Vérifié : node et navigateur, 7 mutations prises. Assisted-by: Claude Opus 5.5
2026-10-11 00:58:07 -04:00
{#if resume !== null}
<p class="resume">
{#if resume.date !== null}
<span>{format.date(resume.date)}</span>
{/if}
<span>{t('evenement.resume.participants', { participants: resume.participants })}</span>
<span>{t('evenement.resume.tables', { tables: resume.tables, sieges: resume.sieges })}</span>
<span>{t('evenement.resume.tours', { tours: resume.tours })}</span>
</p>
{/if}
[ADD] interface: event list, open event, participants, import, plan The working screens of an evening. The home screen lists the events of the working folder, asks its question, loads demos, copies, renames, imports and deletes, and shows what the trash holds. An open event frames its mode, offers Modifier, Débloquer and a confirmed lock takeover, and shows its warnings. Participants get a grid, a form and a file; an import goes through a preview and a report; tables, the default and tours have their screens; the plan draws tables, chairs, empty seats and names. Checked: 2342 node, 356 browser, 60 node-long; the Electron start check. --- FR --- [ADD] interface : liste, événement, participants, import, tables, plan Les écrans de travail d'une soirée. L'accueil liste les événements du dossier de travail, pose sa question, charge les démonstrations, copie, renomme, importe et supprime, et montre ce que tient la corbeille. Un événement ouvert encadre son mode, offre Modifier, Débloquer et une reprise de verrou confirmée, et montre ses avertissements. Les participants ont une grille, un formulaire et une fiche ; un import passe par un aperçu et un rapport ; tables, défaut et tours ont leurs écrans ; le plan dessine tables, chaises, sièges vides et noms. Vérifié : 2342 node, 356 navigateur, 60 node-long ; démarrage d'Electron. Assisted-by: Claude Opus 5.5
2026-10-07 08:12:27 -04:00
</header>
<style>
.entete {
min-width: 0;
display: flex;
flex-wrap: wrap;
[IMP] event screen: header card, state steps, mode band, phase tabs The event screen showed its states and sections as flat button rows. A header card now carries the name, the counts and the fixed « Modifier » place; the four plan states read as steps; sections group into Préparer, Placer and Produire. A band under the app header states the mode edge to edge and names the command that leaves it; the mode frame stays around the work surface. A warning's action is no longer clipped. Checked: evenement node and browser tests, 7 mutations caught. --- FR --- [IMP] écran d'événement : carte d'en-tête, étapes, bande de mode, phases L'écran montrait ses états et ses sections en rangées de boutons plates. Une carte d'en-tête porte le nom, les comptes et la place fixe de « Modifier » ; les quatre états du plan se lisent en étapes ; les sections se groupent en Préparer, Placer et Produire. Une bande sous le bandeau dit le mode de bord à bord et nomme la commande qui en sort ; le cadre de mode reste autour de la surface. L'action d'un avertissement n'est plus rognée. Vérifié : node et navigateur, 7 mutations prises. Assisted-by: Claude Opus 5.5
2026-10-11 00:58:07 -04:00
align-items: baseline;
gap: 0 var(--espace-4);
[ADD] interface: event list, open event, participants, import, plan The working screens of an evening. The home screen lists the events of the working folder, asks its question, loads demos, copies, renames, imports and deletes, and shows what the trash holds. An open event frames its mode, offers Modifier, Débloquer and a confirmed lock takeover, and shows its warnings. Participants get a grid, a form and a file; an import goes through a preview and a report; tables, the default and tours have their screens; the plan draws tables, chairs, empty seats and names. Checked: 2342 node, 356 browser, 60 node-long; the Electron start check. --- FR --- [ADD] interface : liste, événement, participants, import, tables, plan Les écrans de travail d'une soirée. L'accueil liste les événements du dossier de travail, pose sa question, charge les démonstrations, copie, renomme, importe et supprime, et montre ce que tient la corbeille. Un événement ouvert encadre son mode, offre Modifier, Débloquer et une reprise de verrou confirmée, et montre ses avertissements. Les participants ont une grille, un formulaire et une fiche ; un import passe par un aperçu et un rapport ; tables, défaut et tours ont leurs écrans ; le plan dessine tables, chaises, sièges vides et noms. Vérifié : 2342 node, 356 navigateur, 60 node-long ; démarrage d'Electron. Assisted-by: Claude Opus 5.5
2026-10-07 08:12:27 -04:00
}
h1 {
min-width: 0;
margin: 0;
[IMP] event screen: header card, state steps, mode band, phase tabs The event screen showed its states and sections as flat button rows. A header card now carries the name, the counts and the fixed « Modifier » place; the four plan states read as steps; sections group into Préparer, Placer and Produire. A band under the app header states the mode edge to edge and names the command that leaves it; the mode frame stays around the work surface. A warning's action is no longer clipped. Checked: evenement node and browser tests, 7 mutations caught. --- FR --- [IMP] écran d'événement : carte d'en-tête, étapes, bande de mode, phases L'écran montrait ses états et ses sections en rangées de boutons plates. Une carte d'en-tête porte le nom, les comptes et la place fixe de « Modifier » ; les quatre états du plan se lisent en étapes ; les sections se groupent en Préparer, Placer et Produire. Une bande sous le bandeau dit le mode de bord à bord et nomme la commande qui en sort ; le cadre de mode reste autour de la surface. L'action d'un avertissement n'est plus rognée. Vérifié : node et navigateur, 7 mutations prises. Assisted-by: Claude Opus 5.5
2026-10-11 00:58:07 -04:00
font-size: var(--taille-titre-grand);
line-height: 1.15;
[ADD] interface: event list, open event, participants, import, plan The working screens of an evening. The home screen lists the events of the working folder, asks its question, loads demos, copies, renames, imports and deletes, and shows what the trash holds. An open event frames its mode, offers Modifier, Débloquer and a confirmed lock takeover, and shows its warnings. Participants get a grid, a form and a file; an import goes through a preview and a report; tables, the default and tours have their screens; the plan draws tables, chairs, empty seats and names. Checked: 2342 node, 356 browser, 60 node-long; the Electron start check. --- FR --- [ADD] interface : liste, événement, participants, import, tables, plan Les écrans de travail d'une soirée. L'accueil liste les événements du dossier de travail, pose sa question, charge les démonstrations, copie, renomme, importe et supprime, et montre ce que tient la corbeille. Un événement ouvert encadre son mode, offre Modifier, Débloquer et une reprise de verrou confirmée, et montre ses avertissements. Les participants ont une grille, un formulaire et une fiche ; un import passe par un aperçu et un rapport ; tables, défaut et tours ont leurs écrans ; le plan dessine tables, chaises, sièges vides et noms. Vérifié : 2342 node, 356 navigateur, 60 node-long ; démarrage d'Electron. Assisted-by: Claude Opus 5.5
2026-10-07 08:12:27 -04:00
overflow-wrap: anywhere;
}
[IMP] event screen: header card, state steps, mode band, phase tabs The event screen showed its states and sections as flat button rows. A header card now carries the name, the counts and the fixed « Modifier » place; the four plan states read as steps; sections group into Préparer, Placer and Produire. A band under the app header states the mode edge to edge and names the command that leaves it; the mode frame stays around the work surface. A warning's action is no longer clipped. Checked: evenement node and browser tests, 7 mutations caught. --- FR --- [IMP] écran d'événement : carte d'en-tête, étapes, bande de mode, phases L'écran montrait ses états et ses sections en rangées de boutons plates. Une carte d'en-tête porte le nom, les comptes et la place fixe de « Modifier » ; les quatre états du plan se lisent en étapes ; les sections se groupent en Préparer, Placer et Produire. Une bande sous le bandeau dit le mode de bord à bord et nomme la commande qui en sort ; le cadre de mode reste autour de la surface. L'action d'un avertissement n'est plus rognée. Vérifié : node et navigateur, 7 mutations prises. Assisted-by: Claude Opus 5.5
2026-10-11 00:58:07 -04:00
.resume {
[ADD] interface: event list, open event, participants, import, plan The working screens of an evening. The home screen lists the events of the working folder, asks its question, loads demos, copies, renames, imports and deletes, and shows what the trash holds. An open event frames its mode, offers Modifier, Débloquer and a confirmed lock takeover, and shows its warnings. Participants get a grid, a form and a file; an import goes through a preview and a report; tables, the default and tours have their screens; the plan draws tables, chairs, empty seats and names. Checked: 2342 node, 356 browser, 60 node-long; the Electron start check. --- FR --- [ADD] interface : liste, événement, participants, import, tables, plan Les écrans de travail d'une soirée. L'accueil liste les événements du dossier de travail, pose sa question, charge les démonstrations, copie, renomme, importe et supprime, et montre ce que tient la corbeille. Un événement ouvert encadre son mode, offre Modifier, Débloquer et une reprise de verrou confirmée, et montre ses avertissements. Les participants ont une grille, un formulaire et une fiche ; un import passe par un aperçu et un rapport ; tables, défaut et tours ont leurs écrans ; le plan dessine tables, chaises, sièges vides et noms. Vérifié : 2342 node, 356 navigateur, 60 node-long ; démarrage d'Electron. Assisted-by: Claude Opus 5.5
2026-10-07 08:12:27 -04:00
display: flex;
flex-wrap: wrap;
[IMP] event screen: header card, state steps, mode band, phase tabs The event screen showed its states and sections as flat button rows. A header card now carries the name, the counts and the fixed « Modifier » place; the four plan states read as steps; sections group into Préparer, Placer and Produire. A band under the app header states the mode edge to edge and names the command that leaves it; the mode frame stays around the work surface. A warning's action is no longer clipped. Checked: evenement node and browser tests, 7 mutations caught. --- FR --- [IMP] écran d'événement : carte d'en-tête, étapes, bande de mode, phases L'écran montrait ses états et ses sections en rangées de boutons plates. Une carte d'en-tête porte le nom, les comptes et la place fixe de « Modifier » ; les quatre états du plan se lisent en étapes ; les sections se groupent en Préparer, Placer et Produire. Une bande sous le bandeau dit le mode de bord à bord et nomme la commande qui en sort ; le cadre de mode reste autour de la surface. L'action d'un avertissement n'est plus rognée. Vérifié : node et navigateur, 7 mutations prises. Assisted-by: Claude Opus 5.5
2026-10-11 00:58:07 -04:00
gap: 0 var(--espace-4);
margin: 0;
color: var(--couleur-page-texte-secondaire);
font-size: var(--taille-texte-petit);
[ADD] interface: event list, open event, participants, import, plan The working screens of an evening. The home screen lists the events of the working folder, asks its question, loads demos, copies, renames, imports and deletes, and shows what the trash holds. An open event frames its mode, offers Modifier, Débloquer and a confirmed lock takeover, and shows its warnings. Participants get a grid, a form and a file; an import goes through a preview and a report; tables, the default and tours have their screens; the plan draws tables, chairs, empty seats and names. Checked: 2342 node, 356 browser, 60 node-long; the Electron start check. --- FR --- [ADD] interface : liste, événement, participants, import, tables, plan Les écrans de travail d'une soirée. L'accueil liste les événements du dossier de travail, pose sa question, charge les démonstrations, copie, renomme, importe et supprime, et montre ce que tient la corbeille. Un événement ouvert encadre son mode, offre Modifier, Débloquer et une reprise de verrou confirmée, et montre ses avertissements. Les participants ont une grille, un formulaire et une fiche ; un import passe par un aperçu et un rapport ; tables, défaut et tours ont leurs écrans ; le plan dessine tables, chaises, sièges vides et noms. Vérifié : 2342 node, 356 navigateur, 60 node-long ; démarrage d'Electron. Assisted-by: Claude Opus 5.5
2026-10-07 08:12:27 -04:00
}
</style>
Reference in a new issue Copy permalink