Mathieu Benoit
134e7850b7
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
60 lines
1.6 KiB
Svelte
60 lines
1.6 KiB
Svelte
<!-- © 2026 TechnoLibre (http://www.technolibre.ca)
|
|
License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl) -->
|
|
|
|
<script>
|
|
// Le bandeau du plan (§ 7.5), au-dessus du <svg data-plan> et dans le
|
|
// cadre de mode : vide tant qu'une table au moins est saine ; quand toutes
|
|
// sont en conflit, la phrase, puis ce que le diagnostic prouve — chaque
|
|
// entrée {cle, details} du modèle (modele.js), traduite. L'appartenance
|
|
// d'un plancher de groupe est une donnée : elle occupe son propre nœud,
|
|
// avant le texte. Le bandeau d'application garde la version, la
|
|
// provenance et le mode.
|
|
import { getContext } from 'svelte';
|
|
|
|
let { bandeau } = $props();
|
|
|
|
const t = getContext('t');
|
|
</script>
|
|
|
|
{#if bandeau.length > 0}
|
|
<div class="bandeau-plan" data-bandeau-plan role="status">
|
|
<ul>
|
|
{#each bandeau as entree, rang (rang)}
|
|
<li>
|
|
{#if entree.details.groupe !== undefined}<span class="donnee">{entree.details.groupe}</span>{/if}<span
|
|
>{t(entree.cle, entree.details)}</span
|
|
>
|
|
</li>
|
|
{/each}
|
|
</ul>
|
|
</div>
|
|
{/if}
|
|
|
|
<style>
|
|
.bandeau-plan {
|
|
padding: var(--espace-2) var(--espace-3);
|
|
border-left: 4px solid var(--couleur-avis);
|
|
background: var(--couleur-page-fond);
|
|
color: var(--couleur-page-texte);
|
|
font-size: var(--taille-texte);
|
|
}
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--espace-1);
|
|
}
|
|
|
|
li {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--espace-2);
|
|
}
|
|
|
|
.donnee {
|
|
font-weight: 700;
|
|
}
|
|
</style>
|