runique 2.1.14

A Django-inspired web framework for Rust with ORM, templates, and comprehensive security middleware
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131

/**
 * admin-list.js
 * Comportements de la vue liste admin :
 *   - init AdminActions (confirmations suppression)
 *   - bouton burger filtre (mobile)
 *   - repli/dépli de la sidebar filtres (desktop)
 *   - repli/dépli individuel des groupes de filtres
 *   - re-init automatique après swap HTMX
 */

function initAdminList() {
    'use strict';

    // ── AdminActions ──
    if (window.AdminActions) {
        new window.AdminActions().init();
    }

    // ── Cellules dépliables (clic sur td-data) ──
    document.querySelectorAll('.admin-table tbody').forEach(function (tbody) {
        tbody.addEventListener('click', function (e) {
            const cell = e.target.closest('td.admin-table__td-data');
            if (cell) cell.classList.toggle('expanded');
        });
    });

    // ── Expand lignes (mobile) ──
    document.querySelectorAll('.admin-table__expand-btn').forEach(function (btn) {
        btn.addEventListener('click', function (e) {
            e.stopPropagation();
            const tr = btn.closest('tr');
            const detailRow = tr.nextElementSibling;
            if (!detailRow || !detailRow.classList.contains('admin-table__row-detail')) return;
            const isOpen = detailRow.classList.toggle('open');
            btn.classList.toggle('open', isOpen);
            btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
        });
    });

    const sidebar = document.getElementById('filterSidebar');
    if (!sidebar) return;

    const toggle     = document.getElementById('filterToggle');
    const chevron    = toggle.querySelector('svg');
    const layout     = sidebar.closest('.admin-list__layout');
    const FILTER_KEY = 'runique_admin_filter_collapsed';
    const isMobile   = window.innerWidth <= 768;

    // ── Bouton burger filtre (mobile) + overlay ──
    const mobileBtn = document.getElementById('mobileFilterToggle');
    const overlay   = document.getElementById('filterOverlay');

    const openFilterPanel = () => {
        sidebar.classList.add('mobile-open');
        if (overlay) overlay.classList.add('active');
        if (mobileBtn) mobileBtn.setAttribute('aria-expanded', 'true');
    };

    const closeFilterPanel = () => {
        sidebar.classList.remove('mobile-open');
        if (overlay) overlay.classList.remove('active');
        if (mobileBtn) mobileBtn.setAttribute('aria-expanded', 'false');
    };

    if (mobileBtn) {
        mobileBtn.addEventListener('click', function () {
            sidebar.classList.contains('mobile-open') ? closeFilterPanel() : openFilterPanel();
        });
    }

    if (overlay) {
        overlay.addEventListener('click', closeFilterPanel);
    }

    // ── Sidebar filtres globale (desktop uniquement) ──
    if (!isMobile && sessionStorage.getItem(FILTER_KEY) === '1') {
        layout.classList.add('filter-collapsed');
        chevron.style.transform = 'rotate(180deg)';
    }

    toggle.addEventListener('click', function () {
        if (isMobile) { closeFilterPanel(); return; }
        const isCollapsed = layout.classList.toggle('filter-collapsed');
        chevron.style.transform = isCollapsed ? 'rotate(180deg)' : '';
        sessionStorage.setItem(FILTER_KEY, isCollapsed ? '1' : '0');
    });

    // ── Groupes de filtres individuels ──
    const RESOURCE = sidebar.dataset.resource;

    document.querySelectorAll('.admin-filter__group').forEach(function (group) {
        const col     = group.dataset.filterCol;
        const btn     = group.querySelector('.admin-filter__group-title');
        const body    = group.querySelector('.admin-filter__group-body');
        const grpChev = btn.querySelector('.admin-filter__chevron');
        const KEY     = 'runique_fg_' + RESOURCE + '_' + col;
        const stored  = sessionStorage.getItem(KEY);

        // Replié par défaut sauf préférence explicite (sessionStorage)
        const shouldCollapse = stored !== '1';
        if (shouldCollapse) {
            body.style.display = 'none';
            grpChev.style.transform = 'rotate(-90deg)';
            btn.setAttribute('aria-expanded', 'false');
        }

        btn.addEventListener('click', function () {
            const open = body.style.display === 'none';
            body.style.display = open ? '' : 'none';
            grpChev.style.transform = open ? '' : 'rotate(-90deg)';
            btn.setAttribute('aria-expanded', open ? 'true' : 'false');
            sessionStorage.setItem(KEY, open ? '1' : '0');
        });
    });
}

window.initAdminList = initAdminList;

// Init au chargement initial
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initAdminList);
} else {
    initAdminList();
}

// Re-init après chaque swap HTMX sur #list-content
document.body.addEventListener('htmx:afterSwap', function (e) {
    if (e.target.id === 'list-content') {
        initAdminList();
    }
});