@@ -386,6 +560,23 @@
document.getElementById('dryrun-badge').style.display = stats.dryRunMode ? 'inline' : 'none';
+ // Update running state
+ const runningBadge = document.getElementById('running-badge');
+ const stoppedBadge = document.getElementById('stopped-badge');
+ const controlBtn = document.getElementById('control-btn');
+
+ if (stats.isRunning) {
+ runningBadge.style.display = 'inline';
+ stoppedBadge.style.display = 'none';
+ controlBtn.textContent = 'Stop Bot';
+ controlBtn.className = 'control-btn stop';
+ } else {
+ runningBadge.style.display = 'none';
+ stoppedBadge.style.display = 'inline';
+ controlBtn.textContent = 'Start Bot';
+ controlBtn.className = 'control-btn start';
+ }
+
document.getElementById('config-subreddits').innerHTML = stats.subreddits
.map(s => `
r/${s}`).join('');
document.getElementById('config-genders').innerHTML = stats.targetGenders
@@ -435,18 +626,30 @@
return;
}
- container.innerHTML = messages.map(msg => `
+ container.innerHTML = messages.map(msg => {
+ // Construct Reddit URL
+ // If we have subreddit, make a nice link. If not, fallback to shortlink.
+ const postUrl = msg.subreddit
+ ? `https://www.reddit.com/r/${escapeHtml(msg.subreddit)}/comments/${escapeHtml(msg.postId)}`
+ : `https://redd.it/${escapeHtml(msg.postId)}`;
+
+ const sourceLabel = msg.subreddit ? `r/${escapeHtml(msg.subreddit)}` : 'Post';
+
+ return `
${escapeHtml(msg.message)}
${formatTime(msg.sentAt)}
- `).join('');
+ `}).join('');
} catch (err) {
console.error('Failed to fetch messages:', err);
@@ -469,13 +672,81 @@
return div.innerHTML;
}
+ async function toggleBot() {
+ const controlBtn = document.getElementById('control-btn');
+ const isCurrentlyRunning = controlBtn.classList.contains('stop');
+
+ try {
+ const endpoint = isCurrentlyRunning ? '/api/stop' : '/api/start';
+ const res = await fetch(endpoint, { method: 'POST' });
+ const result = await res.json();
+
+ if (result.success) {
+ // Immediately refresh stats to update UI
+ fetchStats();
+ }
+ } catch (err) {
+ console.error('Failed to toggle bot:', err);
+ }
+ }
+ async function fetchChats() {
+ const container = document.getElementById('chats-list');
+ const refreshBtn = document.getElementById('refresh-chats-btn');
+
+ try {
+ if (refreshBtn) {
+ refreshBtn.disabled = true;
+ refreshBtn.textContent = '⏳ Loading...';
+ }
+
+ const res = await fetch('/api/chats');
+ const chats = await res.json();
+
+ if (chats.length === 0) {
+ container.innerHTML = '
No active chats in the last 48 hours
';
+ return;
+ }
+
+ container.innerHTML = chats.map(chat => {
+ const chatUrl = chat.url || 'https://chat.reddit.com';
+ return `
+
+
${chat.username.charAt(0).toUpperCase()}
+
+
+
${escapeHtml(chat.lastMessageSnippet || '(No message preview)')}
+
+ ${chat.isFromUs ? '↗ You sent' : '↙ They replied'}
+
+
+
+ `}).join('');
+
+ } catch (err) {
+ console.error('Failed to fetch chats:', err);
+ container.innerHTML = '
Failed to load chats
';
+ } finally {
+ if (refreshBtn) {
+ refreshBtn.disabled = false;
+ refreshBtn.textContent = '🔄 Refresh';
+ }
+ }
+ }
+
// Initial fetch
fetchStats();
fetchActivity();
fetchMessages();
fetchSuccessful();
+ fetchChats();
- // Poll for updates
+ // Poll for updates (chats not polled - use manual refresh)
setInterval(() => {
fetchStats();
fetchActivity();
@@ -484,4 +755,5 @@
}, 5000);
-
+
+