tangled vouch map with historical data
feat: fix graph toggles changing state
+10
-4
+10
-4
web/index.html
+10
-4
web/index.html
···
234
234
color: var(--text-muted);
235
235
align-items: center;
236
236
}
237
-
#stats-row span { color: var(--text-secondary); margin-right: 3px; }
237
+
#stats-row span { color: var(--text-secondary); margin-left: 4px; margin-right: 3px; }
238
238
239
239
#loading {
240
240
position: fixed;
···
746
746
const total = inV + inD;
747
747
let trustLine = '';
748
748
if (total > 0 || outV + outD > 0) {
749
-
const pct = total > 0 ? Math.round((inV / total) * 100) : 100;
750
-
const cls = pct > 90 ? 'kv' : pct > 50 ? 'ks' : 'kd';
749
+
const pct = total > 0 ? Math.round((inV / total) * 100) : null;
750
+
let pctStr;
751
+
if (pct !== null) {
752
+
const c = pct > 90 ? 'kv' : pct > 50 ? 'ks' : 'kd';
753
+
pctStr = `<span class="${c}">${pct}%</span>`;
754
+
} else {
755
+
pctStr = '<span style="color:var(--text-muted)">?</span>';
756
+
}
751
757
const inPart = total > 0 ? `<span class="kv">${inV}v</span> <span class="kd">${inD}d</span> in` : '';
752
758
const outPart = outV + outD > 0 ? `<span class="kv">${outV}v</span> <span class="kd">${outD}d</span> out` : '';
753
759
const sep = inPart && outPart ? ' · ' : '';
754
-
trustLine = `<div style="margin-top:4px;font-size:0.6875rem"><span class="${cls}">${pct}%</span> trusted · ${inPart}${sep}${outPart}</div>`;
760
+
trustLine = `<div style="margin-top:4px;font-size:0.6875rem">${pctStr} trusted · ${inPart}${sep}${outPart}</div>`;
755
761
}
756
762
757
763
tooltip.innerHTML = `