Ajoute l'onglet "Données" au panneau objet, retire object_view.html
Suite de la demande : le panneau "Modifier un objet" (crayon ✏️, onglet Objets du tableau de bord) a maintenant 2 sous-onglets — "Champs" (déjà en place) et "Données", qui reprend data_list.html + data_form.html (retirés) : ajouter une entrée (une ligne compacte avec le bon type de champ par colonne — texte/nombre/case à cocher/date/relation, comme l'ancien formulaire), modifier/supprimer une entrée existante (tableau dense, cellules éditables en ligne, même principe que "Champs existants"). Sous-onglets scopés au panneau de LEUR objet (switchObjectPanelTab(), classes .objectPanelTabs/.objectPanelTabPanel distinctes de .builderTabs/ .builderTabPanel) — plusieurs objets ont chacun leurs propres sous-onglets indépendants sur la même page, sans jamais interférer avec les onglets du tableau de bord lui-même. routes/games/game_dashboard.py fournit maintenant, par objet : ses lignes (rows_by_definition), les libellés lisibles de ses champs relation (relation_labels_by_definition, pour l'affichage) et leurs options (relation_options_by_definition, pour les <select>), ainsi que referenced_by_definition (avertissement permanent si un autre objet a une relation vers celui-ci — repris de l'ancien object_view.py, affiché maintenant en continu plutôt qu'après une tentative de suppression échouée). data_form.py (partagé par data_new/data_edit), data_delete.py et object_delete.py redirigent maintenant vers le tableau de bord (?edit=<id>&subtab=data, +?blocked_row=<id> si la suppression d'une entrée est bloquée par une relation) au lieu de object_view/object_edit. Piège évité : de nombreux tests déduisent l'id d'un objet fraîchement créé du DERNIER SEGMENT du chemin dans le header Location d'une redirection (.../objects/<id>) — rediriger object_new directement vers le tableau de bord (chemin sans id) cassait donc 33 tests d'un coup. Fix : object_view.py reste en place, mais seulement comme redirecteur (plus de page rendue) — object_new redirige toujours vers lui (chemin qui se termine par l'id, donc les tests continuent de fonctionner), qui redirige à son tour vers le tableau de bord. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
william
co-authored by
Claude Sonnet 5
Claude Sonnet 5
parent
b8dfdcb205
commit
0e390a679b
+231
-90
@@ -75,7 +75,7 @@
|
||||
<tbody>
|
||||
{% for d in definitions %}
|
||||
<tr>
|
||||
<td><a href="{{ url_for('object_view', slug=game.slug, definition_id=d.id) }}">{{ d.name }}</a></td>
|
||||
<td><button type="button" class="linkLikeButton" onclick="openObjectEditPanel({{ d.id }})">{{ d.name }}</button></td>
|
||||
<td class="has-text-grey">{{ d.table_name }}</td>
|
||||
<td class="fieldsTableActions">
|
||||
<button type="button" class="button is-small" onclick="openObjectEditPanel({{ d.id }})" title="Modifier cet objet">✏️</button>
|
||||
@@ -275,94 +275,214 @@
|
||||
</form>
|
||||
<p class="help mb-3">Table SQL : {{ definition.table_name }}</p>
|
||||
|
||||
<h2>Ajouter un champ</h2>
|
||||
<form method="post" action="{{ url_for('object_field_add', slug=game.slug, definition_id=d.id) }}" class="dashCreateBar objectAddFieldBar">
|
||||
<input type="text" name="field_name" placeholder="Nom du champ" required autocomplete="off">
|
||||
<select name="field_type" class="fieldTypeSelect">
|
||||
{% for key, val in field_types.items() %}
|
||||
<option value="{{ key }}">{{ val.label }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<select name="field_relation" class="relationTarget" style="display:none;">
|
||||
{% for od in existing_definitions %}
|
||||
<option value="{{ od.id }}">{{ od.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<input type="number" step="any" name="field_min" placeholder="Mini" class="boundsTarget" style="display:none;">
|
||||
<input type="number" step="any" name="field_max" placeholder="Maxi" class="boundsTarget" style="display:none;">
|
||||
<select name="field_required">
|
||||
<option value="0">Non obligatoire</option>
|
||||
<option value="1">Obligatoire</option>
|
||||
</select>
|
||||
<button type="submit" class="primary">+ Ajouter</button>
|
||||
</form>
|
||||
|
||||
<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=d.id, field_id=f.id) }}" id="fieldEditForm{{ f.id }}"></form>
|
||||
<form method="post" action="{{ url_for('object_field_delete', slug=game.slug, definition_id=d.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="table is-fullwidth is-hoverable fieldsTable">
|
||||
<thead>
|
||||
<tr><th>Nom</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 class="input is-small" 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' %}
|
||||
<div class="select is-small">
|
||||
<select form="fieldEditForm{{ f.id }}" name="field_relation" aria-label="Objet lié pour « {{ f.name }} »">
|
||||
{% for od in existing_definitions %}
|
||||
<option value="{{ od.id }}" {{ 'selected' if od.id == f.relation_definition_id else '' }}>{{ od.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
{% else %}
|
||||
<span class="has-text-grey">—</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
{% if f.type in ('nombre_entier', 'nombre_decimal') %}
|
||||
<input class="input is-small" 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="has-text-grey">—</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
{% if f.type in ('nombre_entier', 'nombre_decimal') %}
|
||||
<input class="input is-small" 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="has-text-grey">—</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
<div class="select is-small">
|
||||
<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>
|
||||
</div>
|
||||
</td>
|
||||
<td class="fieldsTableActions">
|
||||
<button type="submit" form="fieldEditForm{{ f.id }}" class="button is-small">Enregistrer</button>
|
||||
<button type="submit" form="fieldDeleteForm{{ f.id }}" class="button is-small is-danger">🗑️</button>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% if referenced_by_definition.get(d.id) %}
|
||||
<div class="warningBanner">
|
||||
⚠️ D'autres objets ont une relation vers « {{ definition.name }} » :
|
||||
{{ referenced_by_definition[d.id]|map(attribute='name')|join(', ') }}.
|
||||
La suppression de cet objet est bloquée tant que ces relations existent.
|
||||
</div>
|
||||
<p class="help">Mini/Maxi (bornage automatique) : laisser vide = pas de limite.</p>
|
||||
{% else %}
|
||||
<p class="help">Aucun champ pour l'instant.</p>
|
||||
{% endif %}
|
||||
|
||||
<!-- Sous-onglets Champs/Données de CE panneau — classes distinctes de
|
||||
.builderTabs/.builderTabBtn/.builderTabPanel (onglets du tableau de
|
||||
bord lui-même) pour ne jamais interférer avec eux : switchDashTab()
|
||||
cible ces classes globalement, alors que switchObjectPanelTab()
|
||||
reste scopé au panneau de CET objet (plusieurs objets = plusieurs
|
||||
jeux de sous-onglets indépendants sur la même page). -->
|
||||
<div class="builderTabs objectPanelTabs">
|
||||
<button type="button" class="builderTabBtn active" data-optab="fields" onclick="switchObjectPanelTab(this, 'fields')">Champs <span class="dashTabCount">{{ definition.fields|length }}</span></button>
|
||||
<button type="button" class="builderTabBtn" data-optab="data" onclick="switchObjectPanelTab(this, 'data')">Données <span class="dashTabCount">{{ rows_by_definition[d.id]|length }}</span></button>
|
||||
</div>
|
||||
|
||||
<div class="objectPanelTabPanel active" data-optab-panel="fields">
|
||||
<div class="dashPanelHeader">
|
||||
<h2>Ajouter un champ</h2>
|
||||
</div>
|
||||
<form method="post" action="{{ url_for('object_field_add', slug=game.slug, definition_id=d.id) }}" class="dashCreateBar objectAddFieldBar">
|
||||
<input type="text" name="field_name" placeholder="Nom du champ" required autocomplete="off">
|
||||
<select name="field_type" class="fieldTypeSelect">
|
||||
{% for key, val in field_types.items() %}
|
||||
<option value="{{ key }}">{{ val.label }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<select name="field_relation" class="relationTarget" style="display:none;">
|
||||
{% for od in existing_definitions %}
|
||||
<option value="{{ od.id }}">{{ od.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<input type="number" step="any" name="field_min" placeholder="Mini" class="boundsTarget" style="display:none;">
|
||||
<input type="number" step="any" name="field_max" placeholder="Maxi" class="boundsTarget" style="display:none;">
|
||||
<select name="field_required">
|
||||
<option value="0">Non obligatoire</option>
|
||||
<option value="1">Obligatoire</option>
|
||||
</select>
|
||||
<button type="submit" class="primary">+ Ajouter</button>
|
||||
</form>
|
||||
|
||||
<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=d.id, field_id=f.id) }}" id="fieldEditForm{{ f.id }}"></form>
|
||||
<form method="post" action="{{ url_for('object_field_delete', slug=game.slug, definition_id=d.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="table is-fullwidth is-hoverable fieldsTable">
|
||||
<thead>
|
||||
<tr><th>Nom</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 class="input is-small" 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' %}
|
||||
<div class="select is-small">
|
||||
<select form="fieldEditForm{{ f.id }}" name="field_relation" aria-label="Objet lié pour « {{ f.name }} »">
|
||||
{% for od in existing_definitions %}
|
||||
<option value="{{ od.id }}" {{ 'selected' if od.id == f.relation_definition_id else '' }}>{{ od.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
{% else %}
|
||||
<span class="has-text-grey">—</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
{% if f.type in ('nombre_entier', 'nombre_decimal') %}
|
||||
<input class="input is-small" 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="has-text-grey">—</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
{% if f.type in ('nombre_entier', 'nombre_decimal') %}
|
||||
<input class="input is-small" 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="has-text-grey">—</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
<div class="select is-small">
|
||||
<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>
|
||||
</div>
|
||||
</td>
|
||||
<td class="fieldsTableActions">
|
||||
<button type="submit" form="fieldEditForm{{ f.id }}" class="button is-small">Enregistrer</button>
|
||||
<button type="submit" form="fieldDeleteForm{{ f.id }}" class="button is-small is-danger">🗑️</button>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="help">Mini/Maxi (bornage automatique) : laisser vide = pas de limite.</p>
|
||||
{% else %}
|
||||
<p class="help">Aucun champ pour l'instant.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="objectPanelTabPanel" data-optab-panel="data">
|
||||
{% set blocked_row_id = request.args.get('blocked_row') if request.args.get('edit') == d.id|string else none %}
|
||||
{% if blocked_row_id %}
|
||||
<div class="warningBanner">
|
||||
⚠️ Impossible de supprimer l'entrée #{{ blocked_row_id }} : elle est référencée ailleurs. Modifie ou supprime d'abord ces entrées.
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="dashPanelHeader">
|
||||
<h2>Ajouter une entrée</h2>
|
||||
</div>
|
||||
{% if definition.fields %}
|
||||
<form method="post" action="{{ url_for('data_new', slug=game.slug, definition_id=d.id) }}" class="dashCreateBar">
|
||||
{% for f in definition.fields %}
|
||||
{% set col = f.name|colname %}
|
||||
{% if f.type == 'texte' %}
|
||||
<input type="text" name="{{ col }}" placeholder="{{ f.name }}{{ ' *' if f.required else '' }}" {{ 'required' if f.required else '' }}>
|
||||
{% elif f.type == 'texte_long' %}
|
||||
<textarea name="{{ col }}" placeholder="{{ f.name }}{{ ' *' if f.required else '' }}" rows="1" {{ 'required' if f.required else '' }}></textarea>
|
||||
{% elif f.type == 'nombre_entier' %}
|
||||
<input type="number" step="1" name="{{ col }}" placeholder="{{ f.name }}{{ ' *' if f.required else '' }}" {{ 'required' if f.required else '' }}>
|
||||
{% elif f.type == 'nombre_decimal' %}
|
||||
<input type="number" step="any" name="{{ col }}" placeholder="{{ f.name }}{{ ' *' if f.required else '' }}" {{ 'required' if f.required else '' }}>
|
||||
{% elif f.type == 'booleen' %}
|
||||
<label class="checkbox" style="white-space:nowrap; align-self:center;"><input type="checkbox" name="{{ col }}"> {{ f.name }}</label>
|
||||
{% elif f.type == 'date' %}
|
||||
<input type="date" name="{{ col }}" title="{{ f.name }}" {{ 'required' if f.required else '' }}>
|
||||
{% elif f.type == 'relation' %}
|
||||
<select name="{{ col }}_id" title="{{ f.name }}" {{ 'required' if f.required else '' }}>
|
||||
<option value="">{{ f.name }} : —</option>
|
||||
{% for opt in relation_options_by_definition[d.id].get(f.id, []) %}
|
||||
<option value="{{ opt.id }}">{{ opt.label }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<button type="submit" class="primary">+ Ajouter</button>
|
||||
</form>
|
||||
|
||||
<h2>Données enregistrées</h2>
|
||||
{% set rows = rows_by_definition[d.id] %}
|
||||
{% if rows %}
|
||||
{% for r in rows %}
|
||||
<form method="post" action="{{ url_for('data_edit', slug=game.slug, definition_id=d.id, row_id=r.id) }}" id="dataEditForm{{ r.id }}"></form>
|
||||
<form method="post" action="{{ url_for('data_delete', slug=game.slug, definition_id=d.id, row_id=r.id) }}" id="dataDeleteForm{{ r.id }}"
|
||||
onsubmit="return confirm('Supprimer définitivement l\'entrée #{{ r.id }} ?');"></form>
|
||||
{% endfor %}
|
||||
<div class="fieldsTableWrap">
|
||||
<table class="table is-fullwidth is-hoverable dataTable fieldsTable">
|
||||
<thead>
|
||||
<tr><th>#</th>{% for f in definition.fields %}<th>{{ f.name }}</th>{% endfor %}<th></th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for r in rows %}
|
||||
<tr>
|
||||
<td>{{ r.id }}</td>
|
||||
{% for f in definition.fields %}
|
||||
{% set col = f.name|colname %}
|
||||
<td>
|
||||
{% if f.type == 'texte' %}
|
||||
<input class="input is-small" type="text" form="dataEditForm{{ r.id }}" name="{{ col }}" value="{{ r[col] or '' }}">
|
||||
{% elif f.type == 'texte_long' %}
|
||||
<textarea class="textarea is-small" form="dataEditForm{{ r.id }}" name="{{ col }}" rows="1">{{ r[col] or '' }}</textarea>
|
||||
{% elif f.type in ('nombre_entier', 'nombre_decimal') %}
|
||||
<input class="input is-small" type="number" step="{{ '1' if f.type == 'nombre_entier' else 'any' }}" form="dataEditForm{{ r.id }}" name="{{ col }}" value="{{ r[col] if r[col] is not none else '' }}">
|
||||
{% elif f.type == 'booleen' %}
|
||||
<label class="checkbox"><input type="checkbox" form="dataEditForm{{ r.id }}" name="{{ col }}" {{ 'checked' if r[col] else '' }}></label>
|
||||
{% elif f.type == 'date' %}
|
||||
<input class="input is-small" type="date" form="dataEditForm{{ r.id }}" name="{{ col }}" value="{{ r[col] or '' }}">
|
||||
{% elif f.type == 'relation' %}
|
||||
<div class="select is-small">
|
||||
<select form="dataEditForm{{ r.id }}" name="{{ col }}_id">
|
||||
<option value="">—</option>
|
||||
{% for opt in relation_options_by_definition[d.id].get(f.id, []) %}
|
||||
<option value="{{ opt.id }}" {{ 'selected' if r[col ~ '_id'] == opt.id else '' }}>{{ opt.label }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
{% endif %}
|
||||
</td>
|
||||
{% endfor %}
|
||||
<td class="fieldsTableActions">
|
||||
<button type="submit" form="dataEditForm{{ r.id }}" class="button is-small">Enregistrer</button>
|
||||
<button type="submit" form="dataDeleteForm{{ r.id }}" class="button is-small is-danger">🗑️</button>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% else %}
|
||||
<p class="hint">Aucune donnée enregistrée pour l'instant.</p>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<p class="hint">Ajoute d'abord au moins un champ pour pouvoir enregistrer des données.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="dangerZone">
|
||||
<h3>Supprimer cet objet</h3>
|
||||
<form method="post" action="{{ url_for('object_delete', slug=game.slug, definition_id=d.id) }}"
|
||||
@@ -531,10 +651,15 @@ function makeFloatPanelResizable(panel, handle) {
|
||||
typeSelect.addEventListener('change', syncAddFieldVisibility);
|
||||
syncAddFieldVisibility();
|
||||
});
|
||||
window.openObjectEditPanel = function (definitionId) {
|
||||
window.openObjectEditPanel = function (definitionId, subtab) {
|
||||
document.querySelectorAll('.objectEditPanel').forEach(function (panel) {
|
||||
panel.classList.toggle('hidden', panel.dataset.definitionId !== String(definitionId));
|
||||
});
|
||||
if (subtab) {
|
||||
var panel = document.querySelector('.objectEditPanel[data-definition-id="' + definitionId + '"]');
|
||||
var btn = panel && panel.querySelector('.objectPanelTabs [data-optab="' + subtab + '"]');
|
||||
if (btn) switchObjectPanelTab(btn, subtab);
|
||||
}
|
||||
};
|
||||
window.closeObjectEditPanel = function (definitionId) {
|
||||
var panel = document.querySelector('.objectEditPanel[data-definition-id="' + definitionId + '"]');
|
||||
@@ -542,12 +667,28 @@ function makeFloatPanelResizable(panel, handle) {
|
||||
};
|
||||
|
||||
// Réouverture automatique après un aller-retour serveur (ajout/édition/
|
||||
// suppression d'un champ, renommage...) : ?edit=<id>, posé par les
|
||||
// suppression d'un champ ou d'une entrée, renommage...) : ?edit=<id>
|
||||
// (et ?subtab=data pour rouvrir sur le bon sous-onglet), posés par les
|
||||
// routes concernées (voir routes/objects/) sur leur redirection vers ce
|
||||
// tableau de bord — sans ça, chaque action fermait le panneau et
|
||||
// obligeait à recliquer sur le crayon pour voir le résultat.
|
||||
// obligeait à recliquer pour voir le résultat.
|
||||
var requestedEdit = {{ (request.args.get('edit') or '')|tojson }};
|
||||
if (requestedEdit) openObjectEditPanel(requestedEdit);
|
||||
var requestedSubtab = {{ (request.args.get('subtab') or '')|tojson }};
|
||||
if (requestedEdit) openObjectEditPanel(requestedEdit, requestedSubtab);
|
||||
})();
|
||||
|
||||
// Sous-onglets Champs/Données d'UN panneau précis (voir plus haut) — scopé
|
||||
// au panneau ancêtre du bouton cliqué, jamais global (plusieurs objets
|
||||
// peuvent chacun avoir leurs sous-onglets sur leur propre panneau, en même
|
||||
// temps, sur la même page).
|
||||
function switchObjectPanelTab(btn, tab) {
|
||||
var panel = btn.closest('.objectEditPanel');
|
||||
panel.querySelectorAll('.objectPanelTabs .builderTabBtn').forEach(function (b) {
|
||||
b.classList.toggle('active', b.dataset.optab === tab);
|
||||
});
|
||||
panel.querySelectorAll('.objectPanelTabPanel').forEach(function (p) {
|
||||
p.classList.toggle('active', p.dataset.optabPanel === tab);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user