fix

index.html

@@ -360,6 +360,52 @@ function getFiltered() {
     .sort((a, b) => (b.points||0) - (a.points||0));
 }
 
+function render() {
+  const list = getFiltered();
+  const tb = document.getElementById('tbody');
+  const ml = document.getElementById('mlist');
+  tb.innerHTML = ""; ml.innerHTML = "";
+
+  if (!list.length) {
+    tb.innerHTML = '<tr><td colspan="10" style="padding:28px;text-align:center;color:var(--muted)">No servers found.</td></tr>';
+  }
+
+  list.forEach((d, i) => {
+    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}`;
+
+    tb.insertAdjacentHTML('beforeend', `
+      <tr>
+        <td class="num"><span class="rank ${rank<=3?'top':''}">${rank}</span></td>
+        <td class="url"><a href="${weLink}">${DOMPurify.sanitize(d.url)}</a></td>
+        <td class="info">${DOMPurify.sanitize(d.info||'—')}</td>
+        <td class="num">${fmt(d.base_fee)}</td>
+        <td class="mono">${DOMPurify.sanitize(d.version||'—')}</td>
+        <td class="num">${fmt(d.balance)}</td>
+        <td>${st}</td>
+        <td class="num">${fmt(d.last_block)}</td>
+        <td class="num">${d.count_win != null ? d.count_win : '—'}</td>
+        <td class="num"><span class="score">${fmt(d.points)}</span></td>
+      </tr>`);
+
+    ml.insertAdjacentHTML('beforeend', `
+      <div class="srv">
+        <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>
+          ${st}
+        </div>
+        <div class="grid">
+          <div><span>Score</span><b>${fmt(d.points)}</b></div>
+          <div><span>Wins</span><b>${d.count_win != null ? d.count_win : '—'}</b></div>
+          <div><span>Fee</span><b>${fmt(d.base_fee)} sat</b></div>
+          <div><span>Balance</span><b>${fmt(d.balance)}</b></div>
+          <div><span>Version</span><b>${DOMPurify.sanitize(d.version||'—')}</b></div>
+          <div><span>Height</span><b>${fmt(d.last_block)}</b></div>
+        </div>
+      </div>`);
   });
 
   const online = allServers.filter(d => d.status === "online" || d.status === "OK").length;
@@ -367,9 +413,9 @@ function getFiltered() {
   document.getElementById('s-total').textContent = allServers.length;
   const top = getFiltered()[0];
   document.getElementById('s-block').textContent = top ? fmt(top.last_block) : '—';
-  }
+}
 
-  async function fetchData() {
+async function fetchData() {
   const chain = getChain();
   const params = new URLSearchParams({ page: 0, limit: 100 });
   if (!withTor) params.append("onion", "no");
@@ -384,27 +430,27 @@ function getFiltered() {
     allServers = [];
     render();
   }
-  }
+}
 
-  document.getElementById('onion').addEventListener('change', e => {
+document.getElementById('onion').addEventListener('change', e => {
   withTor = e.target.checked;
   fetchData();
-  });
+});
 
-  document.getElementById('filter').addEventListener('input', e => {
+document.getElementById('filter').addEventListener('input', e => {
   q = e.target.value;
   render();
-  });
+});
 
-  document.getElementById('chainSeg').addEventListener('click', e => {
+document.getElementById('chainSeg').addEventListener('click', e => {
   const b = e.target.closest('button');
   if (!b) return;
   [...e.currentTarget.children].forEach(x => x.setAttribute('aria-pressed', 'false'));
   b.setAttribute('aria-pressed', 'true');
   fetchData();
-  });
+});
 
-  document.getElementById('submit').addEventListener('click', async () => {
+document.getElementById('submit').addEventListener('click', async () => {
   const urlInput = document.getElementById('url');
   let url = urlInput.value.trim();
   if (!url) return;
@@ -447,13 +493,13 @@ function getFiltered() {
     document.getElementById('invoice').classList.add('show');
     document.getElementById('qrcode').innerHTML = '';
   }
-  });
+});
 
-  (function init() {
+(function init() {
   const blob = new Blob([JSON.stringify(allServers, null, 2)], { type: 'application/json' });
   document.getElementById('download').href = URL.createObjectURL(blob);
   fetchData();
-  })();
+})();
 </script>
 </body>
 </html>