From 920470247c333b7b81a322fb4f0dedafa1786f2a Mon Sep 17 00:00:00 2001
From: TaprootFreak <142087526+TaprootFreak@users.noreply.github.com>
Date: Sat, 14 Feb 2026 21:45:18 +0100
Subject: [PATCH] Make UTXO table collapsible under Onchain BTC row
Hide UTXO details by default. Click on the Onchain BTC row
to expand/collapse the UTXO breakdown. UTXOs are loaded
lazily on first click.
---
src/assets/monitoring-btc.html | 15 +++++++-------
src/assets/monitoring-btc.js | 38 +++++++++++++++++++++++++++-------
2 files changed, 38 insertions(+), 15 deletions(-)
diff --git a/src/assets/monitoring-btc.html b/src/assets/monitoring-btc.html
index 2c425e17d..f5fa06ac7 100644
--- a/src/assets/monitoring-btc.html
+++ b/src/assets/monitoring-btc.html
@@ -71,6 +71,14 @@
}
.range-buttons button.active { color: #4fc3f7; border-color: #4fc3f7; }
.range-buttons button:hover { color: #fff; }
+ .expandable { cursor: pointer; }
+ .expandable td:first-child::before { content: '\25B6 '; font-size: 9px; color: #555; }
+ .expandable.open td:first-child::before { content: '\25BC '; }
+ .utxo-details { display: none; }
+ .utxo-details.open { display: table-row; }
+ .utxo-details td { padding: 0; }
+ .utxo-details table { margin: 0; font-size: 12px; background: #111; }
+ .utxo-details th, .utxo-details td { padding: 4px 12px; border-bottom: 1px solid #1a1a1a; }
@@ -98,13 +106,6 @@ BTC Balance History
Loading BTC monitoring data...
-
-
Bitcoin Core UTXOs (On-Chain Verification)
-
-
| Source | Location | BTC |
|---|
';
for (var i = 0; i < holdings.length; i++) {
var h = holdings[i];
- html += '';
- html += '| ' + h.source + ' | ';
- if (h.explorer) {
- html += '' + h.location + ' | ';
- } else {
+ if (h.source === 'Onchain BTC') {
+ html += '
';
+ html += '| ' + h.source + ' | ';
html += '' + h.location + ' | ';
+ html += '' + fmtBtc(h.btc) + ' | ';
+ html += '
';
+ html += 'Loading UTXOs... |
';
+ } else {
+ html += '';
+ html += '| ' + h.source + ' | ';
+ if (h.explorer) {
+ html += '' + h.location + ' | ';
+ } else {
+ html += '' + h.location + ' | ';
+ }
+ html += '' + fmtBtc(h.btc) + ' | ';
+ html += '
';
}
- html += '' + fmtBtc(h.btc) + ' | ';
- html += '';
}
html += '';
html += '| Total | | ';
@@ -124,6 +133,20 @@ function render(data) {
html += '';
content.innerHTML = html;
+
+ var onchainRow = document.getElementById('onchain-row');
+ var utxoRow = document.getElementById('utxo-row');
+ var utxosLoaded = false;
+ if (onchainRow && utxoRow) {
+ onchainRow.addEventListener('click', function () {
+ onchainRow.classList.toggle('open');
+ utxoRow.classList.toggle('open');
+ if (!utxosLoaded) {
+ utxosLoaded = true;
+ loadUtxos();
+ }
+ });
+ }
}
var btcChart = null;
@@ -244,7 +267,6 @@ function renderUtxos(data) {
loadData();
loadChart('24h');
-loadUtxos();
var rangeButtons = document.querySelectorAll('.range-buttons button[data-range]');
for (var i = 0; i < rangeButtons.length; i++) {