Forge-Engine/templates/partials/clause_row.html

<!-- Une condition du réglage "Donnée liée" (voir screen_edit.html,
     c.type == 'clause_list') — même présentation qu'un réglage normal du
     panneau : un "Champ" et un "...est" clairement étiquetés, et le même
     sélecteur de valeur fixe/dynamique/variable que partout ailleurs dans
     l'outil (jamais la syntaxe "&#123;&#123; &#125;&#125;" brute à lire/taper). Inclus une
     fois par condition existante, et une fois de plus (avec une clause
     vide) dans le <template> cloné par "+ Ajouter une condition". -->
<div class="fieldRowCard box clauseRow">
  <div class="field">
    <label class="label is-small">Champ</label>
    <div class="control">
      <div class="select is-small is-fullwidth">
        <select class="clauseChampSelect" name="ctrl_{{ c.key }}_champ[]">
          <option value="">(sélectionner un objet d'abord)</option>
          {% for fname, flabel in c.field_options %}
          <option value="{{ fname }}" {{ 'selected' if clause.champ == fname else '' }}>{{ flabel }}</option>
          {% endfor %}
        </select>
      </div>
    </div>
  </div>
  <div class="field">
    <label class="label is-small">...est</label>
    <div class="control">
      <div class="select is-small is-fullwidth">
        <select class="clauseOperateurSelect" name="ctrl_{{ c.key }}_operateur[]">
          {% for opv, opl in c.operators %}
          <option value="{{ opv }}" {{ 'selected' if clause.operateur == opv else '' }}>{{ opl }}</option>
          {% endfor %}
        </select>
      </div>
    </div>
  </div>
  <div class="field">
    <label class="label is-small">...cette valeur</label>
    <div class="control filterValueControl" data-current-value="{{ clause.valeur or '' }}">
      <div class="select is-small is-fullwidth">
        <select class="filterValueMode" onchange="onFilterValueModeChange(this)">
          <option value="fixe">Valeur fixe</option>
          <option value="dynamique">Donnée d'un autre objet (change en jeu)</option>
          <option value="variable">Variable globale (change en jeu)</option>
        </select>
      </div>
      <div class="filterValueFixe" style="margin-top:6px;">
        <input class="input is-small" type="text" name="ctrl_{{ c.key }}_valeur[]" value="{{ clause.valeur or '' }}" placeholder="ex. 3">
      </div>
      <div class="filterValueDynamique" style="display:none; margin-top:6px;">
        <div class="select is-small is-fullwidth">
          <select class="filterValueObjSel" onchange="onFilterValueObjChange(this)">
            <option value="">— objet —</option>
            {% for d in definitions %}
            <option value="{{ d.name }}" data-definition-id="{{ d.id }}">{{ d.name }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="select is-small is-fullwidth" style="margin-top:6px;">
          <select class="filterValueFieldSel" onchange="onFilterValueFieldChange(this)">
            <option value="">— champ —</option>
          </select>
        </div>
      </div>
      <div class="filterValueVariable" style="display:none; margin-top:6px;">
        <div class="select is-small is-fullwidth">
          <select class="filterValueVarSel" onchange="onFilterValueVarChange(this)">
            <option value="">— variable —</option>
            {% for v in global_variables %}
            <option value="{{ v.name }}">{{ v.name }}</option>
            {% endfor %}
          </select>
        </div>
        <input class="input is-small filterValueVarPath" type="text" placeholder="Chemin optionnel (ex. .nom ou [0].valeur)" style="margin-top:6px;" oninput="updateFilterValueFromVariable(this.closest('.filterValueControl'))">
        {% if not global_variables %}
        <p class="help">Aucune variable globale pour l'instant — <a href="{{ url_for('game_dashboard', slug=game.slug, tab='variables') }}" target="_blank">crées-en une ↗</a></p>
        {% endif %}
      </div>
    </div>
  </div>
  <button type="button" class="button is-small is-danger clauseRemoveBtn">Retirer cette condition</button>
</div>