';
+ const isDenied = d.status === 'denied';
+ const rowStyle = isDenied ? 'padding: 8px 10px; border-bottom: 1px solid #202020; opacity: 0.5;' : 'padding: 8px 10px; border-bottom: 1px solid #202020;';
+ let html = '
';
html += '
';
html += '
' + escapeHtml(d.host) + '';
html += '
↗';
+ if (isDenied) {
+ html += '
DENIED';
+ }
html += '
' + commaFormat(d.feed_count) + ' feeds';
- html += '
';
+ if (isDenied) {
+ html += '
';
+ } else {
+ html += '
';
+ }
+ html += '
';
html += '
';
if (d.status === 'error' && d.last_error) {
html += '
Error: ' + escapeHtml(d.last_error) + '
';
@@ -181,19 +204,59 @@ function initDashboard() {
});
el.addEventListener('mouseenter', () => el.style.background = '#1a1a1a');
el.addEventListener('mouseleave', () => el.style.background = 'transparent');
- const btn = el.querySelector('.revisit-btn');
- if (btn) {
- btn.addEventListener('click', async (e) => {
+ const revisitBtn = el.querySelector('.revisit-btn');
+ if (revisitBtn) {
+ revisitBtn.addEventListener('click', async (e) => {
e.stopPropagation();
- btn.disabled = true;
- btn.textContent = '...';
+ revisitBtn.disabled = true;
+ revisitBtn.textContent = '...';
try {
- await fetch('/api/revisitDomain?host=' + encodeURIComponent(btn.dataset.host));
- btn.textContent = 'queued';
- btn.style.color = '#0a0';
+ await fetch('/api/revisitDomain?host=' + encodeURIComponent(revisitBtn.dataset.host));
+ revisitBtn.textContent = 'queued';
+ revisitBtn.style.color = '#0a0';
} catch (err) {
- btn.textContent = 'error';
- btn.style.color = '#f66';
+ revisitBtn.textContent = 'error';
+ revisitBtn.style.color = '#f66';
+ }
+ });
+ }
+ const denyBtn = el.querySelector('.deny-btn');
+ if (denyBtn) {
+ denyBtn.addEventListener('click', async (e) => {
+ e.stopPropagation();
+ denyBtn.disabled = true;
+ denyBtn.textContent = '...';
+ try {
+ const resp = await fetch('/api/denyDomain?host=' + encodeURIComponent(denyBtn.dataset.host));
+ const result = await resp.json();
+ denyBtn.textContent = 'denied (' + result.feeds_denied + ')';
+ denyBtn.style.background = '#000';
+ el.style.opacity = '0.5';
+ // Update status in data
+ el.dataset.status = 'denied';
+ } catch (err) {
+ denyBtn.textContent = 'error';
+ denyBtn.style.color = '#f66';
+ }
+ });
+ }
+ const undenyBtn = el.querySelector('.undeny-btn');
+ if (undenyBtn) {
+ undenyBtn.addEventListener('click', async (e) => {
+ e.stopPropagation();
+ undenyBtn.disabled = true;
+ undenyBtn.textContent = '...';
+ try {
+ const resp = await fetch('/api/undenyDomain?host=' + encodeURIComponent(undenyBtn.dataset.host));
+ const result = await resp.json();
+ undenyBtn.textContent = 'restored (' + result.feeds_restored + ')';
+ undenyBtn.style.background = '#000';
+ el.style.opacity = '1';
+ // Update status in data
+ el.dataset.status = 'checked';
+ } catch (err) {
+ undenyBtn.textContent = 'error';
+ undenyBtn.style.color = '#f66';
}
});
}
@@ -272,10 +335,11 @@ function initDashboard() {
const output = document.getElementById('output');
// Determine what to show
- const showFeeds = currentFilters.feedStatus || currentFilters.domain;
+ const hasLang = selectedLanguages.size > 0;
+ const showFeeds = currentFilters.feedStatus || currentFilters.domain || hasLang;
const showDomains = currentFilters.domainStatus || (!showFeeds && currentFilters.tld);
- if (!currentFilters.tld && !currentFilters.domain && !currentFilters.feedStatus && !currentFilters.domainStatus) {
+ if (!currentFilters.tld && !currentFilters.domain && !currentFilters.feedStatus && !currentFilters.domainStatus && !hasLang) {
showHelp();
return;
}
@@ -286,6 +350,7 @@ function initDashboard() {
if (currentFilters.domain) params.set('domain', currentFilters.domain);
if (currentFilters.feedStatus) params.set('feedStatus', currentFilters.feedStatus);
if (currentFilters.domainStatus) params.set('domainStatus', currentFilters.domainStatus);
+ if (hasLang) params.set('languages', Array.from(selectedLanguages).join(','));
if (showFeeds) params.set('show', 'feeds');
else if (showDomains) params.set('show', 'domains');
@@ -635,12 +700,85 @@ function initDashboard() {
}
}
+ // Language dropdown functions
+ async function loadLanguages() {
+ try {
+ const response = await fetch('/api/languages');
+ availableLanguages = await response.json();
+ updateLangDropdown();
+ } catch (err) {
+ console.error('Failed to load languages:', err);
+ }
+ }
+
+ function updateLangDropdown() {
+ const langList = document.getElementById('langList');
+ if (!langList) return;
+
+ langList.innerHTML = availableLanguages.map(l => {
+ const checked = selectedLanguages.has(l.language) ? 'checked' : '';
+ const displayLang = l.language === 'unknown' ? '(unknown)' : l.language;
+ return `
`;
+ }).join('');
+
+ // Add change handlers
+ langList.querySelectorAll('input[type="checkbox"]').forEach(cb => {
+ cb.addEventListener('change', () => {
+ const lang = cb.dataset.lang;
+ if (cb.checked) {
+ selectedLanguages.add(lang);
+ } else {
+ selectedLanguages.delete(lang);
+ }
+ updateLangButton();
+ updateLangDropdown();
+ executeFilters();
+ });
+ });
+ }
+
+ function updateLangButton() {
+ const btn = document.getElementById('langBtn');
+ if (!btn) return;
+ if (selectedLanguages.size > 0) {
+ btn.textContent = 'lang (' + selectedLanguages.size + ')';
+ btn.style.background = '#030';
+ btn.style.borderColor = '#0f0';
+ } else {
+ btn.textContent = 'lang';
+ btn.style.background = '';
+ btn.style.borderColor = '';
+ }
+ }
+
+ function setupLangDropdown() {
+ const langBtn = document.getElementById('langBtn');
+ const langDropdown = document.getElementById('langDropdown');
+ if (!langBtn || !langDropdown) return;
+
+ langBtn.addEventListener('click', (e) => {
+ e.stopPropagation();
+ const isVisible = langDropdown.style.display !== 'none';
+ langDropdown.style.display = isVisible ? 'none' : 'block';
+ });
+
+ // Close dropdown when clicking outside
+ document.addEventListener('click', (e) => {
+ if (!langDropdown.contains(e.target) && e.target !== langBtn) {
+ langDropdown.style.display = 'none';
+ }
+ });
+ }
+
// Setup command input
function setupCommandInput() {
const input = document.getElementById('commandInput');
input.addEventListener('keydown', (e) => { if (e.key === 'Enter') processCommand(input.value); });
input.addEventListener('focus', () => input.select());
- document.querySelectorAll('.cmd-btn').forEach(btn => {
+ document.querySelectorAll('.cmd-btn[data-cmd]').forEach(btn => {
btn.addEventListener('click', () => {
const cmd = btn.dataset.cmd;
// Special commands that reset filters
@@ -692,6 +830,8 @@ function initDashboard() {
// Initialize
setupCommandInput();
+ setupLangDropdown();
+ loadLanguages();
showHelp();
updateStats();
setInterval(updateStats, 1000);