Fix scroll jumping by changing connected node list to an iframe

This commit is contained in:
Kevin Froman 2021-01-21 22:17:05 +00:00
parent d03620db7e
commit 7cb4731156
4 changed files with 11 additions and 13 deletions

View File

@ -271,8 +271,8 @@
<i class="fas fa-link"></i> <i class="fas fa-link"></i>
Outgoing Connections: Outgoing Connections:
<div class="container connectedNodesControl"> <div class="container">
<pre id="connectedNodes">Unable to get nodes</pre> <iframe id="connectedNodesIframe" srcdoc="Unable to get nodes" scrolling="no"></iframe>
</div> </div>
<br> <br>
<div class="field"> <div class="field">

View File

@ -14,11 +14,6 @@
margin-top: 1em; margin-top: 1em;
} }
#connectedNodes{
overflow-y: hidden;
max-height: 300px;
max-width: 300px;
}
#configToggle, #configContent{ #configToggle, #configContent{
margin-left: 1em; margin-left: 1em;
@ -60,4 +55,8 @@
.torTransportField { .torTransportField {
margin-top: 2em; margin-top: 2em;
} }
#connectedNodesIframe{
overflow: hidden;
}

View File

@ -96,12 +96,11 @@ var getStats = function(){
.then(function(stats) { .then(function(stats) {
uptimeDisplay.innerText = seconds2time(stats['uptime']) uptimeDisplay.innerText = seconds2time(stats['uptime'])
connectedNodes = stats['connectedNodes'].split('\n') connectedNodes = stats['connectedNodes'].split('\n')
connectedDisplay.innerText = '' document.getElementById('connectedNodesIframe').srcdoc = '<pre>'
for (x = 0; x < connectedNodes.length; x++){ for (x = 0; x < connectedNodes.length; x++){
if (! connectedDisplay.innerText.includes(connectedNodes[x])){ document.getElementById('connectedNodesIframe').srcdoc += '🧅 ' + connectedNodes[x] + '\n'
connectedDisplay.innerText += '🧅 ' + connectedNodes[x] + '\n'
}
} }
document.getElementById('connectedNodesIframe').srcdoc += '</pre>'
storedBlockDisplay.innerText = stats['blockCount'] storedBlockDisplay.innerText = stats['blockCount']
queuedBlockDisplay.innerText = stats['blockQueueCount'] queuedBlockDisplay.innerText = stats['blockQueueCount']
document.getElementById('threads').innerText = stats['threads'] document.getElementById('threads').innerText = stats['threads']

View File

@ -190,4 +190,4 @@ body{
.hidden{ .hidden{
display: none; display: none;
} }