document.body && document.body.classList.add('analytics-modal-open');
function initializeServerReportBuilder() {
document.querySelectorAll('.report-builder-modal.is-server-rendered').forEach(function(modal) {
if (modal.dataset.reportBuilderReady === '1') return;
modal.dataset.reportBuilderReady = '1';
var canvas = modal.querySelector('[data-report-canvas]');
var templates = modal.querySelector('.report-builder-templates');
var activeCell = null;
var draggingItem = null;
var pageHistory = [];
var builderHistory = [];
var activePageIndex = 0;
var pagination = modal.querySelector('[data-report-pagination]');
function expandAllReportProvinces(root) {
if (!root) return;
root.querySelectorAll('.call-detail-province-row').forEach(function(row) { row.classList.add('is-open'); });
root.querySelectorAll('[data-province-child]').forEach(function(child) {
child.style.setProperty('display', 'table-row', 'important');
});
}
expandAllReportProvinces(modal);
function reportRows() {
return Array.from(canvas ? canvas.querySelectorAll('.report-drop-row') : []);
}
function showReportPage(index) {
var rows = reportRows();
if (!rows.length) {
activePageIndex = 0;
if (pagination) pagination.innerHTML = 'No rows';
return;
}
activePageIndex = Math.max(0, Math.min(index, rows.length - 1));
rows.forEach(function(row, i) { row.classList.toggle('is-active-page', i === activePageIndex); });
activeCell = rows[activePageIndex].querySelector('[data-drop-cell]') || null;
if (!pagination) return;
pagination.innerHTML = rows.map(function(_, i) {
return '';
}).join('');
}
function updateReportPages() {
showReportPage(activePageIndex);
}
function activeReportRow() {
return reportRows()[activePageIndex] || null;
}
function saveActivePageState() {
var row = activeReportRow();
if (!row) return;
var stack = pageHistory[activePageIndex] || [];
stack.push(row.innerHTML);
if (stack.length > 25) stack.shift();
pageHistory[activePageIndex] = stack;
}
function saveBuilderState() {
if (!canvas) return;
builderHistory.push(canvas.innerHTML);
if (builderHistory.length > 40) builderHistory.shift();
}
function undoActivePage() {
if (canvas && builderHistory.length) {
canvas.innerHTML = builderHistory.pop();
pageHistory = [];
activePageIndex = Math.max(0, Math.min(activePageIndex, reportRows().length - 1));
activeCell = null;
updateReportPages();
saveReportDraft(false);
return;
}
var row = activeReportRow();
var stack = pageHistory[activePageIndex] || [];
if (!row || !stack.length) return;
row.innerHTML = stack.pop();
pageHistory[activePageIndex] = stack;
activeCell = row.querySelector('[data-drop-cell]') || null;
updateReportPages();
}
function renderExportCharts(root) {
root.querySelectorAll('.call-sector-chart[data-google-stacked-chart]').forEach(function(panel) {
var payload;
try { payload = JSON.parse(panel.getAttribute('data-google-stacked-chart') || '{}'); } catch (e) { payload = {}; }
var groups = Array.isArray(payload.groups) ? payload.groups : [];
var categories = Array.isArray(payload.categories) ? payload.categories : [];
var matrix = payload.matrix || {};
var colors = Array.isArray(payload.colors) ? payload.colors : [];
if (!groups.length || !categories.length) return;
// Live Google rendering removes the original fallback bar wrapper. Recreate it
// in the export clone before drawing the compact, print-safe SVG.
var target = panel.querySelector('.call-bar-chart-wrap');
if (!target) {
target = document.createElement('div');
target.className = 'call-bar-chart-wrap export-bar-chart-wrap';
var totalRow = panel.querySelector('.call-category-total-row');
panel.insertBefore(target, totalRow || null);
}
var width = 700, height = 370, left = 46, right = 46, top = 42, bottom = 104;
var plotWidth = width - left - right, plotHeight = height - top - bottom;
var totals = groups.map(function(group) { return categories.reduce(function(sum, category) { return sum + Number((matrix[group] || {})[category] || 0); }, 0); });
var maxTotal = Math.max.apply(Math, totals.concat([1]));
var slot = plotWidth / groups.length;
var barWidth = Math.max(2, Math.min(58, slot * 0.6));
var labelFontSize = 8;
var maxLabelWidth = Math.max.apply(Math, groups.map(function(group) { return String(group).length * labelFontSize * 0.6; }).concat([20]));
var labelExtent = Math.ceil(maxLabelWidth * Math.SQRT1_2);
left = Math.max(46, labelExtent + 12);
width = Math.max(700, left + right + groups.length * 26);
plotWidth = width - left - right;
slot = plotWidth / groups.length;
barWidth = Math.max(2, Math.min(58, slot * 0.6));
bottom = 52 + labelExtent;
height = top + 240 + bottom;
plotHeight = 240;
function escSvg(value) { return String(value).replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"'); }
var svg = '';
target.innerHTML = svg;
// Match footer cells to the exact SVG plot slots.
var alignedTotals = panel.querySelector('.call-category-total-row');
if (alignedTotals) {
alignedTotals.style.setProperty('grid-template-columns', (left / width * 100).toFixed(6) + '% repeat(' + groups.length + ', minmax(0, 1fr)) ' + (right / width * 100).toFixed(6) + '%', 'important');
alignedTotals.style.setProperty('padding', '0', 'important');
alignedTotals.style.setProperty('width', '100%', 'important');
alignedTotals.style.setProperty('max-width', 'none', 'important');
alignedTotals.style.setProperty('box-sizing', 'border-box', 'important');
}
target.style.setProperty('display', 'block', 'important');
target.style.setProperty('padding', '0', 'important');
target.style.setProperty('background', '#fff', 'important');
panel.querySelectorAll('.export-chart-legend, .call-region-legend, .google-chart-legend').forEach(function(legend) { legend.remove(); });
var legend = document.createElement('div');
legend.className = 'export-chart-legend';
categories.forEach(function(category, categoryIndex) {
var item = document.createElement('span');
var swatch = document.createElement('i');
swatch.style.background = String(colors[categoryIndex] || '#2563eb');
item.appendChild(swatch);
item.appendChild(document.createTextNode(String(category || '-')));
legend.appendChild(item);
});
panel.insertBefore(legend, target);
});
root.querySelectorAll('.call-combined-pie[data-pie-segments]').forEach(function(pie) {
var segments = [];
try { segments = JSON.parse(pie.getAttribute('data-pie-segments') || '[]'); } catch (e) {}
var angle = -90;
var tinyIndex = 0;
var topPaths = [];
var depthPaths = [];
var labels = [];
segments.forEach(function(segment) {
var sweep = Math.max(0, parseFloat(segment.percent || 0)) * 3.6;
if (sweep <= 0) return;
var end = angle + sweep;
var middle = angle + sweep / 2;
var startRad = angle * Math.PI / 180;
var endRad = end * Math.PI / 180;
var middleRad = middle * Math.PI / 180;
var x1 = 50 + 48 * Math.cos(startRad), y1 = 50 + 48 * Math.sin(startRad);
var x2 = 50 + 48 * Math.cos(endRad), y2 = 50 + 48 * Math.sin(endRad);
var labelRadius = sweep >= 359.9 ? 0 : (sweep < 12 ? (tinyIndex++ % 2 === 0 ? 32 : 41) : (sweep < 25 ? 34 : 25));
var labelX = 50 + labelRadius * Math.cos(middleRad);
var labelY = 50 + labelRadius * Math.sin(middleRad);
var large = sweep > 180 ? 1 : 0;
var color = segment.color || '#2563eb';
var shape = sweep >= 359.9
? ''
: '';
var hex = String(color).replace('#', '');
var darkColor = /^[0-9a-f]{6}$/i.test(hex) ? '#' + [0,2,4].map(function(offset) { return Math.round(parseInt(hex.slice(offset,offset+2),16)*0.65).toString(16).padStart(2,'0'); }).join('') : color;
depthPaths.push(shape.replace(/fill="[^"]*"/, 'fill="' + darkColor + '"'));
topPaths.push(shape);
labels.push('' + Number(segment.percent || 0).toFixed(1) + '%');
angle = end;
});
pie.style.setProperty('background', 'none', 'important');
pie.style.setProperty('box-shadow', 'none', 'important');
pie.style.setProperty('overflow', 'visible', 'important');
pie.innerHTML = '';
var pieCard = pie.closest('.call-combined-pie-card');
if (pieCard) {
pieCard.querySelectorAll('.export-pie-legend').forEach(function(legend) { legend.remove(); });
pieCard.classList.add('export-side-pie');
var pieBody = pieCard.querySelector('.call-combined-pie-body');
if (pieBody) {
pieBody.querySelectorAll('.export-pie-side-column').forEach(function(column) { column.remove(); });
var leftLabels = document.createElement('div'), rightLabels = document.createElement('div');
leftLabels.className = 'export-pie-side-column is-left';
rightLabels.className = 'export-pie-side-column is-right';
var split = Math.ceil(segments.length / 2);
segments.forEach(function(segment,index) {
var label = document.createElement('div');
label.textContent = String(segment.label || '-') + ' (' + Number(segment.count || 0).toLocaleString('en-US') + ' calls)';
label.style.color = String(segment.color || '#222');
(index < split ? leftLabels : rightLabels).appendChild(label);
});
pieBody.insertBefore(leftLabels, pieBody.firstChild);
pieBody.appendChild(rightLabels);
}
}
});
root.querySelectorAll('.call-donut-card').forEach(function(card) {
var donut = card.querySelector('.call-donut');
if (!donut) return;
var color = card.style.getPropertyValue('--donut-color').trim() || donut.getAttribute('data-google-donut-color') || '#2563eb';
var count = Number(donut.getAttribute('data-google-donut-count') || 0);
var total = Math.max(count, Number(donut.getAttribute('data-google-donut-total') || 0));
var pct = total > 0 ? (count / total) * 100 : (parseFloat(card.style.getPropertyValue('--donut-pct')) || 0);
var dash = Math.max(0, Math.min(100, pct));
var safeColor = String(color).replace(/&/g, '&').replace(/"/g, '"');
donut.classList.remove('is-google-chart');
donut.style.cssText = 'display:block!important;width:72px!important;height:72px!important;margin:3px auto!important;background:none!important;visibility:visible!important;opacity:1!important;';
donut.innerHTML = '';
}); root.querySelectorAll('.call-stacked-bar span').forEach(function(segment) {
var match = (segment.getAttribute('style') || '').match(/#[0-9a-fA-F]{3,8}/);
if (match) {
segment.style.setProperty('background', match[0], 'important');
segment.style.setProperty('background-image', 'none', 'important');
}
});
}
function reportHtmlForExport(makeBw) {
var rows = reportRows();
var sourceRows = (rows.length ? rows : []).filter(function(row) { return !!row.querySelector('.report-builder-item'); });
// Older saved drafts can contain builder cards without the newer row wrapper.
// Treat those cards as export rows too, so added content is never discarded.
if (!sourceRows.length && canvas) {
sourceRows = Array.from(canvas.querySelectorAll('.report-builder-item')).map(function(item) {
var row = document.createElement('div');
row.className = 'report-drop-row is-full-row';
row.appendChild(item.cloneNode(true));
return row;
});
}
var body = sourceRows.map(function(row, i) {
var clone = row.cloneNode(true);
clone.querySelectorAll('.is-report-excluded, [data-report-excluded="1"]').forEach(function(excluded) { excluded.remove(); });
clone.querySelectorAll('.report-audit-cell, .report-audit-head, .pie-report-audit, .analytics-full-btn, .analytics-excel-btn, .analytics-image-btn, .analytics-region-excel-proxy, .analytics-modal-full-proxy, .analytics-full-proxy, .call-category-summary-btn, .call-province-exclude-filter, .call-province-exclude-one, .call-expand-all-btn, .report-layout-toggle, .report-text-editor, .drag-handle, .report-builder-item-head').forEach(function(el) { el.remove(); });
clone.querySelectorAll('.call-detail-category-row').forEach(function(groupRow) {
var next = groupRow.nextElementSibling, hasData = false;
while (next && !next.classList.contains('call-detail-category-row') && !next.classList.contains('call-detail-province-row')) {
if (next.classList.contains('call-detail-data-row')) { hasData = true; break; }
next = next.nextElementSibling;
}
if (!hasData) groupRow.remove();
});
clone.querySelectorAll('.call-detail-province-row').forEach(function(groupRow) {
var key = groupRow.getAttribute('data-province-group');
if (key && !clone.querySelector('[data-province-child="' + key + '"].call-detail-data-row')) groupRow.remove();
});
clone.querySelectorAll('.call-detail-province-row').forEach(function(provinceRow) {
provinceRow.classList.add('is-open');
});
clone.querySelectorAll('[data-province-child]').forEach(function(childRow) {
childRow.style.setProperty('display', 'table-row', 'important');
});
clone.querySelectorAll('.call-province-toggle i').forEach(function(icon) { icon.remove(); });
// Export must never reuse the live Google SVG: it carries live-page dimensions
// and is the cause of charts being clipped in the printed A4 document.
clone.querySelectorAll('.has-google-chart').forEach(function(chartElement) {
chartElement.classList.remove('has-google-chart');
chartElement.removeAttribute('data-google-chart-ready');
});
clone.querySelectorAll('.google-stacked-chart-stage').forEach(function(stage) { stage.remove(); });
renderExportCharts(clone);
clone.querySelectorAll('[draggable]').forEach(function(el) { el.removeAttribute('draggable'); });
clone.querySelectorAll('[contenteditable]').forEach(function(el) { el.removeAttribute('contenteditable'); });
// Preserve each Report Builder row as one section, but let native print
// place consecutive sections in the remaining page space.
return '';
}).join('');
var styleLinks = Array.from(document.querySelectorAll('link[rel="stylesheet"]')).map(function(link) {
return '';
}).join('');
var inlineStyles = ''; // Global app styles may contain color-mix()/color(), unsupported by html2canvas.
var css = '';
css += '';
css += '';
css += ''; css += ''; return 'SLIMS Report' + styleLinks + inlineStyles + css + '' + (body || 'No report rows added.
') + '';
}
function downloadReport(filename, mime, content) {
var blob = new Blob([content], { type: mime });
var url = URL.createObjectURL(blob);
var a = document.createElement('a');
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
setTimeout(function() { URL.revokeObjectURL(url); a.remove(); }, 600);
}
var reportKind = new URLSearchParams(window.location.search).get('analytics_tab') === 'sms' ? 'sms' : 'calls';
var sheetRecordKey = 'slims.' + reportKind + '.report.sheet.records';
function readSheetRecords() {
try { return JSON.parse(localStorage.getItem(sheetRecordKey) || '[]'); } catch (e) { return []; }
}
function writeSheetRecords(records) {
try { localStorage.setItem(sheetRecordKey, JSON.stringify(records.slice(0, 40))); } catch (e) {}
}
function showReportToast(message) {
var toast = modal.querySelector('[data-report-toast]');
if (!toast) return;
toast.textContent = message || 'Saved successfully.';
toast.classList.add('is-visible');
clearTimeout(showReportToast.timer);
showReportToast.timer = setTimeout(function() { toast.classList.remove('is-visible'); }, 2200);
}
function showSavedReportModal() {
var existing = document.querySelector('.report-saved-modal');
if (existing) existing.remove();
var savedModal = document.createElement('div');
savedModal.className = 'report-saved-modal';
savedModal.innerHTML = '
Your file has been saved successfully.
Labels
';
panel.querySelector('[data-report-title-input]').value = titleNode ? titleNode.textContent.trim() : '';
var list = panel.querySelector('.report-label-editor-list');
labels.forEach(function(label) {
var row = document.createElement('label');
row.innerHTML = '';
row.querySelector('span').textContent = label;
var input = row.querySelector('input');
input.value = label;
input.dataset.originalLabel = label;
list.appendChild(row);
});
if (!labels.length) panel.querySelector('.report-label-editor-title').style.display = 'none';
item.querySelector('.report-builder-item-head').insertAdjacentElement('afterend', panel);
}
function applyReportTextEditor(item, panel) {
var titleNode = item.querySelector('.call-combined-pie-head h2, .analytics-title-block h2, .call-percentage-head h2, .call-category-region-head h2');
var titleInput = panel.querySelector('[data-report-title-input]');
if (titleNode && titleInput && titleInput.value.trim()) titleNode.textContent = titleInput.value.trim();
panel.querySelectorAll('[data-report-label-input]').forEach(function(input) {
var oldValue = input.dataset.originalLabel || '';
var newValue = input.value.trim();
if (!newValue || newValue === oldValue) return;
reportTextNodes(item).forEach(function(node) {
if (node.textContent.trim() === oldValue) setReportLabelText(node, newValue);
});
});
var headTitle = item.querySelector('.report-builder-item-head strong');
if (headTitle && titleInput && titleInput.value.trim()) headTitle.textContent = titleInput.value.trim();
panel.remove();
saveReportDraft(false);
}
function cloneTemplate(key) {
if (!templates || !key) return null;
var source = templates.querySelector('.report-builder-item[data-builder-key="' + key + '"]');
if (!source) return null;
var clone = source.cloneNode(true);
expandAllReportProvinces(clone);
clone.classList.add('is-preview-focus');
setTimeout(function(){ clone.classList.remove('is-preview-focus'); }, 900);
return clone;
}
function addReportRow(type) {
if (!canvas) return null;
saveBuilderState();
var row = document.createElement('div');
row.className = 'report-drop-row ' + (type === 'half' ? 'is-half-row' : 'is-full-row');
row.style.width = '100%';
row.style.maxWidth = 'none';
row.style.justifySelf = 'stretch';
var cells = type === 'half' ? 2 : 1;
for (var i = 0; i < cells; i++) {
var cell = document.createElement('div');
cell.className = 'report-drop-cell';
cell.setAttribute('data-drop-cell', '1');
cell.style.width = '100%';
cell.style.maxWidth = 'none';
row.appendChild(cell);
}
canvas.appendChild(row);
activeCell = row.querySelector('[data-drop-cell]');
activePageIndex = reportRows().length - 1;
updateReportPages();
return row;
}
function seedDefaultReportPages() {
if (!canvas || reportRows().length || readReportDraft()) return;
['server-section-2', 'server-section-3', 'server-section-4'].forEach(function(key) {
var row = addReportRow('full');
var cell = row && row.querySelector('[data-drop-cell]');
var item = cloneTemplate(key);
if (cell && item) cell.appendChild(item);
});
activePageIndex = 0;
updateReportPages();
saveReportDraft(false);
}
seedDefaultReportPages();
modal.querySelectorAll('[data-add-report-row]').forEach(function(btn) {
btn.addEventListener('click', function() { addReportRow(btn.dataset.addReportRow || 'full'); });
});
modal.querySelectorAll('[data-add-report-block]').forEach(function(btn) {
btn.addEventListener('click', function() {
var type = btn.dataset.addReportBlock || 'separator';
var row = addReportRow('full');
if (!row) return;
var cell = row.querySelector('[data-drop-cell]');
var item = document.createElement('section');
item.className = 'report-builder-item report-builder-custom-block';
item.dataset.builderKey = 'custom-' + type + '-' + Date.now();
if (type === 'heading') {
item.innerHTML = 'Type heading
';
} else {
item.innerHTML = '';
}
cell.appendChild(item);
if (type === 'heading') {
var heading = item.querySelector('.report-builder-custom-heading');
heading.focus();
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(heading);
selection.removeAllRanges();
selection.addRange(range);
}
saveReportDraft(false);
});
});
var toolbarUndo = modal.querySelector('[data-undo-report-page]');
if (toolbarUndo) {
toolbarUndo.addEventListener('click', function(event) {
event.preventDefault();
undoActivePage();
});
}
modal.addEventListener('click', function(event) {
var editTextBtn = event.target.closest('[data-edit-report-text]');
if (editTextBtn) {
event.preventDefault();
event.stopPropagation();
var editItem = editTextBtn.closest('.report-builder-item');
if (editItem) openReportTextEditor(editItem);
return;
}
var applyTextBtn = event.target.closest('[data-apply-report-text]');
if (applyTextBtn) {
event.preventDefault();
var editor = applyTextBtn.closest('.report-text-editor');
var editorItem = applyTextBtn.closest('.report-builder-item');
if (editor && editorItem) applyReportTextEditor(editorItem, editor);
return;
}
var cancelTextBtn = event.target.closest('[data-cancel-report-text]');
if (cancelTextBtn) {
event.preventDefault();
var cancelEditor = cancelTextBtn.closest('.report-text-editor');
if (cancelEditor) cancelEditor.remove();
return;
}
var saveDraftBtn = event.target.closest('[data-save-report-draft]');
if (saveDraftBtn) {
event.preventDefault();
saveReportDraft(true);
return;
}
var restoreDraftBtn = event.target.closest('[data-restore-report-draft]');
if (restoreDraftBtn) {
event.preventDefault();
restoreReportDraft();
return;
}
var draftBtn = event.target.closest('[data-report-draft]');
if (draftBtn) {
event.preventDefault();
if (!reportRows().length && readReportDraft()) { restoreReportDraft(); } else { saveReportDraft(true); }
return;
} var previewBtn = event.target.closest('[data-preview-report]');
if (previewBtn) {
event.preventDefault();
event.stopPropagation();
if (event.stopImmediatePropagation) event.stopImmediatePropagation();
previewReport();
return;
}
var saveBtn = event.target.closest('[data-save-report]');
if (saveBtn) {
event.preventDefault();
event.stopPropagation();
if (event.stopImmediatePropagation) event.stopImmediatePropagation();
saveReportOnly();
return;
}
var exportBtn = event.target.closest('[data-export-type]');
if (exportBtn) {
event.preventDefault();
event.stopPropagation();
if (event.stopImmediatePropagation) event.stopImmediatePropagation();
exportReport(exportBtn.dataset.exportType || 'pdf');
}
});
if (pagination) {
pagination.addEventListener('click', function(event) {
var pageBtn = event.target.closest('[data-report-page]');
if (pageBtn) { event.preventDefault(); showReportPage(parseInt(pageBtn.dataset.reportPage || '0', 10)); }
});
}
window.addEventListener('beforeunload', function() { saveReportDraft(false); });
if (canvas && window.MutationObserver) {
var draftTimer = null;
new MutationObserver(function() {
clearTimeout(draftTimer);
draftTimer = setTimeout(function() { saveReportDraft(false); }, 500);
}).observe(canvas, {childList:true,subtree:true,attributes:true,attributeFilter:['class','style']});
}
modal.querySelectorAll('.report-builder-palette-item').forEach(function(btn) {
btn.addEventListener('dragstart', function(event) {
if (!activeCell) addReportRow('full');
event.dataTransfer.setData('text/plain', btn.dataset.builderKey || '');
event.dataTransfer.setData('report-source', 'palette');
event.dataTransfer.effectAllowed = 'copy';
});
btn.addEventListener('click', function() {
if (!activeCell) addReportRow('full');
var clone = cloneTemplate(btn.dataset.builderKey || '');
if (clone && activeCell) {
saveActivePageState();
activeCell.innerHTML = '';
activeCell.appendChild(clone);
updateReportPages();
}
});
});
canvas.addEventListener('click', function(event) {
var expandAll = event.target.closest('.call-expand-all-btn');
if (expandAll) {
event.preventDefault();
event.stopPropagation();
var panel = expandAll.closest('.call-detail-report-panel');
if (!panel) return;
var rows = panel.querySelectorAll('.call-detail-province-row');
var shouldOpen = panel.querySelectorAll('.call-detail-province-row.is-open').length !== rows.length;
rows.forEach(function(row) {
row.classList.toggle('is-open', shouldOpen);
var key = row.getAttribute('data-province-group');
panel.querySelectorAll('[data-province-child="' + key + '"]').forEach(function(child) {
child.style.display = shouldOpen ? '' : 'none';
});
});
expandAll.textContent = shouldOpen ? (expandAll.dataset.collapseLabel || 'Collapse All') : (expandAll.dataset.expandLabel || 'Expand All');
return;
}
var provinceToggle = event.target.closest('.call-province-toggle');
if (provinceToggle) {
event.preventDefault();
event.stopPropagation();
var row = provinceToggle.closest('.call-detail-province-row');
var panel = provinceToggle.closest('.call-detail-report-panel');
if (!row || !panel) return;
var key = row.getAttribute('data-province-group');
var open = row.classList.toggle('is-open');
panel.querySelectorAll('[data-province-child="' + key + '"]').forEach(function(child) {
child.style.display = open ? '' : 'none';
});
var allRows = panel.querySelectorAll('.call-detail-province-row');
var openRows = panel.querySelectorAll('.call-detail-province-row.is-open');
var expandBtn = panel.querySelector('.call-expand-all-btn');
if (expandBtn) expandBtn.textContent = (allRows.length && openRows.length === allRows.length) ? (expandBtn.dataset.collapseLabel || 'Collapse All') : (expandBtn.dataset.expandLabel || 'Expand All');
return;
}
}, true);
canvas.addEventListener('click', function(event) {
var cell = event.target.closest('[data-drop-cell]');
if (cell) {
activeCell = cell;
var row = cell.closest('.report-drop-row');
var rows = reportRows();
var index = rows.indexOf(row);
if (index >= 0 && index !== activePageIndex) showReportPage(index);
}
});
canvas.addEventListener('dragstart', function(event) {
var item = event.target.closest('.report-builder-item');
if (!item) return;
draggingItem = item;
item.classList.add('is-dragging');
event.dataTransfer.setData('text/plain', item.dataset.builderKey || '');
event.dataTransfer.setData('report-source', 'canvas');
event.dataTransfer.effectAllowed = 'move';
});
canvas.addEventListener('dragend', function() {
if (draggingItem) draggingItem.classList.remove('is-dragging');
draggingItem = null;
canvas.querySelectorAll('.is-drop-hover').forEach(function(cell) { cell.classList.remove('is-drop-hover'); });
});
canvas.addEventListener('dragover', function(event) {
var cell = event.target.closest('[data-drop-cell]');
if (!cell) return;
event.preventDefault();
cell.classList.add('is-drop-hover');
}, true);
canvas.addEventListener('dragleave', function(event) {
var cell = event.target.closest('[data-drop-cell]');
if (cell) cell.classList.remove('is-drop-hover');
}, true);
canvas.addEventListener('drop', function(event) {
var cell = event.target.closest('[data-drop-cell]');
if (!cell) return;
event.preventDefault();
event.stopPropagation();
cell.classList.remove('is-drop-hover');
activeCell = cell;
var source = event.dataTransfer.getData('report-source');
var key = event.dataTransfer.getData('text/plain');
var item = source === 'canvas' && draggingItem ? draggingItem : cloneTemplate(key);
if (!item) return;
saveActivePageState();
cell.innerHTML = '';
cell.appendChild(item);
updateReportPages();
saveReportDraft(false);
}, true);
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initializeServerReportBuilder, {once:true});
} else {
initializeServerReportBuilder();
}