No messages found
'; return; } - + container.innerHTML = `
${data.data.map(msg => `
@@ -534,12 +710,12 @@ function renderMessagesData(data) {
${(() => {
- const correlationStatus = getCorrelationStatusDisplay(msg);
- if (correlationStatus) {
- return `${correlationStatus.display}`;
- }
- return '';
- })()}
+ const correlationStatus = getCorrelationStatusDisplay(msg);
+ if (correlationStatus) {
+ return `${correlationStatus.display}`;
+ }
+ return '';
+ })()}
${msg.direction ? `${msg.direction}` : ''}
${msg.is_spam !== null ? `${msg.is_spam ? 'SPAM' : 'CLEAN'}` : ''}
@@ -562,20 +738,20 @@ function renderMessagesData(data) {
// Deduplicate netfilter logs based on message + time + priority
function deduplicateNetfilterLogs(logs) {
if (!logs || logs.length === 0) return [];
-
+
const seen = new Set();
const uniqueLogs = [];
-
+
for (const log of logs) {
// Create unique key from message + time + priority
const key = `${log.message || ''}|${log.time || ''}|${log.priority || ''}`;
-
+
if (!seen.has(key)) {
seen.add(key);
uniqueLogs.push(log);
}
}
-
+
return uniqueLogs;
}
@@ -583,21 +759,21 @@ function deduplicateNetfilterLogs(logs) {
function renderNetfilterData(data) {
const container = document.getElementById('netfilter-logs');
if (!container) return;
-
+
if (!data.data || data.data.length === 0) {
container.innerHTML = 'No logs found
'; return; } - + // Deduplicate logs const uniqueLogs = deduplicateNetfilterLogs(data.data); - + // Update count display with total count from API (like Messages page) const countEl = document.getElementById('security-count'); if (countEl) { countEl.textContent = data.total ? `(${data.total.toLocaleString()} results)` : ''; } - + container.innerHTML = `
${uniqueLogs.map(log => `
@@ -627,12 +803,12 @@ async function smartRefreshNetfilter() {
limit: 50,
...filters
});
-
+
const response = await authenticatedFetch(`/api/logs/netfilter?${params}`);
if (!response.ok) return;
-
+
const data = await response.json();
-
+
if (hasDataChanged(data, 'netfilter')) {
console.log('[REFRESH] Netfilter data changed, updating UI');
lastDataCache.netfilter = data;
@@ -646,9 +822,9 @@ async function smartRefreshNetfilter() {
async function smartRefreshQueue() {
const response = await authenticatedFetch('/api/queue');
if (!response.ok) return;
-
+
const data = await response.json();
-
+
if (hasDataChanged(data, 'queue')) {
console.log('[REFRESH] Queue data changed, updating UI');
lastDataCache.queue = data;
@@ -661,9 +837,9 @@ async function smartRefreshQueue() {
async function smartRefreshQuarantine() {
const response = await authenticatedFetch('/api/quarantine');
if (!response.ok) return;
-
+
const data = await response.json();
-
+
if (hasDataChanged(data, 'quarantine')) {
console.log('[REFRESH] Quarantine data changed, updating UI');
lastDataCache.quarantine = data;
@@ -675,12 +851,12 @@ async function smartRefreshQuarantine() {
function renderQuarantineData(data) {
const container = document.getElementById('quarantine-logs');
if (!container) return;
-
+
if (!data.data || data.data.length === 0) {
container.innerHTML = '
`;
-
+
const systemDiv = document.getElementById('dashboard-system-summary');
const system = data.system || {};
systemDiv.innerHTML = `
@@ -939,23 +1134,23 @@ async function loadDashboardStatusSummary() {
async function loadRecentActivity() {
const container = document.getElementById('recent-activity');
-
+
try {
console.log('Loading Recent Activity...');
-
+
const response = await authenticatedFetch('/api/stats/recent-activity?limit=10');
if (!response.ok) {
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
}
-
+
const data = await response.json();
console.log('Recent Activity data:', data);
-
+
if (data.activity.length === 0) {
container.innerHTML = 'No quarantined messages
'; return; } - + container.innerHTML = `
${data.data.map(item => `
@@ -704,13 +880,13 @@ async function smartRefreshDashboard() {
try {
const response = await authenticatedFetch('/api/stats/dashboard');
if (!response.ok) return;
-
+
const data = await response.json();
-
+
if (hasDataChanged(data, 'dashboard')) {
console.log('[REFRESH] Dashboard data changed, updating UI');
lastDataCache.dashboard = data;
-
+
// Update stats without full reload
document.getElementById('stat-messages-24h').textContent = data.messages['24h'].toLocaleString();
document.getElementById('stat-messages-7d').textContent = data.messages['7d'].toLocaleString();
@@ -722,7 +898,7 @@ async function smartRefreshDashboard() {
document.getElementById('stat-auth-failures-24h').textContent = data.auth_failures['24h'].toLocaleString();
document.getElementById('stat-auth-failures-7d').textContent = data.auth_failures['7d'].toLocaleString();
}
-
+
// Also refresh recent activity and status summary
loadRecentActivity();
loadDashboardStatusSummary();
@@ -736,13 +912,13 @@ async function smartRefreshSettings() {
try {
const response = await authenticatedFetch('/api/settings/info');
if (!response.ok) return;
-
+
const data = await response.json();
-
+
if (hasDataChanged(data, 'settings')) {
console.log('[REFRESH] Settings data changed, updating UI');
lastDataCache.settings = data;
-
+
const content = document.getElementById('settings-content');
if (content && !content.classList.contains('hidden')) {
// Preserve version info from cache (don't reload it on smart refresh)
@@ -752,7 +928,7 @@ async function smartRefreshSettings() {
if (versionInfoCache.version_info) {
data.version_info = versionInfoCache.version_info;
}
-
+
renderSettings(content, data);
}
}
@@ -765,11 +941,11 @@ async function smartRefreshSettings() {
// TAB SWITCHING
// =============================================================================
-function switchTab(tab) {
- console.log('Switching to tab:', tab);
+function switchTab(tab, params = {}) {
+ console.log('Switching to tab:', tab, 'params:', params);
currentTab = tab;
-
- // Update active tab button
+
+ // Update active tab button (desktop)
document.querySelectorAll('[id^="tab-"]').forEach(btn => {
btn.classList.remove('tab-active');
btn.classList.add('text-gray-500', 'dark:text-gray-400');
@@ -779,12 +955,20 @@ function switchTab(tab) {
activeBtn.classList.add('tab-active');
activeBtn.classList.remove('text-gray-500', 'dark:text-gray-400');
}
-
+
+ // Update mobile menu state and label
+ if (typeof updateMobileMenuActiveState === 'function') {
+ updateMobileMenuActiveState(tab);
+ }
+ if (typeof updateCurrentTabLabel === 'function') {
+ updateCurrentTabLabel(tab);
+ }
+
// Hide all tab contents
document.querySelectorAll('.tab-content').forEach(content => {
content.classList.add('hidden');
});
-
+
// Show current tab content
const tabContent = document.getElementById(`content-${tab}`);
if (tabContent) {
@@ -818,7 +1002,10 @@ function switchTab(tab) {
loadDomains();
break;
case 'dmarc':
- loadDmarc();
+ handleDmarcRoute(params);
+ break;
+ case 'mailbox-stats':
+ loadMailboxStats();
break;
case 'settings':
loadSettings();
@@ -828,7 +1015,15 @@ function switchTab(tab) {
}
}
-function refreshAllData() {
+async function refreshAllData() {
+ if (currentTab === 'dmarc') {
+ try {
+ await authenticatedFetch('/api/dmarc/cache/clear', { method: 'POST' });
+ console.log('DMARC cache cleared');
+ } catch (e) {
+ console.error('Failed to clear DMARC cache:', e);
+ }
+ }
switchTab(currentTab);
}
@@ -839,15 +1034,15 @@ function refreshAllData() {
async function loadDashboard() {
try {
console.log('Loading Dashboard...');
-
+
const response = await authenticatedFetch('/api/stats/dashboard');
if (!response.ok) {
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
}
-
+
const data = await response.json();
console.log('Dashboard data:', data);
-
+
document.getElementById('stat-messages-24h').textContent = data.messages['24h'].toLocaleString();
document.getElementById('stat-messages-7d').textContent = data.messages['7d'].toLocaleString();
document.getElementById('stat-blocked-24h').textContent = data.blocked['24h'].toLocaleString();
@@ -857,7 +1052,7 @@ async function loadDashboard() {
document.getElementById('stat-deferred-7d').textContent = data.deferred['7d'].toLocaleString();
document.getElementById('stat-auth-failures-24h').textContent = data.auth_failures['24h'].toLocaleString();
document.getElementById('stat-auth-failures-7d').textContent = data.auth_failures['7d'].toLocaleString();
-
+
loadRecentActivity();
loadDashboardStatusSummary();
} catch (error) {
@@ -868,15 +1063,15 @@ async function loadDashboard() {
async function loadDashboardStatusSummary() {
try {
console.log('Loading Dashboard Status Summary...');
-
+
const response = await authenticatedFetch('/api/status/summary');
if (!response.ok) {
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
}
-
+
const data = await response.json();
console.log('Status summary data:', data);
-
+
const containersDiv = document.getElementById('dashboard-containers-summary');
const containers = data.containers || {};
containersDiv.innerHTML = `
@@ -893,13 +1088,13 @@ async function loadDashboardStatusSummary() {
${containers.total || 0}
`;
-
+
const storageDiv = document.getElementById('dashboard-storage-summary');
const storage = data.storage || {};
const usedPercent = parseInt(storage.used_percent) || 0;
- const storageColor = usedPercent > 90 ? 'text-red-600 dark:text-red-400' :
- usedPercent > 75 ? 'text-yellow-600 dark:text-yellow-400' :
- 'text-green-600 dark:text-green-400';
+ const storageColor = usedPercent > 90 ? 'text-red-600 dark:text-red-400' :
+ usedPercent > 75 ? 'text-yellow-600 dark:text-yellow-400' :
+ 'text-green-600 dark:text-green-400';
storageDiv.innerHTML = `
Used
@@ -915,7 +1110,7 @@ async function loadDashboardStatusSummary() {
No recent activity
'; return; } - + container.innerHTML = data.activity.map(msg => `
@@ -986,7 +1181,7 @@ async function loadRecentActivity() {
function performDashboardSearch() {
const query = document.getElementById('dashboard-search-query').value;
const status = document.getElementById('dashboard-search-status').value;
-
+
// Set filters on Messages page
document.getElementById('messages-filter-search').value = query;
document.getElementById('messages-filter-sender').value = '';
@@ -994,14 +1189,14 @@ function performDashboardSearch() {
document.getElementById('messages-filter-direction').value = '';
document.getElementById('messages-filter-status').value = status;
document.getElementById('messages-filter-user').value = '';
-
+
// Apply filters
currentFilters.messages = {
search: query,
status: status
};
currentPage.messages = 1;
-
+
// Switch to Messages tab and load
switchTab('messages');
}
@@ -1031,38 +1226,38 @@ function clearPostfixFilters() {
async function loadPostfixLogs(page = 1) {
const container = document.getElementById('postfix-logs');
-
+
// Show loading immediately
container.innerHTML = '';
-
+
try {
const filters = currentFilters.postfix || {};
const params = new URLSearchParams({
page: page,
limit: 50
});
-
+
if (filters.search) params.append('search', filters.search);
if (filters.sender) params.append('sender', filters.sender);
if (filters.recipient) params.append('recipient', filters.recipient);
-
+
console.log('Loading Postfix logs:', `/api/logs/postfix?${params}`);
const startTime = performance.now();
-
+
const response = await authenticatedFetch(`/api/logs/postfix?${params}`);
if (!response.ok) {
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
}
-
+
const data = await response.json();
const loadTime = ((performance.now() - startTime) / 1000).toFixed(2);
console.log(`Postfix data loaded in ${loadTime}s:`, data);
-
+
if (!data.data || data.data.length === 0) {
container.innerHTML = '
@@ -1098,7 +1293,7 @@ async function loadPostfixLogs(page = 1) {
${renderPagination('postfix', data.page, data.pages)}
`;
-
+
currentPage.postfix = page;
} catch (error) {
console.error('Failed to load Postfix logs:', error);
@@ -1133,37 +1328,37 @@ function clearRspamdFilters() {
async function loadRspamdLogs(page = 1) {
const container = document.getElementById('rspamd-logs');
-
+
try {
container.innerHTML = '
Loading Postfix logs... This may take a few moments.
No logs found
'; return; } - + container.innerHTML = `