Mathieu Benoit
5fbbab6477
The window showed only a banner; it now holds the application. App mounts the session, the facade and the generation, settles the working folder and lists its events before it reports ready, re-reading the list once a question is answered or a refused determination succeeds. The banner carries version, mode and the event list command; an open event shows its sections in their first form; the theme follows the system at each start and the operator's choice lasts the session; À propos names the build. Errors are collected for a report, and Electron removes the session's locks at exit. Checked: 2189 node, 193 browser, 60 node-long; the Electron start check. --- FR --- [ADD] interface : coquille — bandeau, sections, thème, À propos La fenêtre ne montrait qu'un bandeau ; elle tient désormais l'application. App monte la séance, la façade et la génération, règle le dossier de travail et liste ses événements avant de se dire prête, et relit la liste une fois une question répondue ou une détermination refusée réussie. Le bandeau porte version, mode et la commande de la liste ; un événement ouvert montre ses sections dans leur première forme ; le thème suit le système à chaque démarrage et le choix de l'opérateur vaut pour la séance ; À propos nomme la construction. Les erreurs se collectent pour un signalement, et Electron efface à la sortie les verrous de la séance. Vérifié : 2189 node, 193 navigateur, 60 node-long ; démarrage d'Electron. Assisted-by: Claude Opus 5.5
76 lines
2.1 KiB
Svelte
76 lines
2.1 KiB
Svelte
<!-- © 2026 TechnoLibre (http://www.technolibre.ca)
|
|
License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl) -->
|
|
|
|
<script>
|
|
// Le panneau « À propos » (§ 18.6) : le bloc d'une ligne que l'opérateur
|
|
// copie dans un courriel, tel que blocAPropos l'a composé, et sa copie dans
|
|
// le presse-papiers de la plateforme. « Copier » remet exactement le texte
|
|
// affiché ; l'issue de la copie se lit sous les commandes.
|
|
import { getContext } from 'svelte';
|
|
|
|
const t = getContext('t');
|
|
|
|
let { bloc, pressePapiers, fermer } = $props();
|
|
|
|
// null avant toute copie, puis 'faite' ou 'refusee'.
|
|
let issue = $state(null);
|
|
|
|
async function copier() {
|
|
try {
|
|
await pressePapiers.copier(bloc);
|
|
issue = 'faite';
|
|
} catch {
|
|
issue = 'refusee';
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<section class="apropos" data-ecran="apropos">
|
|
<h1>{t('coquille.apropos.titre')}</h1>
|
|
<p class="bloc" data-bloc>{bloc}</p>
|
|
<div class="commandes">
|
|
<button type="button" data-commande="copier" onclick={copier}>{t('coquille.apropos.copier')}</button>
|
|
<button type="button" data-commande="fermerApropos" onclick={fermer}>{t('coquille.apropos.fermer')}</button>
|
|
</div>
|
|
{#if issue === 'faite'}
|
|
<p role="status">{t('coquille.apropos.copie')}</p>
|
|
{:else if issue === 'refusee'}
|
|
<p role="status" class="refus" data-refus="copier">{t('coquille.apropos.copieRefusee')}</p>
|
|
{/if}
|
|
</section>
|
|
|
|
<style>
|
|
.bloc {
|
|
padding: var(--espace-2) var(--espace-3);
|
|
border: 1px solid var(--couleur-page-filet);
|
|
border-radius: var(--rayon-1);
|
|
font-family: monospace;
|
|
user-select: all;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.commandes {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--espace-2);
|
|
}
|
|
|
|
button {
|
|
padding: var(--espace-1) var(--espace-3);
|
|
border: 1px solid var(--couleur-page-filet);
|
|
border-radius: var(--rayon-1);
|
|
background-color: var(--couleur-page-fond);
|
|
color: var(--couleur-page-texte);
|
|
font: inherit;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:focus-visible {
|
|
outline: 2px solid var(--couleur-focus);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.refus {
|
|
color: var(--couleur-refus);
|
|
}
|
|
</style>
|