diff --git a/web/css/dark.css b/web/css/dark.css index 1009646..ec968f5 100644 --- a/web/css/dark.css +++ b/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-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 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-init{background-color: var(--lay-color-bg-2);} .layui-table-init .layui-icon{color:var(--lay-color-gray-8);} diff --git a/web/css/light.css b/web/css/light.css index ebd680a..e3aa258 100644 --- a/web/css/light.css +++ b/web/css/light.css @@ -2,4 +2,5 @@ body {background: #ebebeb url(../img/light.png);} .layui-panel {overflow-x: auto;} .layui-table th, .layui-table td { text-align: center;white-space: nowrap; } .layui-progress-text { color: #000 !important; } -.collapse { text-align: center; } \ No newline at end of file +.collapse { text-align: center; } +.layui-table tr:hover { background-color: #f5f5f5; } \ No newline at end of file diff --git a/web/js/serverstatus.js b/web/js/serverstatus.js index a2de064..6b914a5 100644 --- a/web/js/serverstatus.js +++ b/web/js/serverstatus.js @@ -4,6 +4,8 @@ var $ = layui.jquery, layer = layui.layer, element = layui.element; var error = 0; var d = 0; var server_status = new Array(); +var online = 0; +var offline = 0; function timeSince(date) { if (date == 0) @@ -84,6 +86,8 @@ function uptime() { if (result.reload) setTimeout(function () { location.reload() }, 1000); + online = 0; + offline = 0; for (var i = 0, rlen = result.servers.length; i < rlen; i++) { var TableRow = $("#servers tr#r" + i); var ExpandRow = $("#servers #rt" + i); @@ -133,12 +137,16 @@ function uptime() { // online_status 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"); } 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("双栈"); } 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"); } else { + offline += 1; $(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); error = 0; + $("#updated").html("总计" + result.servers.length + "台 在线" + online + "台 离线" + offline + "台,最后更新: " + timeSince(d)); }).fail(function (update_error) { if (!error) { $("#servers > tr.accordion-toggle").each(function (i) { @@ -324,15 +333,9 @@ function uptime() { } -function updateTime() { - if (!error) - $("#updated").html("最后更新: " + timeSince(d)); -} uptime(); -updateTime(); setInterval(uptime, 2000); -setInterval(updateTime, 2000); function getActiveStyleSheet() {