add full i18n support for server info page

This commit is contained in:
杨黄林
2023-09-11 12:30:40 +08:00
parent 25d05eab9c
commit 29c7567095
7 changed files with 90 additions and 26 deletions

View File

@@ -72,5 +72,22 @@
"Last Close": "Last Close",
"Network Traffic": "Network Traffic",
"today": "today",
"now": "now"
"now": "now",
"Version": "Version",
"Bind Port": "Bind Port",
"KCP Bind Port": "KCP Bind Port",
"QUIC Bind Port": "QUIC Bind Port",
"HTTP Port": "HTTP Port",
"HTTPS Port": "HTTPS Port",
"TCPMUX Port": "TCPMUX Port",
"Subdomain Host": "Subdomain Host",
"Max Pool Count": "Max Pool Count",
"Max Ports Per Client": "Max Ports Per Client",
"Heart Beat Timeout": "Heart Beat Timeout",
"Allow Ports": "Allow Ports",
"TLS Only": "TLS Only",
"Current Connections": "Current Connections",
"Client Counts": "Client Counts",
"Proxy Counts": "Proxy Counts",
"Not Set": "Not Set"
}

View File

@@ -72,5 +72,22 @@
"Last Close": "上次断开时间",
"Network Traffic": "网络流量",
"today": "今日",
"now": "当前"
"now": "当前",
"Version": "版本号",
"Bind Port": "TCP 端口",
"KCP Bind Port": "KCP 端口",
"QUIC Bind Port": "QUIC 端口",
"HTTP Port": "HTTP 端口",
"HTTPS Port": "HTTPS 端口",
"TCPMUX Port": "TCPMUX 端口",
"Subdomain Host": "二级域名后缀",
"Max Pool Count": "每个代理最大连接池大小",
"Max Ports Per Client": "单个客户端最大同时存在代理数",
"Heart Beat Timeout": "心跳连接超时时间",
"Allow Ports": "端口限制",
"TLS Only": "仅接受启用 TLS 的客户端",
"Current Connections": "当前连接数",
"Client Counts": "客户端总数",
"Proxy Counts": "代理总数",
"Not Set": "未配置"
}

View File

@@ -114,8 +114,8 @@ var loadProxyInfo = (function ($) {
var datum = res.data[i];
var useEncryption = datum.conf.use_encryption;
var useCompression = datum.conf.use_compression;
datum.conf.use_encryption = i18n[useEncryption + ''];
datum.conf.use_compression = i18n[useCompression + ''];
datum.conf.use_encryption = i18n[useEncryption];
datum.conf.use_compression = i18n[useCompression];
console.log(datum)
var html = layui.laytpl(expandTrTemplateHtml).render({
index: i,

View File

@@ -22,6 +22,18 @@ var loadServerInfo = (function ($) {
for (var proxy in data.proxy_type_count) {
data.proxy_counts = data.proxy_counts + data.proxy_type_count[proxy];
}
data.bind_port = data.bind_port || i18n['Disable'];
data.kcp_bind_port = data.kcp_bind_port || i18n['Disable'];
data.quic_bind_port = data.quic_bind_port || i18n['Disable'];
data.vhost_http_port = data.vhost_http_port || i18n['Disable'];
data.vhost_https_port = data.vhost_https_port || i18n['Disable'];
data.tcpmux_httpconnect_port = data.tcpmux_httpconnect_port || i18n['Disable'];
data.subdomain_host = data.subdomain_host || i18n['NotSet'];
data.max_pool_count = data.max_pool_count || i18n['NotSet'];
data.max_ports_per_client = data.max_ports_per_client || i18n['NotLimit'];
data.heart_beat_timeout = data.heart_beat_timeout || i18n['NotSet'];
data.allow_ports_str = data.allow_ports_str || i18n['NotLimit'];
data.tls_only = i18n[data.tls_only || false];
renderServerInfo(data);
} else {
layui.layer.msg(result.message);

View File

@@ -71,7 +71,7 @@
<div class="version">
<a href="https://github.com/fatedier/frp" target="_blank">Frp <span id="frpVersion"></span></a>
<span> | </span>
<a href="https://github.com/yhl452493373/frps-panel" target="_blank">${ .FrpsPanel } v${ .version }</a>
<a href="https://github.com/yhl452493373/frps-panel" target="_blank">${ .FrpsPanel } ${ .version }</a>
</div>
</div>
<div class="layui-body" id="content"></div>
@@ -82,67 +82,67 @@
<section class="server-info">
<div class="text-info">
<div class="text-row">
<div class="text-col">Version</div>
<div class="text-col">${ .Version }</div>
<div class="text-col">{{= d.version }}</div>
</div>
<div class="text-row">
<div class="text-col">BindPort</div>
<div class="text-col">${ .BindPort }</div>
<div class="text-col">{{= d.bind_port }}</div>
</div>
<div class="text-row">
<div class="text-col">KCP Bind Port</div>
<div class="text-col">${ .KCPBindPort }</div>
<div class="text-col">{{= d.kcp_bind_port }}</div>
</div>
<div class="text-row">
<div class="text-col">QUIC Bind Port</div>
<div class="text-col">${ .QUICBindPort }</div>
<div class="text-col">{{= d.quic_bind_port }}</div>
</div>
<div class="text-row">
<div class="text-col">Http Port</div>
<div class="text-col">${ .HTTPPort }</div>
<div class="text-col">{{= d.vhost_http_port }}</div>
</div>
<div class="text-row">
<div class="text-col">Https Port</div>
<div class="text-col">${ .HTTPSPort }</div>
<div class="text-col">{{= d.vhost_https_port }}</div>
</div>
<div class="text-row">
<div class="text-col">TCPMUX Port</div>
<div class="text-col">${ .TCPMUXPort }</div>
<div class="text-col">{{= d.tcpmux_httpconnect_port }}</div>
</div>
<div class="text-row">
<div class="text-col">Subdomain Host</div>
<div class="text-col">${ .SubdomainHost }</div>
<div class="text-col">{{= d.subdomain_host }}</div>
</div>
<div class="text-row">
<div class="text-col">Max PoolCount</div>
<div class="text-col">${ .MaxPoolCount }</div>
<div class="text-col">{{= d.max_pool_count }}</div>
</div>
<div class="text-row">
<div class="text-col">Max Ports Per Client</div>
<div class="text-col">${ .MaxPortsPerClient }</div>
<div class="text-col">{{= d.max_ports_per_client }}</div>
</div>
<div class="text-row">
<div class="text-col">HeartBeat Timeout</div>
<div class="text-col">${ .HeartBeatTimeout }</div>
<div class="text-col">{{= d.heart_beat_timeout }}</div>
</div>
<div class="text-row">
<div class="text-col">Allow Ports</div>
<div class="text-col">{{= d.allow_ports_str || 'Not limit' }}</div>
<div class="text-col">${ .AllowPorts }</div>
<div class="text-col">{{= d.allow_ports_str }}</div>
</div>
<div class="text-row">
<div class="text-col">TLS Only</div>
<div class="text-col">{{= d.tls_only || 'No' }}</div>
<div class="text-col">${ .TLSOnly }</div>
<div class="text-col">{{= d.tls_only }}</div>
</div>
<div class="text-row">
<div class="text-col">Current Connections</div>
<div class="text-col">${ .CurrentConnections }</div>
<div class="text-col">{{= d.cur_conns }}</div>
</div>
<div class="text-row">
<div class="text-col">Client Counts</div>
<div class="text-col">${ .ClientCounts }</div>
<div class="text-col">{{= d.client_counts }}</div>
</div>
<div class="text-row">
<div class="text-col">Proxy Counts</div>
<div class="text-col">${ .ProxyCounts }</div>
<div class="text-col">{{= d.proxy_counts }}</div>
</div>
</div>