spark-store-project/ServerStatus
15
0
Fork 0
mirror of https://github.com//cppla/ServerStatus synced 2026-08-10 22:34:01 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix #288

Browse Source
This commit is contained in:
cppla
2026-07-22 18:56:54 +08:00
parent 5295ac0c58
commit 6f782e1940
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/index.html
+3 -2
View File
@@ -55,6 +55,7 @@
<label class="select-field"> <label class="select-field">
<span>排序</span> <span>排序</span>
<select id="sortSelect"> <select id="sortSelect">
<option value="config">配置顺序</option>
<option value="name">节点</option> <option value="name">节点</option>
<option value="status">在线状态</option> <option value="status">在线状态</option>
<option value="load">负载</option> <option value="load">负载</option>
@@ -65,7 +66,7 @@
<option value="loss">丢包</option> <option value="loss">丢包</option>
</select> </select>
</label> </label>
<button id="sortDirection" class="icon-text" title="切换排序方向">降序</button> <button id="sortDirection" class="icon-text" title="切换排序方向">升序</button>
</section> </section>
<section id="panel-servers" class="panel active" aria-labelledby="主机"> <section id="panel-servers" class="panel active" aria-labelledby="主机">
@@ -200,6 +201,6 @@
<a href="https://github.com/cppla/ServerStatus" target="_blank" rel="noopener">ServerStatus中文版</a> <a href="https://github.com/cppla/ServerStatus" target="_blank" rel="noopener">ServerStatus中文版</a>
</footer> </footer>
<script src="js/app.js?v=20260710-1" defer></script> <script src="js/app.js?v=20260722-1" defer></script>
</body> </body>
</html> </html>
web/js/app.js
+9 -2
View File
@@ -9,7 +9,7 @@ const S = {
layoutCompact: null, layoutCompact: null,
osOptionsSignature: '', osOptionsSignature: '',
suppressStatsReloadUntil: 0, suppressStatsReloadUntil: 0,
filters: { query: '', status: 'all', os: 'all', sort: 'name', dir: 'desc' }, filters: { query: '', status: 'all', os: 'all', sort: 'config', dir: 'asc' },
admin: { admin: {
token: localStorage.getItem('serverstatusAdminToken') || '', token: localStorage.getItem('serverstatusAdminToken') || '',
enabled: false, enabled: false,
@@ -197,6 +197,7 @@ async function fetchData(){
const base = [server.name || '-', server.location || '-', server.type || '-'].join('|'); const base = [server.name || '-', server.location || '-', server.type || '-'].join('|');
const key = `${base}#${index + 1}`; const key = `${base}#${index + 1}`;
server._key = key; server._key = key;
server._order = index;
if(!S.hist[key]) S.hist[key] = { cu: [], ct: [], cm: [] }; if(!S.hist[key]) S.hist[key] = { cu: [], ct: [], cm: [] };
if(!S.loadHist[key]) S.loadHist[key] = { l1: [], l5: [], l15: [] }; if(!S.loadHist[key]) S.loadHist[key] = { l1: [], l5: [], l15: [] };
pushHistory(S.hist[key].cu, server.time_10010); pushHistory(S.hist[key].cu, server.time_10010);
@@ -239,6 +240,7 @@ function visibleServers(){
const dir = S.filters.dir === 'asc' ? 1 : -1; const dir = S.filters.dir === 'asc' ? 1 : -1;
const ma = metrics(a), mb = metrics(b); const ma = metrics(a), mb = metrics(b);
const value = (server, m) => ({ const value = (server, m) => ({
config: num(server._order),
name: String(server.name || ''), name: String(server.name || ''),
type: String(server.type || ''), type: String(server.type || ''),
location: String(server.location || ''), location: String(server.location || ''),
@@ -742,7 +744,12 @@ function bindFilters(){
}); });
$('osFilter').addEventListener('change', e => { S.filters.os = e.target.value; renderServersViewNow(); }); $('osFilter').addEventListener('change', e => { S.filters.os = e.target.value; renderServersViewNow(); });
$('osFilter').addEventListener('blur', renderOsOptions); $('osFilter').addEventListener('blur', renderOsOptions);
$('sortSelect').addEventListener('change', e => { S.filters.sort = e.target.value; renderServersViewNow(); }); $('sortSelect').addEventListener('change', e => {
S.filters.sort = e.target.value;
if(S.filters.sort === 'config') S.filters.dir = 'asc';
$('sortDirection').textContent = S.filters.dir === 'desc' ? '降序' : '升序';
renderServersViewNow();
});
$('sortDirection').addEventListener('click', () => { $('sortDirection').addEventListener('click', () => {
S.filters.dir = S.filters.dir === 'desc' ? 'asc' : 'desc'; S.filters.dir = S.filters.dir === 'desc' ? 'asc' : 'desc';
$('sortDirection').textContent = S.filters.dir === 'desc' ? '降序' : '升序'; $('sortDirection').textContent = S.filters.dir === 'desc' ? '降序' : '升序';