'; return; } const info = document.createElement('div'); info.className = 'search-result-info'; info.textContent = searchHits.length + ' result' + (searchHits.length !== 1 ? 's' : ''); treeEl.appendChild(info); const wrap = document.createElement('div'); wrap.className = 'tree-list'; searchHits.forEach(function (node) { appendFile(node, wrap); }); treeEl.appendChild(wrap); } function clearSearch() { searchEl.value = ''; clearBtn.style.display = 'none'; searchHits = null; renderTree(TREE, treeEl); setBreadcrumb([]); } function setBreadcrumb(parts) { bcEl.innerHTML = ''; const root = document.createElement('span'); root.className = 'breadcrumb-part'; root.textContent = '~'; root.addEventListener('click', function () { clearSearch(); closeModal(); }); bcEl.appendChild(root); parts.forEach(function (p, i) { const sep = document.createElement('span'); sep.className = 'breadcrumb-sep'; sep.textContent = ' / '; bcEl.appendChild(sep); const part = document.createElement('span'); part.className = 'breadcrumb-part' + (i === parts.length - 1 ? ' active' : ''); part.textContent = p; bcEl.appendChild(part); }); } function openModal(node) { activeNode = node; refreshActiveRows(); setBreadcrumb(node._path || [node.name]); populateModal(node); overlay.classList.add('open'); document.body.style.overflow = 'hidden'; } function closeModal() { stopMedia(); overlay.classList.remove('open'); overlay.classList.remove('maximized-overlay'); modal.classList.remove('maximized'); isMaximized = false; document.getElementById('modalMaximize').textContent = '⛶'; document.body.style.overflow = ''; activeNode = null; refreshActiveRows(); } function toggleMaximize() { isMaximized = !isMaximized; modal.classList.toggle('maximized', isMaximized); overlay.classList.toggle('maximized-overlay', isMaximized); document.getElementById('modalMaximize').textContent = isMaximized ? '⛶' : '⛶'; document.getElementById('modalMaximize').title = isMaximized ? 'Restore' : 'Maximize'; } function stopMedia() { modalBody.querySelectorAll('video, audio').forEach(function (m) { m.pause(); }); } function refreshActiveRows() { treeEl.querySelectorAll('[data-nodeid]').forEach(function (r) { r.classList.toggle('active', activeNode ? r.dataset.nodeid == activeNode._id : false); }); } function populateModal(node) { const type = getType(node.name); const ext = getExt(node.name); const icon = TYPE_ICON[type] || TYPE_ICON.other; document.getElementById('modalIcon').textContent = icon; document.getElementById('modalTitle').textContent = node.name; document.getElementById('modalPath').textContent = (node._path || [node.name]).slice(0, -1).join(' / ') || '~'; const dl = document.getElementById('modalDownload'); dl.href = node.url; dl.download = node.name; document.getElementById('modalRaw').onclick = function () { window.open(node.url, '_blank'); }; const metaBar = document.getElementById('modalMetaBar'); metaBar.innerHTML = '