templates/screen_edit.html

@@ -160,20 +160,23 @@
   <!-- Centre : l'écran (onglet "Écran"), ou la logique de la scène / la
        timeline d'animation quand leur onglet est actif — un seul onglet
        visible à la fois, chacun occupant tout l'espace disponible (voir
-       switchBuilderTab() plus bas). Absents sur un écran-modèle (élément
-       de jeu) : ses déclencheurs référenceraient des éléments dont l'id
-       change à chaque copie (voir instantiate_template_tree), donc une
-       logique/animation posée ici ne fonctionnerait plus une fois
-       l'élément réutilisé — seul l'onglet "Écran" a alors un sens. -->
+       switchBuilderTab() plus bas). Présents aussi sur un écran-modèle
+       (élément de jeu réutilisable, ex. "mail content") : ses enfants
+       gardent désormais TOUJOURS le même id, à chaque exemplaire posé sur
+       n'importe quelle scène (rechargés en direct depuis ce modèle à
+       chaque affichage, voir _render_element_type_children côté serveur —
+       l'ancien mécanisme qui les copiait avec un nouvel id à chaque pose,
+       instantiate_template_tree, a été retiré). Un déclencheur/une
+       animation posé ici, sur un enfant du modèle, s'exécute donc bien
+       partout où ce modèle est utilisé (voir findTriggerNode/
+       collectAnimationClips dans templates/play.html). -->
   <div class="builderCanvasArea">
     {% set current_aspect = screen.preview_aspect or '9/16' %}
-    {% if not screen.is_template %}
     <div class="builderTabs" id="builderTabs">
       <button type="button" class="builderTabBtn active" data-tab="screen" onclick="switchBuilderTab('screen')">🖥️ Écran</button>
       <button type="button" class="builderTabBtn" data-tab="flow" onclick="switchBuilderTab('flow')">🔀 Logique de la scène</button>
       <button type="button" class="builderTabBtn" data-tab="anim" onclick="switchBuilderTab('anim')">🎬 Timeline d'animation</button>
     </div>
-    {% endif %}
 
     <div class="builderTabPanel active" data-tab-panel="screen">
       <div class="canvasFrame">
@@ -190,7 +193,6 @@
       <p class="hint" style="text-align:center;">Glisse pour déplacer, tire le coin pour redimensionner, clique pour sélectionner.</p>
     </div>
 
-    {% if not screen.is_template %}
     <div class="builderTabPanel" id="flowTabPanel" data-tab-panel="flow">
       <div class="flowToolbar">
         <button type="button" class="smallBtn button is-small" onclick="openNodeForm('trigger')">➕ Déclencheur</button>
@@ -449,7 +451,6 @@
         <div id="animTracks" class="animTracks"></div>
       </div>
     </div>
-    {% endif %}
   </div>
 
   <!-- Panneau droit : propriétés de l'élément sélectionné — flottant,