refactored main page to not use xhr, added thread ui stat area

This commit is contained in:
Kevin Froman 2020-03-20 03:46:33 -05:00
parent b5ac1ed7d8
commit b2f4dae226
3 changed files with 83 additions and 47 deletions

View File

@ -262,6 +262,13 @@
Blocks in queue: <span id="blockQueue"></span> Blocks in queue: <span id="blockQueue"></span>
</div> </div>
</div> </div>
<h6>Process Info</h6>
<div class="columns">
<div class="column">
<i class="fas fa-microchip"></i>
Current CPU threads: <span id="threads"></span>
</div>
</div>
</div> </div>
</div> </div>

View File

@ -55,50 +55,79 @@ function seconds2time (seconds) {
return time return time
} }
switch (httpGet('/config/get/general.security_level')){
case "0": fetch('/config/get/general.security_level', {
sec_description_str = 'normal' headers: {
break; "token": webpass
case "1": }})
sec_description_str = 'high' .then((resp) => resp.text()) // Transform the data into text
break; .then(function(resp) {
case "2": switch(resp){
sec_description_str = 'very high' case "0":
break; sec_description_str = 'normal'
case "3": break;
sec_description_str = 'extreme' case "1":
break; sec_description_str = 'high'
break;
case "2":
sec_description_str = 'very high'
break;
case "3":
sec_description_str = 'extreme'
break;
}
if (sec_description_str !== 'normal'){
showSecStatNotice()
}
})
var getStats = function(){
fetch('/getstats', {
headers: {
"token": webpass
}})
.then((resp) => resp.json())
.then(function(stats) {
uptimeDisplay.innerText = seconds2time(stats['uptime'])
connectedNodes = stats['connectedNodes'].split('\n')
connectedDisplay.innerText = ''
for (x = 0; x < connectedNodes.length; x++){
if (! connectedDisplay.innerText.includes(connectedNodes[x])){
connectedDisplay.innerText += '🧅 ' + connectedNodes[x] + '\n'
}
}
storedBlockDisplay.innerText = stats['blockCount']
queuedBlockDisplay.innerText = stats['blockQueueCount']
document.getElementById('threads').innerText = stats['threads']
securityLevel.innerText = sec_description_str
fetch('/hitcount', {
headers: {
"token": webpass
}})
.then((resp) => resp.text())
.then(function(totalRec) {
totalRec.innerText = totalRec
})
fetch('/lastconnect', {
headers: {
"token": webpass
}})
.then((resp) => resp.text())
.then(function(conn) {
var lastConnect = conn
if (lastConnect > 0){
var humanDate = new Date(0)
humanDate.setUTCSeconds(conn)
humanDate = humanDate.toString()
lastConnect = humanDate.substring(0, humanDate.indexOf('('));
}
else{
lastConnect = 'None since start'
}
lastIncoming.innerText = lastConnect
})
})
} }
if (sec_description_str !== 'normal'){
showSecStatNotice()
}
function getStats(){
stats = JSON.parse(httpGet('getstats', webpass))
uptimeDisplay.innerText = seconds2time(stats['uptime'])
connectedNodes = stats['connectedNodes'].split('\n')
connectedDisplay.innerText = ''
for (x = 0; x < connectedNodes.length; x++){
if (! connectedDisplay.innerText.includes(connectedNodes[x])){
connectedDisplay.innerText += '🧅 ' + connectedNodes[x] + '\n'
}
}
storedBlockDisplay.innerText = stats['blockCount']
queuedBlockDisplay.innerText = stats['blockQueueCount']
securityLevel.innerText = sec_description_str
totalRec.innerText = httpGet('/hitcount')
var lastConnect = httpGet('/lastconnect')
if (lastConnect > 0){
var humanDate = new Date(0)
humanDate.setUTCSeconds(httpGet('/lastconnect'))
humanDate = humanDate.toString()
lastConnect = humanDate.substring(0, humanDate.indexOf('('));
}
else{
lastConnect = 'None since start'
}
lastIncoming.innerText = lastConnect
}
getStats() getStats()
setInterval(function(){getStats()}, 10000) setInterval(function(){getStats()}, 10000)