Retire le fil d'Ariane, centre/réordonne la barre de nav, refait le dashboard

Trois demandes distinctes de l'utilisateur, regroupées car elles touchent
toutes à la navigation d'un jeu :

1. Fil d'Ariane retiré (devenu redondant avec la barre de navigation du
   jeu ajoutée au commit précédent) : bloc breadcrumb_wrap retiré de
   base.html, et son override ({% block breadcrumb %}) retiré des 9
   templates qui le définissaient encore. .breadcrumbBar (CSS) retiré,
   y compris des règles flex:0 0 auto de body.objectEditBody/builderBody.

2. Liens de .gameNavBar centrés (justify-content:center).

3. "Jouer" déplacé en dernier lien (c'est une action à part — ouvre
   l'aperçu jouable dans un nouvel onglet — pas un éditeur de plus comme
   les 4 autres).

4. game_dashboard.html devient un vrai tableau de bord : une grille de
   cartes (Écrans/Objets/Éléments de jeu/Variables), chacune listant les
   entrées existantes avec un accès direct (clic = éditeur concerné) et
   un lien "Gérer" vers la page dédiée pour créer/réorganiser. Remplace
   l'ancien panneau "Créer" (redondant avec la barre de navigation
   persistante) et la simple table "Objets définis". routes/games/
   game_dashboard.py alimente maintenant aussi screen_list, element_types
   (+ usage) et variables, en réutilisant list_screens/
   list_element_types/element_type_usage_count/list_global_variables déjà
   utilisés ailleurs.

Vérifié en rendant toutes les pages concernées via le client de test
Flask : barre de nav présente partout où un `game` est dans le contexte
(absente sur l'accueil), fil d'Ariane absent partout, ordre des liens
avec "Jouer" en dernier.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
william
2026-08-27 10:04:09 +02:00
co-authored by Claude Sonnet 5
parent de89115534
commit 8f45169209
13 changed files with 137 additions and 112 deletions
+88 -51
View File
@@ -1,63 +1,100 @@
{% extends "base.html" %}
{% block title %}{{ game.name }} — Forge Engine{% endblock %}
{% block content_class %}content-wide content-objectEdit{% endblock %}
{% block body_class %}objectEditBody{% endblock %}
{% block breadcrumb %}<li class="is-active"><a>{{ game.name }}</a></li>{% endblock %}
{% block content_class %}content-wide{% endblock %}
{% block content %}
<h1 class="title">{{ game.name }}</h1>
<p class="hint mb-4">Base de données : projects/{{ game.slug }}/game.db</p>
<div class="twoCol">
<div class="colLeft">
<h2>Créer</h2>
<div class="navList">
<a href="{{ url_for('screens_list', slug=game.slug) }}" class="navRow" title="Créer et enchaîner les écrans jouables">🖥️ Écrans du jeu</a>
<a href="{{ url_for('element_types', slug=game.slug) }}" class="navRow" title="Catalogue réutilisable (Personnage, Outil, IA...)">🧩 Éléments de jeu</a>
<a href="{{ url_for('game_variables', slug=game.slug) }}" class="navRow" title="Valeurs globales au jeu entier">🔧 Variables</a>
<a href="{{ url_for('game_play', slug=game.slug) }}" target="_blank" class="navRow" title="Aperçu jouable du jeu">▶️ Jouer</a>
<a href="{{ url_for('object_new', slug=game.slug) }}" class="navRow" title="Comme une table de base de données : un nom, et des champs typés">🗂️ Objet</a>
</div>
<div class="dangerZone">
<h3>Paramètres du jeu</h3>
<form method="post" action="{{ url_for('game_rename', slug=game.slug) }}">
<label for="rename">Renommer le jeu</label>
<div class="fieldRow">
<input type="text" id="rename" name="game_name" value="{{ game.name }}" required autocomplete="off">
<button type="submit">Renommer</button>
</div>
</form>
<form method="post" action="{{ url_for('game_delete', slug=game.slug) }}" class="actionsRow"
onsubmit="return confirm('Supprimer définitivement le jeu « {{ game.name }} », son dossier et sa base de données ? Cette action est irréversible.');">
<button type="submit" class="danger">🗑️ Supprimer ce jeu</button>
</form>
</div>
</div>
<div class="colRight">
<h2>Objets définis</h2>
{% if definitions %}
<div class="fieldsTableWrap">
<table class="table is-fullwidth is-hoverable fieldsTable">
<thead>
<tr><th>Nom</th><th>Table SQL</th><th></th></tr>
</thead>
<tbody>
{% for d in definitions %}
<tr>
<td><a href="{{ url_for('object_view', slug=game.slug, definition_id=d.id) }}">{{ d.name }}</a></td>
<td class="has-text-grey">{{ d.table_name }}</td>
<td class="fieldsTableActions">
<a class="button is-small" href="{{ url_for('object_edit', slug=game.slug, definition_id=d.id) }}" title="Modifier cet objet">✏️</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="dashboardGrid">
<div class="dashboardCard">
<h2>🖥️ Écrans du jeu <span class="dashboardCardCount">{{ screen_list|length }}</span></h2>
{% if screen_list %}
<div class="dashboardCardList">
{% for s in screen_list %}
<a class="dashboardCardItem" href="{{ url_for('screen_edit', slug=game.slug, screen_id=s.id) }}">
<span>{{ s.name }}</span>
{% if loop.first %}<span class="tag is-info is-light">★ Départ</span>{% endif %}
</a>
{% endfor %}
</div>
{% else %}
<p class="hint">Aucun objet défini pour l'instant — un objet, c'est comme une table de base de données : un nom, et des champs typés.</p>
<p class="hint">Aucun écran pour l'instant.</p>
{% endif %}
<div class="dashboardCardFooter">
<a href="{{ url_for('screens_list', slug=game.slug) }}">Gérer les écrans →</a>
</div>
</div>
<div class="dashboardCard">
<h2>🗂️ Objets <span class="dashboardCardCount">{{ definitions|length }}</span></h2>
{% if definitions %}
<div class="dashboardCardList">
{% for d in definitions %}
<a class="dashboardCardItem" href="{{ url_for('object_view', slug=game.slug, definition_id=d.id) }}">
<span>{{ d.name }}</span>
<span class="has-text-grey">{{ d.table_name }}</span>
</a>
{% endfor %}
</div>
{% else %}
<p class="hint">Aucun objet pour l'instant.</p>
{% endif %}
<div class="dashboardCardFooter">
<a href="{{ url_for('object_new', slug=game.slug) }}">+ Nouvel objet →</a>
</div>
</div>
<div class="dashboardCard">
<h2>🧩 Éléments de jeu <span class="dashboardCardCount">{{ element_types|length }}</span></h2>
{% if element_types %}
<div class="dashboardCardList">
{% for t in element_types %}
<a class="dashboardCardItem" href="{{ url_for('screen_edit', slug=game.slug, screen_id=t.template_screen_id) }}">
<span>{{ t.icon or '🧩' }} {{ t.name }}</span>
<span class="has-text-grey">{{ element_type_usage.get(t.id, 0) }} instance(s)</span>
</a>
{% endfor %}
</div>
{% else %}
<p class="hint">Aucun élément de jeu pour l'instant.</p>
{% endif %}
<div class="dashboardCardFooter">
<a href="{{ url_for('element_types', slug=game.slug) }}">Gérer les éléments de jeu →</a>
</div>
</div>
<div class="dashboardCard">
<h2>🔧 Variables <span class="dashboardCardCount">{{ variables|length }}</span></h2>
{% if variables %}
<div class="dashboardCardList">
{% for v in variables %}
<div class="dashboardCardItem">
<span>{{ v.name }}</span>
<span class="has-text-grey">{{ v.value or '' }}</span>
</div>
{% endfor %}
</div>
{% else %}
<p class="hint">Aucune variable pour l'instant.</p>
{% endif %}
<div class="dashboardCardFooter">
<a href="{{ url_for('game_variables', slug=game.slug) }}">Gérer les variables →</a>
</div>
</div>
</div>
<div class="dangerZone" style="margin-top:24px;">
<h3>Paramètres du jeu</h3>
<form method="post" action="{{ url_for('game_rename', slug=game.slug) }}">
<label for="rename">Renommer le jeu</label>
<div class="fieldRow">
<input type="text" id="rename" name="game_name" value="{{ game.name }}" required autocomplete="off">
<button type="submit">Renommer</button>
</div>
</form>
<form method="post" action="{{ url_for('game_delete', slug=game.slug) }}" class="actionsRow"
onsubmit="return confirm('Supprimer définitivement le jeu « {{ game.name }} », son dossier et sa base de données ? Cette action est irréversible.');">
<button type="submit" class="danger">🗑️ Supprimer ce jeu</button>
</form>
</div>
{% endblock %}