RanchiMall/explorer-ui
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Addition of functionality on the token tab

Browse Source
This commit is contained in:
Vivek Teega 2019-06-13 11:23:24 +05:30
parent 399d649426
commit 677c410e81
1 changed files with 153 additions and 119 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

272
index2.html
View File

@ -198,6 +198,11 @@
<h4 class="column__text">amphiphilic</h4> <h4 class="column__text">amphiphilic</h4>
<h4 class="column__text">neutrophil</h4>--> <h4 class="column__text">neutrophil</h4>-->
</div> </div>
<div id='token_data_display' class="column">
<h4 class="column__title">Display Box</h4>
</div>
<div id='token_column2' class="column"> <div id='token_column2' class="column">
<h3 class="column__title">Enter Address/Token name</h3> <h3 class="column__title">Enter Address/Token name</h3>
<div> <div>
@ -222,7 +227,7 @@
<h4 class="column__text">neutrophil</h4>--> <h4 class="column__text">neutrophil</h4>-->
</div> </div>
<div id='data_display' class="column"> <div id='contract_data_display' class="column">
<h4 class="column__title">Display Box</h4> <h4 class="column__title">Display Box</h4>
</div> </div>
@ -251,7 +256,7 @@
submit: document.getElementById('addressName_submit') submit: document.getElementById('addressName_submit')
}; };
var tokenForm = { var tokenForm = {
tokenName: document.getElementById('tokenName'), tokenName: document.getElementById('tokenName'),
submit: document.getElementById('tokenName_submit') submit: document.getElementById('tokenName_submit')
}; };
@ -265,6 +270,10 @@
<script> <script>
var apiLocation = 'https://ranchimallflo.duckdns.org'
//var apiLocation = 'https://127.0.0.1:5010'
var topSmartContract = {}; var topSmartContract = {};
topSmartContract = getTopSmartContract(); topSmartContract = getTopSmartContract();
@ -279,7 +288,7 @@
getSmartContractInfo(topSmartContract.name,topSmartContract.floAddress); getSmartContractInfo(topSmartContract.name,topSmartContract.floAddress);
function getSmartContractInfo(contractName,contractAddress){ function getSmartContractInfo(contractName,contractAddress){
fetch(`https://ranchimallflo.duckdns.org/api/v1.0/getSmartContractInfo?contractName=${contractName}&contractAddress=${contractAddress}`) fetch(`${apiLocation}/api/v1.0/getSmartContractInfo?contractName=${contractName}&contractAddress=${contractAddress}`)
.then(response => response.json()) .then(response => response.json())
.then((data) => { .then((data) => {
showSmartContractInfo(data); showSmartContractInfo(data);
@ -295,8 +304,11 @@
//Show Active Contracts in "Contracts" section //Show Active Contracts in "Contracts" section
getSmartContractList(); getSmartContractList();
//Show Active Tokens in "Track Tokens" section
getTokenList();
function getSmartContractList(){ function getSmartContractList(){
fetch('https://ranchimallflo.duckdns.org/api/v1.0/getSmartContractList') fetch(`${apiLocation}/api/v1.0/getSmartContractList`)
.then(response => response.json()) .then(response => response.json())
.then((data) => { .then((data) => {
showSmartContractList(data); showSmartContractList(data);
@ -321,19 +333,78 @@
} }
} }
function getTokenList(){
fetch(`${apiLocation}/api/v1.0/getTokenList`)
.then(response => response.json())
.then((data) => {
showTokenList(data);
});
}
function showTokenList(data){
var token_column1 = document.getElementById('token_column1');
for (var i = 0; i < data['tokens'].length; i++) {
token_column1.innerHTML = token_column1.innerHTML + '<h4 class="column__text" id="token_'+data['tokens'][i]+'">'+ data['tokens'][i] +'</h4>';
}
for (var i = 0; i < data['tokens'].length; i++) {
document.getElementById('token_'+data['tokens'][i]).addEventListener("click",showMeTokenTransactions, false);
}
}
function showMeTokenTransactions(y){
var token = y.target.innerHTML;
getAllTokenTransactions(token);
}
function showAllTokens(data){
console.log(data);
var rows = data;
var html = '<table>';
html += '<tr>';
for( var j in rows[1] ) {
html += '<th>' + j + '</th>';
}
html += '</tr>';
for( var i = 1; i < Object.keys(rows).length; i++) {
html += '<tr>';
for( var j in rows[i] ) {
html += '<td>' + rows[i][j] + '</td>';
}
html += '</tr>';
}
html += '</table>';
console.log(html);
document.getElementById("token_data_display").innerHTML = html;
}
function getAllTokenTransactions(token){
fetch(`${apiLocation}/api/v1.0/getTokenTransactions?token=${token}`)
.then(response => response.json())
.then((data) => {
window.data = data;
//console.log(data);
showAllParticipants(data.transactions);
});
}
function showMeParticipants(y){ function showMeParticipants(y){
var name=y.target.innerHTML; var name = y.target.innerHTML;
var address = y.target.dataset.contractaddress; var address = y.target.dataset.contractaddress;
getAllParticipants(name,address); getAllParticipants(name,address);
} }
//Show Active Tokens in "Track Tokens" section
getTokenList();
function getAllParticipants(contractName,contractAddress){ function getAllParticipants(contractName,contractAddress){
fetch(`https://ranchimallflo.duckdns.org/api/v1.0/getSmartContractParticipants?contractName=${contractName}&contractAddress=${contractAddress}`) fetch(`${apiLocation}/api/v1.0/getSmartContractParticipants?contractName=${contractName}&contractAddress=${contractAddress}`)
.then(response => response.json()) .then(response => response.json())
.then((data) => { .then((data) => {
window.data = data; window.data = data;
@ -364,30 +435,14 @@
html += '</table>'; html += '</table>';
console.log(html); console.log(html);
document.getElementById("data_display").innerHTML = html; document.getElementById("contract_data_display").innerHTML = html;
} }
function getTokenList(){
fetch('https://ranchimallflo.duckdns.org/api/v1.0/getTokenList')
.then(response => response.json())
.then((data) => {
showTokenList(data);
});
}
function showTokenList(data){
var token_column1 = document.getElementById('token_column1');
for (var i = 0; i < data['tokens'].length; i++) {
token_column1.innerHTML = token_column1.innerHTML + '<h4 class="column__text" id="token_'+data['tokens'][i]+'">'+ data['tokens'][i] +'</h4>';
}
for (var i = 0; i < data['tokens'].length; i++) {
document.getElementById('token_'+data['tokens'][i]).addEventListener("click",function(){alert("Hello Rohit")});
}
}
// Parsing of contract form data // Parsing of contract form data
function parseContractFormData(){ function parseContractFormData(){
console.log('button press'); console.log('button press');
contractForm['addressName'] = document.getElementById('addressName'); contractForm['addressName'] = document.getElementById('addressName');
@ -396,7 +451,7 @@
console.log(contractForm['addressName'].value); console.log(contractForm['addressName'].value);
if (contractForm['addressName'].value.slice(0,1) == 'F' && contractForm['addressName'].value.length == 34){ if (contractForm['addressName'].value.slice(0,1) == 'F' && contractForm['addressName'].value.length == 34){
fetch('https://ranchimallflo.duckdns.org/api/v1.0/getParticipantDetails?floAddress='+contractForm['addressName'].value ) fetch(`${apiLocation}/api/v1.0/getParticipantDetails?floAddress=${contractForm['addressName'].value}`)
.then(response => response.json()) .then(response => response.json())
.then((data) => { .then((data) => {
showContractParticipantDetails(data); showContractParticipantDetails(data);
@ -404,7 +459,7 @@
} }
else{ else{
// Entered data is contract name // Entered data is contract name
fetch(`https://ranchimallflo.duckdns.org/api/v1.0/getSmartContractList?contractName=${contractForm["addressName"].value}`) fetch(`${apiLocation}/api/v1.0/getSmartContractList?contractName=${contractForm["addressName"].value}`)
.then(response => response.json()) .then(response => response.json())
.then((data) => { .then((data) => {
showContractNameDetails(data); showContractNameDetails(data);
@ -413,95 +468,6 @@
} }
// Parsing of token form data
function parseTokenFormData(){
// Find out if it is a contract name or FLO address
//console.log(tokenForm['tokenName'].value);
console.log('button press');
tokenForm['tokenName'] = document.getElementById('tokenName');
if (tokenForm['tokenName'].value.slice(0,1) == 'F' && tokenForm['tokenName'].value.length == 34){
fetch(`https://ranchimallflo.duckdns.org/api/v1.0/getTokenInfo?floAddress=${tokenForm["tokenName"].value}`)
.then(response => response.json())
.then((data) => {
showTokenAddressInfo(data);
});
}
else{
// Entered data is contract name
fetch(`https://ranchimallflo.duckdns.org/api/v1.0/getTokenInfo?token=${tokenForm["tokenName"].value}`)
.then(response => response.json())
.then((data) => {
showTokenInfo(data);
});
}
}
function showTokenInfo(data){
//console.log(data);
tokenDetailColumn = document.getElementById('token_column2');
tokenDetailColumn.innerHTML = tokenDetailColumn.innerHTML + '<h4 class="column__text">Token name: '+ data['token'] +'</h4>' ;
tokenDetailColumn.innerHTML = tokenDetailColumn.innerHTML + '<h4 class="column__text">Incorp address: '+ data['incorporationAddress'] +'</h4>' ;
tokenDetailColumn.innerHTML = tokenDetailColumn.innerHTML + '<h4 class="column__text">Active addresses:'+ data['activeAddress_no'] +'</h4>' ;
tokenDetailColumn.innerHTML = tokenDetailColumn.innerHTML + '<h4 class="column__text">Transaction hash:'+ data['transactionHash'] +'</h4>' ;
if (data['smartContracts'][0]['expiryDate']){
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Expiry time:'+ data['smartContracts'][0]['expiryDate'] +'</h4><br>' ;
}
}
function showTokenAddressInfo(data){
contractDetailColumn = document.getElementById('contract_column2');
// Check which type of address it is
if (data['result']=='ok' && data['type']=='participant'){
for (i = 0; i < data['participatedContracts'].length; i++) {
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract name: '+ data['participatedContracts'][i]['contractName'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract address: '+ data['participatedContracts'][i]['contractAddress'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Token amount:'+ data['participatedContracts'][i]['tokenAmount'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Transaction hash:'+ data['participatedContracts'][i]['transactionHash'] +'</h4><br>' ;
}
}
else if (data['result']=='ok' && data['type']=='contract'){
for (i = 0; i < data['contractInfo'].length; i++) {
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract name: '+ data['contractInfo'][i]['contractName'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract address: '+ data['contractInfo'][i]['contractAddress'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Type:'+ data['contractInfo'][i]['contractType'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Expiry time:'+ data['contractInfo'][i]['expiryTime'] +'</h4><br>' ;
}
}
else if (data['result'] == 'error'){
alert("error");
}
}
function showSmartContractList1(data){
contractDetailColumn = document.getElementById('contract_column2');
if (data['smartContracts'].length == 1){
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract name: '+ data['smartContracts'][0]['contractName'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract address: '+ data['smartContracts'][0]['contractAddress'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Status:'+ data['smartContracts'][0]['status'] +'</h4>' ;
if (data['smartContracts'][0]['expiryDate']){
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Expiry time:'+ data['smartContracts'][0]['expiryDate'] +'</h4><br>' ;
}
}
else if (data['smartContracts'].length > 1){
for (i = 0; i < data['smartContracts'].length; i++) {
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract name: '+ data['smartContracts'][i]['contractName'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract address: '+ data['smartContracts'][i]['contractAddress'] +'</h4>' ;
}
}
}
function showContractParticipantDetails(data){ function showContractParticipantDetails(data){
contractDetailColumn = document.getElementById('data_output'); contractDetailColumn = document.getElementById('data_output');
contractDetailColumn.innerHTML = ""; contractDetailColumn.innerHTML = "";
@ -544,9 +510,77 @@
} }
// Parsing of token form data
function parseTokenFormData(){
// Find out if it is a contract name or FLO address
//console.log(tokenForm['tokenName'].value);
console.log('button press');
tokenForm['tokenName'] = document.getElementById('tokenName');
if (tokenForm['tokenName'].value.slice(0,1) == 'F' && tokenForm['tokenName'].value.length == 34){
fetch(`${apiLocation}/api/v1.0/getTokenInfo?floAddress=${tokenForm["tokenName"].value}`)
.then(response => response.json())
.then((data) => {
showTokenAddressInfo(data);
});
}
else{
// Entered data is contract name
fetch(`${apiLocation}/api/v1.0/getTokenInfo?token=${tokenForm["tokenName"].value}`)
.then(response => response.json())
.then((data) => {
showTokenInfo(data);
});
}
}
function showTokenAddressInfo(data){
contractDetailColumn = document.getElementById('contract_column2');
// Check which type of address it is
if (data['result']=='ok' && data['type']=='participant'){
for (i = 0; i < data['participatedContracts'].length; i++) {
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract name: '+ data['participatedContracts'][i]['contractName'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract address: '+ data['participatedContracts'][i]['contractAddress'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Token amount:'+ data['participatedContracts'][i]['tokenAmount'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Transaction hash:'+ data['participatedContracts'][i]['transactionHash'] +'</h4><br>' ;
}
}
else if (data['result']=='ok' && data['type']=='contract'){
for (i = 0; i < data['contractInfo'].length; i++) {
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract name: '+ data['contractInfo'][i]['contractName'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract address: '+ data['contractInfo'][i]['contractAddress'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Type:'+ data['contractInfo'][i]['contractType'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Expiry time:'+ data['contractInfo'][i]['expiryTime'] +'</h4><br>' ;
}
}
else if (data['result'] == 'error'){
alert("error");
}
}
function showTokenInfo(data){
//console.log(data);
tokenDetailColumn = document.getElementById('token_column2');
tokenDetailColumn.innerHTML = tokenDetailColumn.innerHTML + '<h4 class="column__text">Token name: '+ data['token'] +'</h4>' ;
tokenDetailColumn.innerHTML = tokenDetailColumn.innerHTML + '<h4 class="column__text">Incorp address: '+ data['incorporationAddress'] +'</h4>' ;
tokenDetailColumn.innerHTML = tokenDetailColumn.innerHTML + '<h4 class="column__text">Active addresses:'+ data['activeAddress_no'] +'</h4>' ;
tokenDetailColumn.innerHTML = tokenDetailColumn.innerHTML + '<h4 class="column__text">Transaction hash:'+ data['transactionHash'] +'</h4>' ;
if (data['smartContracts'][0]['expiryDate']){
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Expiry time:'+ data['smartContracts'][0]['expiryDate'] +'</h4><br>' ;
}
}
/* var es = new EventSource('https://ranchimallflo.duckdns.org/sse'); /* var es = new EventSource('${apiLocation}/sse');
es.onmessage = function (event) { es.onmessage = function (event) {
console.log(event.data); console.log(event.data);
};*/ };*/