Activity Log V2 · Department View

▼ SALES

Calculator

Sales Agent Activity

Auto Proposal AI-Voiced

REFERRAL Activity

▼ INVOICE

Invoice Activity

▼ SEDA

SEDA Activity

▼ FINANCE

Payment Activity

Official Receipt

Claim Submission

▼ PROJECT

Attachment Log

▼ WAREHOUSE

▼ HOME

Overview

Stock Demand

▼ MARKETING

Market Ads Research Automation

SEO+GEO Site

▼ PR

Company Info Collection

Email Received

▼ ADMIN

Admin Console

▼ HR

Vacancy Email Handling

▼ USER APP

SAJ API

User APP Activity Log

▼ AI WORKFLOW

Main

▼ AI ROUTER

Request Logs

Company Activity Overview

Every log in one view

Loading overview...

/* ---------- HOME › Overview ---------- The landing page. One box per activity log, each showing today's count, a 7-day shape and the last thing that happened, so the whole company's activity reads in one screen on a phone. Tapping a box is the same as picking that page from the sidebar. */ /* Drive the sidebar from a route string: open the department, mark the item active, then run the existing click handler's work via loadRoute. */ function gotoRoute(route) { const item = document.querySelector(`.submenu-item[data-route="${route}"]`); if (!item) return; const submenu = item.closest('.submenu'); if (submenu && !submenu.classList.contains('open')) { const header = document.querySelector(`.dept-header[data-dept="${submenu.getAttribute('data-dept')}"]`); if (header) header.classList.remove('collapsed'); submenu.classList.add('open'); } document.querySelectorAll('.submenu-item').forEach(i => i.classList.remove('active')); item.classList.add('active'); closeSidebar(); loadRoute(route); } function overviewSparkHtml(spark) { const max = Math.max(...spark, 1); return `

${spark.map((n, i) => `

`).join('')}

`; } function overviewCardHtml(s) { const quiet = s.total === 0; const last = s.offline ? 'Router database unreachable' : (s.lastLabel || (s.lastAt ? 'Last event' : 'No activity recorded')); return `

${s.icon}

${escapeHtml(s.dept)}

${escapeHtml(s.title)}

${s.today}

${escapeHtml(s.unit)} today
${s.total} in 7d

${escapeHtml(s.delta.label)}

${overviewSparkHtml(s.spark)}

${escapeHtml(last)}

${s.lastAt ? escapeHtml(formatTime(s.lastAt)) : '—'}

`; } async function loadOverview() { clearFilters(); const feed = setLoading('Loading overview...'); try { const res = await fetch('/api/overview'); const payload = await res.json(); if (!payload.ok) throw new Error(payload.error); const data = payload.data; const busiest = data.sections .filter(s => s.today > 0) .sort((a, b) => b.today - a.today)[0]; setHeader('Company Activity Overview', `Every log in one view — today vs yesterday, last ${data.windowDays} days`); const hero = `

Events logged today

${data.totalToday} / ${data.totalWindow} in ${data.windowDays}d

${busiest ? `Busiest right now: ${escapeHtml(busiest.title)} (${busiest.today})` : 'Nothing logged yet today'} · across ${data.sections.length} logs

`; const grid = `

${data.sections.map(overviewCardHtml).join('')}

`; const other = data.otherPages.length ? `

Other pages

${data.otherPages.map(p => `

${escapeHtml(p.dept)}${escapeHtml(p.title)}

`).join('')}

` : ''; feed.className = ''; feed.innerHTML = hero + grid + other; feed.querySelectorAll('[data-ov-route]').forEach(el => { el.addEventListener('click', () => gotoRoute(el.getAttribute('data-ov-route'))); }); } catch (err) { renderError(feed, err); } }