index2 updated
This commit is contained in:
parent
019a275b3d
commit
029f051a77
251
index2.html
251
index2.html
@ -212,19 +212,146 @@
|
|||||||
submit: document.getElementById('addressName_submit')
|
submit: document.getElementById('addressName_submit')
|
||||||
};
|
};
|
||||||
|
|
||||||
contractForm.submit.addEventListener('click', () => {
|
var tokenForm = {
|
||||||
|
tokenName: document.getElementById('tokenName'),
|
||||||
|
submit: document.getElementById('tokenName_submit')
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
contractForm.submit.addEventListener('click', () => { parseContractFormData() });
|
||||||
|
|
||||||
|
tokenForm.submit.addEventListener('click', () => { parseTokenFormData() });
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var topSmartContract = {};
|
||||||
|
topSmartContract = getTopSmartContract();
|
||||||
|
|
||||||
|
//Show Top Contract in Home Page
|
||||||
|
getSmartContractInfo(topSmartContract.name,topSmartContract.floAddress);
|
||||||
|
|
||||||
|
//Show Active Contracts in "Track Contracts" section
|
||||||
|
getSmartContractList();
|
||||||
|
|
||||||
|
//Show Active Tokens in "Track Tokens" section
|
||||||
|
getTokenList();
|
||||||
|
|
||||||
|
function parseTokenFormData(){
|
||||||
|
// Find out if it is a contract name or FLO address
|
||||||
|
//console.log(tokenForm['tokenName'].value);
|
||||||
|
|
||||||
console.log('button press');
|
console.log('button press');
|
||||||
|
tokenForm['tokenName'] = document.getElementById('tokenName');
|
||||||
|
|
||||||
|
|
||||||
|
if (tokenForm['tokenName'].value.slice(0,1) == 'F' && tokenForm['tokenName'].value.length == 34){
|
||||||
|
fetch(`http://localhost:5010/org/api/v1.0/gettokeninfo?floaddress=${tokenForm["tokenName"].value}`)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then((data) => {
|
||||||
|
|
||||||
|
|
||||||
|
showTokenAddressInfo(data);
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
// Entered data is contract name
|
||||||
|
fetch(`http://localhost:5010/api/v1.0/gettokeninfo?token=${tokenForm["tokenName"].value}`)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then((data) => {
|
||||||
|
|
||||||
|
showTokenInfo(data);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseContractFormData(){
|
||||||
|
console.log('button press');
|
||||||
contractForm['addressName'] = document.getElementById('addressName');
|
contractForm['addressName'] = document.getElementById('addressName');
|
||||||
|
|
||||||
// Find out if it is a contract name or FLO address
|
// Find out if it is a contract name or FLO address
|
||||||
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(`http://localhost:5010/api/v1.0/getparticipantdetails?floaddress=${contractForm["addressName"].value}`)
|
||||||
.then(response => response.json())
|
.then(response => response.json())
|
||||||
.then((data) => {
|
.then((data) => {
|
||||||
//console.log(data);
|
|
||||||
|
showContractParticipantDetails(data);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
// Entered data is contract name
|
||||||
|
fetch(`http://localhost:5010/api/v1.0/getsmartContractlist?contractName=${contractForm["addressName"].value}`)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then((data) => {
|
||||||
|
showContractParticipantDetails(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){
|
||||||
contractDetailColumn = document.getElementById('data_output');
|
contractDetailColumn = document.getElementById('data_output');
|
||||||
contractDetailColumn.innerHTML = "";
|
contractDetailColumn.innerHTML = "";
|
||||||
// Check which type of address it is
|
// Check which type of address it is
|
||||||
@ -249,116 +376,8 @@
|
|||||||
alert("error");
|
alert("error");
|
||||||
}
|
}
|
||||||
|
|
||||||
//contractText = document.getElementById('contractText');
|
|
||||||
//contractText.innerHTML = data['contractInfo']['contractName']+"<br>"+data['contractInfo']['tokenAmountDeposited'].toFixed(4)+" "+data['contractInfo']['tokenIdentification']+" deposited<br>"+data['contractInfo']['numberOfParticipants']+" participants"+"<br>conditions -> "+data['contractInfo']['userChoice'][0]+"<br>"+data['contractInfo']['userChoice'][1];
|
|
||||||
});
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
// Entered data is contract name
|
|
||||||
fetch(`https://ranchimallflo.duckdns.org/api/v1.0/getsmartContractlist?contractName=${contractForm["addressName"].value}`)
|
|
||||||
.then(response => response.json())
|
|
||||||
.then((data) => {
|
|
||||||
//console.log(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>' ;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
var tokenForm = {
|
|
||||||
tokenName: document.getElementById('tokenName'),
|
|
||||||
submit: document.getElementById('tokenName_submit')
|
|
||||||
};
|
|
||||||
|
|
||||||
tokenForm.submit.addEventListener('click', () => {
|
|
||||||
console.log('button press');
|
|
||||||
tokenForm['tokenName'] = document.getElementById('tokenName');
|
|
||||||
|
|
||||||
// Find out if it is a contract name or FLO address
|
|
||||||
//console.log(tokenForm['tokenName'].value);
|
|
||||||
|
|
||||||
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) => {
|
|
||||||
//console.log(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");
|
|
||||||
}
|
|
||||||
|
|
||||||
//contractText = document.getElementById('contractText');
|
|
||||||
//contractText.innerHTML = data['contractInfo']['contractName']+"<br>"+data['contractInfo']['tokenAmountDeposited'].toFixed(4)+" "+data['contractInfo']['tokenIdentification']+" deposited<br>"+data['contractInfo']['numberOfParticipants']+" participants"+"<br>conditions -> "+data['contractInfo']['userChoice'][0]+"<br>"+data['contractInfo']['userChoice'][1];
|
|
||||||
});
|
|
||||||
}
|
|
||||||
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) => {
|
|
||||||
//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>' ;
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
|
||||||
var topSmartContract = {};
|
|
||||||
topSmartContract = getTopSmartContract();
|
|
||||||
|
|
||||||
//Show Top Contract in Home Page
|
|
||||||
getSmartContractInfo(topSmartContract.name,topSmartContract.floAddress);
|
|
||||||
|
|
||||||
//Show Active Contracts in "Track Contracts" section
|
|
||||||
getSmartContractList();
|
|
||||||
|
|
||||||
//Show Active Tokens in "Track Tokens" section
|
|
||||||
getTokenList();
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
function getTopSmartContract(){
|
function getTopSmartContract(){
|
||||||
var topSmartContract = {};
|
var topSmartContract = {};
|
||||||
@ -368,7 +387,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function getSmartContractInfo(name,contractAddress){
|
function getSmartContractInfo(name,contractAddress){
|
||||||
fetch(`https://ranchimallflo.duckdns.org/api/v1.0/getsmartContractinfo?name=${name}&contractAddress=${contractAddress}`)
|
fetch(`http://localhost:5010/api/v1.0/getsmartContractinfo?name=${name}&contractAddress=${contractAddress}`)
|
||||||
.then(response => response.json())
|
.then(response => response.json())
|
||||||
.then((data) => {
|
.then((data) => {
|
||||||
showSmartContractInfo(data);
|
showSmartContractInfo(data);
|
||||||
@ -382,7 +401,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function getSmartContractList(){
|
function getSmartContractList(){
|
||||||
fetch('https://ranchimallflo.duckdns.org/api/v1.0/getsmartContractlist')
|
fetch('http://localhost:5010/api/v1.0/getsmartContractlist')
|
||||||
.then(response => response.json())
|
.then(response => response.json())
|
||||||
.then((data) => {
|
.then((data) => {
|
||||||
showSmartContractList(data);
|
showSmartContractList(data);
|
||||||
@ -399,7 +418,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function getTokenList(){
|
function getTokenList(){
|
||||||
fetch('https://ranchimallflo.duckdns.org/api/v1.0/gettokenlist')
|
fetch('http://localhost:5010/api/v1.0/gettokenlist')
|
||||||
.then(response => response.json())
|
.then(response => response.json())
|
||||||
.then((data) => {
|
.then((data) => {
|
||||||
showTokenList(data);
|
showTokenList(data);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user