refactor: 拆分 middleware/router 为单一职责文件，新增站点设置管理页面
middleware: - 拆分 auth.go → auth.go + auth_token.go + auth_parser.go + auth_admin.go - 拆分 csrf.go → csrf.go + csrf_token.go - 拆分 ratelimit.go → ratelimit.go + ratelimit_core.go + ratelimit_cleanup.go - 修复 import 未使用/缺失问题 router: - 拆分 router.go → admin.go + api.go + frontend.go + deps_core.go + deps_extra.go feat(admin): 站点设置管理页面 - 新增 SSR 页面 /admin/site-settings（仅 Owner） - 审核开关 Toggle 即时保存 - 通用设置展示 - 侧边栏新增站点设置入口 - 注册 UpdateBoolSetting/GetBoolSetting API 路由
This commit is contained in:
@ -39,6 +39,12 @@
|
||||
审核管理
|
||||
</a>
|
||||
{{end}}
|
||||
{{if .CanManageSettings}}
|
||||
<a href="/admin/site-settings" class="sidebar-item {{if eq .CurrentPath "/admin/site-settings"}}active{{end}}">
|
||||
<span class="sidebar-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg></span>
|
||||
站点设置
|
||||
</a>
|
||||
{{end}}
|
||||
</nav>
|
||||
</aside>
|
||||
<main class="admin-main">
|
||||
|
||||
64
templates/admin/html/site-settings/index.html
Normal file
64
templates/admin/html/site-settings/index.html
Normal file
@ -0,0 +1,64 @@
|
||||
{{template "admin/layout/base.html" .}}
|
||||
<div class="page-header">
|
||||
<h1>站点设置</h1>
|
||||
<p class="page-desc">管理审核开关与站点全局配置</p>
|
||||
</div>
|
||||
|
||||
<!-- 审核设置 -->
|
||||
<div class="settings-section">
|
||||
<div class="section-title">审核设置</div>
|
||||
<div class="section-body">
|
||||
<div class="setting-item">
|
||||
<div class="setting-info">
|
||||
<span class="setting-label">启用审核系统</span>
|
||||
<span class="setting-desc">启用后，用户名、头像、签名修改将进入审核流程</span>
|
||||
</div>
|
||||
<label class="toggle-switch">
|
||||
<input type="checkbox" id="audit-enabled" data-key="audit.enabled">
|
||||
<span class="toggle-slider"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="setting-item">
|
||||
<div class="setting-info">
|
||||
<span class="setting-label">用户名审核</span>
|
||||
<span class="setting-desc">更改用户名需要管理员审核</span>
|
||||
</div>
|
||||
<label class="toggle-switch">
|
||||
<input type="checkbox" id="audit-username" data-key="audit.username_audit">
|
||||
<span class="toggle-slider"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="setting-item">
|
||||
<div class="setting-info">
|
||||
<span class="setting-label">头像审核</span>
|
||||
<span class="setting-desc">更改头像需要管理员审核</span>
|
||||
</div>
|
||||
<label class="toggle-switch">
|
||||
<input type="checkbox" id="audit-avatar" data-key="audit.avatar_audit">
|
||||
<span class="toggle-slider"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="setting-item">
|
||||
<div class="setting-info">
|
||||
<span class="setting-label">签名审核</span>
|
||||
<span class="setting-desc">更改个人签名需要管理员审核</span>
|
||||
</div>
|
||||
<label class="toggle-switch">
|
||||
<input type="checkbox" id="audit-bio" data-key="audit.bio_audit">
|
||||
<span class="toggle-slider"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 通用设置 -->
|
||||
<div class="settings-section">
|
||||
<div class="section-title">通用设置</div>
|
||||
<div class="section-body" id="general-settings">
|
||||
<div class="settings-empty" id="settings-empty">加载中...</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "admin/layout/footer.html" .}}
|
||||
83
templates/admin/static/css/site-settings.css
Normal file
83
templates/admin/static/css/site-settings.css
Normal file
@ -0,0 +1,83 @@
|
||||
/* =====================================================
|
||||
MetaLab 管理面板 - 站点设置
|
||||
单一职责：设置页面布局、表单分组、开关组件
|
||||
===================================================== */
|
||||
|
||||
/* --- 设置区块 --- */
|
||||
.settings-section {
|
||||
background: var(--bg-card);
|
||||
border-radius: var(--radius);
|
||||
box-shadow: var(--shadow);
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.section-title {
|
||||
font-size: 15px; font-weight: 600;
|
||||
color: var(--text);
|
||||
padding: 16px 20px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
background: #fafafa;
|
||||
}
|
||||
.section-body { padding: 4px 0; }
|
||||
|
||||
/* --- 设置条目 --- */
|
||||
.setting-item {
|
||||
display: flex; align-items: center; justify-content: space-between;
|
||||
padding: 14px 20px;
|
||||
border-bottom: 1px solid #f5f5f5;
|
||||
gap: 20px;
|
||||
}
|
||||
.setting-item:last-child { border-bottom: none; }
|
||||
.setting-info { flex: 1; min-width: 0; }
|
||||
.setting-label {
|
||||
font-size: 13px; font-weight: 500;
|
||||
color: var(--text); display: block;
|
||||
}
|
||||
.setting-desc {
|
||||
font-size: 12px; color: var(--text-muted);
|
||||
margin-top: 2px;
|
||||
}
|
||||
.setting-value {
|
||||
font-size: 12px; color: var(--text-muted);
|
||||
margin-top: 2px; font-family: monospace;
|
||||
background: #f5f6fa; padding: 2px 6px; border-radius: 3px;
|
||||
display: inline-block;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
/* --- 空状态 --- */
|
||||
.settings-empty {
|
||||
text-align: center; padding: 28px 20px;
|
||||
color: var(--text-muted); font-size: 13px;
|
||||
}
|
||||
|
||||
/* --- Toggle 开关 --- */
|
||||
.toggle-switch {
|
||||
position: relative; display: inline-block;
|
||||
width: 44px; height: 24px; flex-shrink: 0;
|
||||
}
|
||||
.toggle-switch input { opacity: 0; width: 0; height: 0; }
|
||||
.toggle-slider {
|
||||
position: absolute; cursor: pointer;
|
||||
top: 0; left: 0; right: 0; bottom: 0;
|
||||
background: #ccc;
|
||||
border-radius: 24px;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.toggle-slider::before {
|
||||
position: absolute; content: "";
|
||||
height: 18px; width: 18px;
|
||||
left: 3px; bottom: 3px;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
.toggle-switch input:checked + .toggle-slider {
|
||||
background: var(--primary);
|
||||
}
|
||||
.toggle-switch input:checked + .toggle-slider::before {
|
||||
transform: translateX(20px);
|
||||
}
|
||||
.toggle-switch input:disabled + .toggle-slider {
|
||||
opacity: 0.4; cursor: not-allowed;
|
||||
}
|
||||
87
templates/admin/static/js/site-settings.js
Normal file
87
templates/admin/static/js/site-settings.js
Normal file
@ -0,0 +1,87 @@
|
||||
/* =====================================================
|
||||
MetaLab 管理面板 - 站点设置
|
||||
单一职责：加载/保存站点设置，开关即时生效
|
||||
===================================================== */
|
||||
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
const TOGGLE_KEYS = [
|
||||
{ id: 'audit-enabled', key: 'audit.enabled' },
|
||||
{ id: 'audit-username', key: 'audit.username_audit' },
|
||||
{ id: 'audit-avatar', key: 'audit.avatar_audit' },
|
||||
{ id: 'audit-bio', key: 'audit.bio_audit' }
|
||||
];
|
||||
|
||||
// --- 初始加载 ---
|
||||
async function loadSettings() {
|
||||
try {
|
||||
const res = await api.get('/api/admin/site-settings');
|
||||
if (!res.success) return;
|
||||
|
||||
// 审核开关
|
||||
const audit = res.data.audit || {};
|
||||
TOGGLE_KEYS.forEach(function(t) {
|
||||
var el = document.getElementById(t.id);
|
||||
if (el) {
|
||||
el.checked = audit[t.key.split('.')[1]] === true;
|
||||
el.addEventListener('change', function() {
|
||||
updateBoolSetting(t.key, el.checked, el);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// 通用设置
|
||||
renderGeneralSettings(res.data.all || {});
|
||||
} catch (e) {
|
||||
showToast('加载设置失败', 'error');
|
||||
}
|
||||
}
|
||||
|
||||
// --- 更新布尔设置 ---
|
||||
async function updateBoolSetting(key, value, toggle) {
|
||||
toggle.disabled = true;
|
||||
try {
|
||||
var res = await api.put('/api/admin/site-settings/bool', {
|
||||
key: key,
|
||||
value: String(value)
|
||||
});
|
||||
if (res.success) {
|
||||
showToast('设置已更新', 'success');
|
||||
} else {
|
||||
showToast(res.message || '保存失败', 'error');
|
||||
toggle.checked = !value; // 回滚
|
||||
}
|
||||
} catch (e) {
|
||||
showToast('保存失败', 'error');
|
||||
toggle.checked = !value; // 回滚
|
||||
} finally {
|
||||
toggle.disabled = false;
|
||||
}
|
||||
}
|
||||
|
||||
// --- 渲染通用设置 ---
|
||||
function renderGeneralSettings(all) {
|
||||
var container = document.getElementById('general-settings');
|
||||
var keys = Object.keys(all);
|
||||
if (keys.length === 0) {
|
||||
container.innerHTML = '<div class="settings-empty">暂无其他设置</div>';
|
||||
return;
|
||||
}
|
||||
container.innerHTML = '';
|
||||
keys.forEach(function(key) {
|
||||
var val = all[key] || '';
|
||||
var item = document.createElement('div');
|
||||
item.className = 'setting-item';
|
||||
item.innerHTML =
|
||||
'<div class="setting-info">' +
|
||||
'<span class="setting-label">' + escapeHtml(key) + '</span>' +
|
||||
'<span class="setting-value">' + escapeHtml(val.length > 80 ? val.slice(0, 80) + '...' : val) + '</span>' +
|
||||
'</div>';
|
||||
container.appendChild(item);
|
||||
});
|
||||
}
|
||||
|
||||
// --- 入口 ---
|
||||
loadSettings();
|
||||
})();
|
||||
Reference in New Issue
Block a user