remove online/offline status badge from server list
This commit is contained in:
15
index.html
15
index.html
@@ -117,13 +117,6 @@ tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)}
|
|||||||
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
|
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
|
||||||
.score{font-family:var(--display);font-weight:600;font-size:15px}
|
.score{font-family:var(--display);font-weight:600;font-size:15px}
|
||||||
|
|
||||||
.status{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;white-space:nowrap}
|
|
||||||
.dot{width:8px;height:8px;border-radius:50%;flex:none}
|
|
||||||
.status.online{color:var(--ok)}
|
|
||||||
.status.online .dot{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
|
|
||||||
.status.offline{color:var(--off)}
|
|
||||||
.status.offline .dot{background:var(--off);box-shadow:0 0 0 3px var(--off-soft)}
|
|
||||||
|
|
||||||
.add-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:40px 0;align-items:start}
|
.add-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:40px 0;align-items:start}
|
||||||
.panel{
|
.panel{
|
||||||
background:var(--panel);border:1px solid var(--line);
|
background:var(--panel);border:1px solid var(--line);
|
||||||
@@ -255,7 +248,6 @@ footer a{color:var(--accent);text-decoration:none}
|
|||||||
<th class="num">Fee</th>
|
<th class="num">Fee</th>
|
||||||
<th>Version</th>
|
<th>Version</th>
|
||||||
<th class="num">Balance</th>
|
<th class="num">Balance</th>
|
||||||
<th>Status</th>
|
|
||||||
<th class="num">Height</th>
|
<th class="num">Height</th>
|
||||||
<th class="num">Wins</th>
|
<th class="num">Wins</th>
|
||||||
<th class="num">Score</th>
|
<th class="num">Score</th>
|
||||||
@@ -371,14 +363,11 @@ function render() {
|
|||||||
tb.innerHTML = ""; ml.innerHTML = "";
|
tb.innerHTML = ""; ml.innerHTML = "";
|
||||||
|
|
||||||
if (!list.length) {
|
if (!list.length) {
|
||||||
tb.innerHTML = '<tr><td colspan="10" style="padding:28px;text-align:center;color:var(--muted)">No servers found.</td></tr>';
|
tb.innerHTML = '<tr><td colspan="9" style="padding:28px;text-align:center;color:var(--muted)">No servers found.</td></tr>';
|
||||||
}
|
}
|
||||||
|
|
||||||
list.forEach((d, i) => {
|
list.forEach((d, i) => {
|
||||||
const rank = i + 1;
|
const rank = i + 1;
|
||||||
const st = d.status === "online" || d.status === "OK"
|
|
||||||
? '<span class="status online"><span class="dot"></span>Online</span>'
|
|
||||||
: '<span class="status offline"><span class="dot"></span>Offline</span>';
|
|
||||||
const weLink = `/weinfo/${d.chain||getChain()}/${d.id}`;
|
const weLink = `/weinfo/${d.chain||getChain()}/${d.id}`;
|
||||||
|
|
||||||
tb.insertAdjacentHTML('beforeend', `
|
tb.insertAdjacentHTML('beforeend', `
|
||||||
@@ -389,7 +378,6 @@ function render() {
|
|||||||
<td class="num">${fmt(d.base_fee)}</td>
|
<td class="num">${fmt(d.base_fee)}</td>
|
||||||
<td class="mono">${DOMPurify.sanitize(d.version||'—')}</td>
|
<td class="mono">${DOMPurify.sanitize(d.version||'—')}</td>
|
||||||
<td class="num">${fmt(d.balance)}</td>
|
<td class="num">${fmt(d.balance)}</td>
|
||||||
<td>${st}</td>
|
|
||||||
<td class="num">${fmt(d.last_block)}</td>
|
<td class="num">${fmt(d.last_block)}</td>
|
||||||
<td class="num">${d.count_win != null ? d.count_win : '—'}</td>
|
<td class="num">${d.count_win != null ? d.count_win : '—'}</td>
|
||||||
<td class="num"><span class="score">${fmt(d.points)}</span></td>
|
<td class="num"><span class="score">${fmt(d.points)}</span></td>
|
||||||
@@ -399,7 +387,6 @@ function render() {
|
|||||||
<div class="srv">
|
<div class="srv">
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<div><div class="rk">#${rank}</div><a href="${weLink}" style="color:var(--ink);font-weight:600;text-decoration:none;font-size:14px">${DOMPurify.sanitize(d.url)}</a></div>
|
<div><div class="rk">#${rank}</div><a href="${weLink}" style="color:var(--ink);font-weight:600;text-decoration:none;font-size:14px">${DOMPurify.sanitize(d.url)}</a></div>
|
||||||
${st}
|
|
||||||
</div>
|
</div>
|
||||||
<div class="grid">
|
<div class="grid">
|
||||||
<div><span>Score</span><b>${fmt(d.points)}</b></div>
|
<div><span>Score</span><b>${fmt(d.points)}</b></div>
|
||||||
|
|||||||
Reference in New Issue
Block a user