| |
| |
| |
| (function (global) { |
| 'use strict'; |
|
|
| const LS_KEY_LEGACY = 'alm-rep-reports'; |
| const LS_SIDEBAR_KEY = 'alm-rep-sidebar-collapsed'; |
| let deps = null; |
| let currentUser = null; |
| let initWired = false; |
| let store = { activeId: null, reports: [] }; |
| let ui = { |
| view: 'work', |
| segFilter: 'all', |
| tableSearch: '', |
| sidebarSearch: '', |
| saveMode: 'local', |
| serverAvailable: false, |
| sidebarCollapsed: false, |
| collecting: false, |
| lastWorkActiveId: null, |
| archivePreviewId: null, |
| tableSortK: null, |
| tableSortAsc: true, |
| }; |
|
|
| let pickPending = null; |
| let deletePendingId = null; |
| let storeRev = 0; |
| let serverTimer = null; |
| let saveInFlight = false; |
| let saveQueued = false; |
| let saveStatus = 'idle'; |
|
|
| const COLS = 10; |
|
|
| const ICON_ARCHIVE = |
| '<svg viewBox="0 0 16 16" width="15" height="15" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="12" height="3" rx=".5"/><path d="M3 5v7.5a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5"/><path d="M6.5 8h3"/></svg>'; |
| const ICON_TRASH = |
| '<svg viewBox="0 0 16 16" width="15" height="15" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 4.5h11"/><path d="M5.5 4.5V3.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v1"/><path d="M5 4.5l.6 8a1 1 0 0 0 1 .9h2.8a1 1 0 0 0 1-.9l.6-8"/><path d="M6.5 7.2v4"/><path d="M9.5 7.2v4"/></svg>'; |
| const ICON_RESTORE = |
| '<svg viewBox="0 0 16 16" width="15" height="15" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="12" height="3" rx=".5"/><path d="M3 5v7.5a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5"/><path d="M8 11V7"/><path d="M6 9l2-2 2 2"/></svg>'; |
|
|
| function val(k) { |
| const v = deps[k]; |
| return typeof v === 'function' ? v() : v; |
| } |
|
|
| function esc(s) { |
| return deps.escHtml(String(s ?? '')); |
| } |
|
|
| function attrEsc(s) { |
| return String(s ?? '').replace(/&/g, '&').replace(/"/g, '"'); |
| } |
|
|
| function migrateItem(ri) { |
| if (!ri.decision) { |
| if (ri.status === 'ok') ri.decision = 'approved'; |
| else if (ri.status === 'rejected') ri.decision = 'rejected'; |
| else ri.decision = 'pending'; |
| } |
| delete ri.status; |
| delete ri.alignMsg; |
| delete ri.checkedAt; |
| return ri; |
| } |
|
|
| function migrateReport(r) { |
| if (!r.status) r.status = r.savedAt ? 'saved' : 'draft'; |
| if (r.loaded === undefined) r.loaded = !!(r.items && r.items.length); |
| for (const it of r.items || []) migrateItem(it); |
| return r; |
| } |
|
|
| function migrateStore() { |
| for (const r of store.reports) migrateReport(r); |
| } |
|
|
| function lsKey(user) { |
| const u = (user || currentUser || '').trim().toLowerCase(); |
| return u ? `alm-rep-reports-${u}` : LS_KEY_LEGACY; |
| } |
|
|
| function apiFetchOpts(extra) { |
| const base = extra || {}; |
| const headers = global.almAuthHeaders |
| ? global.almAuthHeaders(base.headers || {}) |
| : { ...(base.headers || {}) }; |
| return { credentials: 'include', ...base, headers }; |
| } |
|
|
| function loadLocal(user) { |
| const u = (user || currentUser || '').trim().toLowerCase(); |
| if (!u) return; |
| currentUser = u; |
| try { |
| const raw = localStorage.getItem(lsKey(u)); |
| if (raw) { |
| const parsed = JSON.parse(raw); |
| if (parsed && Array.isArray(parsed.reports)) { |
| store = { activeId: null, reports: parsed.reports }; |
| migrateStore(); |
| } |
| } |
| } catch (_) {} |
| } |
|
|
| function saveLocal() { |
| if (!currentUser) return; |
| try { |
| localStorage.setItem( |
| lsKey(currentUser), |
| JSON.stringify({ activeId: null, reports: store.reports }) |
| ); |
| } catch (_) {} |
| } |
|
|
| function maybeImportLegacyLocal() { |
| if (store.reports.length) return; |
| try { |
| const raw = localStorage.getItem(LS_KEY_LEGACY); |
| if (!raw) return; |
| const parsed = JSON.parse(raw); |
| if (!parsed?.reports?.length) return; |
| store.reports = parsed.reports; |
| migrateStore(); |
| localStorage.removeItem(LS_KEY_LEGACY); |
| } catch (_) {} |
| } |
|
|
| function activeReport() { |
| return store.reports.find((r) => r.id === store.activeId) || null; |
| } |
|
|
| function activeDraftReport() { |
| const r = activeReport(); |
| return r && r.status !== 'saved' ? r : null; |
| } |
|
|
| function isCollectPage() { |
| const pg = val('curPage'); |
| return pg === 'explorar' || pg === 'arvore' || pg === 'sugestao'; |
| } |
|
|
| function showReportHeader() { |
| const pg = val('curPage'); |
| return pg === 'explorar' || pg === 'arvore' || pg === 'sugestao' || pg === 'relatorio'; |
| } |
|
|
| function draftReportsSorted() { |
| return [...store.reports.filter((r) => r.status !== 'saved')].sort((a, b) => { |
| const ta = new Date(a.updatedAt || a.createdAt || 0).getTime(); |
| const tb = new Date(b.updatedAt || b.createdAt || 0).getTime(); |
| return tb - ta; |
| }); |
| } |
|
|
| function resolveWorkActiveId() { |
| const drafts = draftReportsSorted(); |
| if (ui.lastWorkActiveId && drafts.some((r) => r.id === ui.lastWorkActiveId)) return ui.lastWorkActiveId; |
| if (store.activeId && drafts.some((r) => r.id === store.activeId)) return store.activeId; |
| return null; |
| } |
|
|
| function reportsForSidebar() { |
| let list; |
| if (ui.view === 'archive') list = store.reports.filter((r) => r.status === 'saved'); |
| else list = draftReportsSorted(); |
| const q = (ui.sidebarSearch || '').trim().toLowerCase(); |
| if (q) list = list.filter((r) => (r.name || '').toLowerCase().includes(q)); |
| return list; |
| } |
|
|
| function reportsForHeaderPicker() { |
| return draftReportsSorted(); |
| } |
|
|
| function scopeSnapshot() { |
| return { |
| sel: deps.selectionToParam(val('curSelection')), |
| cob: deps.filterParamFromSet(deps.cobSel), |
| sup: deps.filterParamFromSet(deps.supSel), |
| rop: deps.filterParamFromSet(deps.ropSel), |
| st: deps.filterParamFromSet(deps.stSel), |
| rupt: deps.ruptSel.has('pipe') ? 'pipe' : deps.ruptSel.has('liq') ? 'liq' : deps.ruptSel.has('1') ? '1' : '', |
| q: document.getElementById('busca')?.value?.trim() || '', |
| sort: val('sortK'), |
| asc: !!val('sortAsc'), |
| }; |
| } |
|
|
| function candidateRows() { |
| const out = []; |
| for (const x of deps.getFilteredList()) { |
| const s = deps.computeSugestao(x); |
| if (s) out.push({ x, s }); |
| } |
| return out; |
| } |
|
|
| function candidateCount() { |
| return candidateRows().length; |
| } |
|
|
| function findLive(p) { |
| const f = deps.findItem(p); |
| if (!f) return null; |
| const x = f.it; |
| return x._seg ? x : Object.assign({ _seg: f.seg }, x); |
| } |
|
|
| function projectedCob(x, orderQty) { |
| const dem = deps.demandM(x) || x.dem || 0; |
| if (dem <= 0) return null; |
| const onh = (x.o || 0) + (x.po_qp || 0) + (x.pr_q || 0) + (orderQty || 0); |
| return onh / dem; |
| } |
|
|
| function persistStore() { |
| storeRev += 1; |
| saveLocal(); |
| scheduleServerSave(); |
| } |
|
|
| function touchReport(r) { |
| r.updatedAt = new Date().toISOString(); |
| persistStore(); |
| } |
|
|
| function wireTitleInput(el, r) { |
| if (!el) return; |
| let nameTimer = null; |
| const applyName = (raw) => { |
| r.name = String(raw || '').trim() || r.name; |
| clearTimeout(nameTimer); |
| nameTimer = setTimeout(() => { |
| touchReport(r); |
| renderSidebar(); |
| renderHeaderBanner(); |
| }, 400); |
| }; |
| el.addEventListener('input', (e) => applyName(e.target.value)); |
| el.addEventListener('change', (e) => applyName(e.target.value)); |
| } |
|
|
| function newId() { |
| return 'r' + Date.now().toString(36) + Math.random().toString(36).slice(2, 7); |
| } |
|
|
| function createReport(name, opts = {}) { |
| const enterCollect = opts.enterCollect !== false; |
| const r = { |
| id: newId(), |
| name: (name || '').trim() || defaultReportName(), |
| createdAt: new Date().toISOString(), |
| updatedAt: new Date().toISOString(), |
| status: 'draft', |
| scope: {}, |
| items: [], |
| loaded: false, |
| }; |
| store.reports.unshift(r); |
| store.activeId = r.id; |
| ui.lastWorkActiveId = r.id; |
| ui.archivePreviewId = null; |
| ui.view = 'work'; |
| persistStore(); |
| if (enterCollect) enterCollectMode(r.id); |
| deps.syncUrl(); |
| render(); |
| return r; |
| } |
|
|
| function performDeleteReport(id) { |
| store.reports = store.reports.filter((r) => r.id !== id); |
| if (ui.archivePreviewId === id) ui.archivePreviewId = null; |
| if (ui.lastWorkActiveId === id) ui.lastWorkActiveId = null; |
| if (store.activeId === id) { |
| store.activeId = ui.view === 'work' ? resolveWorkActiveId() : null; |
| if (ui.collecting) exitCollectMode(); |
| } |
| persistStore(); |
| deps.syncUrl(); |
| render(); |
| } |
|
|
| function openDeleteModal(id) { |
| const r = store.reports.find((x) => x.id === id); |
| if (!r) return; |
| deletePendingId = id; |
| const m = document.getElementById('rep-delete-modal'); |
| const msg = document.getElementById('rep-delete-msg'); |
| if (msg) msg.textContent = `Excluir relatório «${r.name}»? Esta ação não pode ser desfeita.`; |
| if (m) { |
| m.classList.add('open'); |
| m.setAttribute('aria-hidden', 'false'); |
| document.getElementById('rep-delete-cancel')?.focus(); |
| } |
| } |
|
|
| function closeDeleteModal() { |
| deletePendingId = null; |
| const m = document.getElementById('rep-delete-modal'); |
| if (!m) return; |
| m.classList.remove('open'); |
| m.setAttribute('aria-hidden', 'true'); |
| } |
|
|
| function confirmDeleteReport() { |
| const id = deletePendingId; |
| if (!id) return; |
| closeDeleteModal(); |
| performDeleteReport(id); |
| } |
|
|
| function deleteReport(id) { |
| openDeleteModal(id); |
| } |
|
|
| function archiveReport(id) { |
| const r = store.reports.find((x) => x.id === id); |
| if (!r || r.status === 'saved') return; |
| if (!r.items.length) { |
| alert('Adicione itens antes de arquivar.'); |
| return; |
| } |
| r.status = 'saved'; |
| r.savedAt = new Date().toISOString(); |
| touchReport(r); |
| if (store.activeId === id) { |
| if (ui.lastWorkActiveId === id) ui.lastWorkActiveId = null; |
| store.activeId = null; |
| if (ui.collecting) exitCollectMode(); |
| } |
| ui.view = 'archive'; |
| ui.archivePreviewId = id; |
| persistStore(); |
| deps.syncUrl(); |
| render(); |
| } |
|
|
| function restoreReport(id) { |
| const r = store.reports.find((x) => x.id === id); |
| if (!r || r.status !== 'saved') return; |
| r.status = 'draft'; |
| delete r.savedAt; |
| touchReport(r); |
| store.activeId = id; |
| ui.lastWorkActiveId = id; |
| ui.archivePreviewId = null; |
| ui.view = 'work'; |
| persistStore(); |
| deps.syncUrl(); |
| render(); |
| } |
|
|
| function selectReport(id) { |
| const r = store.reports.find((x) => x.id === id); |
| if (!r) return; |
| if (ui.view === 'archive' || r.status === 'saved') { |
| ui.archivePreviewId = id; |
| render(); |
| return; |
| } |
| store.activeId = id; |
| ui.lastWorkActiveId = id; |
| ui.archivePreviewId = null; |
| persistStore(); |
| deps.syncUrl?.(); |
| if (isCollectPage()) { |
| enterCollectMode(id); |
| return; |
| } |
| renderHeaderBanner(); |
| refreshPickCells(); |
| render(); |
| } |
|
|
| function setView(view) { |
| ui.view = view === 'archive' ? 'archive' : 'work'; |
| if (ui.view === 'archive') { |
| const cur = activeReport(); |
| if (cur && cur.status !== 'saved') ui.lastWorkActiveId = store.activeId; |
| store.activeId = null; |
| if (ui.collecting) exitCollectMode(); |
| if ( |
| ui.archivePreviewId && |
| !store.reports.some((x) => x.id === ui.archivePreviewId && x.status === 'saved') |
| ) { |
| ui.archivePreviewId = null; |
| } |
| } else { |
| store.activeId = resolveWorkActiveId(); |
| ui.archivePreviewId = null; |
| } |
| persistStore(); |
| deps.syncUrl(); |
| render(); |
| } |
|
|
| function getView() { |
| return ui.view; |
| } |
|
|
| function loadSuggestions() { |
| const r = activeReport(); |
| if (!r) return; |
| const rows = candidateRows(); |
| const existing = new Set(r.items.map((i) => i.p)); |
| for (const { x, s } of rows) { |
| if (existing.has(x.p)) continue; |
| r.items.push({ |
| p: x.p, |
| seg: x._seg || x.seg || '', |
| qty: s.qty, |
| qtySug: s.qty, |
| decision: 'pending', |
| note: '', |
| }); |
| existing.add(x.p); |
| } |
| r.loaded = true; |
| r.scope = scopeSnapshot(); |
| touchReport(r); |
| render(); |
| } |
|
|
| function reportRowEntries(r) { |
| const out = []; |
| for (const ri of r.items || []) { |
| const x = findLive(ri.p); |
| if (!x) continue; |
| const s = deps.computeSugestao(x) || null; |
| out.push({ x, s, ri }); |
| } |
| return out; |
| } |
|
|
| function isCollecting() { |
| return !!ui.collecting; |
| } |
|
|
| function getActiveReport() { |
| return activeReport(); |
| } |
|
|
| function isInReport(part) { |
| const r = activeReport(); |
| if (!r) return false; |
| const code = String(part || '').trim(); |
| return (r.items || []).some((i) => i.p === code); |
| } |
|
|
| function enterCollectMode(reportId) { |
| if (reportId) { |
| store.activeId = reportId; |
| ui.lastWorkActiveId = reportId; |
| } |
| ui.collecting = true; |
| persistStore(); |
| renderHeaderBanner(); |
| renderSidebar(); |
| refreshPickCells(); |
| deps.syncUrl?.(); |
| if (val('curPage') === 'relatorio') goPage('explorar'); |
| } |
|
|
| function exitCollectMode() { |
| ui.collecting = false; |
| renderHeaderBanner(); |
| renderSidebar(); |
| refreshPickCells(); |
| } |
|
|
| let headerReportMenuOpen = false; |
|
|
| function setHeaderReportMenuOpen(open) { |
| headerReportMenuOpen = !!open; |
| const btn = document.getElementById('header-report-name-btn'); |
| const menu = document.getElementById('header-report-menu'); |
| if (btn) btn.setAttribute('aria-expanded', headerReportMenuOpen ? 'true' : 'false'); |
| if (menu) menu.hidden = !headerReportMenuOpen; |
| } |
|
|
| function renderHeaderReportMenu() { |
| const menu = document.getElementById('header-report-menu'); |
| if (!menu) return; |
| const list = reportsForHeaderPicker(); |
| if (!list.length) { |
| menu.innerHTML = '<div class="header-report-menu-empty">Nenhum rascunho em andamento.</div>'; |
| return; |
| } |
| menu.innerHTML = list |
| .map((rep) => { |
| const on = rep.id === store.activeId ? ' on' : ''; |
| const { secondary } = sidebarCardMeta(rep); |
| return `<button type="button" class="header-report-menu-item${on}" role="option" aria-selected="${rep.id === store.activeId ? 'true' : 'false'}" data-header-rep-id="${attrEsc(rep.id)}"> |
| <span class="nm">${esc(rep.name)}</span> |
| <span class="meta">${esc(secondary)}</span> |
| </button>`; |
| }) |
| .join(''); |
| menu.querySelectorAll('[data-header-rep-id]').forEach((btn) => { |
| btn.onclick = () => { |
| selectReport(btn.dataset.headerRepId); |
| setHeaderReportMenuOpen(false); |
| }; |
| }); |
| } |
|
|
| function renderHeaderBanner() { |
| const wrap = document.getElementById('header-report-mode'); |
| const nameEl = document.getElementById('header-report-name'); |
| const nameBtn = document.getElementById('header-report-name-btn'); |
| const metaEl = document.getElementById('header-report-meta'); |
| const exitBtn = document.getElementById('header-report-exit'); |
| const pill = document.getElementById('header-report-pill'); |
| if (!wrap) return; |
|
|
| if (!showReportHeader()) { |
| wrap.hidden = true; |
| setHeaderReportMenuOpen(false); |
| return; |
| } |
|
|
| wrap.hidden = false; |
| const draft = activeDraftReport(); |
| const empty = !draft; |
|
|
| if (nameBtn) nameBtn.classList.toggle('is-empty', empty); |
| if (pill) pill.classList.toggle('is-collecting', !!ui.collecting); |
|
|
| if (empty) { |
| if (nameEl) nameEl.textContent = 'Nenhum selecionado'; |
| if (metaEl) { |
| metaEl.textContent = ''; |
| metaEl.hidden = true; |
| } |
| if (exitBtn) exitBtn.hidden = true; |
| } else { |
| if (nameEl) nameEl.textContent = draft.name || '—'; |
| const n = reportItemCount(draft); |
| if (metaEl) { |
| metaEl.textContent = n ? `${n} itens` : 'Vazio'; |
| metaEl.hidden = false; |
| } |
| if (exitBtn) { |
| exitBtn.hidden = false; |
| if (ui.collecting) { |
| exitBtn.textContent = 'Sair do modo'; |
| exitBtn.title = 'Parar de adicionar itens'; |
| } else { |
| exitBtn.textContent = 'Coletar itens'; |
| exitBtn.title = 'Ativar modo coleta neste relatório'; |
| } |
| } |
| } |
|
|
| renderHeaderReportMenu(); |
| } |
|
|
| function refreshPickCells(root) { |
| const scope = root || document; |
| const draft = activeDraftReport(); |
| scope.querySelectorAll('tr[data-p]').forEach((tr) => { |
| const p = tr.getAttribute('data-p'); |
| if (!p) return; |
| tr.classList.toggle('rep-in-report', !!draft && isInReport(p)); |
| const cell = tr.querySelector('.rep-pick-cell'); |
| if (!cell) return; |
| const seg = tr.getAttribute('data-seg') || ''; |
| cell.innerHTML = pickButtonInner(p, seg); |
| }); |
| } |
|
|
| function pickButtonInner(p, seg) { |
| if (!isCollectPage()) return ''; |
| const pe = attrEsc(p); |
| const se = attrEsc(seg); |
| if (activeDraftReport() && isInReport(p)) { |
| return `<button type="button" class="rep-added-btn" data-rep-pick="add" data-p="${pe}" data-seg="${se}" title="No relatório — clique para remover">✓</button>`; |
| } |
| return `<button type="button" class="row-rep-act row-rep-act-always" data-rep-pick="add" data-p="${pe}" data-seg="${se}" title="Adicionar ao relatório">+</button>`; |
| } |
|
|
| function pickCellHtml(p, seg) { |
| return `<td class="rep-pick-cell">${pickButtonInner(p, seg)}</td>`; |
| } |
|
|
| function defaultReportName() { |
| return ( |
| 'Relatório · ' + |
| new Date().toLocaleString('pt-BR', { day: '2-digit', month: 'short', hour: '2-digit', minute: '2-digit' }) |
| ); |
| } |
|
|
| function addItem(part, seg) { |
| const r = activeReport(); |
| if (!r) return false; |
| const code = String(part || '').trim(); |
| if (!code || isInReport(code)) return false; |
| const live = findLive(code); |
| const x = live || { p: code, _seg: seg || '' }; |
| const s = deps.computeSugestao(x); |
| const qty = s ? s.qty : 0; |
| r.items.push({ |
| p: code, |
| seg: seg || itemSeg(x) || '', |
| qty, |
| qtySug: qty, |
| decision: 'pending', |
| note: '', |
| }); |
| r.loaded = true; |
| touchReport(r); |
| renderHeaderBanner(); |
| refreshPickCells(); |
| if (val('curPage') === 'relatorio') render(); |
| else { |
| renderSidebar(); |
| renderTableOnly(); |
| } |
| return true; |
| } |
|
|
| function removeItem(part) { |
| const r = activeReport(); |
| if (!r) return false; |
| const code = String(part || '').trim(); |
| const before = r.items.length; |
| r.items = (r.items || []).filter((i) => i.p !== code); |
| if (r.items.length === before) return false; |
| touchReport(r); |
| refreshPickCells(); |
| if (val('curPage') === 'relatorio') render(); |
| else { |
| renderSidebar(); |
| renderTableOnly(); |
| } |
| return true; |
| } |
|
|
| function draftsForPick() { |
| return store.reports |
| .filter((r) => r.status !== 'saved') |
| .sort((a, b) => new Date(b.updatedAt || b.createdAt) - new Date(a.updatedAt || a.createdAt)); |
| } |
|
|
| function openPickModal(onPick) { |
| pickPending = onPick || null; |
| const m = document.getElementById('rep-pick-modal'); |
| const list = document.getElementById('rep-pick-list'); |
| if (!m || !list) { |
| openNewModal(true, pickPending); |
| return; |
| } |
| const drafts = draftsForPick(); |
| if (!drafts.length) { |
| openNewModal(true, pickPending); |
| return; |
| } |
| list.innerHTML = drafts |
| .map((r) => { |
| const n = (r.items || []).length; |
| return `<button type="button" class="rep-pick-item" data-rep-pick-id="${attrEsc(r.id)}"> |
| <span class="nm">${esc(r.name)}</span> |
| <span class="meta">${n} itens · ${esc(new Date(r.updatedAt || r.createdAt).toLocaleDateString('pt-BR', { day: '2-digit', month: 'short' }))}</span> |
| </button>`; |
| }) |
| .join(''); |
| list.querySelectorAll('[data-rep-pick-id]').forEach((btn) => { |
| btn.onclick = () => { |
| const fn = pickPending; |
| pickPending = null; |
| selectReport(btn.dataset.repPickId); |
| closePickModal(); |
| if (fn) fn(); |
| }; |
| }); |
| m.classList.add('open'); |
| m.setAttribute('aria-hidden', 'false'); |
| } |
|
|
| function closePickModal() { |
| const m = document.getElementById('rep-pick-modal'); |
| if (!m) return; |
| m.classList.remove('open'); |
| m.setAttribute('aria-hidden', 'true'); |
| } |
|
|
| function cancelPickPending() { |
| pickPending = null; |
| closePickModal(); |
| openNewModal(false); |
| } |
|
|
| function promptPickOrCreateReport(thenAdd) { |
| openPickModal(thenAdd); |
| } |
|
|
| function toggleItem(part, seg) { |
| const code = String(part || '').trim(); |
| if (!code) return; |
| if (isInReport(code)) { |
| removeItem(code); |
| return; |
| } |
| const doAdd = () => addItem(code, seg); |
| if (!ui.collecting || !activeReport()) { |
| promptPickOrCreateReport(doAdd); |
| return; |
| } |
| doAdd(); |
| } |
|
|
| function itemSeg(x) { |
| return x._seg || x.seg || ''; |
| } |
|
|
| function matchesSegFilter(entry) { |
| const f = ui.segFilter; |
| if (!f || f === 'all') return true; |
| const { x, s, ri } = entry; |
| if (f === 'prime') return !!(s && s.primeRep); |
| if (f === 'rop') { |
| return deps.itemUsesRop(x) && ((x.rop || 0) > 0 || (ri.qtySug || 0) > 0 || (ri.qty || 0) > 0); |
| } |
| if (f === 'po') return supplyGroupKey(x) === 'po'; |
| if (f === 'pr') return supplyGroupKey(x) === 'pr'; |
| return itemSeg(x) === f; |
| } |
|
|
| function filterTableRows(rows) { |
| let list = rows.filter(matchesSegFilter); |
| const q = ui.tableSearch.trim().toLowerCase(); |
| if (!q) return list; |
| return list.filter( |
| (o) => |
| o.x.p.toLowerCase().includes(q) || |
| (o.x.d || '').toLowerCase().includes(q) || |
| (o.x.fam || '').toLowerCase().includes(q) |
| ); |
| } |
|
|
| function reportSortCobValue(x) { |
| const m = deps.cobMetrics?.(x); |
| if (!m) return null; |
| if (ui.tableSortAsc && m.pct > 1) return 1 + m.pct; |
| return m.pct; |
| } |
|
|
| function reportSortValue(entry) { |
| const { x, s, ri } = entry; |
| const k = ui.tableSortK; |
| const r = activeReport(); |
| if (!k || k === 'ord') { |
| const idx = (r?.items || []).findIndex((i) => i.p === x.p); |
| return idx < 0 ? Infinity : idx; |
| } |
| if (k === '_seg') return itemSeg(x); |
| if (k === 'p') return x.p; |
| if (k === 'd') return x.d || ''; |
| if (k === 'fam') return x.fam || ''; |
| if (k === 'o') return x.o; |
| if (k === 'cob') return reportSortCobValue(x); |
| if (k === 'qty') return ri.qty; |
| if (k === 'proj') return projectedCob(x, ri.qty); |
| if (k === 'alvo') return s?.alvoRef ?? null; |
| return x.p; |
| } |
|
|
| function sortReportRows(rows) { |
| if (!ui.tableSortK) return rows; |
| const asc = ui.tableSortAsc; |
| const nullV = asc ? Infinity : -Infinity; |
| return [...rows].sort((a, b) => { |
| const av = reportSortValue(a); |
| const bv = reportSortValue(b); |
| const aN = av == null ? nullV : av; |
| const bN = bv == null ? nullV : bv; |
| if (typeof aN === 'string' || typeof bN === 'string') { |
| return asc ? ('' + aN).localeCompare(bN, 'pt-BR') : ('' + bN).localeCompare(aN, 'pt-BR'); |
| } |
| if (aN !== bN) return asc ? aN - bN : bN - aN; |
| return (a.x.p || '').localeCompare(b.x.p || '', 'pt-BR'); |
| }); |
| } |
|
|
| function defaultRepSortAsc(k) { |
| return k === 'ord' || k === 'p' || k === 'd' || k === 'fam' || k === '_seg' || k === 'cob'; |
| } |
|
|
| function updateRepSortHeaders() { |
| document.querySelectorAll('#rep-app .rep-table-single thead th[data-rep-k]').forEach((th) => { |
| const on = th.dataset.repK === ui.tableSortK; |
| th.classList.toggle('on', on); |
| th.setAttribute('aria-sort', on ? (ui.tableSortAsc ? 'ascending' : 'descending') : 'none'); |
| if (on) th.dataset.dir = ui.tableSortAsc ? 'asc' : 'desc'; |
| else delete th.dataset.dir; |
| }); |
| } |
|
|
| function countForFilter(rows, filterKey) { |
| const prev = ui.segFilter; |
| ui.segFilter = filterKey; |
| const n = rows.filter((e) => matchesSegFilter(e)).length; |
| ui.segFilter = prev; |
| return n; |
| } |
|
|
| function reportItemCount(r) { |
| return (r.items || []).length; |
| } |
|
|
| function reportValueRs(r) { |
| let total = 0; |
| for (const ri of r.items || []) { |
| const x = findLive(ri.p); |
| if (!x) continue; |
| total += (ri.qty || 0) * (x.uc || 0); |
| } |
| return total; |
| } |
|
|
| function reportSummaryText(r) { |
| const n = reportItemCount(r); |
| const val = reportValueRs(r); |
| const valTxt = val > 0 && deps.fmtBRL ? ' · ' + deps.fmtBRL(val) : ''; |
| return `${n.toLocaleString('pt-BR')} itens${valTxt}`; |
| } |
|
|
| function formatRelativeTime(iso) { |
| if (!iso) return ''; |
| const then = new Date(iso).getTime(); |
| if (Number.isNaN(then)) return ''; |
| const diff = Date.now() - then; |
| const mins = Math.floor(diff / 60000); |
| if (mins < 1) return 'agora'; |
| if (mins < 60) return `há ${mins} min`; |
| const hrs = Math.floor(mins / 60); |
| if (hrs < 24) return `há ${hrs}h`; |
| const days = Math.floor(hrs / 24); |
| if (days < 7) return `há ${days}d`; |
| return new Date(iso).toLocaleDateString('pt-BR', { day: '2-digit', month: 'short' }); |
| } |
|
|
| function sidebarCardMeta(r) { |
| const n = reportItemCount(r); |
| const val = reportValueRs(r); |
| const valTxt = val > 0 && deps.fmtBRL ? deps.fmtBRL(val) : ''; |
| const countTxt = n === 0 ? 'Aguardando itens' : `${n.toLocaleString('pt-BR')} itens`; |
| const secondary = valTxt ? `${countTxt} · ${valTxt}` : countTxt; |
| const when = formatRelativeTime(r.updatedAt || r.createdAt); |
| return { secondary, when, empty: n === 0 }; |
| } |
|
|
| function goPage(page) { |
| const fn = global.navPage; |
| if (typeof fn === 'function') fn(page); |
| } |
|
|
| function wireEmptyCtas(el, r) { |
| el.querySelector('#rep-cta-collect')?.addEventListener('click', () => { |
| enterCollectMode(r.id); |
| goPage('explorar'); |
| }); |
| el.querySelectorAll('[data-rep-cta-page]').forEach((btn) => { |
| btn.addEventListener('click', () => goPage(btn.dataset.repCtaPage)); |
| }); |
| } |
|
|
| function alvoText(s) { |
| return s.modo === 'rop' ? 'ROP ' + deps.fmtN(s.alvoRef) : deps.fmtAlvo(s.alvoRef) + ' m'; |
| } |
|
|
| function projText(x, qty) { |
| const proj = projectedCob(x, qty); |
| return proj == null ? '—' : proj.toFixed(1) + ' m'; |
| } |
|
|
| function supplyGroupKey(x) { |
| const s = x.sup || 'none'; |
| if (s === 'po') return 'po'; |
| if (s === 'pr') return 'pr'; |
| return 'none'; |
| } |
|
|
| function repPreviewRowHtml({ x, s, ri }) { |
| const cobMain = deps.cobMainText(x); |
| const bar = deps.cobBar ? deps.cobBar(x) : ''; |
| const saldo = (x.o || 0) <= 0 ? '<span class="zero">0</span>' : deps.fmtN(x.o); |
| const qtyTxt = `${deps.fmtN ? deps.fmtN(ri.qty) : ri.qty} ${esc(x.u || '')}`.trim(); |
| const seg = itemSeg(x); |
| const fam = (x.fam || '').trim(); |
| const badges = deps.itemBadgesHtml ? deps.itemBadgesHtml(x) : ''; |
| const badgeHtml = badges ? `<span class="desc-badges">${badges}</span>` : ''; |
| return `<tr data-rep-part="${attrEsc(x.p)}" class="rep-data-row rep-preview-row"> |
| <td class="seg"><span class="pill-seg">${esc(seg)}</span></td> |
| <td class="l code">${esc(x.p)}</td> |
| <td class="l desc" title="${esc(x.d || '')}"><div class="desc-cell">${badgeHtml}<span class="desc-txt">${esc(x.d || '')}</span></div></td> |
| <td class="l rep-col-fam" title="${esc(fam)}"><span class="desc-txt">${esc(fam || '—')}</span></td> |
| <td class="saldo-qty">${saldo}</td> |
| <td><span class="cob-cell">${bar}<span class="cob-vals"><span class="cob-main">${cobMain}</span></span></span></td> |
| <td class="rep-qty-cell rep-qty-read">${esc(qtyTxt)}</td> |
| <td class="rep-proj">${projText(x, ri.qty)}</td> |
| <td class="rep-alvo">${s ? alvoText(s) : '—'}</td> |
| </tr>`; |
| } |
|
|
| function previewTableColgroup() { |
| return `<colgroup> |
| <col style="width:34px"> |
| <col style="width:76px"> |
| <col> |
| <col style="width:14%"> |
| <col style="width:48px"> |
| <col style="width:72px"> |
| <col style="width:64px"> |
| <col style="width:58px"> |
| <col style="width:52px"> |
| </colgroup>`; |
| } |
|
|
| function previewTableHead() { |
| return `${previewTableColgroup()}<thead><tr> |
| <th class="seg">Seg</th><th>Código</th><th>Descrição</th><th>Família</th><th>Saldo</th><th>Cob.</th><th>Qty</th><th>Cob.+ped.</th><th>Alvo</th> |
| </tr></thead>`; |
| } |
|
|
| function repRowHtml({ x, s, ri }) { |
| const cobMain = deps.cobMainText(x); |
| const bar = deps.cobBar ? deps.cobBar(x) : ''; |
| const saldo = (x.o || 0) <= 0 ? '<span class="zero">0</span>' : deps.fmtN(x.o); |
| const qtyCell = `<input type="number" class="rep-qty-in" data-rep-part="${attrEsc(x.p)}" min="0" step="any" value="${ri.qty}"> <span class="rep-uom-hint">${esc(x.u || '')}</span>`; |
| const actions = `<td class="rep-actions"> |
| <button type="button" class="rep-act-remove" data-rep-act="remove" data-rep-part="${attrEsc(x.p)}" title="Remover do relatório">−</button> |
| </td>`; |
| const seg = itemSeg(x); |
| const fam = (x.fam || '').trim(); |
| const badges = deps.itemBadgesHtml ? deps.itemBadgesHtml(x) : ''; |
| const badgeHtml = badges ? `<span class="desc-badges">${badges}</span>` : ''; |
| return `<tr data-rep-part="${attrEsc(x.p)}" class="rep-data-row"> |
| ${actions} |
| <td class="seg"><span class="pill-seg">${esc(seg)}</span></td> |
| <td class="l code">${esc(x.p)}</td> |
| <td class="l desc" title="${esc(x.d || '')}"><div class="desc-cell">${badgeHtml}<span class="desc-txt">${esc(x.d || '')}</span></div></td> |
| <td class="l rep-col-fam" title="${esc(fam)}"><span class="desc-txt">${esc(fam || '—')}</span></td> |
| <td class="saldo-qty">${saldo}</td> |
| <td><span class="cob-cell">${bar}<span class="cob-vals"><span class="cob-main">${cobMain}</span></span></span></td> |
| <td class="rep-qty-cell">${qtyCell}</td> |
| <td class="rep-proj" data-proj-for="${attrEsc(x.p)}">${projText(x, ri.qty)}</td> |
| <td class="rep-alvo">${s ? alvoText(s) : '—'}</td> |
| </tr>`; |
| } |
|
|
| function tableColgroup() { |
| return `<colgroup> |
| <col class="col-rep-actions" style="width:32px"> |
| <col style="width:34px"> |
| <col style="width:76px"> |
| <col> |
| <col style="width:14%"> |
| <col style="width:48px"> |
| <col style="width:72px"> |
| <col style="width:64px"> |
| <col style="width:58px"> |
| <col style="width:52px"> |
| </colgroup>`; |
| } |
|
|
| function repTh(k, label, cls = '', title = '') { |
| const t = title ? ` title="${attrEsc(title)}"` : ''; |
| const c = cls ? ` class="${cls}"` : ''; |
| return `<th${c} data-rep-k="${attrEsc(k)}"${t}>${label}</th>`; |
| } |
|
|
| function tableHead() { |
| return `${tableColgroup()}<thead><tr> |
| ${repTh('ord', '', 'rep-actions-hd', 'Ordem no relatório')} |
| ${repTh('_seg', 'Seg', 'seg')} |
| ${repTh('p', 'Código', 'l')} |
| ${repTh('d', 'Descrição', 'l')} |
| ${repTh('fam', 'Família', 'l')} |
| ${repTh('o', 'Saldo')} |
| ${repTh('cob', 'Cob.', '', 'Cobertura vs alvo')} |
| ${repTh('qty', 'Qty')} |
| ${repTh('proj', 'Cob.+ped.', '', 'Cobertura projetada com pedido')} |
| ${repTh('alvo', 'Alvo')} |
| </tr></thead>`; |
| } |
|
|
| function setSegFilter(f) { |
| const segs = deps.SEGS || []; |
| const nkeys = deps.NKEYS || []; |
| const extra = ['rop', 'po', 'pr', 'prime', ...nkeys]; |
| let next = f; |
| if (next !== 'all' && !extra.includes(next) && !segs.includes(next)) next = 'all'; |
| ui.segFilter = next; |
| saveLocal(); |
| deps.syncUrl(); |
| renderSegNav(); |
| renderTableOnly(); |
| } |
|
|
| function getSegFilter() { |
| return ui.segFilter || 'all'; |
| } |
|
|
| function pushSegSep(pills) { |
| if (pills.length) pills.push('<span class="rep-seg-sep" aria-hidden="true"></span>'); |
| } |
|
|
| function renderSegNav() { |
| const nav = document.getElementById('rep-seg-nav'); |
| const r = activeReport(); |
| if (!nav || !r || !r.items.length) return; |
| const entries = reportRowEntries(r); |
| const segs = deps.SEGS || []; |
| const pills = []; |
| const allN = countForFilter(entries, 'all'); |
| pills.push( |
| `<button type="button" class="rep-seg-pill${ui.segFilter === 'all' ? ' on' : ''}" data-rep-seg="all">Todos<span class="rep-seg-n">(${allN})</span></button>` |
| ); |
| let lastAbc = ''; |
| let abcHadPill = false; |
| for (const seg of segs) { |
| const n = countForFilter(entries, seg); |
| if (n <= 0 && ui.segFilter !== seg) continue; |
| const abc = seg[0]; |
| if (abc !== lastAbc) { |
| if (lastAbc && abcHadPill) pushSegSep(pills); |
| lastAbc = abc; |
| abcHadPill = false; |
| } |
| pills.push( |
| `<button type="button" class="rep-seg-pill${ui.segFilter === seg ? ' on' : ''}" data-rep-seg="${esc(seg)}">${esc(seg)}<span class="rep-seg-n">(${n})</span></button>` |
| ); |
| abcHadPill = true; |
| } |
| const poN = countForFilter(entries, 'po'); |
| if (poN > 0 || ui.segFilter === 'po') { |
| pushSegSep(pills); |
| pills.push( |
| `<button type="button" class="rep-seg-pill rep-seg-po${ui.segFilter === 'po' ? ' on' : ''}" data-rep-seg="po" title="Com ordem de compra aberta">OC<span class="rep-seg-n">(${poN})</span></button>` |
| ); |
| } |
| const prN = countForFilter(entries, 'pr'); |
| if (prN > 0 || ui.segFilter === 'pr') { |
| pills.push( |
| `<button type="button" class="rep-seg-pill rep-seg-pr${ui.segFilter === 'pr' ? ' on' : ''}" data-rep-seg="pr" title="Com requisição aberta">PR<span class="rep-seg-n">(${prN})</span></button>` |
| ); |
| } |
| const ni0N = countForFilter(entries, 'NI0'); |
| const primeN = countForFilter(entries, 'prime'); |
| if (ni0N > 0 || ui.segFilter === 'NI0' || entries.some((e) => itemSeg(e.x) === 'NI0')) { |
| pushSegSep(pills); |
| pills.push( |
| `<button type="button" class="rep-seg-pill rep-seg-ni0${ui.segFilter === 'NI0' ? ' on' : ''}" data-rep-seg="NI0" title="Garantia s/ saldo — 1ª reposição">NI0<span class="rep-seg-n">(${ni0N})</span></button>` |
| ); |
| if (primeN > 0 || ui.segFilter === 'prime') { |
| pills.push( |
| `<button type="button" class="rep-seg-pill rep-seg-prime${ui.segFilter === 'prime' ? ' on' : ''}" data-rep-seg="prime" title="NI0 / NF0 novo (≤6m) com sugestão automática">1ª rep.<span class="rep-seg-n">(${primeN})</span></button>` |
| ); |
| } |
| } |
| const ropN = countForFilter(entries, 'rop'); |
| if (ropN > 0 || ui.segFilter === 'rop') { |
| pushSegSep(pills); |
| pills.push( |
| `<button type="button" class="rep-seg-pill rep-seg-rop${ui.segFilter === 'rop' ? ' on' : ''}" data-rep-seg="rop">Sem giro (ROP)<span class="rep-seg-n">(${ropN})</span></button>` |
| ); |
| } |
| nav.setAttribute('aria-label', 'Segmento e pedidos abertos'); |
| nav.innerHTML = pills.join(''); |
| nav.querySelectorAll('[data-rep-seg]').forEach((btn) => { |
| btn.onclick = () => setSegFilter(btn.dataset.repSeg); |
| }); |
| } |
|
|
| function updateQty(p, qty) { |
| const r = activeReport(); |
| if (!r) return; |
| const ri = r.items.find((i) => i.p === p); |
| if (!ri) return; |
| ri.qty = Number.isFinite(qty) ? qty : 0; |
| touchReport(r); |
| const entry = reportRowEntries(r).find((e) => e.ri.p === p); |
| if (!entry) return; |
| document.querySelectorAll(`[data-proj-for="${CSS.escape(p)}"]`).forEach((el) => { |
| el.textContent = projText(entry.x, ri.qty); |
| }); |
| } |
|
|
| function preserveLocalDecisions(serverReports) { |
| const byId = new Map(store.reports.map((r) => [r.id, r])); |
| const serverIds = new Set((serverReports || []).map((r) => r.id)); |
| const out = (serverReports || []).map((sr) => { |
| const local = byId.get(sr.id); |
| if (!local) return migrateReport({ ...sr }); |
| const localItems = new Map(local.items.map((i) => [i.p, i])); |
| const mergedItems = (sr.items || []).map((it) => { |
| const li = localItems.get(it.p); |
| if (!li) return migrateItem({ ...it }); |
| return migrateItem({ |
| ...it, |
| decision: li.decision || it.decision, |
| qty: li.qty ?? it.qty, |
| qtySug: li.qtySug ?? it.qtySug, |
| note: li.note != null ? li.note : it.note, |
| approvedAt: li.approvedAt || it.approvedAt, |
| rejectedAt: li.rejectedAt || it.rejectedAt, |
| }); |
| }); |
| const serverCodes = new Set((sr.items || []).map((i) => i.p)); |
| for (const li of local.items || []) { |
| if (!serverCodes.has(li.p)) mergedItems.push(migrateItem({ ...li })); |
| } |
| return migrateReport({ ...sr, items: mergedItems }); |
| }); |
| for (const local of store.reports) { |
| if (!serverIds.has(local.id)) out.push(migrateReport({ ...local })); |
| } |
| return out; |
| } |
|
|
| function applyServerStore(serverReports, revAtSend) { |
| if (storeRev > revAtSend) return false; |
| store.reports = preserveLocalDecisions(serverReports); |
| migrateStore(); |
| return true; |
| } |
|
|
| function updateSaveBadge() { |
| const badge = document.getElementById('rep-save-badge'); |
| if (!badge) return; |
| if (!ui.serverAvailable) { |
| badge.textContent = 'Autosave · local'; |
| return; |
| } |
| if (saveInFlight) badge.textContent = 'Salvando…'; |
| else if (saveQueued || saveStatus === 'pending') badge.textContent = 'Pendente'; |
| else if (saveStatus === 'saved') badge.textContent = 'Salvo'; |
| else badge.textContent = 'Autosave · servidor'; |
| } |
|
|
| function setSaveStatus(status) { |
| saveStatus = status; |
| updateSaveBadge(); |
| } |
|
|
| function wireRepTableSort() { |
| const root = document.getElementById('rep-app'); |
| if (!root || root._repSortWired) return; |
| root._repSortWired = true; |
| root.addEventListener('click', (e) => { |
| const th = e.target.closest('.rep-table-single thead th[data-rep-k]'); |
| if (!th || !root.contains(th)) return; |
| const k = th.dataset.repK; |
| if (!k) return; |
| if (ui.tableSortK === k) ui.tableSortAsc = !ui.tableSortAsc; |
| else { |
| ui.tableSortK = k; |
| ui.tableSortAsc = defaultRepSortAsc(k); |
| } |
| renderTableOnly(); |
| }); |
| } |
|
|
| function wireRepTableClicks() { |
| const root = document.getElementById('rep-app'); |
| if (!root || root._repClickWired) return; |
| root._repClickWired = true; |
| root.addEventListener( |
| 'click', |
| (ev) => { |
| const btn = ev.target.closest('button[data-rep-act]'); |
| if (!btn || !root.contains(btn)) return; |
| ev.preventDefault(); |
| ev.stopPropagation(); |
| const act = btn.getAttribute('data-rep-act'); |
| const p = btn.getAttribute('data-rep-part'); |
| if (!p || !act) return; |
| if (act === 'remove') removeItem(p); |
| }, |
| true |
| ); |
| root.addEventListener('change', (ev) => { |
| const inp = ev.target.closest('.rep-qty-in'); |
| if (!inp || !root.contains(inp)) return; |
| const p = inp.getAttribute('data-rep-part'); |
| if (p) updateQty(p, parseFloat(inp.value)); |
| }); |
| root.addEventListener('click', (ev) => { |
| if (ev.target.closest('button[data-rep-act], .rep-qty-in, input, textarea, label')) return; |
| const row = ev.target.closest('tr.rep-data-row'); |
| if (!row || !root.contains(row)) return; |
| const p = row.getAttribute('data-rep-part'); |
| if (!p || !deps.openItemInModal) return; |
| document.querySelectorAll('#rep-app tr.rep-data-row').forEach((t) => { |
| t.classList.toggle('sel', t.getAttribute('data-rep-part') === p); |
| }); |
| deps.openItemInModal(null, p); |
| }); |
| } |
|
|
| function renderTableOnly() { |
| const r = activeReport(); |
| const body = document.getElementById('rep-tbody'); |
| if (!r || !body) return; |
|
|
| const rows = sortReportRows(filterTableRows(reportRowEntries(r))); |
| const segLblMap = { rop: ' (sem giro ROP)', po: ' (com OC)', pr: ' (com PR)', prime: ' (1ª rep.)' }; |
| const segLbl = |
| ui.segFilter === 'all' || !ui.segFilter |
| ? '' |
| : segLblMap[ui.segFilter] || ` (${ui.segFilter})`; |
| body.innerHTML = rows.length |
| ? rows.map((e) => repRowHtml(e)).join('') |
| : `<tr><td colspan="${COLS}" class="rep-empty-row">Nenhum item${esc(segLbl)} neste filtro.</td></tr>`; |
|
|
| const prog = document.getElementById('rep-counts'); |
| if (prog) prog.textContent = reportSummaryText(r); |
| renderSegNav(); |
| updateRepSortHeaders(); |
| } |
|
|
| function openNewModal(show, afterCreate) { |
| if (show && afterCreate) pickPending = afterCreate; |
| const m = document.getElementById('rep-new-modal'); |
| if (!m) return; |
| m.classList.toggle('open', !!show); |
| m.setAttribute('aria-hidden', show ? 'false' : 'true'); |
| if (show) { |
| const inp = document.getElementById('rep-new-name'); |
| if (inp) { |
| inp.value = ''; |
| inp.placeholder = 'Ex.: CZ ruptura jun/26'; |
| inp.focus(); |
| } |
| } |
| } |
|
|
| function renderSidebar() { |
| const ul = document.getElementById('rep-report-list'); |
| const searchInp = document.getElementById('rep-sidebar-search'); |
| if (searchInp && searchInp.value !== ui.sidebarSearch) searchInp.value = ui.sidebarSearch; |
| if (!ul) return; |
| const allList = |
| ui.view === 'archive' |
| ? store.reports.filter((r) => r.status === 'saved') |
| : store.reports.filter((r) => r.status !== 'saved'); |
| const list = reportsForSidebar(); |
| if (!list.length) { |
| const filtered = !!(ui.sidebarSearch || '').trim(); |
| ul.innerHTML = |
| ui.view === 'archive' |
| ? filtered |
| ? '<li class="rep-empty-sidebar"><span class="rep-empty-sidebar-icon" aria-hidden="true">⌕</span>Nenhum relatório salvo corresponde ao filtro.</li>' |
| : '<li class="rep-empty-sidebar"><span class="rep-empty-sidebar-icon" aria-hidden="true">📁</span>Nenhum relatório salvo ainda.</li>' |
| : allList.length && filtered |
| ? '<li class="rep-empty-sidebar"><span class="rep-empty-sidebar-icon" aria-hidden="true">⌕</span>Nenhum rascunho corresponde ao filtro.</li>' |
| : '<li class="rep-empty-sidebar"><span class="rep-empty-sidebar-icon" aria-hidden="true">+</span>Nenhum rascunho ativo.<br>Veja <strong>Arquivados</strong> ou use <strong>+ Novo</strong>.</li>'; |
| return; |
| } |
| ul.innerHTML = list |
| .map((r) => { |
| const on = |
| ui.view === 'archive' |
| ? r.id === ui.archivePreviewId |
| ? ' on' |
| : '' |
| : r.id === store.activeId |
| ? ' on' |
| : ''; |
| const collecting = ui.collecting && store.activeId === r.id; |
| const statusCls = r.status === 'saved' ? 'rep-status-saved' : 'rep-status-draft'; |
| const statusLbl = r.status === 'saved' ? 'Arquivado' : 'Ativo'; |
| const { secondary, when, empty } = sidebarCardMeta(r); |
| const archiveBtn = |
| r.status !== 'saved' |
| ? `<button type="button" class="rep-report-act rep-report-archive" data-rep-archive="${attrEsc(r.id)}" title="Arquivar relatório" aria-label="Arquivar relatório">${ICON_ARCHIVE}</button>` |
| : ''; |
| const restoreBtn = |
| r.status === 'saved' |
| ? `<button type="button" class="rep-report-act rep-report-restore" data-rep-restore="${attrEsc(r.id)}" title="Restaurar para Ativos" aria-label="Restaurar para Ativos">${ICON_RESTORE}</button>` |
| : ''; |
| return `<li class="rep-report-li${on}${empty ? ' rep-report-empty' : ''}${collecting ? ' rep-report-collecting' : ''}"> |
| <button type="button" class="rep-report-btn${on}" data-rep-id="${r.id}"> |
| <span class="rep-report-btn-inner"> |
| <span class="nm">${esc(r.name)}</span> |
| <span class="rep-report-stats">${esc(secondary)}</span> |
| <span class="rep-report-foot"> |
| <span class="rep-status-pill ${statusCls}">${statusLbl}</span> |
| <span class="rep-report-when">${esc(when)}</span> |
| </span> |
| </span> |
| </button> |
| <div class="rep-report-actions">${archiveBtn}${restoreBtn}<button type="button" class="rep-report-act rep-report-del" data-rep-del="${attrEsc(r.id)}" title="Excluir relatório" aria-label="Excluir relatório">${ICON_TRASH}</button></div> |
| </li>`; |
| }) |
| .join(''); |
| ul.querySelectorAll('[data-rep-id]').forEach((btn) => { |
| btn.onclick = () => selectReport(btn.dataset.repId); |
| }); |
| ul.querySelectorAll('[data-rep-del]').forEach((btn) => { |
| btn.onclick = (ev) => { |
| ev.stopPropagation(); |
| deleteReport(btn.dataset.repDel); |
| }; |
| }); |
| ul.querySelectorAll('[data-rep-archive]').forEach((btn) => { |
| btn.onclick = (ev) => { |
| ev.stopPropagation(); |
| archiveReport(btn.dataset.repArchive); |
| }; |
| }); |
| ul.querySelectorAll('[data-rep-restore]').forEach((btn) => { |
| btn.onclick = (ev) => { |
| ev.stopPropagation(); |
| restoreReport(btn.dataset.repRestore); |
| }; |
| }); |
| } |
|
|
| function closeArchivePreview() { |
| ui.archivePreviewId = null; |
| render(); |
| } |
|
|
| function openArchivePreview(id) { |
| const r = store.reports.find((x) => x.id === id && x.status === 'saved'); |
| if (!r) return; |
| ui.archivePreviewId = id; |
| render(); |
| } |
|
|
| function renderArchivePreview(r) { |
| const el = document.getElementById('rep-main'); |
| if (!el) return; |
| const summary = reportSummaryText(r); |
| const savedAt = r.savedAt || r.updatedAt; |
| const savedLbl = savedAt |
| ? new Date(savedAt).toLocaleString('pt-BR', { |
| day: '2-digit', |
| month: 'short', |
| hour: '2-digit', |
| minute: '2-digit', |
| }) |
| : ''; |
| const rows = reportRowEntries(r); |
| el.innerHTML = ` |
| <div class="rep-preview-panel"> |
| <div class="rep-report-hd"> |
| <div class="rep-report-hd-top"> |
| <h3 class="rep-preview-title">${esc(r.name)}</h3> |
| <span class="rep-badge-saved">Salvo</span> |
| <span class="rep-progress">${esc(summary)}${savedLbl ? ' · ' + esc(savedLbl) : ''}</span> |
| </div> |
| <div class="rep-preview-actions"> |
| <button type="button" class="btn-upd" id="rep-preview-back">Voltar à lista</button> |
| <button type="button" class="btn-upd primary" id="rep-preview-restore">Restaurar para Ativos</button> |
| </div> |
| </div> |
| <p class="rep-archive-lead">Modo leitura — restaure para editar em <strong>Ativos</strong>.</p> |
| <div class="rep-table-single panel lista-panel rep-preview-table"> |
| <div class="tablewrap"> |
| <table>${previewTableHead()}<tbody>${rows.length ? rows.map((e) => repPreviewRowHtml(e)).join('') : '<tr><td colspan="9" class="rep-empty-row">Sem itens.</td></tr>'}</tbody></table> |
| </div> |
| </div> |
| </div>`; |
| el.querySelector('#rep-preview-back')?.addEventListener('click', closeArchivePreview); |
| el.querySelector('#rep-preview-restore')?.addEventListener('click', () => restoreReport(r.id)); |
| } |
|
|
| function renderArchiveMain() { |
| const el = document.getElementById('rep-main'); |
| if (!el) return; |
| if (ui.archivePreviewId) { |
| const pr = store.reports.find((x) => x.id === ui.archivePreviewId && x.status === 'saved'); |
| if (pr) { |
| renderArchivePreview(pr); |
| return; |
| } |
| ui.archivePreviewId = null; |
| } |
| const saved = [...store.reports.filter((r) => r.status === 'saved')].sort((a, b) => { |
| const ta = new Date(a.savedAt || a.updatedAt || 0).getTime(); |
| const tb = new Date(b.savedAt || b.updatedAt || 0).getTime(); |
| return tb - ta; |
| }); |
| if (!saved.length) { |
| el.innerHTML = |
| '<div class="rep-empty rep-archive-empty"><p>Nenhum relatório arquivado.</p><p class="rep-hint">Use o ícone de arquivo na sidebar de <strong>Ativos</strong> para arquivar um relatório.</p></div>'; |
| return; |
| } |
| el.innerHTML = ` |
| <div class="rep-archive-panel"> |
| <div class="rep-archive-hd"> |
| <p class="rep-archive-lead">${saved.length === 1 ? '1 relatório arquivado' : `${saved.length} relatórios arquivados`} — revise em modo leitura ou restaure para editar em <strong>Ativos</strong>.</p> |
| </div> |
| <div class="rep-archive-list"> |
| <table> |
| <thead><tr><th>Nome</th><th>Salvo em</th><th>Itens</th><th>Valor est.</th><th>Ações</th></tr></thead> |
| <tbody>${saved |
| .map((r) => { |
| const n = reportItemCount(r); |
| const val = reportValueRs(r); |
| const dt = new Date(r.savedAt || r.updatedAt).toLocaleString('pt-BR', { |
| day: '2-digit', |
| month: 'short', |
| hour: '2-digit', |
| minute: '2-digit', |
| }); |
| return `<tr> |
| <td><strong>${esc(r.name)}</strong></td> |
| <td>${esc(dt)}</td> |
| <td>${n}</td> |
| <td>${val > 0 && deps.fmtBRL ? esc(deps.fmtBRL(val)) : '—'}</td> |
| <td class="rep-archive-actions"> |
| <button type="button" class="chip-btn" data-rep-open="${r.id}">Revisar</button> |
| <button type="button" class="chip-btn" data-rep-restore="${r.id}">Restaurar</button> |
| <button type="button" class="chip-btn" data-rep-del-archive="${r.id}">Excluir</button> |
| </td> |
| </tr>`; |
| }) |
| .join('')}</tbody> |
| </table> |
| </div> |
| </div>`; |
| el.querySelectorAll('[data-rep-open]').forEach((btn) => { |
| btn.onclick = () => openArchivePreview(btn.dataset.repOpen); |
| }); |
| el.querySelectorAll('[data-rep-restore]').forEach((btn) => { |
| btn.onclick = () => restoreReport(btn.dataset.repRestore); |
| }); |
| el.querySelectorAll('[data-rep-del-archive]').forEach((btn) => { |
| btn.onclick = () => deleteReport(btn.dataset.repDelArchive); |
| }); |
| } |
|
|
| function renderWorkMain() { |
| const el = document.getElementById('rep-main'); |
| if (!el) return; |
| const r = activeReport(); |
| if (!r || r.status === 'saved') { |
| const archN = store.reports.filter((x) => x.status === 'saved').length; |
| const hint = |
| archN > 0 |
| ? '<p class="rep-hint">Há relatórios em <strong>Arquivados</strong> — restaure para editar ou crie um novo rascunho.</p>' |
| : '<p class="rep-hint">Use <strong>+ Novo relatório</strong> ou colete itens em Segmentação/Árvore.</p>'; |
| el.innerHTML = `<div class="rep-empty"><p>Nenhum rascunho ativo.</p>${hint}</div>`; |
| return; |
| } |
|
|
| const savedBadge = ''; |
|
|
| if (!r.items.length) { |
| el.innerHTML = ` |
| <div class="rep-report-hd"> |
| <div class="rep-report-hd-top"> |
| <input type="text" class="rep-title-in rep-title-hero" id="rep-title-in" value="${esc(r.name)}" aria-label="Nome"> |
| ${savedBadge} |
| <span class="rep-save-badge" id="rep-save-badge">Autosave</span> |
| </div> |
| </div> |
| <div class="rep-empty rep-cta"> |
| <p class="rep-empty-lead">Monte a lista em <strong>Segmentação</strong> ou <strong>Árvore</strong>.</p> |
| <div class="rep-empty-flow" aria-hidden="true"> |
| <span>Seg / Árvore</span><span class="rep-empty-arrow">→</span><span>+</span><span class="rep-empty-arrow">→</span><span>Relatório</span> |
| </div> |
| <div class="rep-empty-actions"> |
| <button type="button" class="btn-upd primary" id="rep-cta-collect">Ativar modo coleta</button> |
| <button type="button" class="btn-upd" data-rep-cta-page="explorar">Ir para Segmentação</button> |
| <button type="button" class="btn-upd" data-rep-cta-page="arvore">Ir para Árvore</button> |
| </div> |
| </div>`; |
| wireTitleInput(el.querySelector('#rep-title-in'), r); |
| wireEmptyCtas(el, r); |
| return; |
| } |
|
|
| const summary = reportSummaryText(r); |
| el.innerHTML = ` |
| <div class="rep-work-inner"> |
| <div class="rep-report-hd"> |
| <div class="rep-report-hd-top"> |
| <input type="text" class="rep-title-in rep-title-hero" id="rep-title-in" value="${esc(r.name)}" aria-label="Nome"> |
| ${savedBadge} |
| <span class="rep-progress" id="rep-counts">${esc(summary)}</span> |
| </div> |
| <div class="rep-report-hd-actions"> |
| <input type="search" id="rep-table-search" placeholder="Buscar código, descrição, família…" value="${esc(ui.tableSearch)}"> |
| <span class="rep-save-badge" id="rep-save-badge">Autosave</span> |
| <span class="rep-toolbar-secondary"> |
| <button type="button" class="btn-upd rep-hd-btn" id="rep-export-csv" title="Exportar CSV">CSV</button> |
| </span> |
| </div> |
| </div> |
| <div class="rep-seg-nav-wrap"> |
| <div class="rep-seg-nav" id="rep-seg-nav" role="tablist" aria-label="Segmento e pedidos abertos"></div> |
| </div> |
| <div class="rep-table-single panel lista-panel"> |
| <div class="tablewrap"> |
| <table>${tableHead()}<tbody id="rep-tbody"></tbody></table> |
| </div> |
| </div> |
| </div>`; |
|
|
| wireTitleInput(el.querySelector('#rep-title-in'), r); |
| el.querySelector('#rep-export-csv')?.addEventListener('click', exportCsv); |
| el.querySelector('#rep-table-search')?.addEventListener('input', (e) => { |
| ui.tableSearch = e.target.value; |
| renderTableOnly(); |
| }); |
|
|
| renderSegNav(); |
| renderTableOnly(); |
| } |
|
|
| function renderMain() { |
| if (ui.view === 'archive') renderArchiveMain(); |
| else renderWorkMain(); |
| } |
|
|
| function exportCsv() { |
| const r = activeReport(); |
| if (!r) return; |
| const rows = reportRowEntries(r); |
| const head = [ |
| 'codigo', |
| 'descricao', |
| 'seg', |
| 'familia', |
| 'rop', |
| 'qty_pedido', |
| 'qty_sugerida', |
| 'cob_atual', |
| 'cob_projetada', |
| 'alvo', |
| 'valor_rs', |
| 'nota', |
| ]; |
| const lines = [head.join(';')]; |
| for (const { x, s, ri } of rows) { |
| const proj = projectedCob(x, ri.qty); |
| lines.push( |
| [ |
| x.p, |
| (x.d || '').replace(/[;\n]/g, ' '), |
| itemSeg(x), |
| (x.fam || '').replace(/[;\n]/g, ' '), |
| x.rop ?? '', |
| ri.qty, |
| ri.qtySug, |
| x.cob ?? '', |
| proj == null ? '' : proj.toFixed(2), |
| s ? s.alvoRef : '', |
| Math.round(ri.qty * (x.uc || 0)), |
| (ri.note || '').replace(/[;\n]/g, ' '), |
| ].join(';') |
| ); |
| } |
| const blob = new Blob(['\ufeff' + lines.join('\n')], { type: 'text/csv;charset=utf-8' }); |
| const a = document.createElement('a'); |
| a.href = URL.createObjectURL(blob); |
| a.download = (r.name || 'relatorio').replace(/[^\w\-]+/g, '_').slice(0, 40) + '.csv'; |
| a.click(); |
| URL.revokeObjectURL(a.href); |
| } |
|
|
| function scheduleServerSave() { |
| if (!ui.serverAvailable) return; |
| setSaveStatus('pending'); |
| clearTimeout(serverTimer); |
| serverTimer = setTimeout(() => flushServerSave(false), 800); |
| } |
|
|
| async function flushServerSave(manual) { |
| if (!currentUser || !ui.serverAvailable) { |
| if (manual) alert('Servidor indisponível — dados só no navegador.'); |
| return; |
| } |
| if (saveInFlight) { |
| saveQueued = true; |
| updateSaveBadge(); |
| return; |
| } |
| saveInFlight = true; |
| saveQueued = false; |
| const revAtSend = storeRev; |
| setSaveStatus('saving'); |
| const payload = { version: 1, activeId: store.activeId, reports: store.reports }; |
| let needsRetry = false; |
| try { |
| const res = await fetch( |
| '/api/rep-reports', |
| apiFetchOpts({ |
| method: 'PUT', |
| headers: { 'Content-Type': 'application/json' }, |
| body: JSON.stringify(payload), |
| }) |
| ); |
| const data = await res.json().catch(() => ({})); |
| if (res.status === 401) { |
| ui.serverAvailable = false; |
| setSaveStatus('idle'); |
| if (manual) alert('Sessão expirada — faça login novamente.'); |
| return; |
| } |
| if (res.ok && data.reports) { |
| if (storeRev > revAtSend) { |
| needsRetry = true; |
| } else if (applyServerStore(data.reports, revAtSend)) { |
| ui.saveMode = 'server'; |
| saveLocal(); |
| setSaveStatus('saved'); |
| if (manual) render(); |
| else if (val('curPage') === 'relatorio') renderTableOnly(); |
| } |
| return; |
| } |
| setSaveStatus('idle'); |
| if (manual) alert(data.error || data.detail || 'Falha ao salvar no servidor'); |
| } catch (_) { |
| setSaveStatus('idle'); |
| if (manual) alert('Servidor indisponível'); |
| } finally { |
| saveInFlight = false; |
| if (needsRetry || saveQueued || storeRev > revAtSend) { |
| saveQueued = false; |
| clearTimeout(serverTimer); |
| serverTimer = setTimeout(() => flushServerSave(false), 0); |
| } else { |
| updateSaveBadge(); |
| } |
| } |
| } |
|
|
| function pushToServer(manual) { |
| return flushServerSave(manual); |
| } |
|
|
| async function pullFromServer() { |
| if (!currentUser) return false; |
| try { |
| const res = await fetch('/api/rep-reports', apiFetchOpts()); |
| if (res.status === 401) { |
| ui.serverAvailable = false; |
| return false; |
| } |
| if (!res.ok) return false; |
| const data = await res.json(); |
| if (!Array.isArray(data.reports)) return false; |
| const keepActive = store.activeId; |
| store = { |
| activeId: keepActive, |
| reports: preserveLocalDecisions(data.reports), |
| }; |
| if (keepActive && !store.reports.some((r) => r.id === keepActive)) store.activeId = null; |
| migrateStore(); |
| saveLocal(); |
| ui.serverAvailable = true; |
| ui.saveMode = 'server'; |
| return true; |
| } catch (_) { |
| return false; |
| } |
| } |
|
|
| async function detectServer() { |
| if (!currentUser) { |
| ui.serverAvailable = false; |
| return; |
| } |
| try { |
| const res = await fetch('/api/status', apiFetchOpts()); |
| ui.serverAvailable = res.ok; |
| } catch (_) { |
| ui.serverAvailable = false; |
| } |
| } |
|
|
| async function onUserReady(username) { |
| const user = (username || '').trim().toLowerCase(); |
| if (!user) return; |
| clearTimeout(serverTimer); |
| storeRev = 0; |
| saveInFlight = false; |
| saveQueued = false; |
| saveStatus = 'idle'; |
| currentUser = user; |
| store = { activeId: null, reports: [] }; |
| ui.collecting = false; |
| ui.lastWorkActiveId = null; |
| ui.archivePreviewId = null; |
| ui.view = 'work'; |
| loadLocal(user); |
| await detectServer(); |
| const pulled = await pullFromServer(); |
| if (!pulled && !store.reports.length) { |
| maybeImportLegacyLocal(); |
| if (store.reports.length) { |
| saveLocal(); |
| scheduleServerSave(); |
| } |
| } |
| render(); |
| renderHeaderBanner(); |
| refreshPickCells(); |
| } |
|
|
| function onUserLogout() { |
| clearTimeout(serverTimer); |
| storeRev = 0; |
| saveInFlight = false; |
| saveQueued = false; |
| saveStatus = 'idle'; |
| pickPending = null; |
| currentUser = null; |
| store = { activeId: null, reports: [] }; |
| ui.serverAvailable = false; |
| ui.collecting = false; |
| ui.saveMode = 'local'; |
| } |
|
|
| function loadSidebarCollapsed() { |
| try { |
| return localStorage.getItem(LS_SIDEBAR_KEY) === '1'; |
| } catch (_) { |
| return false; |
| } |
| } |
|
|
| function applySidebarCollapsed() { |
| const app = document.getElementById('rep-app'); |
| const btn = document.getElementById('rep-sidebar-toggle'); |
| if (app) app.classList.toggle('rep-sidebar-collapsed', !!ui.sidebarCollapsed); |
| if (btn) { |
| btn.textContent = ui.sidebarCollapsed ? '»' : '«'; |
| btn.title = ui.sidebarCollapsed ? 'Expandir rascunhos' : 'Recolher rascunhos'; |
| btn.setAttribute('aria-expanded', ui.sidebarCollapsed ? 'false' : 'true'); |
| } |
| } |
|
|
| function toggleSidebarCollapsed() { |
| ui.sidebarCollapsed = !ui.sidebarCollapsed; |
| try { |
| localStorage.setItem(LS_SIDEBAR_KEY, ui.sidebarCollapsed ? '1' : '0'); |
| } catch (_) {} |
| applySidebarCollapsed(); |
| } |
|
|
| function updateViewTabs() { |
| const draftN = store.reports.filter((r) => r.status !== 'saved').length; |
| const archN = store.reports.filter((r) => r.status === 'saved').length; |
| document.querySelectorAll('[data-rep-view]').forEach((btn) => { |
| const v = btn.dataset.repView; |
| btn.classList.toggle('on', v === ui.view); |
| const full = btn.querySelector('.rep-view-full'); |
| if (full) { |
| const n = v === 'archive' ? archN : draftN; |
| full.innerHTML = |
| v === 'archive' |
| ? `Arquivados<span class="rep-view-tab-count">(${n})</span>` |
| : `Ativos<span class="rep-view-tab-count">(${n})</span>`; |
| } |
| }); |
| const title = document.getElementById('rep-sidebar-title'); |
| if (title) title.textContent = ui.view === 'archive' ? 'Arquivados' : 'Relatórios'; |
| const newBtn = document.getElementById('rep-new-report'); |
| if (newBtn) newBtn.hidden = ui.view === 'archive'; |
| const sidebar = document.getElementById('rep-sidebar'); |
| if (sidebar) sidebar.classList.toggle('rep-sidebar-archive-mode', ui.view === 'archive'); |
| applySidebarCollapsed(); |
| } |
|
|
| function render() { |
| updateViewTabs(); |
| renderSidebar(); |
| renderMain(); |
| renderHeaderBanner(); |
| const page = document.getElementById('page-relatorio'); |
| if (page) page.classList.toggle('rep-view-archive', ui.view === 'archive'); |
| updateSaveBadge(); |
| } |
|
|
| function onFilterChange() { |
| if (val('curPage') === 'relatorio') render(); |
| } |
|
|
| function setActiveId(id) { |
| if (!id) return; |
| const r = store.reports.find((x) => x.id === id); |
| if (!r) return; |
| if (r.status === 'saved') { |
| ui.view = 'archive'; |
| ui.archivePreviewId = id; |
| store.activeId = null; |
| } else { |
| store.activeId = id; |
| ui.lastWorkActiveId = id; |
| ui.archivePreviewId = null; |
| if (ui.view === 'archive') ui.view = 'work'; |
| if (isCollectPage()) { |
| enterCollectMode(id); |
| return; |
| } |
| } |
| persistStore(); |
| deps.syncUrl?.(); |
| renderHeaderBanner(); |
| refreshPickCells(); |
| } |
|
|
| function getActiveId() { |
| return store.activeId; |
| } |
|
|
| function init(initDeps) { |
| deps = initDeps; |
| ui.sidebarCollapsed = loadSidebarCollapsed(); |
| if (initWired) { |
| renderHeaderBanner(); |
| return; |
| } |
| initWired = true; |
| ui.collecting = false; |
| ui.lastWorkActiveId = null; |
| wireRepTableClicks(); |
| wireRepTableSort(); |
| renderHeaderBanner(); |
| document.getElementById('rep-sidebar-toggle')?.addEventListener('click', toggleSidebarCollapsed); |
| document.getElementById('rep-new-report')?.addEventListener('click', () => openNewModal(true)); |
| document.getElementById('rep-new-cancel')?.addEventListener('click', () => cancelPickPending()); |
| document.getElementById('rep-new-save')?.addEventListener('click', () => { |
| const name = document.getElementById('rep-new-name')?.value || ''; |
| const fn = pickPending; |
| pickPending = null; |
| createReport(name); |
| openNewModal(false); |
| closePickModal(); |
| if (fn) fn(); |
| }); |
| document.getElementById('rep-new-modal')?.addEventListener('click', (e) => { |
| if (e.target.id === 'rep-new-modal') cancelPickPending(); |
| }); |
| document.getElementById('rep-pick-cancel')?.addEventListener('click', () => cancelPickPending()); |
| document.getElementById('rep-pick-new')?.addEventListener('click', () => { |
| closePickModal(); |
| openNewModal(true, pickPending); |
| }); |
| document.getElementById('rep-pick-modal')?.addEventListener('click', (e) => { |
| if (e.target.id === 'rep-pick-modal') cancelPickPending(); |
| }); |
| document.getElementById('rep-delete-cancel')?.addEventListener('click', () => closeDeleteModal()); |
| document.getElementById('rep-delete-confirm')?.addEventListener('click', () => confirmDeleteReport()); |
| document.getElementById('rep-delete-modal')?.addEventListener('click', (e) => { |
| if (e.target.id === 'rep-delete-modal') closeDeleteModal(); |
| }); |
| document.getElementById('header-report-exit')?.addEventListener('click', () => { |
| setHeaderReportMenuOpen(false); |
| if (ui.collecting) { |
| store.activeId = null; |
| ui.lastWorkActiveId = null; |
| persistStore(); |
| deps.syncUrl?.(); |
| exitCollectMode(); |
| } else { |
| const d = activeDraftReport(); |
| if (d) enterCollectMode(d.id); |
| else if (val('curPage') === 'relatorio') goPage('explorar'); |
| } |
| }); |
| const headerRepBtn = document.getElementById('header-report-name-btn'); |
| if (headerRepBtn && !headerRepBtn._repWired) { |
| headerRepBtn._repWired = true; |
| headerRepBtn.addEventListener('click', (e) => { |
| e.stopPropagation(); |
| setHeaderReportMenuOpen(!headerReportMenuOpen); |
| }); |
| } |
| if (!document._headerRepMenuWired) { |
| document._headerRepMenuWired = true; |
| document.addEventListener('click', (e) => { |
| if (!headerReportMenuOpen) return; |
| const sw = document.querySelector('.header-report-switcher'); |
| if (sw && !sw.contains(e.target)) setHeaderReportMenuOpen(false); |
| }); |
| document.addEventListener('keydown', (e) => { |
| if (e.key === 'Escape' && headerReportMenuOpen) setHeaderReportMenuOpen(false); |
| }); |
| } |
| document.querySelectorAll('[data-rep-view]').forEach((btn) => { |
| btn.onclick = () => setView(btn.dataset.repView); |
| }); |
| const sidebarSearch = document.getElementById('rep-sidebar-search'); |
| if (sidebarSearch && !sidebarSearch._repWired) { |
| sidebarSearch._repWired = true; |
| sidebarSearch.addEventListener('input', (e) => { |
| ui.sidebarSearch = e.target.value; |
| renderSidebar(); |
| }); |
| } |
| } |
|
|
| global.AxoRep = { |
| init, |
| onUserReady, |
| onUserLogout, |
| render, |
| onFilterChange, |
| setActiveId, |
| getActiveId, |
| getView, |
| setView, |
| getSegFilter, |
| setSegFilter, |
| createReport, |
| isCollecting, |
| getActiveReport, |
| isInReport, |
| enterCollectMode, |
| exitCollectMode, |
| addItem, |
| removeItem, |
| toggleItem, |
| pickCellHtml, |
| refreshPickCells, |
| refreshHeaderBanner: renderHeaderBanner, |
| promptPickOrCreateReport, |
| }; |
| })(typeof window !== 'undefined' ? window : globalThis); |
|
|
