show client info correctly in index

This commit is contained in:
2023-12-05 11:44:16 +08:00
parent 77d87ac27c
commit 28c37efeb5
5 changed files with 61 additions and 254 deletions

View File

@@ -26,8 +26,8 @@ var loadClientInfo = (function ($) {
}
function renderClientInfo(data) {
data.tcp_mux = i18n[data.tcp_mux];
data.tls_enable = i18n[data.tls_enable];
data.transport.tcpMux = i18n[data.transport.tcpMux];
data.transport.tls.enable = i18n[data.transport.tls.enable];
var html = layui.laytpl($('#clientInfoTemplate').html()).render(data);
$('#content').html(html);
}

View File

@@ -77,19 +77,19 @@
<div class="text-info">
<div class="text-row">
<div class="text-col">${ .ServerAddress }</div>
<div class="text-col">{{= d.server_addr || '-' }}</div>
<div class="text-col">{{= d.serverAddr || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .ServerPort }</div>
<div class="text-col">{{= d.server_port || '-' }}</div>
<div class="text-col">{{= d.serverPort || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .Protocol }</div>
<div class="text-col">{{= d.protocol || '-' }}</div>
<div class="text-col">{{= d.transport.protocol || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .TCPMux }</div>
<div class="text-col">{{= d.tcp_mux || '-' }}</div>
<div class="text-col">{{= d.transport.tcpMux || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .User }</div>
@@ -97,47 +97,47 @@
</div>
<div class="text-row">
<div class="text-col">${ .UserToken }</div>
<div class="text-col">{{= d.metas.token || '-' }}</div>
<div class="text-col">{{= d.metadatas.token || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .AdminAddress }</div>
<div class="text-col">{{= d.admin_addr || '-' }}</div>
<div class="text-col">{{= d.webServer.addr || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .AdminPort }</div>
<div class="text-col">{{= d.admin_port || '-' }}</div>
<div class="text-col">{{= d.webServer.port || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .AdminUser }</div>
<div class="text-col">{{= d.admin_user || '-' }}</div>
<div class="text-col">{{= d.webServer.user || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .AdminPwd }</div>
<div class="text-col">{{= d.admin_pwd || '-' }}</div>
<div class="text-col">{{= d.webServer.password || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .HeartbeatInterval }</div>
<div class="text-col">{{= d.heartbeat_interval || '-' }}</div>
<div class="text-col">{{= d.transport.heartbeatInterval || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .HeartbeatTimeout }</div>
<div class="text-col">{{= d.heartbeat_timeout || '-' }}</div>
<div class="text-col">{{= d.transport.heartbeatTimeout || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .TLSEnable }</div>
<div class="text-col">{{= d.tls_enable || '-' }}</div>
<div class="text-col">{{= d.transport.tls.enable || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .TLSKeyFile }</div>
<div class="text-col">{{= d.tls_key_file || '-' }}</div>
<div class="text-col">{{= d.transport.tls.keyFile || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .TLSCertFile }</div>
<div class="text-col">{{= d.tls_cert_file || '-' }}</div>
<div class="text-col">{{= d.transport.tls.certFile || '-' }}</div>
</div>
<div class="text-row">
<div class="text-col">${ .TLSTrustedCAFile }</div>
<div class="text-col">{{= d.tls_trusted_ca_file || '-' }}</div>
<div class="text-col">{{= d.transport.tls.trustedCaFile || '-' }}</div>
</div>
</div>
</section>