Forge-Engine/templates/object_edit.html

{% extends "base.html" %}
{% block title %}Modifier {{ definition.name }} — {{ game.name }}{% endblock %}
{% block content_class %}content-wide content-objectEdit{% endblock %}
{% block body_class %}objectEditBody{% endblock %}
{% block breadcrumb %}
<a class="crumb" href="{{ url_for('game_dashboard', slug=game.slug) }}">{{ game.name }}</a>
<span class="crumb-sep">/</span>
<a class="crumb" href="{{ url_for('object_view', slug=game.slug, definition_id=definition.id) }}">{{ definition.name }}</a>
<span class="crumb-sep">/</span><span class="crumb">Modifier</span>
{% endblock %}
{% block content %}
<h1>Modifier l'objet « {{ definition.name }} »</h1>
<p class="hint">Table SQL : {{ definition.table_name }}</p>

<form method="post" class="card fieldRow" style="align-items:flex-end;">
  <div>
    <label for="object_name">Nom de l'objet</label>
    <input type="text" id="object_name" name="object_name" value="{{ definition.name }}" required>
  </div>
  <button type="submit">Renommer</button>
</form>

<div class="twoCol">
  <!-- Colonne de gauche : ajouter un champ + supprimer l'objet -->
  <div class="colLeft">
    <h2>Ajouter un champ</h2>
    <form method="post" action="{{ url_for('object_field_add', slug=game.slug, definition_id=definition.id) }}" class="card" id="addFieldForm">
      <label>Nom du champ</label>
      <input type="text" name="field_name" placeholder="ex. nom, description, pv..." required>

      <label>Type</label>
      <select name="field_type" id="newFieldType">
        {% for key, val in field_types.items() %}
        <option value="{{ key }}">{{ val.label }}</option>
        {% endfor %}
      </select>

      <div id="newFieldRelationWrap" style="display:none; margin-top:8px;">
        <label>Objet lié</label>
        <select name="field_relation">
          {% for d in existing_definitions %}
          <option value="{{ d.id }}">{{ d.name }}</option>
          {% endfor %}
        </select>
        {% if not existing_definitions %}
        <p class="hint">Aucun autre objet défini dans ce jeu pour l'instant.</p>
        {% endif %}
      </div>

      <div id="newFieldBoundsWrap" class="fieldRow" style="display:none; margin-top:8px;">
        <div>
          <label>Valeur mini (optionnel)</label>
          <input type="number" step="any" name="field_min" placeholder="ex. 0">
        </div>
        <div>
          <label>Valeur maxi (optionnel)</label>
          <input type="number" step="any" name="field_max" placeholder="ex. 100">
        </div>
      </div>

      <label>Obligatoire ?</label>
      <select name="field_required">
        <option value="0">Non</option>
        <option value="1">Oui</option>
      </select>

      <div class="actionsRow">
        <button type="submit" class="primary">+ Ajouter ce champ</button>
      </div>
    </form>

    <div class="dangerZone">
      <h3>Supprimer cet objet</h3>
      <form method="post" action="{{ url_for('object_delete', slug=game.slug, definition_id=definition.id) }}"
            onsubmit="return confirm('Supprimer définitivement l\'objet « {{ definition.name }} », sa table et toutes ses données ? Cette action est irréversible.');">
        <button type="submit" class="danger">🗑️ Supprimer l'objet « {{ definition.name }} »</button>
      </form>
    </div>
  </div>

  <!-- Colonne de droite : champs existants, chacun modifiable -->
  <div class="colRight">
    <h2>Champs existants</h2>
    {% if definition.fields %}
    {% for f in definition.fields %}
    <form method="post" action="{{ url_for('object_field_edit', slug=game.slug, definition_id=definition.id, field_id=f.id) }}" id="fieldEditForm{{ f.id }}"></form>
    <form method="post" action="{{ url_for('object_field_delete', slug=game.slug, definition_id=definition.id, field_id=f.id) }}" id="fieldDeleteForm{{ f.id }}"
          onsubmit="return confirm('Retirer le champ « {{ f.name }} » ? Les données déjà enregistrées dans ce champ seront perdues.');"></form>
    {% endfor %}
    <div class="fieldsTableWrap">
      <table class="fieldsTable">
        <thead>
          <tr>
            <th>Nom du champ</th>
            <th>Type</th>
            <th>Objet lié</th>
            <th>Mini</th>
            <th>Maxi</th>
            <th>Obligatoire ?</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          {% for f in definition.fields %}
          <tr>
            <td><input type="text" form="fieldEditForm{{ f.id }}" name="field_name" value="{{ f.name }}" aria-label="Nom du champ « {{ f.name }} »" required></td>
            <td>{{ field_types.get(f.type, {}).get('label', f.type) }}</td>
            <td>
              {% if f.type == 'relation' %}
              <select form="fieldEditForm{{ f.id }}" name="field_relation" aria-label="Objet lié pour « {{ f.name }} »">
                {% for d in existing_definitions %}
                <option value="{{ d.id }}" {{ 'selected' if d.id == f.relation_definition_id else '' }}>{{ d.name }}</option>
                {% endfor %}
              </select>
              {% else %}
              <span class="hint">—</span>
              {% endif %}
            </td>
            <td>
              {% if f.type in ('nombre_entier', 'nombre_decimal') %}
              <input type="number" step="any" form="fieldEditForm{{ f.id }}" name="field_min" value="{{ f.min_value if f.min_value is not none else '' }}" placeholder="ex. 0" aria-label="Valeur mini pour « {{ f.name }} »">
              {% else %}
              <span class="hint">—</span>
              {% endif %}
            </td>
            <td>
              {% if f.type in ('nombre_entier', 'nombre_decimal') %}
              <input type="number" step="any" form="fieldEditForm{{ f.id }}" name="field_max" value="{{ f.max_value if f.max_value is not none else '' }}" placeholder="ex. 100" aria-label="Valeur maxi pour « {{ f.name }} »">
              {% else %}
              <span class="hint">—</span>
              {% endif %}
            </td>
            <td>
              <select form="fieldEditForm{{ f.id }}" name="field_required" aria-label="« {{ f.name }} » obligatoire ?">
                <option value="0" {{ 'selected' if not f.required else '' }}>Non</option>
                <option value="1" {{ 'selected' if f.required else '' }}>Oui</option>
              </select>
            </td>
            <td class="fieldsTableActions">
              <button type="submit" form="fieldEditForm{{ f.id }}" class="smallBtn">Enregistrer</button>
              <button type="submit" form="fieldDeleteForm{{ f.id }}" class="smallBtn danger">🗑️</button>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    <p class="hint">Mini/Maxi (bornage automatique) : laisser vide = pas de limite. S'applique à "Donner cette valeur", "Augmenter de..." et "Diminuer de..." dans le graphe de logique.</p>
    {% else %}
    <p class="hint">Aucun champ pour l'instant.</p>
    {% endif %}
  </div>
</div>

<script>
  (function(){
    var sel = document.getElementById('newFieldType');
    var relWrap = document.getElementById('newFieldRelationWrap');
    var boundsWrap = document.getElementById('newFieldBoundsWrap');
    var NUMERIC_TYPES = ['nombre_entier', 'nombre_decimal'];
    function sync(){
      relWrap.style.display = sel.value === 'relation' ? 'block' : 'none';
      boundsWrap.style.display = NUMERIC_TYPES.indexOf(sel.value) !== -1 ? 'flex' : 'none';
    }
    sel.addEventListener('change', sync);
    sync();
  })();
</script>
{% endblock %}