Sea-Studio/MC_Report
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: data-action delegation + convert onclick to event listeners, sidebar+logout+modals

Browse Source
This commit is contained in:
canglan
2026-07-15 02:44:18 +08:00
parent 9e15a319f5
commit f0e891b17c
20 changed files with 147 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
public/js/pages/install.js
View File

@@ -20,15 +20,15 @@ const InstallPage = {
renderDBStep(ct) {
ct.innerHTML = `
<div class="card"><div class="card-h"><i class="fas fa-database"></i> 第1步：数据库配置</div><div class="card-b">
<div class="card"><div class="card-h"><i class="fas fa-database"></i> 绗?姝ワ細鏁版嵁搴撻厤缃?/div><div class="card-b">
<form id="install-db">
<div class="grid-2"><div class="form-group"><label>MySQL 涓绘満</label><input id="db-host" value="localhost"></div>
<div class="form-group"><label>绔<>彛</label><input id="db-port" value="3306" type="number"></div></div>
<div class="grid-2"><div class="form-group"><label>用户名</label><input id="db-user" value="root" required></div>
<div class="grid-2"><div class="form-group"><label>鐢ㄦ埛鍚?/label><input id="db-user" value="root" required></div>
<div class="form-group"><label>瀵嗙爜</label><input type="password" id="db-pass"></div></div>
<div class="form-group"><label>数据库名</label><input id="db-name" value="mc_report" required><span class="help">如不存在将自动创建</span></div>
<div class="form-group"><label>鏁版嵁搴撳悕</label><input id="db-name" value="mc_report" required><span class="help">濡備笉瀛樺湪灏嗚嚜鍔ㄥ垱寤?/span></div>
<div id="db-err" class="alert alert-e hidden"></div>
<button type="submit" class="btn btn-p"><i class="fas fa-check"></i> 测试连接并继续</button>
<button type="submit" class="btn btn-p"><i class="fas fa-check"></i> 娴嬭瘯杩炴帴骞剁户缁?/button>
</form>
</div></div>
`;
@@ -36,7 +36,7 @@ const InstallPage = {
e.preventDefault();
const btn = e.target.querySelector('button');
btn.disabled = true;
btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 测试中...';
btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 娴嬭瘯涓?..';
try {
await API.post('/install/check-db', {
host: document.getElementById('db-host').value,
@@ -57,24 +57,24 @@ const InstallPage = {
document.getElementById('db-err').textContent = ex.message;
document.getElementById('db-err').classList.remove('hidden');
btn.disabled = false;
btn.innerHTML = '<i class="fas fa-check"></i> 测试连接并继续';
btn.innerHTML = '<i class="fas fa-check"></i> 娴嬭瘯杩炴帴骞剁户缁?;
}
};
},
renderAdminStep(ct) {
ct.innerHTML = `
<div class="card"><div class="card-h"><i class="fas fa-user-crown"></i> 第2步：创建服主账号</div><div class="card-b">
<div class="card"><div class="card-h"><i class="fas fa-user-crown"></i> 绗?姝ワ細鍒涘缓鏈嶄富璐﹀彿</div><div class="card-b">
<form id="install-admin">
<div class="grid-2"><div class="form-group"><label>绔欑偣鍚嶇О</label><input id="ia-sitename" value="MC涓炬姤绯荤粺"></div>
<div class="form-group"><label>绔欑偣鍦板潃</label><input id="ia-siteurl" value="${location.origin}"></div></div>
<div class="grid-2"><div class="form-group"><label>服主用户名 *</label><input id="ia-username" required placeholder="登录用"></div>
<div class="grid-2"><div class="form-group"><label>鏈嶄富鐢ㄦ埛鍚?*</label><input id="ia-username" required placeholder="鐧诲綍鐢?></div>
<div class="form-group"><label>閭<><E996AD> *</label><input type="email" id="ia-email" required></div></div>
<div class="grid-2"><div class="form-group"><label>瀵嗙爜 *</label><input type="password" id="ia-password" required minlength="6"></div>
<div class="form-group"><label>娓告垙鍚嶇О</label><input id="ia-game" placeholder="Minecraft ID"></div></div>
<div class="form-group"><label>娓告垙UID</label><input id="ia-uid" placeholder="娓告垙鍞<E59E99>竴ID"></div>
<div id="ia-err" class="alert alert-e hidden"></div>
<div id="ia-warn" class="alert alert-i"><strong>注意：</strong>安装完成后需要重启服务器才能加载业务路由。请记好账号密码。</div>
<div id="ia-warn" class="alert alert-i"><strong>娉ㄦ剰锛?/strong>瀹夎<EFBFBD>瀹屾垚鍚庨渶瑕侀噸鍚<EFBFBD>湇鍔″櫒鎵嶈兘鍔犺浇涓氬姟璺<EFBFBD>敱銆傝<EFBFBD>璁板ソ璐﹀彿瀵嗙爜銆?/div>
<button type="submit" class="btn btn-p btn-lg w-full"><i class="fas fa-check"></i> 瀹屾垚瀹夎<E780B9></button>
</form>
</div></div>
@@ -83,7 +83,7 @@ const InstallPage = {
e.preventDefault();
const btn = e.target.querySelector('button');
btn.disabled = true;
btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 安装中...';
btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 瀹夎<EFBFBD>涓?..';
try {
await API.post('/install/complete', {
...this.dbConfig,
@@ -97,7 +97,7 @@ const InstallPage = {
admin_game_name: document.getElementById('ia-game').value,
admin_game_uid: document.getElementById('ia-uid').value,
});
document.getElementById('install-admin').innerHTML = '<div class="alert alert-s"><h3><i class="fas fa-check-circle"></i> 安装成功！</h3><p>配置已保存。请重启服务器后刷新页面。</p></div>';
document.getElementById('install-admin').innerHTML = '<div class="alert alert-s"><h3><i class="fas fa-check-circle"></i> 瀹夎<EFBFBD>鎴愬姛锛?/h3><p>閰嶇疆宸蹭繚瀛樸€傝<E282AC>閲嶅惎鏈嶅姟鍣ㄥ悗鍒锋柊椤甸潰銆?/p></div>';
} catch (ex) {
document.getElementById('ia-err').textContent = ex.message;
document.getElementById('ia-err').classList.remove('hidden');