feat:访问控制和dashboard重启功能
This commit is contained in:
@@ -5,35 +5,35 @@ function switchTab(tab) {
|
||||
btn.classList.remove('bg-indigo-600', 'text-white');
|
||||
btn.classList.add('hover:bg-slate-800', 'text-slate-400', 'hover:text-white');
|
||||
});
|
||||
|
||||
|
||||
const activeBtn = document.getElementById(`tab-${tab}`);
|
||||
if (activeBtn) {
|
||||
activeBtn.classList.add('bg-indigo-600', 'text-white');
|
||||
activeBtn.classList.remove('hover:bg-slate-800', 'text-slate-400', 'hover:text-white');
|
||||
}
|
||||
|
||||
|
||||
//切换内容区
|
||||
document.querySelectorAll('.tab-content').forEach(content => {
|
||||
content.classList.add('hidden');
|
||||
});
|
||||
|
||||
|
||||
const activeContent = document.getElementById(`content-${tab}`);
|
||||
if (activeContent) {
|
||||
activeContent.classList.remove('hidden');
|
||||
}
|
||||
|
||||
|
||||
//如果切换到日志页，开始实时加载
|
||||
if (tab === 'logs') {
|
||||
startLogStreaming();
|
||||
} else {
|
||||
stopLogStreaming();
|
||||
}
|
||||
|
||||
|
||||
//如果切换到设置页，加载 .env 文件
|
||||
if (tab === 'settings') {
|
||||
loadEnvFile();
|
||||
}
|
||||
|
||||
|
||||
//如果切换到使用指南页，加载 README
|
||||
if (tab === 'guide') {
|
||||
loadGuide();
|
||||
@@ -47,7 +47,7 @@ let lastLogSize = 0;
|
||||
async function startLogStreaming() {
|
||||
//立即加载一次
|
||||
await loadLogs();
|
||||
|
||||
|
||||
//每2秒刷新一次
|
||||
logInterval = setInterval(loadLogs, 2000);
|
||||
}
|
||||
@@ -63,19 +63,19 @@ async function loadLogs() {
|
||||
try {
|
||||
const res = await fetch('/api/logs');
|
||||
const data = await res.json();
|
||||
|
||||
|
||||
if (data.success) {
|
||||
const logViewer = document.getElementById('log-viewer');
|
||||
document.getElementById('log-filename').textContent = data.filename || 'sync_service.log';
|
||||
|
||||
|
||||
if (data.logs && data.logs.length > 0) {
|
||||
//只在日志有变化时更新
|
||||
const newContent = data.logs.map((log, index) =>
|
||||
const newContent = data.logs.map((log, index) =>
|
||||
`<div class="log-line border-l-2 border-transparent hover:border-slate-700 hover:bg-slate-800/50 pl-2 py-0.5">
|
||||
<span class="opacity-50 select-none mr-2">${index + 1}</span>${escapeHtml(log)}
|
||||
</div>`
|
||||
).join('');
|
||||
|
||||
|
||||
if (logViewer.innerHTML !== newContent) {
|
||||
logViewer.innerHTML = newContent;
|
||||
//自动滚动到底部
|
||||
@@ -102,18 +102,18 @@ async function loadDashboardData() {
|
||||
try {
|
||||
const res = await fetch('/api/status');
|
||||
const data = await res.json();
|
||||
|
||||
|
||||
if (data.success) {
|
||||
//更新统计数据
|
||||
document.getElementById('today-syncs').textContent = data.todaySyncs || '--';
|
||||
document.getElementById('repo-count').textContent = data.repoCount || '--';
|
||||
document.getElementById('error-count').textContent = (data.errorCount + data.fatalCount) || '--';
|
||||
document.getElementById('uptime').textContent = data.uptime ? `系统运行时间: ${data.uptime}` : '加载中...';
|
||||
|
||||
|
||||
//更新服务状态
|
||||
updateServiceStatus(data.status);
|
||||
}
|
||||
|
||||
|
||||
//加载历史记录
|
||||
loadHistory();
|
||||
} catch (e) {
|
||||
@@ -125,15 +125,15 @@ async function loadHistory() {
|
||||
try {
|
||||
const res = await fetch('/api/history');
|
||||
const data = await res.json();
|
||||
|
||||
|
||||
if (data.success && data.history) {
|
||||
const tbody = document.getElementById('history-table');
|
||||
|
||||
|
||||
if (data.history.length === 0) {
|
||||
tbody.innerHTML = '<tr><td colspan="4" class="px-4 py-8 text-center text-sm text-slate-500">暂无历史记录</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
tbody.innerHTML = data.history.map(day => `
|
||||
<tr class="hover:bg-slate-50">
|
||||
<td class="px-4 py-3 text-sm text-slate-900">${day.date}</td>
|
||||
@@ -153,7 +153,7 @@ async function loadHistory() {
|
||||
function updateServiceStatus(status) {
|
||||
const badge = document.getElementById('status-badge');
|
||||
const statusText = document.getElementById('service-status');
|
||||
|
||||
|
||||
if (status === 'running') {
|
||||
badge.className = 'px-3 py-1 rounded-full text-xs font-medium flex items-center border bg-emerald-50 text-emerald-600 border-emerald-200';
|
||||
badge.innerHTML = `
|
||||
@@ -178,17 +178,24 @@ function updateServiceStatus(status) {
|
||||
//控制机器人
|
||||
async function controlBot(action) {
|
||||
try {
|
||||
const res = await fetch('/api/control', {
|
||||
const res = await fetch('/api/restart', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ action })
|
||||
});
|
||||
|
||||
|
||||
const data = await res.json();
|
||||
|
||||
|
||||
if (data.success) {
|
||||
alert(`操作成功: ${data.message || action}`);
|
||||
loadDashboardData();
|
||||
//服务重启后延迟刷新页面
|
||||
if (action === 'restart') {
|
||||
setTimeout(() => {
|
||||
location.reload();
|
||||
}, 3000);
|
||||
} else {
|
||||
loadDashboardData();
|
||||
}
|
||||
} else {
|
||||
alert(`操作失败: ${data.error}`);
|
||||
}
|
||||
@@ -202,14 +209,14 @@ async function clearLogs() {
|
||||
if (!confirm('确定要清空日志吗？此操作不可恢复。')) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
try {
|
||||
const res = await fetch('/api/logs/clear', {
|
||||
method: 'POST'
|
||||
});
|
||||
|
||||
|
||||
const data = await res.json();
|
||||
|
||||
|
||||
if (data.success) {
|
||||
alert('日志已清空');
|
||||
if (document.getElementById('content-logs').classList.contains('hidden') === false) {
|
||||
@@ -230,11 +237,11 @@ function refreshStatus() {
|
||||
|
||||
async function loadEnvFile() {
|
||||
const container = document.getElementById('envEditor');
|
||||
|
||||
|
||||
try {
|
||||
const res = await fetch('/api/env');
|
||||
const data = await res.json();
|
||||
|
||||
|
||||
if (data.success) {
|
||||
const envContent = data.content;
|
||||
const envItems = parseEnvContent(envContent);
|
||||
@@ -250,10 +257,10 @@ async function loadEnvFile() {
|
||||
function parseEnvContent(content) {
|
||||
const lines = content.split('\n');
|
||||
const items = [];
|
||||
|
||||
|
||||
for (const line of lines) {
|
||||
const trimmed = line.trim();
|
||||
|
||||
|
||||
if (trimmed === '' || trimmed.startsWith('#')) {
|
||||
items.push({ type: 'comment', value: line });
|
||||
} else if (trimmed.includes('=')) {
|
||||
@@ -265,7 +272,7 @@ function parseEnvContent(content) {
|
||||
items.push({ type: 'comment', value: line });
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return items;
|
||||
}
|
||||
|
||||
@@ -275,10 +282,10 @@ function renderEnvForm(items) {
|
||||
if (item.type === 'comment') {
|
||||
return `<div class="text-slate-400 text-xs font-mono py-1">${escapeHtml(item.value)}</div>`;
|
||||
} else {
|
||||
const isSecret = item.key.toLowerCase().includes('token') ||
|
||||
item.key.toLowerCase().includes('secret') ||
|
||||
item.key.toLowerCase().includes('password') ||
|
||||
item.key.toLowerCase().includes('pat');
|
||||
const isSecret = item.key.toLowerCase().includes('token') ||
|
||||
item.key.toLowerCase().includes('secret') ||
|
||||
item.key.toLowerCase().includes('password') ||
|
||||
item.key.toLowerCase().includes('pat');
|
||||
return `
|
||||
<div class="flex items-center gap-3 bg-slate-50 hover:bg-slate-100 p-3 rounded border border-slate-200 transition-colors">
|
||||
<label class="text-slate-700 font-mono text-sm flex-shrink-0 w-48 font-medium">${escapeHtml(item.key)}</label>
|
||||
@@ -296,25 +303,25 @@ function renderEnvForm(items) {
|
||||
|
||||
async function saveEnvFile() {
|
||||
const btn = document.getElementById('saveEnvBtn');
|
||||
|
||||
|
||||
if (!confirm('确定要保存配置吗？保存后需要重启服务才能生效。')) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
btn.disabled = true;
|
||||
btn.textContent = '保存中...';
|
||||
|
||||
|
||||
try {
|
||||
const content = buildEnvContent();
|
||||
|
||||
|
||||
const res = await fetch('/api/env', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ content })
|
||||
});
|
||||
|
||||
|
||||
const data = await res.json();
|
||||
|
||||
|
||||
if (data.success) {
|
||||
alert(`保存成功！\n\n${data.message}`);
|
||||
loadEnvFile();
|
||||
@@ -332,7 +339,7 @@ async function saveEnvFile() {
|
||||
function buildEnvContent() {
|
||||
const container = document.getElementById('envEditor');
|
||||
const lines = [];
|
||||
|
||||
|
||||
container.childNodes.forEach(node => {
|
||||
if (node.classList && node.classList.contains('text-slate-400')) {
|
||||
lines.push(node.textContent);
|
||||
@@ -343,17 +350,17 @@ function buildEnvContent() {
|
||||
lines.push(`${key}=${value}`);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
return lines.join('\n');
|
||||
}
|
||||
|
||||
async function loadGuide() {
|
||||
const container = document.getElementById('guide-content');
|
||||
|
||||
|
||||
try {
|
||||
const res = await fetch('/api/guide');
|
||||
const data = await res.json();
|
||||
|
||||
|
||||
if (data.success && data.content) {
|
||||
//使用marked.js渲染markdown
|
||||
if (typeof marked !== 'undefined') {
|
||||
@@ -391,10 +398,10 @@ async function loadGuide() {
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
//默认显示dashboard
|
||||
switchTab('dashboard');
|
||||
|
||||
|
||||
//加载初始数据
|
||||
loadDashboardData();
|
||||
|
||||
|
||||
//定期刷新仪表盘数据（每30秒）
|
||||
setInterval(loadDashboardData, 30000);
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user