truncate long URLs in server list to 40 chars with ellipsis

This commit is contained in:
2026-07-05 21:47:23 -04:00
parent b6e9f9c11f
commit d97b405cae

View File

@@ -361,6 +361,7 @@ let withTor = true, q = "";
let minAmount = 50000; let minAmount = 50000;
const fmt = n => (n != null ? Number(n).toLocaleString('en-US') : '—'); const fmt = n => (n != null ? Number(n).toLocaleString('en-US') : '—');
const trunc = (s, m=40) => s && s.length > m ? s.slice(0, m) + '…' : s;
function getChain() { function getChain() {
const btn = document.querySelector('#chainSeg [aria-pressed="true"]'); const btn = document.querySelector('#chainSeg [aria-pressed="true"]');
@@ -391,7 +392,7 @@ function render() {
tb.insertAdjacentHTML('beforeend', ` tb.insertAdjacentHTML('beforeend', `
<tr> <tr>
<td class="num"><span class="rank ${rank<=3?'top':''}">${rank}</span></td> <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="url"><a href="${weLink}" title="${DOMPurify.sanitize(d.url)}">${DOMPurify.sanitize(trunc(d.url))}</a></td>
<td class="info">${DOMPurify.sanitize(d.info||'—')}</td> <td class="info">${DOMPurify.sanitize(d.info||'—')}</td>
<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>
@@ -404,7 +405,7 @@ function render() {
ml.insertAdjacentHTML('beforeend', ` ml.insertAdjacentHTML('beforeend', `
<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}" title="${DOMPurify.sanitize(d.url)}" style="color:var(--ink);font-weight:600;text-decoration:none;font-size:14px">${DOMPurify.sanitize(trunc(d.url))}</a></div>
</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>