williamandClaude Sonnet 5
f436190f90
Deuxième moitié de la fonctionnalité "événements" (voir le commit précédent pour le backend) : un nouvel onglet "📣 Événements" dans screen_edit.html (scène ET modèle, même route) pour créer/modifier/ supprimer un événement (nom, description, "a un paramètre élément" oui/ non) et voir où il est déjà écouté/déclenché ; deux nouveaux types de nœud dans le graphe de logique ; exécution réelle côté client (play.html). - templates/screen_edit.html : - Onglet Événements : barre de création + tableau (patron form/name="..." + attribut `form="eventEditFormN"` déjà utilisé par l'onglet Variables du tableau de bord, pour éditer plusieurs champs d'une ligne sans emboîter un <form> dans un <tr>). Colonne "Utilisé par" avec liens directs vers les écrans/modèles concernés (list_custom_event_usages, déjà en place côté backend). - Nœud Déclencheur "Sur un événement personnalisé" : un simple sélecteur d'événement (trigger_custom_event_id) — ni élément ni écran, retrouvé par un scan global côté client (comme "À l'affichage de l'écran"). - Nœud Action "Déclencher un événement" : sélecteur d'événement (target_custom_event_id), avec élément/ligne concernés affichés seulement si l'événement a has_element_param (réutilise le sélecteur d'élément existant + "Ligne cliquée" pour la ligne, pas de définition d'objet ici donc pas de liste de lignes fixes possible). - Nœud Action "Modifier un élément" : nouvelle case "Utiliser l'élément transmis par l'événement en cours" (target_element_from_event) — v1, seule cette action l'expose (extensible plus tard sans nouveau changement de schéma). - nodeLabel()/submitNodeForm()/toggleFlowTriggerFields()/ toggleFlowActionFields() étendus en conséquence, CUSTOM_EVENTS_MAP (id -> nom/has_element_param) exposé côté JS pour le rendu des libellés et l'affichage conditionnel des champs paramètre. - templates/play.html : - window.dispatchGameEvent(eventId, elementId, rowId) : scan de gameData.flows (toutes scènes ET modèles à la fois, même principe que findTriggerNode()/runScreenShowTriggers()) pour trouver chaque écouteur, pose window.lastEventParams puis exécute son graphe (runFlowFrom) — au même titre que window.lastClickedRowId pour "Ligne cliquée". - runActionNode : nouvelle branche "declencher_evenement" (résout CLICKED_ROW_ID pour la ligne transmise, comme "Modifier une donnée") ; branche "modifier_element" étendue pour résoudre dynamiquement l'élément depuis window.lastEventParams quand target_element_from_event est actif. - readFieldValue (évaluation de condition) et l'appel serveur de "Modifier une donnée" (routes/flow/flow_node_run_data.py) résolvent désormais aussi EVENT_ROW_ID (-2), au même endroit que CLICKED_ROW_ID (-1) déjà en place. - routes/screens/screen_edit.py : passe custom_events/ custom_event_usages/custom_events_map_json au template (même patron que global_variables déjà threadé pour le sélecteur de variable dans le formulaire de Condition). Nouveaux tests dans tests/test_custom_events.py : forme exacte du payload runtime exposé au JS (types entiers, pas des chaînes — une comparaison stricte "===" échouerait silencieusement sinon), target_element_from_event bien persisté, résolution serveur d' EVENT_ROW_ID depuis le corps de la requête. 210 tests au total. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
92 lines
4.7 KiB
Python
92 lines
4.7 KiB
Python
import json
|
|
|
|
from flask import render_template, request, abort
|
|
|
|
import db
|
|
import screens
|
|
|
|
from core.flask_app import app
|
|
|
|
|
|
@app.route("/game/<slug>/screens/<int:screen_id>/edit")
|
|
def screen_edit(slug, screen_id):
|
|
game = db.game_meta(slug)
|
|
screen = screens.get_screen(slug, screen_id)
|
|
if not screen:
|
|
abort(404)
|
|
elements = screens.list_elements(slug, screen_id)
|
|
all_screens = screens.list_screens(slug)
|
|
element_types = screens.list_element_types(slug)
|
|
selected_id = request.args.get("selected", type=int)
|
|
selected_controls = None
|
|
if selected_id:
|
|
selected_el = next((e for e in elements if e["id"] == selected_id), None)
|
|
if selected_el:
|
|
template_definition_id = None
|
|
if screen.get("is_template"):
|
|
owning_type = screens.get_element_type_by_template_screen(slug, screen_id)
|
|
if owning_type:
|
|
template_definition_id = owning_type.get("bound_definition_id")
|
|
selected_controls = screens.controls_with_values(slug, selected_el, template_definition_id)
|
|
children_of = {}
|
|
for el in elements:
|
|
if el.get("parent_id"):
|
|
children_of.setdefault(el["parent_id"], []).append(el)
|
|
top_level_elements = [el for el in elements if not el.get("parent_id")]
|
|
elements_by_id = {el["id"]: el for el in elements}
|
|
|
|
definitions = db.list_definitions(slug)
|
|
definitions_data = {str(d["id"]): screens.data_definition_options(slug, d["id"]) for d in definitions}
|
|
|
|
flow_nodes = screens.list_flow_nodes(slug, screen_id)
|
|
flow_edges = screens.list_flow_edges(slug, screen_id)
|
|
elements_labels = {el["id"]: screens.element_label(el, screens.WIDGETS) for el in elements}
|
|
screens_map = {s["id"]: s["name"] for s in all_screens}
|
|
animation_clips = screens.list_animation_clips(slug, screen_id)
|
|
global_variables = db.list_global_variables(slug)
|
|
custom_events = db.list_custom_events(slug)
|
|
custom_event_usages = screens.list_custom_event_usages(slug)
|
|
custom_events_map = {
|
|
e["id"]: {"name": e["name"], "has_element_param": bool(e["has_element_param"])}
|
|
for e in custom_events
|
|
}
|
|
|
|
return render_template(
|
|
"screen_edit.html",
|
|
game=game, screen=screen, elements=elements, top_level_elements=top_level_elements,
|
|
children_of=children_of, container_widgets=screens.CONTAINER_WIDGETS,
|
|
elements_by_id=elements_by_id,
|
|
all_screens=all_screens,
|
|
element_types=element_types, widgets=screens.WIDGETS,
|
|
trigger_labels=screens.TRIGGER_LABELS, action_type_labels=screens.ACTION_TYPE_LABELS,
|
|
element_action_properties=screens.ELEMENT_ACTION_PROPERTIES,
|
|
element_action_property_labels=screens.ELEMENT_ACTION_PROPERTY_LABELS,
|
|
element_visibility_values=screens.ELEMENT_VISIBILITY_VALUES,
|
|
element_visibility_labels=screens.ELEMENT_VISIBILITY_LABELS,
|
|
element_surbrillance_values=screens.ELEMENT_SURBRILLANCE_VALUES,
|
|
element_desactive_values=screens.ELEMENT_DESACTIVE_VALUES,
|
|
data_operations=screens.DATA_OPERATIONS,
|
|
data_operation_labels=screens.DATA_OPERATION_LABELS,
|
|
definitions=definitions, definitions_json=json.dumps(definitions_data),
|
|
selected_id=selected_id, selected_controls=selected_controls,
|
|
flow_nodes=flow_nodes, flow_edges=flow_edges,
|
|
flow_nodes_json=json.dumps(flow_nodes), flow_edges_json=json.dumps(flow_edges),
|
|
trigger_events=screens.TRIGGER_EVENTS, condition_operators=screens.CONDITION_OPERATORS,
|
|
elements_labels_json=json.dumps(elements_labels), screens_map_json=json.dumps(screens_map),
|
|
action_type_labels_json=json.dumps(screens.ACTION_TYPE_LABELS),
|
|
element_action_property_labels_json=json.dumps(screens.ELEMENT_ACTION_PROPERTY_LABELS),
|
|
element_visibility_labels_json=json.dumps(screens.ELEMENT_VISIBILITY_LABELS),
|
|
element_surbrillance_labels_json=json.dumps(screens.ELEMENT_SURBRILLANCE_LABELS),
|
|
element_desactive_labels_json=json.dumps(screens.ELEMENT_DESACTIVE_LABELS),
|
|
data_operation_labels_json=json.dumps(screens.DATA_OPERATION_LABELS),
|
|
condition_operator_labels_json=json.dumps(screens.CONDITION_OPERATOR_LABELS),
|
|
trigger_labels_json=json.dumps(screens.TRIGGER_LABELS),
|
|
animation_clips=animation_clips, animation_clips_json=json.dumps(animation_clips),
|
|
animate_css_catalog=screens.ANIMATE_CSS_CATALOG,
|
|
animate_css_labels_json=json.dumps(screens.ANIMATE_CSS_LABELS),
|
|
fontawesome_icons=screens.FONTAWESOME_ICONS,
|
|
global_variables=global_variables,
|
|
custom_events=custom_events, custom_event_usages=custom_event_usages,
|
|
custom_events_map_json=json.dumps(custom_events_map),
|
|
)
|