FLO_walletless/testnet/FLO_getData.html
Sai Raj cdaa73a9b8
Update FLO_getData.html
supports multiple address inputs.
Use comma `,` to separate addresses
2019-01-03 00:25:05 +05:30

119 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>FLO</h1>
Enter receiver Address : <input type="text" id="receiver"><br/>
Enter sender address : <input type="text" id="sender">
<input type="button" id="type" value="Mode : Filter" onclick="changeType()"><br/>
<button id="getData" onclick="getData()">getData</button>
<div id="dispMsg"></div>
<script>
const mainnet = `https://livenet.flocha.in`;
const testnet = `https://testnet.flocha.in`;
let server = testnet;
function ajax(method, uri){
var request = new XMLHttpRequest();
var url = `${server}/${uri}`
console.log(url)
var result;
request.open(method,url , false);
request.onload = function () {
if (request.status >= 200 && request.status < 400)
result = this.response;
else {
console.log('error');
result = false;
}
};
request.send();
console.log(result);
return result;
}
function is_alphanumeric(inputtxt) {
var letters = /^[0-9a-zA-Z]+$/;
if (inputtxt.match(letters)) {
return true;
} else {
return false;
}
}
</script>
<script>
function changeType(){
type = document.getElementById("type");
if(type.value == "Mode : Filter"){
type.value = "Mode : All";
document.getElementById("sender").disabled = true;
}
else if(type.value == "Mode : All"){
document.getElementById("sender").disabled = false;
type.value = "Mode : Filter";
}
}
</script>
<script>
function getData(){
var receiverList = document.getElementById("receiver").value;
receiverList = receiverList.split(',');
receiverList = Array.from(new Set(receiverList));
if(document.getElementById("type").value == "Mode : All")
var mode = 1;
else{
var mode = 2;
var senderList = document.getElementById("sender").value;
senderList = senderList.split(',');
senderList = Array.from(new Set(senderList));
senderList.forEach(function(sender){
if (!is_alphanumeric(sender) || sender.length<1){
alert(`Invalid address : ${sender}`);
return;
}
});
}
var result = "";
receiverList.forEach(function(receiver){
if (!is_alphanumeric(receiver) || receiver.length<1){
alert(`Invalid address : ${receiver}`);
return;
}
var response = ajax("GET",`api/txs/?address=${receiver}`);
var tx = JSON.parse(response).txs;
console.log("Yes");
for(var x = 0; x < tx.length; x++)
for(var y = 0; y <tx[x].vin.length ;y++)
if(mode==1||senderList.indexOf(tx[x].vin[y].addr) >= 0){
var time = new Date(tx[x].time*1000);
result += '<tr><td>'+tx[x].vin[y].addr+'</td><td>'+receiver+'</td><td>'+time+'</td><td>'+tx[x].floData+'</td></tr>';
console.log(tx[x].vin[y].addr+":"+receiver+":"+tx[x].floData);
break;
}
});
var dispMsg = document.getElementById("dispMsg");
if(result=="")
dispMsg.innerHTML = "<h2>Sorry! No Flo Data received! </h2>";
else
dispMsg.innerHTML = '<h2>Received FLO Data : </h2><br/><table border="1"><tr><td>Sender</td><td>Receiver</td><td>Time</td><td>FLO data</td></tr>'+result+"</table>";
}
</script>
</body>
</html>