add an api proxy url to access frp server info

This commit is contained in:
杨黄林
2023-09-09 20:46:54 +08:00
parent 4636bd7e9f
commit 3eca20e927
18 changed files with 110 additions and 63 deletions

View File

@@ -14,6 +14,22 @@ section {
box-sizing: border-box;
}
.layui-header{
line-height: 60px;
font-size: 16px;
}
.layui-title{
position: absolute;
left: 200px;
right: 0;
top: 0;
height: 100%;
color: #fff;
padding: 0 15px;
box-sizing: border-box;
}
#searchForm input {
height: 30px;
line-height: 28px;

View File

@@ -5,37 +5,20 @@ var loadServerInfo = (function ($) {
* get server info
* @param lang {{}} language json
*/
function loadServerInfo(lang) {
function loadServerInfo(lang, title) {
console.log(title)
$("#title").text(title);
$('#content').empty();
var loading = layui.layer.load();
$.ajax({
url: 'http://127.0.0.1:7500/api/serverinfo',
dataType: 'jsonp',
success: function (result) {
result = {
"version": "0.51.3",
"bind_port": 7000,
"vhost_http_port": 80,
"vhost_https_port": 443,
"tcpmux_httpconnect_port": 0,
"kcp_bind_port": 7000,
"quic_bind_port": 0,
"subdomain_host": "frp.yanghuanglin.com",
"max_pool_count": 100,
"max_ports_per_client": 0,
"heart_beat_timeout": 90,
"total_traffic_in": 1669491,
"total_traffic_out": 54422369,
"cur_conns": 0,
"client_counts": 1,
"proxy_type_count": {"http": 9, "https": 8, "tcp": 7}
};
renderServerInfo(result);
},
complete: function () {
layui.layer.close(loading);
$.getJSON('/proxy/api/serverinfo').done(function (result) {
if (result.success) {
renderServerInfo(JSON.parse(result.data));
} else {
layui.layer.msg(result.message);
}
}).always(function () {
layui.layer.close(loading);
});
}

View File

@@ -140,7 +140,8 @@ var loadUserList = (function ($) {
* load i18n language
* @param lang {{}} language json
*/
function loadUserList(lang) {
function loadUserList(lang, title) {
$("#title").text(title);
var html = layui.laytpl($('#userListTemplate').html()).render();
$('#content').html(html);

View File

@@ -4,9 +4,9 @@
$.getJSON('/lang').done(function (lang) {
layui.element.on('nav(leftNav)', function (elem) {
if (elem.attr('id') === 'serverInfo') {
loadServerInfo(lang);
loadServerInfo(lang, elem.text().trim());
} else if (elem.attr('id') === 'userList') {
loadUserList(lang);
loadUserList(lang, elem.text().trim());
}
});

View File

Before

Width:  |  Height:  |  Size: 322 KiB

After

Width:  |  Height:  |  Size: 322 KiB

View File

@@ -2,13 +2,13 @@
<html lang="">
<head>
<title>${ .UserManage }</title>
<link rel="stylesheet" href="./static/layui/css/layui.css">
<link rel="stylesheet" href="./static/lib/layui/css/layui.css">
<link rel="stylesheet" href="./static/css/layui-theme-dark.css">
<link rel="stylesheet" href="./static/css/index.css">
<link rel="stylesheet" href="./static/css/index-color.css">
<script src="./static/layui/layui.js"></script>
<script src="./static/js/echarts.min.js"></script>
<script src="./static/js/filesize.min.js"></script>
<script src="./static/lib/layui/layui.js"></script>
<script src="./static/lib/echarts.min.js"></script>
<script src="./static/lib/filesize.min.js"></script>
<script src="./static/js/index-server-info.js"></script>
<script src="./static/js/index-user-list.js"></script>
<script src="./static/js/index.js"></script>
@@ -22,13 +22,7 @@
}
</style>
<style>
.layui-header {
width: 200px;
right: auto;
}
.layui-layout-admin .layui-body {
top: 0;
padding: 0;
}
</style>
@@ -37,6 +31,7 @@
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo layui-hide-xs layui-bg-black">${ .FrpsMultiuser }</div>
<div class="layui-title" id="title"></div>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">