| {{ r.id }} |
{% for f in definition.fields %}
{% set col = f.name|colname %}
-
+ |
{% if f.type == 'texte' %}
{% elif f.type == 'texte_long' %}
@@ -423,6 +433,7 @@
|
{% endfor %}
+
|
@@ -551,6 +562,25 @@
+
+
+
{% endif %}
{% endfor %}
@@ -814,6 +844,85 @@ function makeFloatPanelFullscreenable(panel, toggleBtn) {
};
})();
+// ---------- Filtre de colonnes (onglet Données) ----------
+function toggleColumnFilterMenu(definitionId) {
+ var menu = document.getElementById('columnFilterMenu-' + definitionId);
+ if (!menu) return;
+ var opening = menu.classList.contains('hidden');
+ // Un seul menu de filtre ouvert à la fois, tous objets confondus — évite
+ // d'en laisser traîner un ouvert par-dessus le panneau d'un autre objet.
+ document.querySelectorAll('.columnFilterMenu').forEach(function (m) { m.classList.add('hidden'); });
+ if (opening) menu.classList.remove('hidden');
+}
+document.addEventListener('click', function (e) {
+ if (e.target.closest('.columnFilterWrap')) return;
+ document.querySelectorAll('.columnFilterMenu').forEach(function (m) { m.classList.add('hidden'); });
+});
+function toggleDataColumn(definitionId, colKey, visible) {
+ var table = document.getElementById('dataTable-' + definitionId);
+ if (!table) return;
+ table.querySelectorAll('[data-col="' + colKey + '"]').forEach(function (cell) {
+ cell.style.display = visible ? '' : 'none';
+ });
+}
+
+// ---------- Panneau de détail d'une entrée (un par objet) ----------
+(function () {
+ document.querySelectorAll('.rowDetailPanel').forEach(function (panel) {
+ makeFloatPanelDraggable(panel, panel.querySelector('.floatPanelHeader'));
+ makeFloatPanelResizable(panel, panel.querySelector('.floatPanelResizeHandle'));
+ makeFloatPanelFullscreenable(panel, panel.querySelector('.floatPanelFullscreenBtn'));
+ });
+
+ // Reconstruit le contenu du panneau à chaque ouverture, en lisant
+ // directement la ligne correspondante du tableau "Données enregistrées"
+ // déjà affiché — pas d'aller-retour serveur, et ça reflète une
+ // modification tout juste saisie mais pas encore "Enregistrer"ée.
+ window.openRowDetailPanel = function (definitionId, rowId) {
+ var panel = document.querySelector('.rowDetailPanel[data-definition-id="' + definitionId + '"]');
+ var table = document.getElementById('dataTable-' + definitionId);
+ if (!panel || !table) return;
+ var row = table.querySelector('tr[data-row-id="' + rowId + '"]');
+ if (!row) return;
+
+ var body = panel.querySelector('.rowDetailPanelBody');
+ body.innerHTML = '';
+ var idField = document.createElement('div');
+ idField.className = 'rowDetailField';
+ idField.innerHTML = '#
' + rowId + '
';
+ body.appendChild(idField);
+
+ row.querySelectorAll('td[data-field-label]').forEach(function (cell) {
+ var label = cell.dataset.fieldLabel;
+ var control = cell.querySelector('input, textarea, select');
+ var value = '—';
+ if (control) {
+ if (control.type === 'checkbox') value = control.checked ? 'Oui' : 'Non';
+ else if (control.tagName === 'SELECT') value = control.options[control.selectedIndex] ? control.options[control.selectedIndex].text : '—';
+ else value = control.value || '—';
+ }
+ var field = document.createElement('div');
+ field.className = 'rowDetailField';
+ var labelEl = document.createElement('div');
+ labelEl.className = 'rowDetailLabel';
+ labelEl.textContent = label;
+ var valueEl = document.createElement('div');
+ valueEl.className = 'rowDetailValue';
+ valueEl.textContent = value;
+ field.appendChild(labelEl);
+ field.appendChild(valueEl);
+ body.appendChild(field);
+ });
+
+ panel.classList.remove('hidden');
+ panel._fsToggle.enter();
+ };
+ window.closeRowDetailPanel = function (definitionId) {
+ var panel = document.querySelector('.rowDetailPanel[data-definition-id="' + definitionId + '"]');
+ if (panel) panel.classList.add('hidden');
+ };
+})();
+
// 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