williamandClaude Sonnet 5
59247694d6
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>
47 lines
1.8 KiB
HTML
47 lines
1.8 KiB
HTML
{% 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="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>
|
|
<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>Jeux existants</h2>
|
|
<div class="scrollArea">
|
|
{% if games %}
|
|
<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="hint">Aucun jeu pour l'instant — crée le premier ci-dessus.</p>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %}
|