minor UI tweaks
This commit is contained in:
Vivek Teega
parent
3d66053f98
commit
4e91209380
@ -564,6 +564,7 @@ p{
|
|||||||
border: solid 1px rgba(var(--text), 0.2);
|
border: solid 1px rgba(var(--text), 0.2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.address, .token, .hash, .contract, .block-height{
|
.address, .token, .hash, .contract, .block-height{
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
|
|||||||
108
index.html
108
index.html
@ -110,7 +110,7 @@
|
|||||||
<h2 class="token">${topToken}</h2>
|
<h2 class="token">${topToken}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight-item">
|
<div class="highlight-item">
|
||||||
<h4 class="label">total transactions</h4>
|
<h4 class="label">Latest transactions</h4>
|
||||||
<h2>${totalTransactions}</h2>
|
<h2>${totalTransactions}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight-item">
|
<div class="highlight-item">
|
||||||
@ -166,7 +166,7 @@
|
|||||||
<h5 class="label">${size}</h5>
|
<h5 class="label">${size}</h5>
|
||||||
<h5 class="label">Reward</h5>
|
<h5 class="label">Reward</h5>
|
||||||
<h4>${reward}</h4>
|
<h4>${reward}</h4>
|
||||||
<h5 class="label">Hash</h5>
|
<h5 class="label">Transaction ID</h5>
|
||||||
<h4 class="breakable">${hash}</h4>
|
<h4 class="breakable">${hash}</h4>
|
||||||
<h5 class="label">Difficulty</h5>
|
<h5 class="label">Difficulty</h5>
|
||||||
<h4>${difficulty}</h4>
|
<h4>${difficulty}</h4>
|
||||||
@ -233,7 +233,7 @@
|
|||||||
<div class='head'>
|
<div class='head'>
|
||||||
<h5 class="label">${type}</h5>
|
<h5 class="label">${type}</h5>
|
||||||
<h2 class="token uppercase">${name}</h2>
|
<h2 class="token uppercase">${name}</h2>
|
||||||
<h5 class="label">Hash</h5>
|
<h5 class="label">Transaction ID</h5>
|
||||||
<div class="copy-row">
|
<div class="copy-row">
|
||||||
<h4 class="breakable copy">${hash}</h4>
|
<h4 class="breakable copy">${hash}</h4>
|
||||||
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
||||||
@ -425,14 +425,7 @@
|
|||||||
<h4 class="token uppercase">${token}</h4>
|
<h4 class="token uppercase">${token}</h4>
|
||||||
</div>`
|
</div>`
|
||||||
contractInfo.innerHTML = `
|
contractInfo.innerHTML = `
|
||||||
<h5 class="label">Hash</h5>
|
|
||||||
<div class="copy-row">
|
|
||||||
<h4 class="breakable copy hash">${hash}</h4>
|
|
||||||
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
|
||||||
<title>Copy</title>
|
|
||||||
<path d="M53,0H22.14a6,6,0,0,0-6,6v5H11a6,6,0,0,0-6,6V58a6,6,0,0,0,6,6H41.86a6,6,0,0,0,6-6V53H53a6,6,0,0,0,6-6V6A6,6,0,0,0,53,0ZM43.89,58a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V17.06a2,2,0,0,1,2-2H41.86a2,2,0,0,1,2,2ZM55,46.94a2,2,0,0,1-2,2H47.89V17.06a6,6,0,0,0-6-6H20.11V6a2,2,0,0,1,2-2H53a2,2,0,0,1,2,2Z" transform="translate(-5)"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h5 class="label">Sender</h5>
|
<h5 class="label">Sender</h5>
|
||||||
<h4 class="address">${sender}</h4>
|
<h4 class="address">${sender}</h4>
|
||||||
<h5 class="label">receiver</h5>
|
<h5 class="label">receiver</h5>
|
||||||
@ -440,7 +433,15 @@
|
|||||||
<h5 class="label">amount</h5>
|
<h5 class="label">amount</h5>
|
||||||
<h4 class="uppercase">${amount} ${token}</h4>
|
<h4 class="uppercase">${amount} ${token}</h4>
|
||||||
<h5 class="label">Contract name</h5>
|
<h5 class="label">Contract name</h5>
|
||||||
<h4>${contractName}</h4>`;
|
<h4>${contractName}</h4>
|
||||||
|
<h5 class="label">Transaction ID</h5>
|
||||||
|
<div class="copy-row">
|
||||||
|
<h6 class="breakable copy hash">${hash}</h6>
|
||||||
|
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
||||||
|
<title>Copy</title>
|
||||||
|
<path d="M53,0H22.14a6,6,0,0,0-6,6v5H11a6,6,0,0,0-6,6V58a6,6,0,0,0,6,6H41.86a6,6,0,0,0,6-6V53H53a6,6,0,0,0,6-6V6A6,6,0,0,0,53,0ZM43.89,58a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V17.06a2,2,0,0,1,2-2H41.86a2,2,0,0,1,2,2ZM55,46.94a2,2,0,0,1-2,2H47.89V17.06a6,6,0,0,0-6-6H20.11V6a2,2,0,0,1,2-2H53a2,2,0,0,1,2,2Z" transform="translate(-5)"/>
|
||||||
|
</svg>
|
||||||
|
</div>`;
|
||||||
card.append(contractInfo)
|
card.append(contractInfo)
|
||||||
return card;
|
return card;
|
||||||
},
|
},
|
||||||
@ -465,21 +466,22 @@
|
|||||||
<h4 class="token uppercase">${token}</h4>
|
<h4 class="token uppercase">${token}</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="contract-info">
|
<div class="contract-info">
|
||||||
<h5 class="label">Hash</h5>
|
|
||||||
<div class="copy-row">
|
|
||||||
<h4 class="breakable copy hash">${hash}</h4>
|
|
||||||
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
|
||||||
<title>Copy</title>
|
|
||||||
<path d="M53,0H22.14a6,6,0,0,0-6,6v5H11a6,6,0,0,0-6,6V58a6,6,0,0,0,6,6H41.86a6,6,0,0,0,6-6V53H53a6,6,0,0,0,6-6V6A6,6,0,0,0,53,0ZM43.89,58a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V17.06a2,2,0,0,1,2-2H41.86a2,2,0,0,1,2,2ZM55,46.94a2,2,0,0,1-2,2H47.89V17.06a6,6,0,0,0-6-6H20.11V6a2,2,0,0,1,2-2H53a2,2,0,0,1,2,2Z" transform="translate(-5)"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h5 class="label">Sender</h5>
|
<h5 class="label">Sender</h5>
|
||||||
<h4 class="address">${sender}</h4>
|
<h4 class="address">${sender}</h4>
|
||||||
<h5 class="label">receiver</h5>
|
<h5 class="label">receiver</h5>
|
||||||
<h4 class="address">${receiver}</h4>
|
<h4 class="address">${receiver}</h4>
|
||||||
<h5 class="label">amount</h5>
|
<h5 class="label">amount</h5>
|
||||||
<h4 class="uppercase">${amount} ${token}</h4>
|
<h4 class="uppercase">${amount} ${token}</h4>
|
||||||
</div>`;
|
<h5 class="label">Transaction ID</h5>
|
||||||
|
<div class="copy-row">
|
||||||
|
<h6 class="breakable copy hash">${hash}</h6>
|
||||||
|
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
||||||
|
<title>Copy</title>
|
||||||
|
<path d="M53,0H22.14a6,6,0,0,0-6,6v5H11a6,6,0,0,0-6,6V58a6,6,0,0,0,6,6H41.86a6,6,0,0,0,6-6V53H53a6,6,0,0,0,6-6V6A6,6,0,0,0,53,0ZM43.89,58a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V17.06a2,2,0,0,1,2-2H41.86a2,2,0,0,1,2,2ZM55,46.94a2,2,0,0,1-2,2H47.89V17.06a6,6,0,0,0-6-6H20.11V6a2,2,0,0,1,2-2H53a2,2,0,0,1,2,2Z" transform="translate(-5)"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
return card;
|
return card;
|
||||||
},
|
},
|
||||||
tokenCreationCard(obj) {
|
tokenCreationCard(obj) {
|
||||||
@ -505,21 +507,22 @@
|
|||||||
<h4 class="token uppercase">${token}</h4>
|
<h4 class="token uppercase">${token}</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="contract-info">
|
<div class="contract-info">
|
||||||
<h5 class="label">Hash</h5>
|
|
||||||
<div class="copy-row">
|
|
||||||
<h4 class="breakable copy hash">${hash}</h4>
|
|
||||||
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
|
||||||
<title>Copy</title>
|
|
||||||
<path d="M53,0H22.14a6,6,0,0,0-6,6v5H11a6,6,0,0,0-6,6V58a6,6,0,0,0,6,6H41.86a6,6,0,0,0,6-6V53H53a6,6,0,0,0,6-6V6A6,6,0,0,0,53,0ZM43.89,58a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V17.06a2,2,0,0,1,2-2H41.86a2,2,0,0,1,2,2ZM55,46.94a2,2,0,0,1-2,2H47.89V17.06a6,6,0,0,0-6-6H20.11V6a2,2,0,0,1,2-2H53a2,2,0,0,1,2,2Z" transform="translate(-5)"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h5 class="label">Incorporation address</h5>
|
<h5 class="label">Incorporation address</h5>
|
||||||
<h4 class="address">${incAddress}</h4>
|
<h4 class="address">${incAddress}</h4>
|
||||||
<h5 class="label">token name</h5>
|
<h5 class="label">token name</h5>
|
||||||
<h4 class="uppercase">${token}</h4>
|
<h4 class="uppercase">${token}</h4>
|
||||||
<h5 class="label">supply</h5>
|
<h5 class="label">supply</h5>
|
||||||
<h4>${supply}</h4>
|
<h4>${supply}</h4>
|
||||||
</div>`;
|
<h5 class="label">Transaction ID</h5>
|
||||||
|
<div class="copy-row">
|
||||||
|
<h6 class="breakable copy hash">${hash}</h6>
|
||||||
|
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
||||||
|
<title>Copy</title>
|
||||||
|
<path d="M53,0H22.14a6,6,0,0,0-6,6v5H11a6,6,0,0,0-6,6V58a6,6,0,0,0,6,6H41.86a6,6,0,0,0,6-6V53H53a6,6,0,0,0,6-6V6A6,6,0,0,0,53,0ZM43.89,58a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V17.06a2,2,0,0,1,2-2H41.86a2,2,0,0,1,2,2ZM55,46.94a2,2,0,0,1-2,2H47.89V17.06a6,6,0,0,0-6-6H20.11V6a2,2,0,0,1,2-2H53a2,2,0,0,1,2,2Z" transform="translate(-5)"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
return card;
|
return card;
|
||||||
},
|
},
|
||||||
contractTriggerCard(obj) {
|
contractTriggerCard(obj) {
|
||||||
@ -542,15 +545,9 @@
|
|||||||
<h5 class="label">smart contract </h5>
|
<h5 class="label">smart contract </h5>
|
||||||
<h4 class="uppercase">trigger</h4>
|
<h4 class="uppercase">trigger</h4>
|
||||||
</div>
|
</div>
|
||||||
<h5 class="label">Hash</h5>
|
|
||||||
<div class="contract-info">
|
<div class="contract-info">
|
||||||
<div class="copy-row">
|
|
||||||
<h4 class="breakable copy hash">${hash}</h4>
|
|
||||||
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
|
||||||
<title>Copy</title>
|
|
||||||
<path d="M53,0H22.14a6,6,0,0,0-6,6v5H11a6,6,0,0,0-6,6V58a6,6,0,0,0,6,6H41.86a6,6,0,0,0,6-6V53H53a6,6,0,0,0,6-6V6A6,6,0,0,0,53,0ZM43.89,58a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V17.06a2,2,0,0,1,2-2H41.86a2,2,0,0,1,2,2ZM55,46.94a2,2,0,0,1-2,2H47.89V17.06a6,6,0,0,0-6-6H20.11V6a2,2,0,0,1,2-2H53a2,2,0,0,1,2,2Z" transform="translate(-5)"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h5 class="label">Contract name</h5>
|
<h5 class="label">Contract name</h5>
|
||||||
<h4>${contractName}</h4>
|
<h4>${contractName}</h4>
|
||||||
<h5 class="label">contract address</h5>
|
<h5 class="label">contract address</h5>
|
||||||
@ -558,7 +555,15 @@
|
|||||||
<h5 class="label">Winning Choice</h5>
|
<h5 class="label">Winning Choice</h5>
|
||||||
<h4>${winningChoice}</h4>
|
<h4>${winningChoice}</h4>
|
||||||
<h5 class="label">committee address</h5>
|
<h5 class="label">committee address</h5>
|
||||||
<h4 class="address">${committeeAddress}</h4>
|
<h4 class="address">${committeeAddress}</h4>
|
||||||
|
<h5 class="label">Transaction ID</h5>
|
||||||
|
<div class="copy-row">
|
||||||
|
<h6 class="breakable copy hash">${hash}</h6>
|
||||||
|
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
||||||
|
<title>Copy</title>
|
||||||
|
<path d="M53,0H22.14a6,6,0,0,0-6,6v5H11a6,6,0,0,0-6,6V58a6,6,0,0,0,6,6H41.86a6,6,0,0,0,6-6V53H53a6,6,0,0,0,6-6V6A6,6,0,0,0,53,0ZM43.89,58a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V17.06a2,2,0,0,1,2-2H41.86a2,2,0,0,1,2,2ZM55,46.94a2,2,0,0,1-2,2H47.89V17.06a6,6,0,0,0-6-6H20.11V6a2,2,0,0,1,2-2H53a2,2,0,0,1,2,2Z" transform="translate(-5)"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
</div>`;
|
</div>`;
|
||||||
return card;
|
return card;
|
||||||
},
|
},
|
||||||
@ -582,14 +587,7 @@
|
|||||||
<h4 class="token uppercase">${token}</h4>
|
<h4 class="token uppercase">${token}</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="contract-info">
|
<div class="contract-info">
|
||||||
<h5 class="label">Hash</h5>
|
|
||||||
<div class="copy-row">
|
|
||||||
<h4 class="breakable copy hash">${hash}</h4>
|
|
||||||
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
|
||||||
<title>Copy</title>
|
|
||||||
<path d="M53,0H22.14a6,6,0,0,0-6,6v5H11a6,6,0,0,0-6,6V58a6,6,0,0,0,6,6H41.86a6,6,0,0,0,6-6V53H53a6,6,0,0,0,6-6V6A6,6,0,0,0,53,0ZM43.89,58a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V17.06a2,2,0,0,1,2-2H41.86a2,2,0,0,1,2,2ZM55,46.94a2,2,0,0,1-2,2H47.89V17.06a6,6,0,0,0-6-6H20.11V6a2,2,0,0,1,2-2H53a2,2,0,0,1,2,2Z" transform="translate(-5)"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h5 class="label">Contract name</h5>
|
<h5 class="label">Contract name</h5>
|
||||||
<h4>${contractName}</h4>
|
<h4>${contractName}</h4>
|
||||||
<h5 class="label">Contract address</h5>
|
<h5 class="label">Contract address</h5>
|
||||||
@ -602,6 +600,14 @@
|
|||||||
<h4 class="capitalise">${expiration}</h4>
|
<h4 class="capitalise">${expiration}</h4>
|
||||||
<h5 class="label">participation amount</h5>
|
<h5 class="label">participation amount</h5>
|
||||||
<h4 class="uppercase">${participationFees} ${token}</h4>
|
<h4 class="uppercase">${participationFees} ${token}</h4>
|
||||||
|
<h5 class="label">Transaction ID</h5>
|
||||||
|
<div class="copy-row">
|
||||||
|
<h6 class="breakable copy hash">${hash}</h6>
|
||||||
|
<svg class="icon" onclick="copyToClipboard(this.parentNode)" viewBox="0 0 54 64">
|
||||||
|
<title>Copy</title>
|
||||||
|
<path d="M53,0H22.14a6,6,0,0,0-6,6v5H11a6,6,0,0,0-6,6V58a6,6,0,0,0,6,6H41.86a6,6,0,0,0,6-6V53H53a6,6,0,0,0,6-6V6A6,6,0,0,0,53,0ZM43.89,58a2,2,0,0,1-2,2H11a2,2,0,0,1-2-2V17.06a2,2,0,0,1,2-2H41.86a2,2,0,0,1,2,2ZM55,46.94a2,2,0,0,1-2,2H47.89V17.06a6,6,0,0,0-6-6H20.11V6a2,2,0,0,1,2-2H53a2,2,0,0,1,2,2Z" transform="translate(-5)"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
</div>`;
|
</div>`;
|
||||||
return card;
|
return card;
|
||||||
},
|
},
|
||||||
@ -1657,8 +1663,8 @@
|
|||||||
var contractSplit = splitContractNameAddress(text, text.lastIndexOf('-'));
|
var contractSplit = splitContractNameAddress(text, text.lastIndexOf('-'));
|
||||||
|
|
||||||
render("contract_page", contract = {
|
render("contract_page", contract = {
|
||||||
name: contractSplit.name,
|
name: contractSplit,
|
||||||
address: contractSplit.address
|
address: contractSplit[1]
|
||||||
})
|
})
|
||||||
appState = {
|
appState = {
|
||||||
page: "contract_page",
|
page: "contract_page",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user