Luca Banfi
49 lines
3.0 KiB
HTML
49 lines
3.0 KiB
HTML
<section class="report-header">
|
|
<div class="report-toolbar">
|
|
<div class="toolbar-row1">
|
|
<div class="toolbar-right-row1">
|
|
<button id="btn-reset" class="btn-action">Reset</button>
|
|
<span class="report-count" id="visible-count"></span>
|
|
<button id="btn-toggle-filters" class="btn-toggle-filters" title="Mostra/nascondi filtri">
|
|
<svg id="filters-arrow" class="filters-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 6 15 12 9 18"/></svg>
|
|
<span class="filters-btn-text">Filtri</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="filters-collapsible" class="filters-collapsible">
|
|
<div class="filters-collapsible-inner">
|
|
<div class="report-filters">
|
|
<div class="filter-group">
|
|
<label class="filter-label">Dal <input type="date" id="f-da"></label>
|
|
<label class="filter-label">Al <input type="date" id="f-a"></label>
|
|
<label class="filter-label">ID Sessione <input type="text" id="f-sid" placeholder="es. 123" style="width:80px;padding:.3rem .5rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;"></label>
|
|
<button id="btn-filter" class="btn-action btn-primary">Filtra</button>
|
|
</div>
|
|
<div class="filter-group">
|
|
<label class="chk-label"><input type="checkbox" class="tipo-chk" value="nuovo" checked> <span class="badge ok">Nuovo</span></label>
|
|
<label class="chk-label"><input type="checkbox" class="tipo-chk" value="modificato" checked> <span class="badge warn">Modificato</span></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div class="tw">${tbl_report}</div>
|
|
</section>
|
|
|
|
<div class="floating-report-ctrl">
|
|
<button id="btn-toggle-view" class="btn-toggle">⧧ Raggruppa corso</button>
|
|
</div>
|
|
|
|
<!-- ── Docs Modal ───────────────────────────────────────────────────────── -->
|
|
<div id="docs-modal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;align-items:center;justify-content:center;">
|
|
<div style="background:#fff;border-radius:8px;padding:24px;min-width:520px;max-width:80vw;max-height:80vh;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 32px rgba(0,0,0,.25);">
|
|
<div style="display:flex;align-items:center;justify-content:space-between;">
|
|
<h3 style="margin:0;font-size:1rem;color:#1e293b;">📄 Documenti — <span id="docs-modal-corso"></span><br><small style="font-weight:400;color:#64748b;">sessione <span id="docs-modal-sid" style="color:#2563eb;"></span></small></h3>
|
|
<button id="docs-modal-close" style="background:none;border:none;font-size:1.4rem;cursor:pointer;color:#64748b;line-height:1;" title="Chiudi">×</button>
|
|
</div>
|
|
<div id="docs-modal-body" style="overflow-y:auto;flex:1;"></div>
|
|
</div>
|
|
</div>
|