Onboarding guidé systématique + tableau de bord simplifié
Comportement SYSTÉMATIQUE à chaque création de jeu (admin compris), pas une formalité réservée à l'inscription : /onboarding (routes/onboarding/) devient le point d'entrée unique — 4 cartes retournables (survol = explication au dos), défilement horizontal animé vers le nom du jeu. Un admin y repasse à volonté (pas de project_slug dédié, jamais bloqué/ redirigé vers un projet précédent) ; un compte "user" n'en a plus qu'un créé d'office (routes/auth/register_2fa.py), guidé ici à la place. - db/games/game_type_catalog.py : catalogue des 4 types (Quiz/ Embranchement-escape game/RPG/Créer mon jeu de A à Z), _meta['onboarding_type'] décide du "kind" du premier écran créé et si le tableau de bord complet reste accessible. - routes/games/game_dashboard.py, templates/game_dashboard_simple.html : un type restreint (quiz/embranchement/rpg) voit désormais SON tableau de bord (même route que "custom"), rendu en version simplifiée — juste ses écrans en cartes avec un aperçu RÉEL du contenu (scène mise à l'échelle par container query CSS, adaptée à la largeur réelle de la carte). "+ Ajouter un écran" n'y propose pas de choix de type : imposé par le projet (routes/screens/screens_new.py), verrouillé aussi côté serveur. - core/auth_guard.py : plus de blocage de game_dashboard par type — la restriction se fait au rendu, pas à l'accès à la route. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
0f23024882
commit
76a50fa87a
@@ -0,0 +1,46 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Forge Engine — Créer mon jeu{% endblock %}
|
||||
{% block body_class %}objectEditBody{% endblock %}
|
||||
{% block content_class %}content-wide onboardingPage{% endblock %}
|
||||
{% block content %}
|
||||
{% if error %}<p class="hint onboardingError">⚠️ {{ error }}</p>{% endif %}
|
||||
|
||||
<form method="post" action="{{ url_for('onboarding_new') }}" id="onboardingForm">
|
||||
<input type="hidden" name="onboarding_type" id="onboardingTypeHidden">
|
||||
|
||||
<div class="onboardingViewport">
|
||||
<div class="onboardingTrack" id="onboardingTrack">
|
||||
|
||||
<section class="onboardingStep onboardingStep--pick">
|
||||
<h2 class="onboardingTitle">Quel jeu veux-tu créer ?</h2>
|
||||
<div class="onboardingGrid">
|
||||
{% for key, info in onboarding_types.items() %}
|
||||
<button type="button" class="onboardingCard" data-type="{{ key }}" data-label="{{ info.label }}">
|
||||
<span class="onboardingCardInner">
|
||||
<span class="onboardingCardFace onboardingCardFront">
|
||||
<span class="onboardingCardIcon">{{ info.icon }}</span>
|
||||
<span class="onboardingCardLabel">{{ info.label }}</span>
|
||||
</span>
|
||||
<span class="onboardingCardFace onboardingCardBack">
|
||||
<span class="onboardingCardDesc">{{ info.description }}</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="onboardingStep onboardingStep--name">
|
||||
<button type="button" class="onboardingBackBtn" id="onboardingBackBtn">← Changer de type</button>
|
||||
<div class="onboardingNameBox">
|
||||
<label class="onboardingTitle" for="onboardingNameInput">Quel est le nom de votre jeu ?</label>
|
||||
<input type="text" name="name" id="onboardingNameInput" class="onboardingNameInput" placeholder="ex. CyberQuest RGPD" autocomplete="off">
|
||||
<button type="submit" id="onboardingSubmitBtn" class="primary onboardingSubmitBtn" disabled>Créer mon jeu 🚀</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<script src="{{ url_for('static', filename='js/onboarding/onboarding_new.js') }}"></script>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user