init
This commit is contained in:
133
weinfo.html
Normal file
133
weinfo.html
Normal file
@@ -0,0 +1,133 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-<|begin▁of▁sentence|>8" />
|
||||
<meta name="viewport" content="width=device-w, initial-scale=1.0" />
|
||||
<title>Bal Server List</title>
|
||||
<link rel="icon" href="Logo_nero.ico" type="image/x-icon">
|
||||
<script src="/qrcode.min.js"></script>
|
||||
<script src="/purify.min.js"></script>
|
||||
<script src="/bal.js"></script>
|
||||
</head>
|
||||
<style>
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
th, td {
|
||||
border: 1px solid #ddd;
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
}
|
||||
th {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
tr:nth-child(even) {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
span{
|
||||
margin-left:10px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div align="center">
|
||||
<a href="/"><img alt="BAL LOGO" src="/Logo_nero.png"></a>
|
||||
<h2 id="wename"> </h2>
|
||||
<h3 id="weinfo"> </h3>
|
||||
<h4 id="wechain"> </h4>
|
||||
</div>
|
||||
<div style="float:left;border:1;margin-right:50px;">
|
||||
<div><span>Version:</span><span id="weversion"> </span></div>
|
||||
<div><span>Fees:</span><span id="wefees"> </span></div>
|
||||
<div><span>Tld:</span><span id="wetld"> </span></div>
|
||||
</div>
|
||||
<div style="float:left;border:1;margin-right:50px;">
|
||||
<div><span>Height:</span><span id="weheight"> </span></div>
|
||||
<div><span>Points:</span><span id="wepoints"> </span></div>
|
||||
<div><span>Win:</span><span id="wewin"> </span></div>
|
||||
</div>
|
||||
<div style="border:1;margin-right:50px;">
|
||||
<div><span>Balance:</span><span id="webalance"> </span></div>
|
||||
<div><span>Status:</span><span id="westatus"> </span></div>
|
||||
<div><span>Last Update:</span><span id="weupdate"> </span></div>
|
||||
</div>
|
||||
<div>
|
||||
<table id="wetimes">
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan=5><span id="chainth"><!-- --></span>: <span id="paginator"></span></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>height</th>
|
||||
<th>block hash</th>
|
||||
<th>time</th>
|
||||
<th>diff</th>
|
||||
<th>position</th>
|
||||
<th>participants</th>
|
||||
<th>points</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<a href="" id="download">Download</a>
|
||||
<script type="text/javascript">
|
||||
function getWeInfo(){
|
||||
const path = window.location.pathname.split('/').filter(p => p !== '');
|
||||
const we_id = path[2];
|
||||
const chain = path[1];
|
||||
const cdate=new Date().toISOString().replace(/[-:T.Z]/g, '').slice(0, 14);
|
||||
fetchDataAndPopulateTable('/weinfodata/'+chain+"/"+we_id, new URLSearchParams(),(data) => {
|
||||
document.getElementById('wename').innerHTML = DOMPurify.sanitize(data.url);
|
||||
document.getElementById('wechain').innerHTML = DOMPurify.sanitize(data.chain);
|
||||
document.getElementById('weinfo').innerHTML = DOMPurify.sanitize(data.info);
|
||||
document.getElementById('wefees').innerHTML = data.base_fee;
|
||||
document.getElementById('weheight').innerHTML = data.last_block;
|
||||
document.getElementById('wepoints').innerHTML = data.points;
|
||||
document.getElementById('wewin').innerHTML = data.count_win;
|
||||
document.getElementById('wetld').innerHTML = DOMPurify.sanitize(data.tld);
|
||||
document.getElementById('webalance').innerHTML = data.balance;
|
||||
document.getElementById('weversion').innerHTML = data.version;;
|
||||
document.getElementById('westatus').innerHTML = DOMPurify.sanitize(data.status);
|
||||
document.getElementById('weupdate').innerHTML = data.last_update;
|
||||
|
||||
const tableBody = document.querySelector('#wetimes tbody');
|
||||
tableBody.innerHTML ='';
|
||||
Object.entries(data.times).forEach(([key,wetime]) => {
|
||||
const row = document.createElement('tr');
|
||||
const d = new Date(wetime.time/1000);
|
||||
row.innerHTML = `
|
||||
<td>${wetime.blockHeight}</td>
|
||||
<td>${DOMPurify.sanitize(wetime.blockHash)}</td>
|
||||
<td>${d}</td>
|
||||
<td>${wetime.diff/1000000} s</td>
|
||||
<td>${wetime.position+1}</td>
|
||||
<td>${wetime.participants}</td>
|
||||
<td>${wetime.points}</td>
|
||||
`;
|
||||
tableBody.appendChild(row);
|
||||
})
|
||||
var prev=0;
|
||||
var next=0;
|
||||
if (data.times.length > 0){
|
||||
prev = data.times[0].blockHeight+data.times.length;
|
||||
next = data.times[data.times.length-1].blockHeight;
|
||||
if (prev < 0 ){
|
||||
prev = 0;
|
||||
}
|
||||
}
|
||||
|
||||
const paginator = {prev:prev,next:next};
|
||||
return paginator;
|
||||
},{elementName:"download",fileName:"weinfo_"+cdate+".json",linkText:"download"})
|
||||
}
|
||||
|
||||
getWeInfo();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user