AskaEth/TurboSu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: full i18n support - all pages use Lang.t() for zh/en

Browse Source
This commit is contained in:
AskaEth
2026-07-27 20:31:41 +08:00
parent 860bc015e8
commit de58a1c42f
10 changed files with 578 additions and 282 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/pages/home.js
+19 -19
View File
@@ -15,25 +15,25 @@ const PageHome = {
async _refreshCards() {
try {
const status = await API.getStatus();
this._updateCard('card-server', status.server_running ? '运行中' : '已停止', status.server_running ? 'success' : 'danger');
this._updateCard('card-telemetry', status.telemetry_running ? '监听中' : '未启动', status.telemetry_running ? 'success' : 'warning');
this._updateCard('card-game', status.selected_game_id || '未选择', 'info');
this._updateCard('card-connections', `${status.ws_clients} 个客户端`, status.ws_clients > 0 ? 'success' : 'secondary');
this._updateCard('card-packets', `${status.packet_count} 包`, status.packet_count > 0 ? 'success' : 'secondary');
this._updateCard('card-server', status.server_running ? Lang.t('running') : Lang.t('stopped'), status.server_running ? 'success' : 'danger');
this._updateCard('card-telemetry', status.telemetry_running ? Lang.t('listening') : Lang.t('notStarted'), status.telemetry_running ? 'success' : 'warning');
this._updateCard('card-game', status.selected_game_id || Lang.t('notSelected'), 'info');
this._updateCard('card-connections', Lang.t('connectionsCount').replace('%d', status.ws_clients), status.ws_clients > 0 ? 'success' : 'secondary');
this._updateCard('card-packets', Lang.t('packetsCount').replace('%d', status.packet_count), status.packet_count > 0 ? 'success' : 'secondary');
const lastTime = status.last_packet_time;
if (lastTime > 0) {
const ago = Math.round((Date.now() / 1000) - lastTime);
this._updateCard('card-last-packet', `${ago}秒前`, ago < 5 ? 'success' : 'warning');
this._updateCard('card-last-packet', Lang.t('secondsAgo').replace('%d', ago), ago < 5 ? 'success' : 'warning');
} else {
this._updateCard('card-last-packet', '暂无数据', 'secondary');
this._updateCard('card-last-packet', Lang.t('noData'), 'secondary');
}
const td = status.latest_data;
if (td) {
this._updateCard('card-speed', `${(td.speed_kmh || 0).toFixed(1)} km/h`, 'primary');
this._updateCard('card-rpm', `${(td.rpm || 0).toFixed(0)} RPM`, 'primary');
this._updateCard('card-gear', `档位 ${td.gear || 'N'}`, 'primary');
this._updateCard('card-gear', Lang.t('gearLabel').replace('%s', td.gear || 'N'), 'primary');
}
} catch (e) {
console.error('Failed to refresh status:', e);
@@ -66,21 +66,21 @@ const PageHome = {
_template() {
return `
<div class="animated">
<h2 style="font-size:24px;font-weight:700;margin-bottom:8px;">系统概览</h2>
<p style="color:var(--text-secondary);margin-bottom:24px;">实时监控 TurboSu 运行状态与游戏遥测连接</p>
<h2 style="font-size:24px;font-weight:700;margin-bottom:8px;">${Lang.t('systemOverview')}</h2>
<p style="color:var(--text-secondary);margin-bottom:24px;">${Lang.t('overviewDesc')}</p>
</div>
<div class="status-grid animated" style="animation-delay:0.1s">
${this._cardHtml('card-speed', '实时速度', '-- km/h', 'primary')}
${this._cardHtml('card-rpm', '实时转速', '-- RPM', 'primary')}
${this._cardHtml('card-gear', '当前档位', '--', 'primary')}
${this._cardHtml('card-speed', Lang.t('liveSpeed'), '-- km/h', 'primary')}
${this._cardHtml('card-rpm', Lang.t('liveRpm'), '-- RPM', 'primary')}
${this._cardHtml('card-gear', Lang.t('liveGear'), '--', 'primary')}
</div>
<div class="status-grid animated" style="animation-delay:0.15s">
${this._cardHtml('card-server', '服务器状态', '运行中', 'success')}
${this._cardHtml('card-telemetry', '遥测监听', '未启动', 'warning')}
${this._cardHtml('card-connections', 'WebSocket 连接', '0 个客户端', 'secondary')}
${this._cardHtml('card-packets', '数据包接收', '0 包', 'secondary')}
${this._cardHtml('card-last-packet', '最后数据包', '暂无数据', 'secondary')}
${this._cardHtml('card-game', '当前游戏', '未选择', 'info')}
${this._cardHtml('card-server', Lang.t('serverStatus'), Lang.t('running'), 'success')}
${this._cardHtml('card-telemetry', Lang.t('telemetryStatus'), Lang.t('notStarted'), 'warning')}
${this._cardHtml('card-connections', Lang.t('wsConnections'), Lang.t('connectionsCount').replace('%d', 0), 'secondary')}
${this._cardHtml('card-packets', Lang.t('packetCount'), Lang.t('packetsCount').replace('%d', 0), 'secondary')}
${this._cardHtml('card-last-packet', Lang.t('lastPacket'), Lang.t('noData'), 'secondary')}
${this._cardHtml('card-game', Lang.t('currentGame'), Lang.t('notSelected'), 'info')}
</div>`;
},