spark-store-project/ServerStatus
14
0
Fork 0
mirror of https://github.com//cppla/ServerStatus synced 2025-07-23 11:42:24 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Layui主题

Browse Source
This commit is contained in:
zeyudada 2023-07-08 20:56:24 +08:00
parent 74e65c910a
commit f734ba3677
3 changed files with 12 additions and 7 deletions

1
web/css/dark.css

@ -402,6 +402,7 @@ a:hover{color:var(--lay-color-text-3)}
.layui-table-mend{background-color: var(--lay-color-bg-2)} .layui-table-mend{background-color: var(--lay-color-bg-2)}
.layui-table-click,.layui-table-hover,.layui-table[lay-even] tbody tr:nth-child(even){background-color:var(--lay-color-bg-2)} .layui-table-click,.layui-table-hover,.layui-table[lay-even] tbody tr:nth-child(even){background-color:var(--lay-color-bg-2)}
.layui-table td,.layui-table th,.layui-table-col-set,.layui-table-fixed-r,.layui-table-grid-down,.layui-table-header,.layui-table-mend,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-total,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{border-color: var(--lay-color-border-2)} .layui-table td,.layui-table th,.layui-table-col-set,.layui-table-fixed-r,.layui-table-grid-down,.layui-table-header,.layui-table-mend,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-total,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{border-color: var(--lay-color-border-2)}
.layui-table tr:hover { background-color: #f5f5f5; }
.layui-table-view .layui-table td[data-edit]:hover:after{border:1px solid var(--lay-color-primary-active)} .layui-table-view .layui-table td[data-edit]:hover:after{border:1px solid var(--lay-color-primary-active)}
.layui-table-init{background-color: var(--lay-color-bg-2);} .layui-table-init{background-color: var(--lay-color-bg-2);}
.layui-table-init .layui-icon{color:var(--lay-color-gray-8);} .layui-table-init .layui-icon{color:var(--lay-color-gray-8);}

3
web/css/light.css

@ -2,4 +2,5 @@ body {background: #ebebeb url(../img/light.png);}
.layui-panel {overflow-x: auto;} .layui-panel {overflow-x: auto;}
.layui-table th, .layui-table td { text-align: center;white-space: nowrap; } .layui-table th, .layui-table td { text-align: center;white-space: nowrap; }
.layui-progress-text { color: #000 !important; } .layui-progress-text { color: #000 !important; }
.collapse { text-align: center; } .collapse { text-align: center; }
.layui-table tr:hover { background-color: #f5f5f5; }

15
web/js/serverstatus.js

@ -4,6 +4,8 @@ var $ = layui.jquery, layer = layui.layer, element = layui.element;
var error = 0; var error = 0;
var d = 0; var d = 0;
var server_status = new Array(); var server_status = new Array();
var online = 0;
var offline = 0;
function timeSince(date) { function timeSince(date) {
if (date == 0) if (date == 0)
@ -84,6 +86,8 @@ function uptime() {
if (result.reload) if (result.reload)
setTimeout(function () { location.reload() }, 1000); setTimeout(function () { location.reload() }, 1000);
online = 0;
offline = 0;
for (var i = 0, rlen = result.servers.length; i < rlen; i++) { for (var i = 0, rlen = result.servers.length; i < rlen; i++) {
var TableRow = $("#servers tr#r" + i); var TableRow = $("#servers tr#r" + i);
var ExpandRow = $("#servers #rt" + i); var ExpandRow = $("#servers #rt" + i);
@ -133,12 +137,16 @@ function uptime() {
// online_status // online_status
if (result.servers[i].online4 && !result.servers[i].online6) { if (result.servers[i].online4 && !result.servers[i].online6) {
online += 1;
$(TableRow).find("#online_status .layui-badge").alterClass("layui-bg-*").addClass("layui-bg-green").text("IPv4"); $(TableRow).find("#online_status .layui-badge").alterClass("layui-bg-*").addClass("layui-bg-green").text("IPv4");
} else if (result.servers[i].online4 && result.servers[i].online6) { } else if (result.servers[i].online4 && result.servers[i].online6) {
online += 1;
$(TableRow).find("#online_status .layui-badge").alterClass("layui-bg-*").addClass("layui-bg-green").text("双栈"); $(TableRow).find("#online_status .layui-badge").alterClass("layui-bg-*").addClass("layui-bg-green").text("双栈");
} else if (!result.servers[i].online4 && result.servers[i].online6) { } else if (!result.servers[i].online4 && result.servers[i].online6) {
online += 1;
$(TableRow).find("#online_status .layui-badge").alterClass("layui-bg-*").addClass("layui-bg-green").text("IPv6"); $(TableRow).find("#online_status .layui-badge").alterClass("layui-bg-*").addClass("layui-bg-green").text("IPv6");
} else { } else {
offline += 1;
$(TableRow).find("#online_status .layui-badge").alterClass("layui-bg-*").addClass("layui-bg-red").text("关闭"); $(TableRow).find("#online_status .layui-badge").alterClass("layui-bg-*").addClass("layui-bg-red").text("关闭");
} }
@ -298,6 +306,7 @@ function uptime() {
d = new Date(result.updated * 1000); d = new Date(result.updated * 1000);
error = 0; error = 0;
$("#updated").html("总计" + result.servers.length + "台 在线" + online + "台 离线" + offline + "台，最后更新: " + timeSince(d));
}).fail(function (update_error) { }).fail(function (update_error) {
if (!error) { if (!error) {
$("#servers > tr.accordion-toggle").each(function (i) { $("#servers > tr.accordion-toggle").each(function (i) {
@ -324,15 +333,9 @@ function uptime() {
} }
function updateTime() {
if (!error)
$("#updated").html("最后更新: " + timeSince(d));
}
uptime(); uptime();
updateTime();
setInterval(uptime, 2000); setInterval(uptime, 2000);
setInterval(updateTime, 2000);
function getActiveStyleSheet() { function getActiveStyleSheet() {