Files
Forge-Engine/document_engine/themes/themes.md
T
williamandClaude Sonnet 5 746feb3796 Ajoute l'alignement vertical du contenu d'une page, réglable depuis l'onglet "Pages"
Nouvelle colonne _document_pages.vertical_align (top/center/bottom,
"top" par défaut, migration incluse pour les supports existants).
Quand l'onglet "Pages" du panneau gauche est actif, le panneau
Propriétés (droite) affiche maintenant l'alignement de la page active
au lieu des propriétés d'un élément — un contrôle segmenté qui persiste
via une nouvelle route dédiée et met à jour le canevas immédiatement.

Le contenu-seed des thèmes porte désormais aussi ce réglage par page
(seed_pages devient une liste de {vertical_align, blocks} plutôt qu'une
liste de listes de blocs) : la page de titre du thème "Sécurité
Incendie" est centrée verticalement, comme demandé, cohérente avec la
maquette d'origine. L'aperçu de thème (iframe de la modale) reflète
aussi ce réglage par page.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-24 10:24:48 +02:00

3.2 KiB

document_engine/themes/

Catalogue des thèmes visuels applicables à un support (bouton "Utiliser un modèle" à côté d'Aperçu, voir templates/document/document_edit.html et static/document/js/document-editor.js). Décision du 24/09/2026 : le moteur ne porte QUE contenu et mécanisme — chaque thème est une feuille de style externe (static/document/themes/<id>.css, servie telle quelle) qui habille les classes FIXES du moteur (.docPage/.docText/ .docList/.docCard/.docBadge/.docButton/.docImage/ .docMinigame/...), jamais du code qui en changerait la structure. Une centaine de thèmes est prévue à terme : ce découpage (données de catalogue + CSS statique, aucun code Python par thème au-delà d'une entrée de catalogue) est pensé pour rester gérable à cette échelle.

DOCUMENT_THEMES: list[dict[str, Any]]

Un dict par thème : id (identifiant stable, utilisé dans les URLs et persisté via db.set_document_theme), name, category, description (affichage dans la modale), css_path (chemin sous static/, passé à url_for('static', filename=...)), font_url (optionnel, lien Google Fonts), seed_pages (contenu de démonstration — une liste de dicts {"vertical_align": "top"|"center"|"bottom", "blocks": [...]}, voir document_engine.replace_document_content pour la forme exacte de blocks). L'auteur d'un thème est responsable de respecter les règles structurelles du moteur dans son seed_pages (ex. un mini-jeu seul sur sa page — voir routes/document/document_element_add.py — jamais revérifié automatiquement puisque ce contenu vient du thème, pas de l'utilisateur ; voir tests/document/test_document_themes.py pour la vérification statique de cette règle sur tout le catalogue).

get_document_theme_entry(theme_id: str) -> dict[str, Any] | None

  • Retour : l'entrée de DOCUMENT_THEMES dont id == theme_id, ou None si aucun thème de ce catalogue ne porte cet id.
  • Exceptions : aucune.

seed_blocks_to_elements(blocks: list[dict[str, Any]]) -> list[dict[str, Any]]

Convertit une liste de blocs de contenu-seed (seed_pages[i]["blocks"]) en une liste d'éléments "à plat" (id/kind/parent_id/attributes) directement exploitable par document_engine.render_document — ids synthétiques NÉGATIFS, jamais persistés. Utilisée UNIQUEMENT pour l'aperçu d'un thème (voir routes/document/document_theme_preview.py, destiné à un <iframe> dans la modale) : ce qui est prévisualisé est ainsi RÉELLEMENT rendu par le moteur, jamais une image statique ni une resucée manuelle du CSS. Pour la persistance réelle du contenu, voir document_engine.replace_document_content — qui ne réutilise pas cette fonction, ayant besoin de vrais ids attribués par la base au fil des insertions.

  • Retour : liste d'éléments prête pour render_document.
  • Exceptions : aucune.

securite_incendie_seed.py — contenu du premier thème implémenté

SECURITE_INCENDIE_SEED_PAGES : vrai contenu de formation (6 pages — titre, objectifs, classes de feu, méthode P.A.S.S., évacuation, quiz de validation à 3 questions), jamais du texte de remplissage. Sert à la fois de contenu par défaut ("utiliser le contenu du modèle") et de première validation bout-en-bout du mécanisme de thème.