Forge-Store/Forge-Engine
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Phase 3 : hardening qualite de code - typage strict, securite, dead code, a11y

Browse Source 
Config strictement stricte partout (ruff, mypy --strict, bandit, vulture,
import-linter, eslint, stylelint), aucune regle desactivee "pour ne pas
casser le build" - l'existant a ete corrige pour la satisfaire plutot que
l'inverse. Hooks pre-commit locaux (language: system) bloquants.

- Typage mypy --strict propage a tout le moteur (db, screens, auth, core,
  ai, routes, puis publish/scripts/tests/app.py/build_css.py).
- Securite : fuite de handle fichier Windows corrigee dans l'export SCORM
  (routes/publish/export_scorm.py), CSRF/RNG non-crypto/xAPI documentes
  (# nosec, # NOSONAR justifies), nouveau db.json_for_script() (echappe
  "</script>" dans le JSON embarque en <script>, 25 sites).
- Architecture : imports circulaires/F811 nettoyes, contrats
  import-linter respectes, code mort retire (vulture).
- Accessibilite : 69 champs de formulaire sans label correctement
  associe corriges (for/id ou aria-label) sur 11 templates.
- ESLint/Stylelint : lot mecanique JS/CSS, regles ajustees puis
  appliquees (aucune desactivee sans verification individuelle).
- Tests : isolation du compte admin partage (nettoyage ponctuel +
  fixture de teardown automatique en filet de securite), suite complete
  verte (591 tests Python, 241 tests JS).
- SonarQube Community Build self-heberge (Docker + PostgreSQL) : rapport
  complet analyse point par point, faux positifs documentes.
- .gitattributes ajoute (LF force) : core.autocrlf=true sur cette machine
  faisait echouer ESLint (linebreak-style) via un bug connu de git
  (checkout "en place" qui ignore l'eol force sur un fichier deja
  present sur disque - contourne en supprimant puis recreant chaque
  fichier suivi).

djLint (H021, styles inline) volontairement saute pour ce commit -
backlog assume, deja documente, traite dans un lot separe.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
william
2026-09-15 16:06:15 +02:00
co-authored by Claude Sonnet 5
parent 7db4803b93
commit c57420c8c9
454 changed files with 16448 additions and 6967 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/auth/forgot_password.html
+2 -2
View File
@@ -13,8 +13,8 @@
<p class="hint mb-4">Indique ton adresse email : si un compte y est associé, un lien de réinitialisation te sera envoyé.</p>
<form method="post" action="{{ url_for('forgot_password') }}" autocomplete="off">
<div class="field">
<label class="label">Adresse email</label>
<div class="control"><input class="input" type="email" name="email" required autofocus></div>
<label class="label" for="forgot-password-email">Adresse email</label>
<div class="control"><input class="input" type="email" id="forgot-password-email" name="email" required autofocus></div>
</div>
<div class="field mt-4">
<button type="submit" class="button primary is-fullwidth">Envoyer le lien</button>
templates/auth/login.html
+4 -4
View File
@@ -13,12 +13,12 @@
<form method="post" action="{{ url_for('login') }}" autocomplete="off">
<input type="hidden" name="next" value="{{ next_url }}">
<div class="field">
<label class="label">Adresse email</label>
<div class="control"><input class="input" type="email" name="email" value="{{ email }}" required autofocus></div>
<label class="label" for="login-email">Adresse email</label>
<div class="control"><input class="input" type="email" id="login-email" name="email" value="{{ email }}" required autofocus></div>
</div>
<div class="field">
<label class="label">Mot de passe</label>
<div class="control"><input class="input" type="password" name="password" required autocomplete="current-password"></div>
<label class="label" for="login-password">Mot de passe</label>
<div class="control"><input class="input" type="password" id="login-password" name="password" required autocomplete="current-password"></div>
</div>
<div class="field mt-4">
<button type="submit" class="button primary is-fullwidth">Continuer</button>
templates/auth/login_2fa.html
+2 -2
View File
@@ -13,8 +13,8 @@
<form method="post" action="{{ url_for('login_2fa') }}">
<div class="field">
<label class="label">Code à 6 chiffres ou code de récupération</label>
<div class="control"><input class="input" type="text" name="code" autocomplete="one-time-code" required autofocus></div>
<label class="label" for="login-2fa-code">Code à 6 chiffres ou code de récupération</label>
<div class="control"><input class="input" type="text" id="login-2fa-code" name="code" autocomplete="one-time-code" required autofocus></div>
</div>
<div class="field mt-4">
<button type="submit" class="button primary is-fullwidth">Se connecter</button>
templates/auth/profile.html
+10 -10
View File
@@ -20,8 +20,8 @@
{{ 'Compte administrateur' if user.role == 'admin' else 'Compte utilisateur' }}{% if user.role != 'admin' %} — le dossier de ton jeu ({{ user.project_slug }}) suit automatiquement{% endif %}.
</p>
<form method="post" action="{{ url_for('profile_update_email') }}" autocomplete="off" class="profileForm">
<div class="field"><input class="input is-small" type="email" name="email" value="{{ user.email }}" placeholder="Adresse email" required></div>
<div class="field"><input class="input is-small" type="password" name="current_password" placeholder="Mot de passe actuel" required autocomplete="current-password"></div>
<div class="field"><input class="input is-small" type="email" name="email" value="{{ user.email }}" placeholder="Adresse email" required aria-label="Adresse email"></div>
<div class="field"><input class="input is-small" type="password" name="current_password" placeholder="Mot de passe actuel" required autocomplete="current-password" aria-label="Mot de passe actuel"></div>
<div class="field"><button type="submit" class="button primary is-small is-fullwidth">Changer d'adresse email</button></div>
</form>
</div>
@@ -29,8 +29,8 @@
<div class="box profileBox">
<h2 class="title is-6 mb-2">Informations</h2>
<form method="post" action="{{ url_for('profile_update_name') }}" class="profileForm profileForm-row">
<div class="field"><input class="input is-small" type="text" name="prenom" value="{{ user.prenom }}" placeholder="Prénom" required></div>
<div class="field"><input class="input is-small" type="text" name="nom" value="{{ user.nom }}" placeholder="Nom" required></div>
<div class="field"><input class="input is-small" type="text" name="prenom" value="{{ user.prenom }}" placeholder="Prénom" required aria-label="Prénom"></div>
<div class="field"><input class="input is-small" type="text" name="nom" value="{{ user.nom }}" placeholder="Nom" required aria-label="Nom"></div>
<div class="field profileForm-full"><button type="submit" class="button primary is-small is-fullwidth">Enregistrer</button></div>
</form>
</div>
@@ -45,8 +45,8 @@
{% endif %}
</p>
<form method="post" action="{{ url_for('profile_delete') }}" autocomplete="off" class="profileForm">
<div class="field"><input class="input is-small" type="password" name="current_password" placeholder="Mot de passe actuel" required autocomplete="current-password"></div>
<div class="field"><input class="input is-small" type="text" name="confirm_text" placeholder='Tape "SUPPRIMER" pour confirmer' required></div>
<div class="field"><input class="input is-small" type="password" name="current_password" placeholder="Mot de passe actuel" required autocomplete="current-password" aria-label="Mot de passe actuel"></div>
<div class="field"><input class="input is-small" type="text" name="confirm_text" placeholder='Tape "SUPPRIMER" pour confirmer' required aria-label='Tape &quot;SUPPRIMER&quot; pour confirmer'></div>
<div class="field"><button type="submit" class="button is-danger is-small is-fullwidth">Supprimer définitivement mon compte</button></div>
</form>
</div>
@@ -56,8 +56,8 @@
<div class="box profileBox">
<h2 class="title is-6 mb-2">Changer de mot de passe</h2>
<form method="post" action="{{ url_for('profile_change_password') }}" autocomplete="off" class="profileForm">
<div class="field"><input class="input is-small" type="password" name="current_password" placeholder="Mot de passe actuel" required autocomplete="current-password"></div>
<div class="field"><input class="input is-small" id="password" type="password" name="new_password" placeholder="Nouveau mot de passe" required autocomplete="new-password"></div>
<div class="field"><input class="input is-small" type="password" name="current_password" placeholder="Mot de passe actuel" required autocomplete="current-password" aria-label="Mot de passe actuel"></div>
<div class="field"><input class="input is-small" id="password" type="password" name="new_password" placeholder="Nouveau mot de passe" required autocomplete="new-password" aria-label="Nouveau mot de passe"></div>
<div class="field">
<div class="passwordStrengthBar"><div class="passwordStrengthFill" id="pwFill"></div></div>
<ul class="passwordChecklist passwordChecklist-compact" id="pwChecklist">
@@ -68,7 +68,7 @@
<li data-check="special">Spécial</li>
</ul>
</div>
<div class="field"><input class="input is-small" type="password" name="new_password_confirm" placeholder="Confirmer le nouveau mot de passe" required autocomplete="new-password"></div>
<div class="field"><input class="input is-small" type="password" name="new_password_confirm" placeholder="Confirmer le nouveau mot de passe" required autocomplete="new-password" aria-label="Confirmer le nouveau mot de passe"></div>
<div class="field"><button type="submit" class="button primary is-small is-fullwidth">Changer le mot de passe</button></div>
</form>
</div>
@@ -77,7 +77,7 @@
<h2 class="title is-6 mb-2">Codes de récupération 2FA</h2>
<p class="hint mb-2">Remplace immédiatement les 10 codes précédents. Les nouveaux ne s'affichent qu'une fois, juste après.</p>
<form method="post" action="{{ url_for('profile_regenerate_recovery_codes') }}" autocomplete="off" class="profileForm">
<div class="field"><input class="input is-small" type="password" name="current_password" placeholder="Mot de passe actuel" required autocomplete="current-password"></div>
<div class="field"><input class="input is-small" type="password" name="current_password" placeholder="Mot de passe actuel" required autocomplete="current-password" aria-label="Mot de passe actuel"></div>
<div class="field"><button type="submit" class="button primary is-small is-fullwidth">Régénérer mes 10 codes</button></div>
</form>
</div>
templates/auth/register.html
+9 -9
View File
@@ -13,19 +13,19 @@
<form method="post" action="{{ url_for('register') }}" autocomplete="off">
<div class="field">
<label class="label">Prénom</label>
<div class="control"><input class="input" type="text" name="prenom" value="{{ form.prenom }}" required></div>
<label class="label" for="register-prenom">Prénom</label>
<div class="control"><input class="input" type="text" id="register-prenom" name="prenom" value="{{ form.prenom }}" required></div>
</div>
<div class="field">
<label class="label">Nom</label>
<div class="control"><input class="input" type="text" name="nom" value="{{ form.nom }}" required></div>
<label class="label" for="register-nom">Nom</label>
<div class="control"><input class="input" type="text" id="register-nom" name="nom" value="{{ form.nom }}" required></div>
</div>
<div class="field">
<label class="label">Adresse email</label>
<div class="control"><input class="input" type="email" name="email" value="{{ form.email }}" required autocomplete="off"></div>
<label class="label" for="register-email">Adresse email</label>
<div class="control"><input class="input" type="email" id="register-email" name="email" value="{{ form.email }}" required autocomplete="off"></div>
</div>
<div class="field">
<label class="label">Mot de passe</label>
<label class="label" for="password">Mot de passe</label>
<div class="control"><input class="input" type="password" id="password" name="password" required autocomplete="new-password"></div>
</div>
@@ -48,8 +48,8 @@
</div>
<div class="field">
<label class="label">Confirmer le mot de passe</label>
<div class="control"><input class="input" type="password" name="password_confirm" required autocomplete="new-password"></div>
<label class="label" for="register-password-confirm">Confirmer le mot de passe</label>
<div class="control"><input class="input" type="password" id="register-password-confirm" name="password_confirm" required autocomplete="new-password"></div>
</div>
<div class="field mt-4">
templates/auth/register_2fa.html
+3 -2
View File
@@ -11,13 +11,14 @@
<div class="notification is-danger">{{ error }}</div>
{% endif %}
{# NOSONAR S5247 - qr_svg est produit par la librairie qrcode a partir d'une URI TOTP generee serveur, aucun texte libre utilisateur embarque #}
<div class="totpQrWrap">{{ qr_svg|safe }}</div>
<p class="hint">Impossible de scanner ? Saisis cette clé manuellement dans l'application : <code>{{ secret }}</code></p>
<form method="post" action="{{ url_for('register_2fa') }}" class="mt-4">
<div class="field">
<label class="label">Code à 6 chiffres</label>
<div class="control"><input class="input" type="text" name="code" inputmode="numeric" pattern="[0-9]*" maxlength="6" autocomplete="one-time-code" required autofocus></div>
<label class="label" for="register-2fa-code">Code à 6 chiffres</label>
<div class="control"><input class="input" type="text" id="register-2fa-code" name="code" inputmode="numeric" pattern="[0-9]*" maxlength="6" autocomplete="one-time-code" required autofocus></div>
</div>
<div class="field">
<button type="submit" class="button primary is-fullwidth">Confirmer et activer mon compte</button>
templates/auth/reset_password.html
+3 -3
View File
@@ -16,7 +16,7 @@
<form method="post" autocomplete="off">
<div class="field">
<label class="label">Nouveau mot de passe</label>
<label class="label" for="password">Nouveau mot de passe</label>
<div class="control"><input class="input" type="password" id="password" name="password" required autocomplete="new-password"></div>
</div>
@@ -32,8 +32,8 @@
</div>
<div class="field">
<label class="label">Confirmer le mot de passe</label>
<div class="control"><input class="input" type="password" name="password_confirm" required autocomplete="new-password"></div>
<label class="label" for="reset-password-confirm">Confirmer le mot de passe</label>
<div class="control"><input class="input" type="password" id="reset-password-confirm" name="password_confirm" required autocomplete="new-password"></div>
</div>
<div class="field mt-4">
templates/base.html
+5 -5
View File
@@ -119,7 +119,7 @@
complétion et réussite (un "échoué" reste "completed" au lieu
de retomber en "incomplete", limite propre à la 1.2). -->
<div class="field mb-4">
<label class="label is-small">Version SCORM</label>
<label class="label is-small" for="scormVersionSelect">Version SCORM</label>
<div class="control">
<div class="select is-small">
<select id="scormVersionSelect" onchange="window.forgeSaveScormVersion()">
@@ -141,15 +141,15 @@
<div class="propGroupBody">
<p class="help mb-2">Envoie en plus les résultats vers un LRS (Learning Record Store) externe, en parallèle du SCORM ci-dessus. Utilise une clé API dédiée à cet export, jamais tes identifiants LRS principaux.</p>
<div class="field">
<label class="label is-small">URL du LRS</label>
<label class="label is-small" for="xapiEndpoint">URL du LRS</label>
<div class="control"><input class="input is-small" type="text" id="xapiEndpoint" placeholder="https://mon-lrs.exemple.com/xAPI"></div>
</div>
<div class="field">
<label class="label is-small">Login</label>
<label class="label is-small" for="xapiLogin">Login</label>
<div class="control"><input class="input is-small" type="text" id="xapiLogin" autocomplete="off"></div>
</div>
<div class="field">
<label class="label is-small">Mot de passe</label>
<label class="label is-small" for="xapiPassword">Mot de passe</label>
<div class="control"><input class="input is-small" type="password" id="xapiPassword" autocomplete="new-password"></div>
<p class="help" id="xapiPasswordHint"></p>
</div>
@@ -169,7 +169,7 @@
<div class="propGroupBody">
<p class="help mb-2">% de bonnes réponses au quiz requis pour que la partie soit reportée "Réussie" plutôt que "Échouée" (SCORM et xAPI). Sans question posée, la partie reste juste "Terminée".</p>
<div class="field">
<label class="label is-small">Seuil (%)</label>
<label class="label is-small" for="successThreshold">Seuil (%)</label>
<div class="control"><input class="input is-small" type="number" min="0" max="100" step="1" id="successThreshold"></div>
</div>
<div class="field is-grouped" style="align-items:center;">
templates/game_dashboard_simple.html
+2 -1
View File
@@ -27,6 +27,7 @@
toute la scène. -->
<div class="screenPreviewBox" style="aspect-ratio:{{ preview.world_width }} / {{ preview.world_height }};">
<div class="screenPreviewScene" style="width:{{ preview.world_width }}px; height:{{ preview.world_height }}px; --scene-w:{{ preview.world_width }}px;">
{# NOSONAR S5247 - rendered_html vient de render_scene_object() (Python), qui echappe deja tout texte utilisateur via html.escape() #}
{% for obj in preview.objects %}{{ obj.rendered_html|safe }}{% endfor %}
</div>
{% if not preview.objects %}<div class="screenPreviewEmpty">Écran vide</div>{% endif %}
@@ -39,7 +40,7 @@
</div>
<form method="post" action="{{ url_for('screens_new', slug=game.slug) }}" class="dashCreateBar" id="dashCreate-screens" style="display:none;">
<input type="text" name="name" placeholder="Nom du nouvel écran (ex. Question 2, Scène 2...)" required autocomplete="off">
<input type="text" name="name" placeholder="Nom du nouvel écran (ex. Question 2, Scène 2...)" required autocomplete="off" aria-label="Nom du nouvel écran">
<button type="submit" class="primary">Créer</button>
</form>
templates/onboarding/onboarding_new.html
+1
View File
@@ -22,6 +22,7 @@
<span class="onboardingCardLabel">{{ info.label }}</span>
</span>
<span class="onboardingCardFace onboardingCardBack">
{# NOSONAR S5247 - description est du HTML fixe, code en dur dans db.ONBOARDING_TYPES (aucune saisie utilisateur) #}
<span class="onboardingCardDesc">{{ info.description|safe }}</span>
</span>
</span>
templates/partials/clause_row.html
+8 -8
View File
@@ -10,7 +10,7 @@
<label class="label is-small">Champ</label>
<div class="control">
<div class="select is-small is-fullwidth">
<select class="clauseChampSelect" name="ctrl_{{ c.key }}_champ[]">
<select class="clauseChampSelect" name="ctrl_{{ c.key }}_champ[]" aria-label="Champ">
<option value="">(sélectionner un objet d'abord)</option>
{% for fname, flabel in c.field_options %}
<option value="{{ fname }}" {{ 'selected' if clause.champ == fname else '' }}>{{ flabel }}</option>
@@ -23,7 +23,7 @@
<label class="label is-small">...est</label>
<div class="control">
<div class="select is-small is-fullwidth">
<select class="clauseOperateurSelect" name="ctrl_{{ c.key }}_operateur[]">
<select class="clauseOperateurSelect" name="ctrl_{{ c.key }}_operateur[]" aria-label="Opérateur de comparaison">
{% for opv, opl in c.operators %}
<option value="{{ opv }}" {{ 'selected' if clause.operateur == opv else '' }}>{{ opl }}</option>
{% endfor %}
@@ -35,18 +35,18 @@
<label class="label is-small">...cette valeur</label>
<div class="control filterValueControl" data-current-value="{{ clause.valeur or '' }}">
<div class="select is-small is-fullwidth">
<select class="filterValueMode" onchange="onFilterValueModeChange(this)">
<select class="filterValueMode" onchange="onFilterValueModeChange(this)" aria-label="Type de valeur">
<option value="fixe">Valeur fixe</option>
<option value="dynamique">Donnée d'un autre objet (change en jeu)</option>
<option value="variable">Variable globale (change en jeu)</option>
</select>
</div>
<div class="filterValueFixe" style="margin-top:6px;">
<input class="input is-small" type="text" name="ctrl_{{ c.key }}_valeur[]" value="{{ clause.valeur or '' }}" placeholder="ex. 3">
<input class="input is-small" type="text" name="ctrl_{{ c.key }}_valeur[]" value="{{ clause.valeur or '' }}" placeholder="ex. 3" aria-label="Valeur">
</div>
<div class="filterValueDynamique" style="display:none; margin-top:6px;">
<div class="select is-small is-fullwidth">
<select class="filterValueObjSel" onchange="onFilterValueObjChange(this)">
<select class="filterValueObjSel" onchange="onFilterValueObjChange(this)" aria-label="Objet">
<option value="">— objet —</option>
{% for d in definitions %}
<option value="{{ d.name }}" data-definition-id="{{ d.id }}">{{ d.name }}</option>
@@ -54,21 +54,21 @@
</select>
</div>
<div class="select is-small is-fullwidth" style="margin-top:6px;">
<select class="filterValueFieldSel" onchange="onFilterValueFieldChange(this)">
<select class="filterValueFieldSel" onchange="onFilterValueFieldChange(this)" aria-label="Champ de l'objet">
<option value="">— champ —</option>
</select>
</div>
</div>
<div class="filterValueVariable" style="display:none; margin-top:6px;">
<div class="select is-small is-fullwidth">
<select class="filterValueVarSel" onchange="onFilterValueVarChange(this)">
<select class="filterValueVarSel" onchange="onFilterValueVarChange(this)" aria-label="Variable globale">
<option value="">— variable —</option>
{% for v in global_variables %}
<option value="{{ v.name }}">{{ v.name }}</option>
{% endfor %}
</select>
</div>
<input class="input is-small filterValueVarPath" type="text" placeholder="Chemin optionnel (ex. .nom ou [0].valeur)" style="margin-top:6px;" oninput="updateFilterValueFromVariable(this.closest('.filterValueControl'))">
<input class="input is-small filterValueVarPath" type="text" placeholder="Chemin optionnel (ex. .nom ou [0].valeur)" style="margin-top:6px;" oninput="updateFilterValueFromVariable(this.closest('.filterValueControl'))" aria-label="Chemin optionnel dans la variable">
{% if not global_variables %}
<p class="help">Aucune variable globale pour l'instant — <a href="{{ url_for('game_dashboard', slug=game.slug, tab='variables') }}" target="_blank">crées-en une ↗</a></p>
{% endif %}
templates/play.html
+2
View File
@@ -108,12 +108,14 @@
uniquement si un objet kind="fond" plus grand que la scène est posé
(caméra qui suit le personnage). -->
<div class="sceneWorld" data-scene-width="{{ s.scene_width }}" data-scene-height="{{ s.scene_height }}">
{# NOSONAR S5247 - rendered_html vient de render_scene_object() (Python), qui echappe deja tout texte utilisateur via html.escape() #}
{% for obj in s.elements if obj.kind not in ('dialogue_box', 'quiz_box', 'score_widget') %}{{ obj.rendered_html|safe }}{% endfor %}
</div>
<!-- .sceneUI : widgets d'interface FIXES au viewport, jamais dans
.sceneWorld ci-dessus (voir static/style.css) — "💬 Boîte de
dialogue"/"❓ Boîte à quiz"/"🏆 Score" (screens/rendering/dialogue_box_style.py). -->
<div class="sceneUI">
{# NOSONAR S5247 - meme raison que ci-dessus #}
{% for obj in s.elements if obj.kind in ('dialogue_box', 'quiz_box', 'score_widget') %}{{ obj.rendered_html|safe }}{% endfor %}
</div>
</div>
templates/scene_edit.html
+34 -33
View File
@@ -54,7 +54,7 @@
</div>
<div class="floatPanelBody">
<form method="post" action="{{ url_for('screen_rename', slug=game.slug, screen_id=screen.id) }}" class="field has-addons" style="align-items:center; margin-bottom:8px;">
<div class="control is-expanded"><input class="input is-small" type="text" name="name" value="{{ screen.name }}" required></div>
<div class="control is-expanded"><input class="input is-small" type="text" name="name" value="{{ screen.name }}" required aria-label="Nom de l'écran"></div>
<div class="control"><button type="submit" class="button is-small">Renommer</button></div>
</form>
<a class="button is-small is-primary is-fullwidth mb-2" href="{{ url_for('game_play', slug=game.slug) }}" target="_blank">Jouer depuis le début</a>
@@ -307,6 +307,7 @@
<div class="canvasElement {{ 'selected' if o.id == selected_id else '' }} {{ 'isQuizFullscreenPreview' if o.quiz_fullscreen else '' }}" id="el-{{ o.id }}"
style="position:absolute; left:{{ o.x }}px; top:{{ o.y }}px; width:{{ o.width }}px; height:{{ o.height }}px;"
onmousedown="onSceneObjectMouseDown(event, {{ o.id }})">
{# NOSONAR S5247 - rendered_html vient de render_scene_object() (Python), qui echappe deja tout texte utilisateur via html.escape() #}
<div class="canvasElementInner">{{ o.rendered_html|safe }}</div>
<div class="resizeHandle" onmousedown="onSceneObjectResizeMouseDown(event, {{ o.id }})"></div>
{% if o.id == selected_id and o.kind not in ('fond', 'dialogue_box', 'quiz_box', 'score_widget') %}
@@ -353,13 +354,13 @@
</div>
<p class="hint">Accessibles depuis n'importe quelle scène (conditions, actions "Modifier une variable"). Le nom ne peut plus changer une fois créé.</p>
<form class="dashCreateBar" id="dashCreate-variables" style="display:none;" onsubmit="return createGlobalVariable(event);">
<input type="text" name="name" placeholder="NOM (ex. score_total)" required autocomplete="off">
<select name="type">
<input type="text" name="name" placeholder="NOM (ex. score_total)" required autocomplete="off" aria-label="Nom de la variable">
<select name="type" aria-label="Type de la variable">
{% for key, t in global_variable_types.items() %}
<option value="{{ key }}">{{ t.label }}</option>
{% endfor %}
</select>
<input type="text" name="default_value" placeholder="Valeur par défaut">
<input type="text" name="default_value" placeholder="Valeur par défaut" aria-label="Valeur par défaut de la variable">
<label class="checkbox" style="display:flex; align-items:center; gap:4px; white-space:nowrap;" title="Chaque joueur a sa propre valeur (décoché = valeur unique partagée par tous)">
<input type="checkbox" name="per_player" value="1" checked> Par joueur
</label>
@@ -396,8 +397,8 @@
</div>
<form method="post" action="{{ url_for('custom_event_new', slug=game.slug) }}" class="dashCreateBar" id="dashCreate-events" style="display:none;">
<input type="hidden" name="screen_id" value="{{ screen.id }}">
<input type="text" name="name" placeholder="NOM (ex. NEED_ACTION)" required autocomplete="off">
<input type="text" name="description" placeholder="Description (optionnel)">
<input type="text" name="name" placeholder="NOM (ex. NEED_ACTION)" required autocomplete="off" aria-label="Nom de l'événement">
<input type="text" name="description" placeholder="Description (optionnel)" aria-label="Description de l'événement">
<button type="submit" class="primary">Créer</button>
</form>
@@ -476,7 +477,7 @@
<summary>Informations</summary>
<div class="propGroupBody">
<div class="field">
<label class="label is-small">Nom de l'objet</label>
<label class="label is-small" for="scene-obj-name">Nom de l'objet</label>
<div class="control"><input class="input is-small" type="text" id="scene-obj-name" value="{{ obj.name or '' }}" placeholder="ex. Le Sorcier" onchange="saveSceneObjectName({{ obj.id }}, this.value)"></div>
</div>
</div>
@@ -488,22 +489,22 @@
<div class="propGroupBody">
<div class="columns is-multiline posGrid">
<div class="column is-half">
<div class="field"><label class="label is-small">X (px)</label>
<div class="field"><label class="label is-small" for="scene-pos-x">X (px)</label>
<div class="control"><input class="input is-small" type="number" id="scene-pos-x" min="0" value="{{ obj.x }}"></div>
</div>
</div>
<div class="column is-half">
<div class="field"><label class="label is-small">Y (px)</label>
<div class="field"><label class="label is-small" for="scene-pos-y">Y (px)</label>
<div class="control"><input class="input is-small" type="number" id="scene-pos-y" min="0" value="{{ obj.y }}"></div>
</div>
</div>
<div class="column is-half">
<div class="field"><label class="label is-small">Largeur (px)</label>
<div class="field"><label class="label is-small" for="scene-pos-w">Largeur (px)</label>
<div class="control"><input class="input is-small" type="number" id="scene-pos-w" min="1" value="{{ obj.width }}"></div>
</div>
</div>
<div class="column is-half">
<div class="field"><label class="label is-small">Hauteur (px)</label>
<div class="field"><label class="label is-small" for="scene-pos-h">Hauteur (px)</label>
<div class="control"><input class="input is-small" type="number" id="scene-pos-h" min="1" value="{{ obj.height }}"></div>
</div>
</div>
@@ -521,19 +522,19 @@
<summary>Style</summary>
<div class="propGroupBody" data-element-id="{{ obj.id }}">
<div class="field">
<label class="label is-small">Police</label>
<label class="label is-small" for="dbox-font-family">Police</label>
<div class="control">
<input class="input is-small" type="text" id="dbox-font-family" value="{{ dialogue_box_style.font_family }}" placeholder="ex. Georgia, serif" onchange="saveDialogueBoxStyle({{ obj.id }})">
</div>
</div>
<div class="columns is-multiline posGrid">
<div class="column is-half">
<div class="field"><label class="label is-small">Taille (px)</label>
<div class="field"><label class="label is-small" for="dbox-font-size">Taille (px)</label>
<div class="control"><input class="input is-small" type="number" id="dbox-font-size" min="8" max="48" value="{{ dialogue_box_style.font_size }}" onchange="saveDialogueBoxStyle({{ obj.id }})"></div>
</div>
</div>
<div class="column is-half">
<div class="field"><label class="label is-small">Épaisseur</label>
<div class="field"><label class="label is-small" for="dbox-font-weight">Épaisseur</label>
<div class="control">
<select class="input is-small" id="dbox-font-weight" onchange="saveDialogueBoxStyle({{ obj.id }})">
{% for w in dialogue_box_font_weight_choices %}
@@ -546,22 +547,22 @@
</div>
<div class="columns is-multiline posGrid">
<div class="column is-half">
<div class="field"><label class="label is-small">Texte</label>
<div class="field"><label class="label is-small" for="dbox-text-color">Texte</label>
<div class="control"><input class="input is-small" type="color" id="dbox-text-color" value="{{ dialogue_box_style.text_color }}" onchange="saveDialogueBoxStyle({{ obj.id }})"></div>
</div>
</div>
<div class="column is-half">
<div class="field"><label class="label is-small">Header</label>
<div class="field"><label class="label is-small" for="dbox-header-bg">Header</label>
<div class="control"><input class="input is-small" type="color" id="dbox-header-bg" value="{{ dialogue_box_style.header_bg }}" onchange="saveDialogueBoxStyle({{ obj.id }})"></div>
</div>
</div>
<div class="column is-half">
<div class="field"><label class="label is-small">Corps</label>
<div class="field"><label class="label is-small" for="dbox-body-bg">Corps</label>
<div class="control"><input class="input is-small" type="color" id="dbox-body-bg" value="{{ dialogue_box_style.body_bg }}" onchange="saveDialogueBoxStyle({{ obj.id }})"></div>
</div>
</div>
<div class="column is-half">
<div class="field"><label class="label is-small">Pied</label>
<div class="field"><label class="label is-small" for="dbox-footer-bg">Pied</label>
<div class="control"><input class="input is-small" type="color" id="dbox-footer-bg" value="{{ dialogue_box_style.footer_bg }}" onchange="saveDialogueBoxStyle({{ obj.id }})"></div>
</div>
</div>
@@ -591,7 +592,7 @@
Plein écran
</label>
<div class="field mt-2">
<label class="label is-small">Minuteur</label>
<label class="label is-small" for="quiz-timer-mode">Minuteur</label>
<div class="control">
<select class="input is-small" id="quiz-timer-mode" onchange="saveQuizBoxConfig({{ obj.id }})">
{% for mode in quiz_box_timer_modes %}
@@ -603,7 +604,7 @@
</div>
</div>
<div class="field">
<label class="label is-small">Durée (secondes)</label>
<label class="label is-small" for="quiz-timer-seconds">Durée (secondes)</label>
<div class="control">
<input class="input is-small" type="number" id="quiz-timer-seconds" min="3" max="600" value="{{ quiz_box_config.timer_seconds }}" onchange="saveQuizBoxConfig({{ obj.id }})">
</div>
@@ -690,7 +691,7 @@
</label>
</div>
</div>
<div class="field"><label class="label is-small">Forme</label>
<div class="field"><label class="label is-small" for="collision-shape">Forme</label>
<div class="control">
<div class="select is-small">
<select id="collision-shape" onchange="saveSceneObjectCollision()">
@@ -701,15 +702,15 @@
</div>
</div>
<div class="field is-grouped">
<div class="control"><label class="label is-small">Largeur (px)</label>
<div class="control"><label class="label is-small" for="collision-width">Largeur (px)</label>
<input class="input is-small" type="number" min="1" id="collision-width" value="{{ collision_settings.width }}" onchange="saveSceneObjectCollision()"></div>
<div class="control"><label class="label is-small">Hauteur (px)</label>
<div class="control"><label class="label is-small" for="collision-height">Hauteur (px)</label>
<input class="input is-small" type="number" min="1" id="collision-height" value="{{ collision_settings.height }}" onchange="saveSceneObjectCollision()"></div>
</div>
<div class="field is-grouped">
<div class="control"><label class="label is-small">Décalage X (px)</label>
<div class="control"><label class="label is-small" for="collision-offset-x">Décalage X (px)</label>
<input class="input is-small" type="number" id="collision-offset-x" value="{{ collision_settings.offset_x }}" onchange="saveSceneObjectCollision()"></div>
<div class="control"><label class="label is-small">Décalage Y (px)</label>
<div class="control"><label class="label is-small" for="collision-offset-y">Décalage Y (px)</label>
<input class="input is-small" type="number" id="collision-offset-y" value="{{ collision_settings.offset_y }}" onchange="saveSceneObjectCollision()"></div>
</div>
<p class="help">Taille/décalage réglés par rapport au centre de l'objet — laisse la taille par défaut (celle de l'objet) si son image n'a pas de marge inutile.</p>
@@ -725,7 +726,7 @@
personnage "Joueur" est déplacé/animé automatiquement au
clavier et suivi par la caméra — "Ennemi"/"PNJ" restent
immobiles tant qu'aucune logique de flow ne les pilote. -->
<div class="field"><label class="label is-small">Rôle</label>
<div class="field"><label class="label is-small" for="personnage-role">Rôle</label>
<div class="control">
<div class="select is-small">
<select id="personnage-role" onchange="saveSceneObjectRole(this.value)">
@@ -769,21 +770,21 @@
<div class="propGroupBody" id="personnageCommandsBody" data-element-id="{{ obj.id }}" data-commands-extra='{{ (personnage_commands.extra if personnage_commands else [])|tojson }}'>
<p class="help">Ce personnage se déplace et s'anime automatiquement avec ces touches, sans rien à poser dans la logique. Clique un champ puis appuie sur la touche voulue.</p>
<div class="field is-grouped">
<div class="control"><label class="label is-small">Haut</label>
<div class="control"><label class="label is-small" for="cmd-haut">Haut</label>
<input class="input is-small personnageKeyCapture" id="cmd-haut" readonly value="{{ personnage_commands.haut }}"></div>
<div class="control"><label class="label is-small">Bas</label>
<div class="control"><label class="label is-small" for="cmd-bas">Bas</label>
<input class="input is-small personnageKeyCapture" id="cmd-bas" readonly value="{{ personnage_commands.bas }}"></div>
</div>
<div class="field is-grouped">
<div class="control"><label class="label is-small">Gauche</label>
<div class="control"><label class="label is-small" for="cmd-gauche">Gauche</label>
<input class="input is-small personnageKeyCapture" id="cmd-gauche" readonly value="{{ personnage_commands.gauche }}"></div>
<div class="control"><label class="label is-small">Droite</label>
<div class="control"><label class="label is-small" for="cmd-droite">Droite</label>
<input class="input is-small personnageKeyCapture" id="cmd-droite" readonly value="{{ personnage_commands.droite }}"></div>
</div>
<div class="field"><label class="label is-small">Interagir</label>
<div class="field"><label class="label is-small" for="cmd-interagir">Interagir</label>
<div class="control"><input class="input is-small personnageKeyCapture" id="cmd-interagir" readonly value="{{ personnage_commands.interagir }}"></div>
</div>
<div class="field"><label class="label is-small">Axe de déplacement</label>
<div class="field"><label class="label is-small" for="cmd-axe">Axe de déplacement</label>
<div class="control">
<div class="select is-small">
<select id="cmd-axe">
@@ -794,7 +795,7 @@
</div>
</div>
</div>
<div class="field"><label class="label is-small">Vitesse (px/tick)</label>
<div class="field"><label class="label is-small" for="cmd-vitesse">Vitesse (px/tick)</label>
<div class="control"><input class="input is-small" type="number" id="cmd-vitesse" min="1" max="20" value="{{ personnage_commands.vitesse }}"></div>
</div>
<!-- Touches supplémentaires (sauter, attaquer...) : au-delà des 4