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

Applique le gabarit sobre/compact/sans défilement à toutes les pages hors éditeur

Browse Source 
Généralise le principe déjà en place pour l'édition d'objet (la page
n'occupe jamais plus que la hauteur de la fenêtre, seules ses zones
internes défilent) à toutes les pages restantes : liste des jeux, tableau
de bord d'un jeu, écrans, éléments de jeu, variables, nouvel objet,
formulaire de données, tableau des données d'un objet. Seuls l'éditeur
d'écran/d'élément et l'aperçu jouable restent en dehors (déjà exclus par
leur propre gabarit plein écran, ou pas concernés).

Nouveau gabarit générique à une colonne (body.pageBody + .content-page +
.scrollArea) sur le même principe que .content-objectEdit, plus une
variante .formScroll pour un formulaire long à défilement interne (liste
de champs d'un nouvel objet, formulaire de données) tout en gardant les
boutons d'action toujours visibles. Les listes/tableaux remplacés par le
format dense .fieldsTable (déjà utilisé pour le tableau de bord) pour
rester cohérent et afficher plus de lignes à l'écran.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
william
2026-08-25 10:45:42 +02:00
co-authored by Claude Sonnet 5
parent ac0f003663
commit 59247694d6
8 changed files with 216 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/index.html
+31 -32
View File
@@ -1,47 +1,46 @@
{% extends "base.html" %}
{% block title %}Forge Engine — Mes jeux{% endblock %}
{% block breadcrumb_wrap %}{% endblock %}
{% block content_class %}content-page{% endblock %}
{% block body_class %}pageBody{% endblock %}
{% block content %}
<h1 class="title">Mes jeux</h1>
<form method="post" action="{{ url_for('games_new') }}" class="box">
<div class="field">
<label class="label" for="name">Nom du nouveau jeu</label>
<div class="field has-addons">
<div class="control is-expanded">
<input class="input" type="text" id="name" name="name" placeholder="ex. CyberQuest RGPD" required>
</div>
<div class="control">
<button type="submit" class="button is-primary">+ Créer le jeu</button>
</div>
<form method="post" action="{{ url_for('games_new') }}" class="card">
<div class="fieldRow">
<div class="formField" style="flex:1;">
<label for="name">Nom du nouveau jeu</label>
<input type="text" id="name" name="name" placeholder="ex. CyberQuest RGPD" required>
</div>
<p class="help">Crée un dossier avec index.html / index.css / index.js reliés entre eux, et une base de données dédiée à ce jeu.</p>
<button type="submit" class="primary" style="align-self:flex-end;">+ Créer le jeu</button>
</div>
<p class="hint" style="margin-top:6px;">Crée un dossier avec index.html / index.css / index.js reliés entre eux, et une base de données dédiée à ce jeu.</p>
</form>
<h2 class="subtitle">Jeux existants</h2>
<h2>Jeux existants</h2>
<div class="scrollArea">
{% if games %}
<div class="table-container">
<table class="table is-fullwidth is-hoverable">
<tbody>
{% for g in games %}
<tr>
<td class="is-vcentered">
<a href="{{ url_for('game_dashboard', slug=g.slug) }}" class="has-text-weight-semibold">{{ g.name }}</a>
<br><span class="is-size-7 has-text-grey">projects/{{ g.slug }}/</span>
</td>
<td class="is-vcentered has-text-right">
<form method="post" action="{{ url_for('game_delete', slug=g.slug) }}" class="is-inline-block"
onsubmit="return confirm('Supprimer définitivement le jeu « {{ g.name }} » et tout son contenu (dossier + base de données) ?');">
<button type="submit" class="button is-small is-danger" title="Supprimer ce jeu">🗑️</button>
</form>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="fieldsTableWrap">
<table class="table is-fullwidth is-hoverable fieldsTable">
<thead><tr><th>Nom</th><th>Dossier</th><th></th></tr></thead>
<tbody>
{% for g in games %}
<tr>
<td><a href="{{ url_for('game_dashboard', slug=g.slug) }}">{{ g.name }}</a></td>
<td class="has-text-grey">projects/{{ g.slug }}/</td>
<td class="fieldsTableActions">
<form method="post" action="{{ url_for('game_delete', slug=g.slug) }}"
onsubmit="return confirm('Supprimer définitivement le jeu « {{ g.name }} » et tout son contenu (dossier + base de données) ?');">
<button type="submit" class="button is-small is-danger" title="Supprimer ce jeu">🗑️</button>
</form>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% else %}
<p class="help">Aucun jeu pour l'instant — crée le premier ci-dessus.</p>
<p class="hint">Aucun jeu pour l'instant — crée le premier ci-dessus.</p>
{% endif %}
</div>
{% endblock %}