mathieuandClaude Opus 5
1b47828c11
Cinq retours d'usage du 2026-08-21 qui ne touchent que l'interface (lots Q, R, S, T et V d'IDEES.md). Aucune migration, aucune entité modifiée. Q — L'ordre des champs du formulaire livre est une décision, pas une mise en page : type de document, thèmes, auteurs, rôles, puis le reste. Le type commande la suite de la saisie — les rôles ne se posent que là — et il fallait descendre tout le formulaire pour dire « c'est une BD », c'est-à-dire après avoir saisi ce qui en dépend. Rien n'est présélectionné : « non précisé » ne prétend toujours rien, et les rôles gardent leur règle actée (deux auteurs au moins, BD ou non). Des tests verrouillent la préservation des rôles à chaque frappe, que ce réordonnancement ne doit pas entamer. R — Bandeau et menu passent dans un même conteneur collant : sur PC la rangée des six destinations défilait avec la page et devenait inatteignable au bas d'une longue liste. Un seul conteneur, et non deux éléments collants superposés, qui auraient obligé à écrire en dur la hauteur d'un bandeau qui varie avec la pastille hors-ligne et le nom d'utilisateur. Sur téléphone le menu déployé occupe l'écran entier : sous le bandeau, il partageait l'écran avec la liste qu'on quittait. Trois portes de sortie s'ajoutent à la fermeture déjà en place sur LocationChanged — croix, Échap (le calque prend le focus à l'ouverture, comme celui d'agrandissement des couvertures) et clic hors des liens. Le plein écran est explicitement annulé au-delà de 40 rem, sans quoi un menu ouvert au doigt puis une fenêtre agrandie laisseraient un calque sans bascule pour le refermer. Toutes les règles du menu restent en feuille globale. S — ⚠️ Le retour du bandeau devient une remontée hiérarchique d'un cran de route, ce qui RENVERSE la décision actée le 2026-08-20 (« le retour passe par l'historique du navigateur, jamais par une destination calculée »). Le motif d'alors reste vrai — un même écran s'atteint par plusieurs chemins — mais l'historique remonte aussi les allers-retours (filtre, ordre, édition) et l'on cliquait cinq fois sans quitter le même écran. La parenté est une table explicite et testable, pas un découpage naïf d'URL : toutes les routes n'ont pas la forme d'une arborescence, /auteurs/{id}/bibliographie remontant à la liste des auteurs, dont il n'existe pas de fiche. Le garde-fou « ne jamais sortir de l'application » y vit désormais aussi : la fonction rend toujours un chemin interne, là où history.length ne disait pas ce qu'on croyait dans une PWA standalone. js/navigation.js n'a plus d'utilisateur et disparaît. T — Sur la fiche d'une série, « Modifier » et « Changer l'ordre » rejoignent la ligne du titre et de l'avancement, groupés à droite comme la bibliographie et la liste des auteurs le font déjà. Reléguées au bas de l'écran, les actions d'une saga de vingt tomes ne se découvraient qu'après avoir déroulé la liste. « Changer l'ordre » n'apparaît toujours qu'à partir de deux tomes ou deux sous-séries. V — Dans la liste des revues, toute la ligne ouvre la fiche, comme la carte entière le fait au catalogue. Le titre reste un vrai lien — adresse, clavier, clic-milieu — et son clic ne remonte pas jusqu'à la ligne, qui naviguerait une seconde fois ; toute action posée un jour sur cette ligne devra faire de même. ⚠️ Aucune vérification en navigateur : le rendu de ces écrans repose sur la compilation et la relecture. 552 tests au vert (506 avant ce lot). Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
45 lines
1.9 KiB
HTML
45 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>MaBibli</title>
|
|
<base href="/" />
|
|
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="css/app.css" />
|
|
<link rel="icon" type="image/png" href="favicon.png" />
|
|
<link href="MaBibli.Client.styles.css" rel="stylesheet" />
|
|
<!-- crossorigin="use-credentials" n'est PAS décoratif : sans lui, le navigateur demande le
|
|
manifeste SANS cookie, SSOwat ne reconnaît pas la session et redirige vers le portail
|
|
YunoHost — la réponse ne porte alors aucun Access-Control-Allow-Origin, et le manifeste
|
|
est purement et simplement bloqué. Voir CLAUDE.md, « Le manifeste PWA se demandait
|
|
sans cookie ». -->
|
|
<link href="manifest.webmanifest" rel="manifest" crossorigin="use-credentials" />
|
|
<link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
|
|
<link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<svg class="loading-progress">
|
|
<circle r="40%" cx="50%" cy="50%" />
|
|
<circle r="40%" cx="50%" cy="50%" />
|
|
</svg>
|
|
<div class="loading-progress-text"></div>
|
|
</div>
|
|
|
|
<div id="blazor-error-ui">
|
|
An unhandled error has occurred.
|
|
<a href="." class="reload">Reload</a>
|
|
<span class="dismiss">🗙</span>
|
|
</div>
|
|
<script src="_framework/blazor.webassembly.js"></script>
|
|
<!-- Enregistrement du service worker déporté : il vérifie le support avant d'appeler
|
|
navigator.serviceWorker (absent hors contexte sécurisé), journalise un échec au lieu de
|
|
l'avaler, et propose la mise à jour quand une nouvelle version est prête. -->
|
|
<script src="js/mise-a-jour.js"></script>
|
|
</body>
|
|
|
|
</html>
|