const PageSettings = { _el: null, init() { this._el = document.getElementById('page-settings'); }, async render() { const cfg = await API.getConfig(); const games = await API.getGames(); const forwards = await this._getForwards(); this._el.innerHTML = this._template(cfg, games, forwards); this._bindEvents(); this._toggleGamePorts(cfg.use_unified_port !== false); }, _toggleGamePorts(hide) { const el = document.getElementById('game-ports-section'); if (el) el.style.display = hide ? 'none' : 'block'; }, async _getForwards() { try { const res = await fetch('/api/forward'); return await res.json(); } catch (e) { return []; } }, async _saveForwards(targets) { await fetch('/api/forward', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ targets }) }); }, _bindEvents() { document.getElementById('settings-telemetry-port')?.addEventListener('change', async (e) => { await API.updateConfig({ telemetry_port: parseInt(e.target.value) || 20777 }); Toast.show('端口已更新，重启后生效', 'info'); }); document.getElementById('settings-unified-port')?.addEventListener('change', async (e) => { await API.updateConfig({ use_unified_port: e.target.checked }); this._toggleGamePorts(e.target.checked); Toast.show('已更新', 'info'); }); document.getElementById('settings-restart-telemetry')?.addEventListener('click', async () => { await API.stopTelemetry(); await API.startTelemetry(); Toast.show('遥测监听已重启', 'success'); }); document.getElementById('btn-add-forward')?.addEventListener('click', () => this._addForward()); document.getElementById('forward-list')?.addEventListener('click', async (e) => { if (e.target.closest('.btn-del-forward')) { e.target.closest('.forward-row').remove(); this._collectAndSave(); } }); document.getElementById('btn-save-forwards')?.addEventListener('click', () => this._collectAndSave()); document.getElementById('btn-import-plugin')?.addEventListener('click', () => { const input = document.createElement('input'); input.type = 'file'; input.accept = '.tsp'; input.onchange = async (e) => { const file = e.target.files[0]; if (!file) return; const fd = new FormData(); fd.append('file', file); const res = await fetch('/api/games/install', { method: 'POST', body: fd }); const data = await res.json(); if (data.ok) { Toast.show('插件安装成功', 'success'); this.render(); } else Toast.show('安装失败', 'error'); }; input.click(); }); document.getElementById('btn-reload-plugins')?.addEventListener('click', async () => { await API.reloadGamePlugins(); Toast.show('插件已重新加载', 'success'); this.render(); }); document.getElementById('settings-game-list')?.addEventListener('click', async (e) => { const exportBtn = e.target.closest('.btn-export-plugin'); const removeBtn = e.target.closest('.btn-remove-plugin'); if (exportBtn) { const pid = exportBtn.dataset.pluginId; const a = document.createElement('a'); a.href = '/api/games/' + pid + '/export'; a.download = pid + '.tsp'; a.click(); } if (removeBtn) { if (confirm('移除？')) { await API.removeGamePlugin(removeBtn.dataset.pluginId); Toast.show('已移除', 'info'); this.render(); } } }); document.getElementById('btn-import-dashboard')?.addEventListener('click', () => { const input = document.createElement('input'); input.type = 'file'; input.accept = '.tsd'; input.onchange = async (e) => { const file = e.target.files[0]; if (!file) return; const fd = new FormData(); fd.append('file', file); const res = await fetch('/api/dashboards/import', { method: 'POST', body: fd }); const data = await res.json(); Toast.show(data.ok ? '导入成功' : '导入失败', data.ok ? 'success' : 'error'); }; input.click(); }); document.getElementById('btn-export-backup')?.addEventListener('click', () => { const a = document.createElement('a'); a.href = '/api/backup/export'; a.download = 'turbosu_backup.tsb'; a.click(); }); document.getElementById('btn-import-backup')?.addEventListener('click', () => { const input = document.createElement('input'); input.type = 'file'; input.accept = '.tsb'; input.onchange = async (e) => { const file = e.target.files[0]; if (!file) return; const fd = new FormData(); fd.append('file', file); const res = await fetch('/api/backup/import', { method: 'POST', body: fd }); const data = await res.json(); Toast.show(data.ok ? data.message || '恢复成功' : '恢复失败: ' + data.message, data.ok ? 'success' : 'error'); }; input.click(); }); document.getElementById('btn-restart-server')?.addEventListener('click', async () => { if (!confirm('确定重启 TurboSu 服务？')) return; try { await fetch('/api/restart', { method: 'POST' }); Toast.show('服务正在重启，3秒后自动刷新...', 'info'); setTimeout(() => location.reload(), 3000); } catch (e) { Toast.show('重启请求已发送，请手动刷新', 'info'); setTimeout(() => location.reload(), 3000); } }); document.querySelectorAll('.settings-nav-item').forEach(el => { el.addEventListener('click', (e) => { e.preventDefault(); const id = el.getAttribute('data-target'); const section = document.getElementById(id); if (section) section.scrollIntoView({ behavior: 'smooth', block: 'start' }); document.querySelectorAll('.settings-nav-item').forEach(s => s.classList.remove('active')); el.classList.add('active'); }); }); document.getElementById('settings-test-mode')?.addEventListener('change', async (e) => { const on = e.target.checked; await API.updateConfig({ ui_test_mode: on }); if (on) { await fetch('/api/test-mode/start', { method: 'POST' }); Toast.show('测试模式已开启', 'success'); } else { await fetch('/api/test-mode/stop', { method: 'POST' }); Toast.show('测试模式已关闭', 'info'); } }); document.getElementById('btn-save-game-ports')?.addEventListener('click', async () => { const rows = document.querySelectorAll('#game-ports-section .game-port-row'); const gamePorts = {}; rows.forEach(r => { const id = r.querySelector('.gp-id')?.textContent; const port = parseInt(r.querySelector('.gp-port')?.value) || 0; if (id && port > 0) gamePorts[id] = port; }); await API.updateConfig({ game_ports: gamePorts }); Toast.show('端口已保存', 'success'); }); }, _addForward() { const list = document.getElementById('forward-list'); const row = document.createElement('div'); row.className = 'forward-row glass-card'; row.style.cssText = 'padding:12px;margin-bottom:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap'; row.innerHTML = ''; list.appendChild(row); }, _collectAndSave() { const rows = document.querySelectorAll('#forward-list .forward-row'); const targets = []; rows.forEach(r => { const host = r.querySelector('.fw-host')?.value?.trim(); const port = parseInt(r.querySelector('.fw-port')?.value) || 0; const name = r.querySelector('.fw-name')?.value?.trim() || ''; const enabled = r.querySelector('.forward-toggle')?.checked !== false; if (host && port > 0) targets.push({ host, port, name, enabled }); }); this._saveForwards(targets).then(() => Toast.show('已保存 ' + targets.length + ' 个转发目标', 'success')); }, _gamePortListHtml(games, cfg) { const gamePorts = cfg.game_ports || {}; return games.map(g => '
' + g.name + '默认: ' + (g.default_port || 20777) + '
').join(''); }, _forwardListHtml(forwards) { if (!forwards || forwards.length === 0) return '

暂无转发目标

'; return forwards.map(f => '
').join(''); }, _gamePluginListHtml(games) { if (!games || games.length === 0) return '

暂无游戏插件

'; return games.map(g => '
' + g.name + '
' + (g.description||'') + ' | v' + g.version + ' | ' + (g.author||'') + '' + (g.is_builtin?'内置':'社区') + '
' + (g.is_builtin?'':'') + '
').join(''); }, _template(cfg, games, forwards) { const sections = [ { id: 'sec-forward', label: '数据转发' }, { id: 'sec-connection', label: '连接设置' }, { id: 'sec-dashboards', label: '仪表盘管理' }, { id: 'sec-plugins', label: '游戏插件' }, { id: 'sec-backup', label: '数据备份' }, { id: 'sec-dev', label: '开发工具' }, { id: 'sec-system', label: '系统' }, ]; return '
' + sections.map(s => '' + s.label + '').join('') + '

设置

' + '

数据转发

将收到的游戏原始 UDP 数据包完整转发到下游物理外设

' + this._forwardListHtml(forwards) + '
' + '

连接设置

遥测监听端口
全局统一端口
使用游戏独立端口
关闭后切游戏自动切换到各游戏的默认端口

各游戏独立端口

' + this._gamePortListHtml(games, cfg) + '
重启遥测监听
手动重启
' + '

仪表盘管理

右键卡片导出
' + '

游戏插件管理

' + this._gamePluginListHtml(games) + '
' + '

数据备份

导出全量备份
打包仪表盘+场景+配置为 .tsb
恢复备份
从 .tsb 文件恢复
' + '

开发工具

UI 测试模式
本地随机模拟遥测数据
' + '

系统

重启 TurboSu
重新加载所有代码和配置
' + '

关于

TurboSu
赛车遥测仪表盘 · Yei.J. (AskaEth)
' + '
'; } }; window.PageSettings = PageSettings;