- escapeHtml 8 处定义合并为 shared/utils.js 1 处:删除 shortcode.js、posts/show.html、settings/index.html、comments.js、energy.js、common.js 中的重复定义 - formatTime 6 处定义合并为 1 处:统一 ISO 时间格式化逻辑 - api() 5 处定义收敛:前台页面使用 shared/utils.js 统一 api(method,url,data),admin 使用 common.js 的 api 对象 - showToast 3 处定义合并为 1 处:自包含内联样式,前后台通用 - admin/posts.js api 调用迁移为 api.post()
83 lines
2.9 KiB
JavaScript
83 lines
2.9 KiB
JavaScript
/* =====================================================
|
||
MetaLab 管理面板 - 通用 JS
|
||
单一职责:AJAX 封装、Toast 通知、确认弹窗
|
||
不包含任何页面特有逻辑
|
||
===================================================== */
|
||
|
||
// --- AJAX 封装 (管理后台专用对象式 API) ---
|
||
// 注意:escapeHtml / formatTime / showToast / getCSRFToken 由 shared/utils.js 统一提供
|
||
const api = {
|
||
async get(url) {
|
||
const res = await fetch(url, {
|
||
headers: { 'Accept': 'application/json' }
|
||
});
|
||
return res.json();
|
||
},
|
||
async put(url, body) {
|
||
const res = await fetch(url, {
|
||
method: 'PUT',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
'X-CSRF-Token': getCSRFToken()
|
||
},
|
||
body: JSON.stringify(body)
|
||
});
|
||
return res.json();
|
||
},
|
||
async post(url, body) {
|
||
const res = await fetch(url, {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
'X-CSRF-Token': getCSRFToken()
|
||
},
|
||
body: body ? JSON.stringify(body) : undefined
|
||
});
|
||
return res.json();
|
||
}
|
||
};
|
||
|
||
// --- 确认弹窗 ---
|
||
function showConfirm(title, message) {
|
||
return new Promise((resolve) => {
|
||
const overlay = document.createElement('div');
|
||
overlay.className = 'modal-overlay show';
|
||
overlay.innerHTML = `
|
||
<div class="modal-box">
|
||
<h3>${escapeHtml(title)}</h3>
|
||
<p>${escapeHtml(message)}</p>
|
||
<div class="modal-actions">
|
||
<button class="btn btn-outline" id="modalCancel">取消</button>
|
||
<button class="btn btn-danger" id="modalConfirm">确认</button>
|
||
</div>
|
||
</div>`;
|
||
document.body.appendChild(overlay);
|
||
|
||
overlay.querySelector('#modalCancel').onclick = () => {
|
||
overlay.remove();
|
||
resolve(false);
|
||
};
|
||
overlay.querySelector('#modalConfirm').onclick = () => {
|
||
overlay.remove();
|
||
resolve(true);
|
||
};
|
||
overlay.addEventListener('click', (e) => {
|
||
if (e.target === overlay) { overlay.remove(); resolve(false); }
|
||
});
|
||
});
|
||
}
|
||
|
||
// --- 角色标签 ---
|
||
// 数据源由服务端 model.RoleDisplayNames 注入为 window.__ROLE_NAMES
|
||
function roleLabel(role) {
|
||
var map = window.__ROLE_NAMES || { user: '普通用户', moderator: '版主', admin: '管理员', owner: '站长' };
|
||
return '<span class="role-tag role-' + role + '">' + (map[role] || role) + '</span>';
|
||
}
|
||
|
||
// --- 状态标签 ---
|
||
// 数据源由服务端 model.StatusDisplayNames 注入为 window.__STATUS_NAMES
|
||
function statusLabel(status) {
|
||
var map = window.__STATUS_NAMES || { active: '正常', banned: '已封禁', deleted: '已注销', locked: '已锁定' };
|
||
return '<span class="badge badge-' + status + '">' + (map[status] || status) + '</span>';
|
||
}
|