LBRYFoundation/lbry-globe-java
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve DOM modifications

Browse source
This commit is contained in:
Ben van Hartingsveldt 2024-12-14 21:27:13 +01:00
parent 544e24c5a9
commit b90d927beb
No known key found for this signature in database
GPG key ID: 261AA214130CE7AB
1 changed files with 26 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/main/resources/index.html
View file

@ -27,6 +27,12 @@
top:0;
z-index:100;
}
.info-row span{
float:right;
}
.info-row span::before{
content:'\00A0';
}
.info hr{
border-color: #27E4EB;
}
@ -51,11 +57,23 @@
<body>
<div id="globe"></div>
<div class="info">
<div id="info-nodes-blockchain"></div>
<div id="info-nodes-dht"></div>
<div id="info-nodes-hub"></div>
<div class="info-row">
<b>Blockchain Nodes:</b>
<span id="count-nodes-blockchain">?</span>
</div>
<div class="info-row">
<b>DHT Nodes:</b>
<span id="count-nodes-dht">?</span>
</div>
<div class="info-row">
<b>Hub Nodes:</b>
<span id="count-nodes-hub">?</span>
</div>
<hr>
<div id="info-nodes-total"></div>
<div class="info-row">
<b>Total Nodes:</b>
<span id="count-nodes-total">?</span>
</div>
</div>
<div class="logo">
<img alt="LBRY Foundation" src="https://lbry.org/logo-vertical.svg">
@ -163,10 +181,10 @@ function updatePointsData(points){
hubCount++;
}
}
document.getElementById('info-nodes-blockchain').innerHTML = '<b>Blockchain Nodes:</b> '+blockchainCount;
document.getElementById('info-nodes-dht').innerHTML = '<b>DHT Nodes:</b> '+dhtCount;
document.getElementById('info-nodes-hub').innerHTML = '<b>Hub Nodes:</b> '+hubCount;
document.getElementById('info-nodes-total').innerHTML = '<b>Total Nodes:</b> '+newPointsData.length;
document.getElementById('count-nodes-blockchain').textContent = blockchainCount;
document.getElementById('count-nodes-dht').textContent = dhtCount;
document.getElementById('count-nodes-hub').textContent = hubCount;
document.getElementById('count-nodes-total').textContent = newPointsData.length;
globe.pointsData(shuffleArray(newPointsData));
}