From 94411bce1dab4b38b95b6a963224e8a2ffebec8c Mon Sep 17 00:00:00 2001 From: sairaj mote Date: Fri, 15 May 2020 17:39:58 +0530 Subject: [PATCH] v1.0.4 --- css/main.css | 283 +++++++++++++++++++++++++++-------------------- css/main.css.map | 2 +- css/main.scss | 209 ++++++++++++++++++---------------- index.html | 226 ++++++++++++++++++++++++++++--------- 4 files changed, 453 insertions(+), 267 deletions(-) diff --git a/css/main.css b/css/main.css index 004916d..d3d78fe 100644 --- a/css/main.css +++ b/css/main.css @@ -12,17 +12,14 @@ body { --primary-color: #1E88E5; --text: 17, 17, 17; - --text-light: 85, 85, 85; + --text-light: 100, 100, 100; --foreground: 255, 255, 255; --background: #efefef; --dark-shade: #dadada; font-size: 16px; color: rgba(var(--text), 1); background: rgba(var(--foreground), 1); -} - -body h5 { - font-weight: 500; + background-size: cover; } body[data-theme='dark'] { @@ -33,10 +30,6 @@ body[data-theme='dark'] { --dark-shade: #1a1a1a; } -body[data-theme='dark'] h5 { - font-weight: 400; -} - input[type=text]::-ms-clear { display: none; width: 0; @@ -91,6 +84,7 @@ h1 { h2 { font-size: 2rem; + font-weight: 500; } h3 { @@ -129,7 +123,7 @@ h3 { } .uppercase { - text-transform: uppercase; + text-transform: uppercase !important; } .toggle { @@ -248,23 +242,29 @@ ul .balance:last-of-type { text-transform: capitalize; } +.card h2 { + margin-bottom: 1.5rem; +} + .label { text-transform: capitalize; font-size: 0.8rem; margin-bottom: 0.3rem; line-height: 1.4em; - opacity: 0.7; + color: rgba(var(--text-light), 1); margin-top: 1.5rem; + font-weight: 400; } .label:first-of-type { margin-top: 0; } +.label + h4:not(.address) { + text-transform: capitalize; +} + .header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; @@ -322,14 +322,7 @@ ul .balance:last-of-type { text-align: center; } -#main_search p { - opacity: 0.6; - text-align: left; - margin: 1rem 1.5rem 1.5rem 1.5rem; -} - #main_search h1 { - font-size: 4rem; text-align: left; margin-top: 2rem; font-weight: 500; @@ -349,7 +342,7 @@ ul .balance:last-of-type { align-items: center; padding: 1rem; gap: 1em; - border-radius: 0.5rem; + border-radius: 2rem; background: rgba(var(--text), 0.06); } @@ -370,12 +363,8 @@ ul .balance:last-of-type { stroke: rgba(var(--text), 1); stroke-linecap: round; stroke-linejoin: round; - opacity: 0.5; stroke-width: 6; -} - -.icon.search line { - stroke-width: 8; + opacity: 0.8; } .icon#back_btn { @@ -417,10 +406,6 @@ ul .balance:last-of-type { overflow-wrap: break-word; } -#highlights .highlight-item:first-of-type, #highlights .highlight-item:last-of-type { - cursor: pointer; -} - #highlights .highlight-item:first-of-type { text-transform: uppercase; } @@ -455,100 +440,21 @@ ul .balance:last-of-type { grid-area: contract; } -#top_transaction_container { - display: -ms-grid; - display: grid; - -ms-grid-columns: (minmax(20rem, 1fr))[auto-fill]; - grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); - gap: 1.5em; - padding-bottom: 2em; - padding-top: 2em; -} - -.transaction { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding: 1.5rem; - border-radius: 0.5rem; - background: rgba(var(--text), 0.06); -} - -.transaction .transaction-header { - margin-bottom: 2em; - -ms-grid-columns: auto 1fr; - grid-template-columns: auto 1fr; -} - -.transaction .transaction-header h5 { - text-transform: capitalize; -} - -.transaction .transaction-header h2 { - text-transform: uppercase; - margin-top: 0.2em; - letter-spacing: 0.06em; -} - -.transaction .transaction-header .icon { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -.transaction .transaction-header .icon svg { - height: 1.5em; - width: 1.5em; - opacity: 0.6; - margin-left: auto; - cursor: pointer; - fill: rgba(var(--text), 1); -} - -.transaction .transaction-header .icon svg:hover { - opacity: 1; -} - -.transaction h5 { - text-transform: uppercase; - margin-bottom: 0.4em; - opacity: 0.8; - font-size: 0.8em; -} - -.transaction h4 { - cursor: pointer; - margin-bottom: 1.5em; - font-weight: 500; -} - -.transaction h4:hover { - -webkit-filter: brightness(150%); - filter: brightness(150%); -} - -.transaction h3 { - margin-top: 2em; - text-align: right; -} - -#latest_transaction_section { +#latest_transaction_section, +#latest_blocks_section { background: rgba(var(--foreground), 1); } -#latest_transaction_section header { +#latest_transaction_section header, +#latest_blocks_section header { -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; - position: -webkit-sticky; - position: sticky; - top: 0; background: inherit; z-index: 2; } #page_header { - padding: 1.5rem 0; + padding: 1rem 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; @@ -559,10 +465,17 @@ ul .balance:last-of-type { } .page { - padding: 1.5rem 0; + padding: 1rem 0; + -webkit-animation: fade 0.3s; + animation: fade 0.3s; } .page h3.heading { + text-transform: capitalize; + font-weight: 500; +} + +.page > h3.heading { margin-top: 2rem; } @@ -605,7 +518,12 @@ p { letter-spacing: 0.1em; } -.status { +.balance-card .label { + color: white; + opacity: 0.7; +} + +.choice, .status { padding: 0.5rem 0.8rem; border-radius: 2rem; display: -webkit-inline-box; @@ -614,10 +532,29 @@ p { -webkit-box-align: center; -ms-flex-align: center; align-items: center; - font-size: 0.8rem; margin-bottom: 0.5rem; } +.choice-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.choice { + border: solid 1px rgba(var(--text), 0.2); +} + +.choice:last-of-type { + margin-bottom: 0; +} + +.status { + font-size: 0.8rem; +} + .status.done { background: #00C853; -ms-flex-item-align: center; @@ -631,7 +568,6 @@ p { height: 1em; width: 1em; stroke: white; - opacity: 1; } .status.closed { @@ -649,6 +585,11 @@ p { color: var(--primary-color); } +.address { + text-transform: none !important; + word-break: break-all; +} + .tabs { position: relative; margin-top: 2rem; @@ -695,6 +636,50 @@ p { margin: 0 1.5rem; } +@-webkit-keyframes fade { + from { + opacity: 0; + -webkit-transform: translateY(1rem); + transform: translateY(1rem); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fade { + from { + opacity: 0; + -webkit-transform: translateY(1rem); + transform: translateY(1rem); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +#top_transaction_container { + display: -ms-grid; + display: grid; + gap: 1.5em; +} + +.transaction { + padding: 1.5rem; + border-radius: 0.5rem; + background: rgba(var(--text), 0.06); +} + +.transaction h4 { + cursor: pointer; + margin-bottom: 1.5em; + font-weight: 500; +} + @media only screen and (min-width: 640px) { .margin, .page { margin: 0 6vw; @@ -741,6 +726,39 @@ p { -ms-grid-column: 2; grid-area: contract; } + #page_header { + padding: 1.5rem 0; + } + #top_transaction_container { + -ms-grid-columns: (1fr)[2]; + grid-template-columns: repeat(2, 1fr); + } + .transaction { + width: 100%; + display: -ms-grid; + display: grid; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 1rem; + -ms-grid-columns: auto 1fr; + grid-template-columns: auto 1fr; + -ms-grid-rows: auto 1fr; + grid-template-rows: auto 1fr; + grid-template-areas: '. info ' '. info'; + } + .transaction .contract-type { + -ms-flex-item-align: start; + align-self: flex-start; + } + .transaction .contract-info { + padding-left: 1rem; + -ms-grid-row: 1; + -ms-grid-row-span: 2; + -ms-grid-column: 2; + grid-area: info; + border-left: 1px solid rgba(var(--text), 0.2); + } } @media only screen and (min-width: 1280px) { @@ -778,6 +796,10 @@ p { -ms-grid-column: 4; grid-area: contract; } + #top_transaction_container { + -ms-grid-columns: (1fr)[3]; + grid-template-columns: repeat(3, 1fr); + } } @media only screen and (min-width: 1920px) { @@ -790,6 +812,13 @@ p { #homepage { margin: 0 12vw; } + .input { + width: 40vw !important; + } + #top_transaction_container { + -ms-grid-columns: (1fr)[4]; + grid-template-columns: repeat(4, 1fr); + } } @media only screen and (min-width: 2048px) { @@ -805,6 +834,13 @@ p { #first_section { min-height: auto; } + .input { + width: 30vw !important; + } + #top_transaction_container { + -ms-grid-columns: (1fr)[5]; + grid-template-columns: repeat(5, 1fr); + } } @media only screen and (max-width: 320px) { @@ -822,8 +858,15 @@ p { background: rgba(var(--text), 1); color: var(--background); } - #logo { + .hover { cursor: pointer; } + .tab { + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; + } + .tab:hover { + opacity: 1; + } } /*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/css/main.css.map b/css/main.css.map index 2b1c90c..f492db3 100644 --- a/css/main.css.map +++ b/css/main.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "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", + "mappings": "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", "sources": [ "main.scss" ], diff --git a/css/main.scss b/css/main.scss index 3c34bb2..de8a787 100644 --- a/css/main.scss +++ b/css/main.scss @@ -10,16 +10,14 @@ body{ --primary-color: #1E88E5; --text: 17, 17, 17; - --text-light: 85, 85, 85; + --text-light: 100, 100, 100; --foreground: 255, 255, 255; --background: #efefef; --dark-shade: #dadada; font-size: 16px; color: rgba(var(--text), 1); background: rgba(var(--foreground), 1); - h5{ - font-weight: 500; - } + background-size: cover; } body[data-theme='dark']{ --text: 218, 218, 218; @@ -27,9 +25,6 @@ body[data-theme='dark']{ --foreground: 20, 20, 20; --background: #111; --dark-shade: #1a1a1a; - h5{ - font-weight: 400; - } } input[type=text]::-ms-clear { display: none; width : 0; height: 0; } input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } @@ -64,6 +59,7 @@ h1{ } h2{ font-size: 2rem; + font-weight: 500; } h3{ font-size: 1.5rem; @@ -90,7 +86,7 @@ h3{ letter-spacing: 0.06em; } .uppercase{ - text-transform: uppercase; + text-transform: uppercase !important; } .toggle{ position: relative; @@ -179,21 +175,26 @@ ul{ font-weight: 400; text-transform: capitalize; } + h2{ + margin-bottom: 1.5rem; + } } .label{ text-transform: capitalize; font-size: 0.8rem; margin-bottom: 0.3rem; line-height: 1.4em; - opacity: 0.7; + color: rgba(var(--text-light), 1); margin-top: 1.5rem; - + font-weight: 400; &:first-of-type{ margin-top: 0; } + &+h4:not(.address){ + text-transform: capitalize; + } } .header{ - display: flex; align-items: center; padding: 2em 0; } @@ -226,13 +227,7 @@ ul{ align-items: center; justify-content: center; text-align: center; - p{ - opacity: 0.6; - text-align: left; - margin: 1rem 1.5rem 1.5rem 1.5rem; - } h1{ - font-size: 4rem; text-align: left; margin-top: 2rem; font-weight: 500; @@ -247,7 +242,7 @@ ul{ align-items: center; padding: 1rem; gap: 1em; - border-radius: 0.5rem; + border-radius: 2rem; background: rgba(var(--text), 0.06); //border: solid 1px rgba(var(--text), 0.6); } @@ -268,11 +263,8 @@ ul{ stroke: rgba(var(--text), 1); stroke-linecap: round; stroke-linejoin: round; - opacity: 0.5; stroke-width: 6; - &.search line{ - stroke-width: 8; - } + opacity: 0.8; &#back_btn{ margin-right: 1rem; } @@ -302,9 +294,6 @@ ul{ text-transform: uppercase; overflow-wrap: break-word; } - &:first-of-type,&:last-of-type{ - cursor: pointer; - } &:first-of-type{ text-transform: uppercase; } @@ -325,85 +314,30 @@ ul{ } } } -#top_transaction_container{ - display: grid; - grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); - gap: 1.5em; - padding-bottom: 2em; - padding-top: 2em; -} -.transaction{ - flex-direction: column; - padding: 1.5rem; - border-radius: 0.5rem; - //border: solid 1px rgba(var(--text), 0.1); - background: rgba(var(--text), 0.06); - .transaction-header{ - margin-bottom: 2em; - grid-template-columns: auto 1fr; - h5{ - text-transform: capitalize; - } - h2{ - text-transform: uppercase; - margin-top: 0.2em; - letter-spacing: 0.06em; - } - .icon{ - display: flex; - svg{ - height: 1.5em; - width: 1.5em; - opacity: 0.6; - margin-left: auto; - cursor: pointer; - fill: rgba(var(--text), 1); - &:hover{ - opacity: 1; - } - } - - } - } - h5{ - text-transform: uppercase; - margin-bottom: 0.4em; - opacity: 0.8; - font-size: 0.8em; - } - h4{ - cursor: pointer; - margin-bottom: 1.5em; - font-weight: 500; - &:hover{ - filter: brightness(150%); - } - } - h3{ - margin-top: 2em; - text-align: right; - } -} -#latest_transaction_section{ +#latest_transaction_section, +#latest_blocks_section{ background: rgba(var(--foreground), 1); header{ grid-template-columns: 1fr auto; - position: sticky; - top: 0; background: inherit; z-index: 2; } } #page_header{ - padding: 1.5rem 0; + padding: 1rem 0; align-items: center; h3{ font-weight: 500; } } .page{ - padding: 1.5rem 0; + padding: 1rem 0; + animation: fade 0.3s; h3.heading{ + text-transform: capitalize; + font-weight: 500; + } + & > h3.heading{ margin-top: 2rem; } } @@ -438,14 +372,30 @@ p{ opacity: 0.8; letter-spacing: 0.1em; } + .label{ + color: white; + opacity: 0.7; + } } -.status{ +.choice,.status{ padding: 0.5rem 0.8rem; border-radius: 2rem; display: inline-flex; align-items: center; - font-size: 0.8rem; margin-bottom: 0.5rem; +} +.choice-container{ + display: flex; + flex-wrap: wrap; +} +.choice{ + border: solid 1px rgba(var(--text), 0.2); + &:last-of-type{ + margin-bottom: 0; + } +} +.status{ + font-size: 0.8rem; &.done{ background: #00C853; align-self: center; @@ -455,7 +405,6 @@ p{ height: 1em; width: 1em; stroke: white; - opacity: 1; } } &.closed{ @@ -472,6 +421,10 @@ p{ cursor: pointer; color: var(--primary-color); } +.address{ + text-transform: none !important; + word-break: break-all; +} .tabs{ position: relative; margin-top: 2rem; @@ -508,6 +461,31 @@ p{ #homepage{ margin: 0 1.5rem; } +@keyframes fade{ + from{ + opacity: 0; + transform: translateY(1rem); + } + to{ + opacity: 1; + transform: none; + } +} +#top_transaction_container{ + display: grid; + gap: 1.5em; +} +.transaction{ + padding: 1.5rem; + border-radius: 0.5rem; + //border: solid 1px rgba(var(--text), 0.1); + background: rgba(var(--text), 0.06); + h4{ + cursor: pointer; + margin-bottom: 1.5em; + font-weight: 500; + } +} @media only screen and (min-width: 640px){ .margin, .page{ margin: 0 6vw; @@ -553,6 +531,30 @@ p{ } } } + #page_header{ + padding: 1.5rem 0; + } + #top_transaction_container{ + grid-template-columns: repeat(2, 1fr); + } + .transaction{ + width: 100%; + display: grid; + align-items: center; + gap: 1rem; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr; + grid-template-areas: '. info ' + '. info'; + .contract-type{ + align-self: flex-start; + } + .contract-info{ + padding-left: 1rem; + grid-area: info; + border-left: 1px solid rgba(var(--text), 0.2); + } + } } @media only screen and (min-width: 1280px){ .margin, .page{ @@ -582,6 +584,9 @@ p{ } } } + #top_transaction_container{ + grid-template-columns: repeat(3, 1fr); + } } @media only screen and (min-width: 1920px){ body{ @@ -593,6 +598,12 @@ p{ #homepage{ margin: 0 12vw; } + .input{ + width: 40vw !important; + } + #top_transaction_container{ + grid-template-columns: repeat(4, 1fr); + } } @media only screen and (min-width: 2048px){ body{ @@ -607,6 +618,12 @@ p{ #first_section{ min-height: auto; } + .input{ + width: 30vw !important; + } + #top_transaction_container{ + grid-template-columns: repeat(5, 1fr); + } } @media only screen and (max-width: 320px){ body{ @@ -621,7 +638,13 @@ p{ color: var(--background); } } - #logo{ + .hover{ cursor: pointer; } + .tab{ + transition: opacity 0.3s; + &:hover{ + opacity: 1; + } + } } diff --git a/index.html b/index.html index 1e7c346..3f7c7a6 100644 --- a/index.html +++ b/index.html @@ -10,12 +10,12 @@
- + Back Button

Block

- + search icon @@ -40,7 +40,7 @@ page.id = 'homepage' page.innerHTML = `
-
+
@@ -97,32 +97,24 @@

top contract

-

${topContract}

+

${topContract}

-

Latest transactions

- +

Latest transactions

+
-
-
-
-
Token transfer
-

Rupee

-
- - More infomation icon - - -
-

FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi

-
to
-

FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi

-

₹0.000000007

-
+
+
+
+
+

Latest blocks

+ +
+
` @@ -183,7 +175,7 @@ return page; }, transactionPage: function(obj){ - let {type, name, blockHeight, amount, sender, reciever, floData, hash, confirmations} = obj, + let {type, name, blockHeight, amount, sender, receiver, floData, hash, confirmations} = obj, page = document.createElement('div') page.classList.add('page') page.id = 'transaction_page' @@ -207,9 +199,9 @@
Amount

${amount}

Sender
-

${sender}

+

${sender}

Reciever
-

${reciever}

+

${receiver}

FLO Data
@@ -227,8 +219,8 @@ page.classList.add('page') page.id = 'token_page' page.innerHTML = ` -

${token}

+

${token}

Supply

${supply}

Incorporation Address
@@ -259,7 +251,7 @@ return page; }, contractPage: function(obj){ - let {contract, contractType, incAddress, expiration,token, participationFees} = obj, + let {status, contract, contractType, incAddress, expiration, token, participationFees} = obj, page = document.createElement('div') page.classList.add('page') page.id = 'contract_page' @@ -270,11 +262,11 @@
Contract Type

${contractType}

Incorporation Address
-

${incAddress}

+

${incAddress}

Expiration

${expiration}

Token Used
-

${token}

+

${token}

Participation Amount

${participationFees}

@@ -309,24 +301,129 @@ ` return page; }, - transactionCard: function(block, type, name, sender, reciever, amount){ - let card = document.createElement('div'); - card.classList.add('transaction') - card.id = block; - card.innerHTML = `
-
-
${type}
-

${name}

-
- - More infomation icon - - + contractTransferCard: function(obj){ + let {hash, blockHeight, token, sender, receiver, amount, contractName, userChoice} = obj, + card = document.createElement('div'); + card.classList.add('transaction token-transfer') + card.id = hash; + card.innerHTML = ` +
${blockHeight}
+
+
Smart Contract Transfer
+

${token}

-

${sender}

-
to
-

${reciever}

-

₹${amount}

`; +
+
Sender
+

${sender}

+
receiver
+

${receiver}

+
amount
+

${amount} ${token}

+
Contract name
+

${contractName}

` + if(userChoice) + card.innerHTML += ` +
User Choice
+

${userChoice}

` + + card.innerHTML += `
`; + return card; + }, + tokenTransferCard: function(obj){ + let {hash, blockHeight, token, sender, receiver, amount} = obj, + card = document.createElement('div'); + card.classList.add('transaction token-transfer') + card.id = hash; + card.innerHTML = ` +
${blockHeight}
+
+
Token transfer
+

${token}

+
+
+
Sender
+

${sender}

+
receiver
+

${receiver}

+
amount
+

${amount} ${token}

+
`; + return card; + }, + tokenCreationCard: function(obj){ + let {hash, blockHeight, token, incAddress, supply} = obj, + card = document.createElement('div'); + card.classList.add('transaction token-creation') + card.id = hash; + card.innerHTML = ` +
${blockHeight}
+
+
token creation
+

${token}

+
+
+
Incorporation address
+

${incAddress}

+
token name
+

${token}

+
supply
+

${supply}

+
`; + return card; + }, + contractTriggerCard: function(obj){ + let {hash, blockHeight, contractName, contractAddress, winningChoice, committeeAddress} = obj, + card = document.createElement('div'); + card.classList.add('transaction contract-trigger') + card.id = hash; + card.innerHTML = ` +
${blockHeight}
+
+

smart contract trigger

+
+
+
Contract name
+

${contractName}

+
contract address
+

${contractAddress}

+
Winning Choice
+

${winningChoice}

+
committee address
+

${committeeAddress}

+
`; + return card; + }, + contractCreationCard: function(obj){ + let {hash, blockHeight, token, contractName, incAddress, contractType, expiration, participationFees, availableChoices} = obj, + card = document.createElement('div'); + card.classList.add('transaction contract-creation') + card.id = hash; + card.innerHTML = ` +
${blockHeight}
+
+ +

${token}

+
+
+
Contract name
+

${contractName}

+
Incorporation address
+

${incAddress}

+
token used
+

${token}

+
contract type
+

${contractType}

+
expiration
+

${expiration}

+
participation amount
+

${participationFees} ${token}

+
user Choices
+
`; + availableChoices.forEach(choice => { + card.innerHTML = `
${choice}
` + }) + card.innerHTML +=`
+
`; return card; } } @@ -340,6 +437,10 @@ document.getElementById(page).remove() } + function replaceDash(string){ + return string.replace(/-/g," ") + } + function render(pageId){ if(currentPage !== pageId) removePage(currentPage) @@ -356,8 +457,8 @@ blockHeight: '4530254', amount: '0.1FLO', sender: 'F846EFefybwewe45avd5165adv16', - reciever: 'F846EFefybwewe45avd5165adv16', - floData: 'ansfer 100 rupee# to FJyz51JTnPuB3AMRjyYe3rbuLmnq4qErcc for FCuFeAa3Haqk9oKQWEKVSt4pwQQEooDAEm.', + receiver: 'F846EFefybwewe45avd5165adv16', + floData: 'transfer 100 rupee# to FJyz51JTnPuB3AMRjyYe3rbuLmnq4qErcc for FCuFeAa3Haqk9oKQWEKVSt4pwQQEooDAEm.', hash: '1ab70a9de6a8deeb0ba8f6c4ca015d60659c90953a7c8a1f3215276fe57b1fb2', confirmations: '22458' } @@ -370,6 +471,22 @@ pageTitle.textContent = 'Token' } + if(pageId === 'contract_page'){ + let obj = { + stauts: 'closed', + contract: 'india-elections-2019', + contractType: 'one-time-event', + incAddress: 'F7osBpjDDV1mSSnMNrLudEQQ3cwDJ2dPR1', + expiration: 'wed may 22 2019 21:00:00 gmt+0530', + token: 'rmt', + participationFees: '0.001 RMT', + } + pageContainer.append(create.contractPage(obj)) + pageTitle.textContent = 'Contract' + } + + + if(pageId === 'homepage'){ pageHeader.classList.add('hide-completely') pageContainer.append(create.homepage({topToken: 'RMT', totalTransactions: '88', walletAddresses: '44', topContract: 'India Election 2019'})) @@ -405,6 +522,10 @@ currentPage = pageId; } + function renderTransactions(){ + + } + window.addEventListener('load', () => { render('homepage') @@ -422,9 +543,8 @@ render("block_page") pageTitle.textContent = 'Block' } - if(e.target.closest('.block')){ + if(e.target.closest('.contract')){ render("contract_page") - pageTitle.textContent = 'Contract ' } if(e.target.closest('.tab')){ showTab(e.target.closest('.tab'))