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

Compare commits

base: RanchiMall:3cc65f5c1793cc6a0ec3ea98509d9d03fc1c8a02
Branches Tags
RanchiMall:master
...
compare: RanchiMall:d3ce45035bd2b1aa2e4cd9c3bb021902e0972518
Branches Tags
RanchiMall:master

10 Commits
3cc65f5c17 ... d3ce45035b

Author SHA1 Message Date
Vivek Teega
d3ce45035b pushing data as a backup 2019-08-15 16:37:24 +05:30
Vivek Teega
2401e22c53 More boxes for transactions card 2019-06-19 15:34:42 +05:30
Vivek Teega
2d824cdd60 Transaction card added and basics 2019-06-19 09:34:40 +05:30
tripathyr
8c9c3b7d5a card blocks completed 2019-06-18 17:31:39 +05:30
tripathyr
efd87845f7 footer completed 2019-06-18 15:34:48 +05:30
tripathyr
a84c025741 vscout2 added 2019-06-18 12:34:17 +05:30
tripathyr
252010f4c3 Adding backup index.htmls 2019-06-13 18:46:38 +05:30
tripathyr
05942ba6ea Changed position 3 2019-06-13 15:55:08 +05:30
tripathyr
d2de92533b Changed position 2 2019-06-13 15:09:06 +05:30
tripathyr
c66bcd13d6 Changed color of contract table 2019-06-13 15:03:23 +05:30
27 changed files with 11140 additions and 25 deletions
Show Stats Expand all files Collapse all files

146
FLO_horizontal_text.svg Normal file
View File

@ -0,0 +1,146 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="469.89999"
height="212.84599"
viewBox="0 0 469.89999 212.84599"
enable-background="new 0 0 512 512"
xml:space="preserve"
sodipodi:docname="FLO_horizontal_text.svg"
inkscape:version="0.92.4 (unknown)"><metadata
id="metadata4665"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs4663" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1366"
inkscape:window-height="732"
id="namedview4661"
showgrid="false"
inkscape:zoom="1.3027344"
inkscape:cx="219.90846"
inkscape:cy="85.00108"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1"
fit-margin-top="-0.1"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" /><linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="337.43359"
y1="263.58591"
x2="394.418"
y2="263.58591"><stop
offset="0"
style="stop-color:#2583A6"
id="stop4615" /><stop
offset="0.5"
style="stop-color:#257EA3"
id="stop4617" /><stop
offset="1"
style="stop-color:#237AA0"
id="stop4619" /></linearGradient><polygon
points="394.418,304.29 337.434,304.29 337.434,222.882 351.623,222.882 351.623,291.387 394.418,291.387 "
id="polygon4622"
style="fill:url(#SVGID_1_)"
transform="translate(-21.05,-128.155)" /><linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="405.81641"
y1="263.58591"
x2="490.94919"
y2="263.58591"
gradientTransform="translate(-21.05,-128.155)"><stop
offset="0"
style="stop-color:#2583A6"
id="stop4624" /><stop
offset="0.5"
style="stop-color:#257EA3"
id="stop4626" /><stop
offset="1"
style="stop-color:#237AA0"
id="stop4628" /></linearGradient><path
d="m 427.217,177.532 c -6.278,0 -12.015,-1.107 -17.215,-3.312 -5.189,-2.209 -9.647,-5.215 -13.372,-9.017 -3.723,-3.797 -6.629,-8.232 -8.72,-13.318 -2.098,-5.078 -3.144,-10.482 -3.144,-16.224 v -0.232 c 0,-5.744 1.046,-11.143 3.144,-16.226 2.091,-5.083 5.036,-9.53 8.834,-13.373 3.802,-3.836 8.299,-6.884 13.497,-9.134 5.192,-2.238 10.929,-3.367 17.211,-3.367 6.276,0 12.017,1.106 17.209,3.312 5.197,2.211 9.653,5.217 13.374,9.018 3.724,3.799 6.632,8.233 8.724,13.311 2.094,5.081 3.141,10.489 3.141,16.228 v 0.233 c 0,5.733 -1.047,11.143 -3.141,16.218 -2.093,5.082 -5.038,9.544 -8.838,13.382 -3.8,3.842 -8.295,6.882 -13.49,9.12 -5.195,2.255 -10.932,3.381 -17.214,3.381 m 0.235,-13.142 c 4.013,0 7.694,-0.757 11.065,-2.272 3.354,-1.506 6.222,-3.564 8.627,-6.162 2.383,-2.595 4.269,-5.641 5.603,-9.126 1.356,-3.491 2.036,-7.213 2.036,-11.168 v -0.232 c 0,-3.952 -0.68,-7.692 -2.036,-11.222 -1.333,-3.529 -3.237,-6.593 -5.663,-9.19 -2.44,-2.591 -5.352,-4.673 -8.743,-6.224 -3.406,-1.55 -7.107,-2.323 -11.124,-2.323 -4.013,0 -7.691,0.752 -11.063,2.269 -3.356,1.509 -6.226,3.563 -8.627,6.159 -2.388,2.601 -4.268,5.649 -5.602,9.141 -1.355,3.486 -2.036,7.206 -2.036,11.16 v 0.233 c 0,3.956 0.679,7.69 2.036,11.222 1.334,3.527 3.232,6.594 5.658,9.188 2.444,2.598 5.352,4.672 8.743,6.218 3.411,1.553 7.109,2.329 11.126,2.329 z"
id="path4631"
inkscape:connector-curvature="0"
style="fill:url(#SVGID_2_)" /><linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="261.1416"
y1="281.26169"
x2="316.3848"
y2="281.26169"><stop
offset="0"
style="stop-color:#2583A6"
id="stop4633" /><stop
offset="0.5"
style="stop-color:#257EA3"
id="stop4635" /><stop
offset="1"
style="stop-color:#237AA0"
id="stop4637" /></linearGradient><polygon
points="261.142,258.232 261.142,304.29 275.331,304.29 275.331,271.142 316.385,271.142 316.385,258.232 275.331,258.232 "
id="polygon4640"
style="fill:url(#SVGID_3_)"
transform="translate(-21.05,-128.155)" /><linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="291.3779"
y1="235.7881"
x2="291.3779"
y2="222.88181"><stop
offset="0"
style="stop-color:#2583A6"
id="stop4642" /><stop
offset="0.5"
style="stop-color:#257EA3"
id="stop4644" /><stop
offset="1"
style="stop-color:#237AA0"
id="stop4646" /></linearGradient><polygon
points="261.142,222.882 261.142,235.788 275.331,235.788 321.614,235.788 321.614,222.882 "
id="polygon4649"
style="fill:url(#SVGID_4_)"
transform="translate(-21.05,-128.155)" /><linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="125.481"
y1="341.00101"
x2="125.4809"
y2="128.05569"
gradientTransform="translate(-21.05,-128.155)"><stop
offset="0"
style="stop-color:#2583A6"
id="stop4651" /><stop
offset="0.5"
style="stop-color:#257EA3"
id="stop4653" /><stop
offset="1"
style="stop-color:#237AA0"
id="stop4655" /></linearGradient><path
d="m 104.43,151.572 c -12.005,15.862 -12.005,31.461 0,46.797 12.01,-15.336 12.009,-30.935 0,-46.797 m 0,-129.492 c -27.559,34.767 -27.559,70.133 0,106.11 27.566,-35.977 27.564,-71.344 0,-106.11 z M 42.006,177.043 C 52.166,153.951 73.451,142.555 97.22,142.842 67.063,111.547 40.869,98.934 18.64,105.024 21.594,122.279 33.596,136.941 54.639,149.021 30.427,141.376 12.211,122.884 0,93.543 36.328,87.372 64.932,96.328 85.813,120.389 66.772,79.675 72.972,39.513 104.428,-0.1 c 31.459,39.613 37.663,79.774 18.622,120.489 20.883,-24.062 49.485,-33.018 85.812,-26.846 -12.211,29.341 -30.423,47.834 -54.637,55.478 21.044,-12.08 33.042,-26.742 35.999,-43.997 -22.23,-6.089 -48.425,6.524 -78.581,37.818 23.77,-0.287 45.053,11.11 55.215,34.201 -17.962,4.017 -32.733,1.268 -44.307,-8.254 12.642,6.396 23.558,7.348 32.737,2.861 -4.021,-12.157 -21.792,-20.554 -44.521,-25.198 12.966,22.459 10.855,44.594 -6.338,66.394 -17.188,-21.8 -19.298,-43.935 -6.334,-66.394 -22.727,4.645 -40.5,13.041 -44.519,25.198 9.179,4.485 20.091,3.535 32.737,-2.861 -11.575,9.522 -26.345,12.271 -44.307,8.254 z"
id="path4658"
inkscape:connector-curvature="0"
style="fill:url(#SVGID_5_)" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

37
FLO_horizontal_text1.svg Normal file
View File

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="59pt" height="27pt" viewBox="0 0 59 27" version="1.1">
<defs>
<linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="337.43359" y1="263.58591" x2="394.418" y2="263.58591" gradientTransform="matrix(0.125532,0,0,0.126761,-2.642447,-16.245)">
<stop offset="0" style="stop-color:rgb(14.509804%,51.372549%,65.098039%);stop-opacity:1;"/>
<stop offset="0.5" style="stop-color:rgb(14.509804%,49.411765%,63.921569%);stop-opacity:1;"/>
<stop offset="1" style="stop-color:rgb(13.72549%,47.843137%,62.745098%);stop-opacity:1;"/>
</linearGradient>
<linearGradient id="linear1" gradientUnits="userSpaceOnUse" x1="405.81641" y1="263.58591" x2="490.94919" y2="263.58591" gradientTransform="matrix(0.125532,0,0,0.126761,-2.642447,-16.245)">
<stop offset="0" style="stop-color:rgb(14.509804%,51.372549%,65.098039%);stop-opacity:1;"/>
<stop offset="0.5" style="stop-color:rgb(14.509804%,49.411765%,63.921569%);stop-opacity:1;"/>
<stop offset="1" style="stop-color:rgb(13.72549%,47.843137%,62.745098%);stop-opacity:1;"/>
</linearGradient>
<linearGradient id="linear2" gradientUnits="userSpaceOnUse" x1="261.1416" y1="281.26169" x2="316.3848" y2="281.26169" gradientTransform="matrix(0.125532,0,0,0.126761,-2.642447,-16.245)">
<stop offset="0" style="stop-color:rgb(14.509804%,51.372549%,65.098039%);stop-opacity:1;"/>
<stop offset="0.5" style="stop-color:rgb(14.509804%,49.411765%,63.921569%);stop-opacity:1;"/>
<stop offset="1" style="stop-color:rgb(13.72549%,47.843137%,62.745098%);stop-opacity:1;"/>
</linearGradient>
<linearGradient id="linear3" gradientUnits="userSpaceOnUse" x1="291.3779" y1="235.7881" x2="291.3779" y2="222.88181" gradientTransform="matrix(0.125532,0,0,0.126761,-2.642447,-16.245)">
<stop offset="0" style="stop-color:rgb(14.509804%,51.372549%,65.098039%);stop-opacity:1;"/>
<stop offset="0.5" style="stop-color:rgb(14.509804%,49.411765%,63.921569%);stop-opacity:1;"/>
<stop offset="1" style="stop-color:rgb(13.72549%,47.843137%,62.745098%);stop-opacity:1;"/>
</linearGradient>
<linearGradient id="linear4" gradientUnits="userSpaceOnUse" x1="125.481" y1="341.00101" x2="125.4809" y2="128.05569" gradientTransform="matrix(0.125532,0,0,0.126761,-2.642447,-16.245)">
<stop offset="0" style="stop-color:rgb(14.509804%,51.372549%,65.098039%);stop-opacity:1;"/>
<stop offset="0.5" style="stop-color:rgb(14.509804%,49.411765%,63.921569%);stop-opacity:1;"/>
<stop offset="1" style="stop-color:rgb(13.72549%,47.843137%,62.745098%);stop-opacity:1;"/>
</linearGradient>
</defs>
<g id="surface1">
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear0);" d="M 46.871094 22.328125 L 39.714844 22.328125 L 39.714844 12.007812 L 41.496094 12.007812 L 41.496094 20.691406 L 46.871094 20.691406 Z M 46.871094 22.328125 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear1);" d="M 53.628906 22.503906 C 52.839844 22.503906 52.121094 22.363281 51.46875 22.085938 C 50.816406 21.804688 50.257812 21.421875 49.789062 20.941406 C 49.324219 20.460938 48.957031 19.898438 48.695312 19.253906 C 48.433594 18.609375 48.300781 17.925781 48.300781 17.195312 L 48.300781 17.167969 C 48.300781 16.4375 48.433594 15.753906 48.695312 15.109375 C 48.957031 14.464844 49.328125 13.902344 49.804688 13.414062 C 50.28125 12.929688 50.847656 12.542969 51.5 12.257812 C 52.148438 11.972656 52.871094 11.832031 53.660156 11.832031 C 54.445312 11.832031 55.167969 11.96875 55.820312 12.25 C 56.472656 12.53125 57.03125 12.910156 57.496094 13.394531 C 57.964844 13.875 58.332031 14.4375 58.59375 15.082031 C 58.855469 15.726562 58.988281 16.410156 58.988281 17.136719 L 58.988281 17.167969 C 58.988281 17.894531 58.855469 18.578125 58.59375 19.222656 C 58.332031 19.867188 57.960938 20.433594 57.484375 20.917969 C 57.007812 21.40625 56.441406 21.792969 55.789062 22.074219 C 55.136719 22.359375 54.417969 22.503906 53.628906 22.503906 M 53.660156 20.839844 C 54.164062 20.839844 54.625 20.742188 55.046875 20.550781 C 55.46875 20.359375 55.828125 20.097656 56.128906 19.769531 C 56.429688 19.441406 56.667969 19.054688 56.835938 18.613281 C 57.003906 18.167969 57.089844 17.699219 57.089844 17.195312 L 57.089844 17.167969 C 57.089844 16.667969 57.003906 16.191406 56.835938 15.746094 C 56.667969 15.296875 56.429688 14.910156 56.125 14.578125 C 55.816406 14.25 55.453125 13.988281 55.027344 13.789062 C 54.597656 13.59375 54.132812 13.496094 53.628906 13.496094 C 53.125 13.496094 52.664062 13.589844 52.242188 13.785156 C 51.820312 13.976562 51.460938 14.234375 51.15625 14.566406 C 50.859375 14.894531 50.621094 15.28125 50.453125 15.722656 C 50.285156 16.164062 50.199219 16.636719 50.199219 17.136719 L 50.199219 17.167969 C 50.199219 17.667969 50.285156 18.140625 50.453125 18.589844 C 50.621094 19.039062 50.859375 19.425781 51.164062 19.753906 C 51.472656 20.085938 51.835938 20.347656 52.261719 20.542969 C 52.691406 20.738281 53.15625 20.839844 53.660156 20.839844 Z M 53.660156 20.839844 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear2);" d="M 30.140625 16.488281 L 30.140625 22.328125 L 31.921875 22.328125 L 31.921875 18.125 L 37.074219 18.125 L 37.074219 16.488281 Z M 30.140625 16.488281 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear3);" d="M 30.140625 12.007812 L 30.140625 13.644531 L 37.730469 13.644531 L 37.730469 12.007812 Z M 30.140625 12.007812 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear4);" d="M 13.109375 19.214844 C 11.601562 21.222656 11.601562 23.203125 13.109375 25.144531 C 14.617188 23.203125 14.617188 21.222656 13.109375 19.214844 M 13.109375 2.800781 C 9.648438 7.207031 9.648438 11.6875 13.109375 16.25 C 16.570312 11.6875 16.570312 7.207031 13.109375 2.800781 Z M 5.273438 22.441406 C 6.546875 19.515625 9.21875 18.070312 12.203125 18.105469 C 8.417969 14.140625 5.128906 12.539062 2.339844 13.3125 C 2.710938 15.5 4.21875 17.359375 6.859375 18.890625 C 3.820312 17.921875 1.53125 15.578125 0 11.859375 C 4.558594 11.074219 8.152344 12.210938 10.773438 15.261719 C 8.382812 10.101562 9.160156 5.007812 13.109375 -0.0117188 C 17.058594 5.007812 17.835938 10.097656 15.445312 15.261719 C 18.066406 12.210938 21.660156 11.074219 26.21875 11.859375 C 24.6875 15.578125 22.398438 17.921875 19.359375 18.890625 C 22 17.359375 23.507812 15.5 23.878906 13.3125 C 21.089844 12.542969 17.800781 14.140625 14.015625 18.105469 C 17 18.070312 19.671875 19.515625 20.945312 22.441406 C 18.691406 22.953125 16.835938 22.601562 15.382812 21.394531 C 16.972656 22.207031 18.339844 22.328125 19.492188 21.757812 C 18.988281 20.21875 16.757812 19.152344 13.90625 18.5625 C 15.53125 21.410156 15.265625 24.21875 13.109375 26.980469 C 10.953125 24.21875 10.6875 21.410156 12.3125 18.5625 C 9.460938 19.152344 7.230469 20.21875 6.726562 21.757812 C 7.878906 22.328125 9.246094 22.207031 10.835938 21.394531 C 9.382812 22.601562 7.527344 22.953125 5.273438 22.441406 Z M 5.273438 22.441406 "/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

1279
block.html Normal file
View File

File diff suppressed because it is too large Load Diff

1558
block1.html Normal file
View File

File diff suppressed because it is too large Load Diff

19
dynamic_html.html Normal file
View File

@ -0,0 +1,19 @@
<html>
<head>
</head>
<body>
<div id="textid">
</div>
<script>
var urlParams = new URLSearchParams(window.location.search);
var customdata = urlParams.get('custom') || 'default';
var divElement = document.getElementById('textid');
divElement.innerText = customdata;
</script>
</body>
</html>

9
fontAwesome.html Normal file
View File

@ -0,0 +1,9 @@
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.css">
</head>
<body>
<i class="fa fa-car"></i>
</body>
</html>

100
index2.html
View File

@ -12,7 +12,7 @@
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<style>
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@ -26,15 +26,7 @@
}*/
table {
border-collapse: collapse;
}
table, tr, th, td {
border: 1px solid #e3e3e3;
}
button {
background-color: #4CAF50; /* Green */
border: none;
@ -82,14 +74,17 @@
text-align: left;
border-collapse: collapse;
margin: 30px 30px 30px 15px;
position: absolute;
left:300px;
top:-350px;
}
th {
font-weight: 400;
font-size: 14px;
border-bottom: 2px solid #6678b1;
border-right: 30px solid #fff;
border-left: 30px solid #fff;
border-right: 30px solid rgba(1,1,1,0);
border-left: 30px solid rgba(1,1,1,0);
color: white;
padding: 8px 2px;
}
@ -101,9 +96,9 @@
}
td {
border-right: 30px solid #fff;
border-left: 30px solid #fff;
color: #669;
border-right: 30px solid rgba(1,1,1,0);
border-left: 30px solid rgba(1,1,1,0);
color: #d2d2eb;
padding: 12px 2px 0;
}
@ -366,7 +361,7 @@
function showAllTokens(data){
console.log(data);
//console.log(data);
var rows = data;
@ -385,7 +380,7 @@
}
html += '</table>';
console.log(html);
//console.log(html);
document.getElementById("token_data_display").innerHTML = html;
}
@ -423,8 +418,14 @@
document.getElementById("contract_data_display").style.opacity = 1;
var rows = data;
var html = '<div id="closeMe"><i class="fa fa-times" style="font-size:60px;color:red;"></i></div>';
html += '<table>';
var html = '<table id="scrollMe"><tr><td><div id="closeMe"><i class="fas fa-times fa-lg" style="color:red;"></i></div></td></tr>';
var screenWidth = window.innerWidth;
if(screenWidth>900){
html += '<tr>';
for( var j in rows[1] ) {
html += '<th>' + j + '</th>';
@ -433,22 +434,71 @@
for( var i = 1; i < Object.keys(rows).length; i++) {
html += '<tr>';
for( var j in rows[i] ) {
//console.log(j);
html += '<td>' + rows[i][j] + '</td>';
}
html += '</tr>';
html += '</tr><tr><td style="color:#426eb5;font-size:12px">Next Record</td><td><div><i class="fas fa-arrow-up fa-lg" style="color:red;"></i></div></td><td><div><i class="fas fa-arrow-down fa-lg" style="color:red;"></i></div></td></tr>';
}
html += '</table>';
console.log(html);
}
else
{
html += '<tr>';
for( var j in rows[1] ) {
html += '<tr><th>' + j + '</th></tr>';
}
html += '</tr>';
for( var i = 1; i < Object.keys(rows).length; i++) {
html += '<tr>';
for( var j in rows[i] ) {
if (j !="transactionHash"){
html += '<tr><td>' + rows[i][j] + '</td></tr>';}
}
html += '</tr><tr><td style="color:#426eb5;font-size:12px">Next Record</td><td><div><i class="fas fa-arrow-up fa-lg" style="color:red;"></i></div></td><td><div><i class="fas fa-arrow-down fa-lg" style="color:red;"></i></div></td></tr>';
}
html += '</table>';
}
document.getElementById("contract_data_display").innerHTML = html;
document.getElementById("contract_data_display").style.transform = "translate(-400px,15px)";
/* document.getElementById("closeMe").style.transform = "translate(10px,50px)";*/
var x = document.getElementsByClassName("hideMe");
for (var i=0;i<x.length;i++){
x[i].style.opacity=0;
}
document.getElementById("closeMe").addEventListener("click",closeContractParticipantTable);
var x = document.getElementsByClassName("fa-arrow-up");
for (var i=0;i<x.length;i++){
x[i].addEventListener("click",moveTable.bind(x[i],"goDown"),false)
}
var x = document.getElementsByClassName("fa-arrow-down");
for (var i=0;i<x.length;i++){
x[i].addEventListener("click",moveTable.bind(x[i],"goUp"),false)
}
}
var scrollCount = 1;
function moveTable(direction){
var verticalMovement;
if (direction = "goDown" )
{verticalMovement = (-1)*scrollCount*100;scrollCount++;}
if (direction = "goUp" )
{verticalMovement = scrollCount*100;scrollCount--;}
document.getElementById("scrollMe").style.transform = `translate(0px,${verticalMovement}px)`;
}
function closeContractParticipantTable(){
@ -465,11 +515,11 @@
// Parsing of contract form data
function parseContractFormData(){
console.log('button press');
//console.log('button press');
contractForm['addressName'] = document.getElementById('addressName');
// 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){
fetch(`${apiLocation}/api/v1.0/getParticipantDetails?floAddress=${contractForm['addressName'].value}`)
@ -536,7 +586,7 @@
// 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');

433
index2_1.html Normal file
View File

@ -0,0 +1,433 @@
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ranchi Mall FLO Explorer</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="Ranchi Mall" />
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:700i" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<style>
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
/*body {
position:relative;
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
font-size: 1.05em;
margin: 40px;
text-align:justify;
}*/
table {
border-collapse: collapse;
}
table, tr, th, td {
border: 1px solid #e3e3e3;
}
button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
border-radius: 8px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.activeButton {
color: black;
}
button:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.firstColumn {
position: absolute;;
left:200px;
}
.secondColumn {
position: absolute;
left:450px;
top:194px;
}
.dispBalTable {
border: 1px solid #ffffff;
}
</style>
<script>document.documentElement.className = 'js';</script>
</head>
<body class="demo-2">
<svg class="hidden">
<symbol id="icon-caret" viewBox="0 0 24 24">
<title>caret</title>
<polygon points="15.7,16.6 11.1,12 15.7,7.4 14.3,6 8.3,12 14.3,18"/>
</symbol>
<symbol id="icon-menu" viewBox="0 0 24 24">
<title>menu</title>
<path d="M23.8,6H0.1V3h23.7V6z M23.8,10.5H0.1v3h23.7V10.5z M14.2,18h-14v3h14V18z"/>
</symbol>
<symbol id="icon-cross" viewBox="0 0 24 24">
<title>cross</title>
<path d="M14.1,12l7.3,7.3l-2.1,2.1L12,14.1l-7.3,7.3l-2.1-2.1L9.9,12L2.6,4.7l2.1-2.1L12,9.9l7.3-7.3l2.1,2.1L14.1,12z"/>
</symbol>
</svg>
<main class="view">
<div class="content">
<div class="deco">
<!--<p class="deco__text">elementum recolligo huic commodo locus mihi vestri vox</p>-->
</div>
<header class="codrops-header">
<div class="codrops-links">
<button class="btn btn--menu" style="background-color: pink">
<svg class="icon icon--menu"><use xlink:href="#icon-menu"></use></svg>
<svg class="icon icon--cross"><use xlink:href="#icon-cross"></use></svg>
</button>
</div>
<p id="contractText" class="codrops-header__info"></p>
<nav class="demos">
<a class="demo demo--current" href="index2.html">2</a>
<a class="demo" href="index3.html">View All</a>
</nav>
</header>
</div>
<nav class="tabsnav tabsnav--vertical tabsnav--zeru">
<div class="tabsnav__item">
<div class="tabsnav__bar"></div>
<h3 class="tabsnav__title">Play</h3>
</div>
<div class="tabsnav__item">
<div class="tabsnav__bar"></div>
<h3 class="tabsnav__title">Participate</h3>
</div>
<div class="tabsnav__item">
<div class="tabsnav__bar"></div>
<h3 class="tabsnav__title">Track tokens</h3>
</div>
<div class="tabsnav__item">
<div class="tabsnav__bar"></div>
<h3 class="tabsnav__title">Track Contracts</h3>
</div>
</nav>
<div class="tabscontent">
<div class="tabscontent__item">
<!-- This is where the code for webwallet will be up -->
</div>
<div class="tabscontent__item">
<div class="column">
<h3 class="column__title">03/09/2017</h3>
<h4 class="column__text">velocity</h4>
<h4 class="column__text">gaussian</h4>
<h4 class="column__text">amphiphilic</h4>
<h4 class="column__text">magnitude</h4>
<h4 class="column__text">saponification</h4>
</div>
<div class="column">
<h3 class="column__title">07/23/2017</h3>
<h4 class="column__text">hematocrit</h4>
<h4 class="column__text">ionization</h4>
<h4 class="column__text">geocentric</h4>
<h4 class="column__text">neutrophil</h4>
<h4 class="column__text">energetic</h4>
</div>
</div>
<div class="tabscontent__item">
<!-- Token Tracking -->
<div id='token_column1' class="column">
<h3 class="column__title">Active Tokens</h3>
<!--<h4 class="column__text">energetic</h4>
<h4 class="column__text">hematocrit</h4>
<h4 class="column__text">gaussian</h4>
<h4 class="column__text">amphiphilic</h4>
<h4 class="column__text">neutrophil</h4>-->
</div>
<div id='token_column2' class="column">
<h3 class="column__title">Enter Address/Token name</h3>
<div>
<input type="text" id='tokenName' name="tokenName">
<button type="submit" id='tokenName_submit'>Submit</button>
</div>
<!--<h4 class="column__text">saponification</h4>
<h4 class="column__text">velocity</h4>
<h4 class="column__text">ionization</h4>
<h4 class="column__text">geocentric</h4>
<h4 class="column__text">magnitude</h4>-->
</div>
</div>
<div class="tabscontent__item">
<!-- Smart Contract Tracking -->
<div id='contract_column1' class="column">
<h3 class="column__title">Top Contracts</h3>
<!--<h4 class="column__text">energetic</h4>
<h4 class="column__text">hematocrit</h4>
<h4 class="column__text">gaussian</h4>
<h4 class="column__text">amphiphilic</h4>
<h4 class="column__text">neutrophil</h4>-->
</div>
<div id='contract_column2' class="column">
<h3 class="column__title">Enter Address/Contract name</h3>
<div id="contract_form">
<input type="text" id='addressName' name="addressName">
<button type="submit" id='addressName_submit'>Submit</button>
</div>
<div id="data_output"></div>
</div>
</div>
<button class="btn btn--back"><svg class="icon icon--caret"><use xlink:href="#icon-caret"></use></svg></button>
</div>
</main>
<script src="js/anime.min.js"></script>
<script src="js/enquire.min.js"></script>
<script src="js/tabsnav.js"></script>
<script src="js/demo2.js"></script>
<script>
var contractForm = {
addressName: document.getElementById('addressName'),
submit: document.getElementById('addressName_submit')
};
contractForm.submit.addEventListener('click', () => {
console.log('button press');
contractForm['addressName'] = document.getElementById('addressName');
// Find out if it is a contract name or FLO address
console.log(contractForm['addressName'].value);
if (contractForm['addressName'].value.slice(0,1) == 'F' && contractForm['addressName'].value.length == 34){
fetch(`http://localhost:5010/api/v1.0/getparticipantdetails?floaddress=${contractForm["addressName"].value}`)
.then(response => response.json())
.then((data) => {
//console.log(data);
contractDetailColumn = document.getElementById('data_output');
contractDetailColumn.innerHTML = "";
// Check which type of address it is
// debugger;
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']['contractName'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract address: '+ data['contractInfo']['contractAddress'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Type:'+ data['contractInfo']['contractType'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Expiry time:'+ data['contractInfo']['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 -&gt; "+data['contractInfo']['userChoice'][0]+"<br>"+data['contractInfo']['userChoice'][1];
});
}
else{
// Entered data is contract name
fetch(`http://localhost:5010/api/v1.0/getsmartContractlist?contractName=${contractForm["addressName"].value}`)
.then(response => response.json())
.then((data) => {
console.log(data);
test(data);
});
}
});
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(`http://localhost:5010/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 -&gt; "+data['contractInfo']['userChoice'][0]+"<br>"+data['contractInfo']['userChoice'][1];
});
}
else{
// Entered data is contract name
fetch(`http://localhost:5010/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 test(data){
var 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 getTopSmartContract(){
var topSmartContract = {};
topSmartContract.name = "india-elections-2019";
topSmartContract.floAddress = "F7osBpjDDV1mSSnMNrLudEQQ3cwDJ2dPR1";
return topSmartContract;
}
function getSmartContractInfo(name,contractAddress){
fetch(`http://localhost:5010/api/v1.0/getsmartContractinfo?name=${name}&contractAddress=${contractAddress}`)
.then(response => response.json())
.then((data) => {
showSmartContractInfo(data);
});
}
function showSmartContractInfo(data){
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 -&gt; "+data['contractInfo']['userChoice'][0]+"<br>"+data['contractInfo']['userChoice'][1];
}
function getSmartContractList(){
fetch('http://localhost:5010/api/v1.0/getsmartContractlist')
.then(response => response.json())
.then((data) => {
showSmartContractList(data);
});
}
function showSmartContractList(data){
contract_column1 = document.getElementById('contract_column1');
for (var i = 0; i < data['smartContracts'].length; i++) {
var contractName = data['smartContracts'][i]['contractName'];
contract_column1.innerHTML = contract_column1.innerHTML + '<h4 class="column__text">'+ contractName +'</h4>'
//console.log(data['smartContracts'])
}
}
function getTokenList(){
fetch('http://localhost:5010/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")});
}
}
/* var es = new EventSource('https://ranchimallflo.duckdns.org/sse');
es.onmessage = function (event) {
console.log(event.data);
};*/
</script>
</body>
</html>

445
index2_2.html Normal file
View File

@ -0,0 +1,445 @@
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ranchi Mall FLO Explorer</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="Ranchi Mall" />
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:700i" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<style>
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
/*body {
position:relative;
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
font-size: 1.05em;
margin: 40px;
text-align:justify;
}*/
table {
border-collapse: collapse;
}
table, tr, th, td {
border: 1px solid #e3e3e3;
}
button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
border-radius: 8px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.activeButton {
color: black;
}
button:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.firstColumn {
position: absolute;;
left:200px;
}
.secondColumn {
position: absolute;
left:450px;
top:194px;
}
.dispBalTable {
border: 1px solid #ffffff;
}
</style>
<script>document.documentElement.className = 'js';</script>
</head>
<body class="demo-2">
<svg class="hidden">
<symbol id="icon-caret" viewBox="0 0 24 24">
<title>caret</title>
<polygon points="15.7,16.6 11.1,12 15.7,7.4 14.3,6 8.3,12 14.3,18"/>
</symbol>
<symbol id="icon-menu" viewBox="0 0 24 24">
<title>menu</title>
<path d="M23.8,6H0.1V3h23.7V6z M23.8,10.5H0.1v3h23.7V10.5z M14.2,18h-14v3h14V18z"/>
</symbol>
<symbol id="icon-cross" viewBox="0 0 24 24">
<title>cross</title>
<path d="M14.1,12l7.3,7.3l-2.1,2.1L12,14.1l-7.3,7.3l-2.1-2.1L9.9,12L2.6,4.7l2.1-2.1L12,9.9l7.3-7.3l2.1,2.1L14.1,12z"/>
</symbol>
</svg>
<main class="view">
<div class="content">
<div class="deco">
<!--<p class="deco__text">elementum recolligo huic commodo locus mihi vestri vox</p>-->
</div>
<header class="codrops-header">
<div class="codrops-links">
<button class="btn btn--menu" style="background-color: pink">
<svg class="icon icon--menu"><use xlink:href="#icon-menu"></use></svg>
<svg class="icon icon--cross"><use xlink:href="#icon-cross"></use></svg>
</button>
</div>
<p id="contractText" class="codrops-header__info"></p>
<nav class="demos">
<a class="demo demo--current" href="index2.html">2</a>
<a class="demo" href="index3.html">View All</a>
</nav>
</header>
</div>
<nav class="tabsnav tabsnav--vertical tabsnav--zeru">
<div class="tabsnav__item">
<div class="tabsnav__bar"></div>
<h3 class="tabsnav__title">Play</h3>
</div>
<div class="tabsnav__item">
<div class="tabsnav__bar"></div>
<h3 class="tabsnav__title">Participate</h3>
</div>
<div class="tabsnav__item">
<div class="tabsnav__bar"></div>
<h3 class="tabsnav__title">Track tokens</h3>
</div>
<div class="tabsnav__item">
<div class="tabsnav__bar"></div>
<h3 class="tabsnav__title">Track Contracts</h3>
</div>
</nav>
<div class="tabscontent">
<div class="tabscontent__item">
<!-- This is where the code for webwallet will be up -->
</div>
<div class="tabscontent__item">
<div class="column">
<h3 class="column__title">03/09/2017</h3>
<h4 class="column__text">velocity</h4>
<h4 class="column__text">gaussian</h4>
<h4 class="column__text">amphiphilic</h4>
<h4 class="column__text">magnitude</h4>
<h4 class="column__text">saponification</h4>
</div>
<div class="column">
<h3 class="column__title">07/23/2017</h3>
<h4 class="column__text">hematocrit</h4>
<h4 class="column__text">ionization</h4>
<h4 class="column__text">geocentric</h4>
<h4 class="column__text">neutrophil</h4>
<h4 class="column__text">energetic</h4>
</div>
</div>
<div class="tabscontent__item">
<!-- Token Tracking -->
<div id='token_column1' class="column">
<h3 class="column__title">Active Tokens</h3>
<!--<h4 class="column__text">energetic</h4>
<h4 class="column__text">hematocrit</h4>
<h4 class="column__text">gaussian</h4>
<h4 class="column__text">amphiphilic</h4>
<h4 class="column__text">neutrophil</h4>-->
</div>
<div id='token_column2' class="column">
<h3 class="column__title">Enter Address/Token name</h3>
<div>
<input type="text" id='tokenName' name="tokenName">
<button type="submit" id='tokenName_submit'>Submit</button>
</div>
<!--<h4 class="column__text">saponification</h4>
<h4 class="column__text">velocity</h4>
<h4 class="column__text">ionization</h4>
<h4 class="column__text">geocentric</h4>
<h4 class="column__text">magnitude</h4>-->
</div>
</div>
<div class="tabscontent__item">
<!-- Smart Contract Tracking -->
<div id='contract_column1' class="column">
<h3 class="column__title">Top Contracts</h3>
<!--<h4 class="column__text">energetic</h4>
<h4 class="column__text">hematocrit</h4>
<h4 class="column__text">gaussian</h4>
<h4 class="column__text">amphiphilic</h4>
<h4 class="column__text">neutrophil</h4>-->
</div>
<div id='contract_column2' class="column">
<h3 class="column__title">Enter Address/Contract name</h3>
<div id="contract_form">
<input type="text" id='addressName' name="addressName">
<button type="submit" id='addressName_submit'>Submit</button>
</div>
<div id="data_output"></div>
</div>
</div>
<button class="btn btn--back"><svg class="icon icon--caret"><use xlink:href="#icon-caret"></use></svg></button>
</div>
</main>
<script src="js/anime.min.js"></script>
<script src="js/enquire.min.js"></script>
<script src="js/tabsnav.js"></script>
<script src="js/demo2.js"></script>
<script>
var contractForm = {
addressName: document.getElementById('addressName'),
submit: document.getElementById('addressName_submit')
};
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');
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');
// Find out if it is a contract name or FLO address
console.log(contractForm['addressName'].value);
if (contractForm['addressName'].value.slice(0,1) == 'F' && contractForm['addressName'].value.length == 34){
fetch(`http://localhost:5010/api/v1.0/getparticipantdetails?floaddress=${contractForm["addressName"].value}`)
.then(response => response.json())
.then((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.innerHTML = "";
// Check which type of address it is
// debugger;
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']['contractName'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Contract address: '+ data['contractInfo']['contractAddress'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Type:'+ data['contractInfo']['contractType'] +'</h4>' ;
contractDetailColumn.innerHTML = contractDetailColumn.innerHTML + '<h4 class="column__text">Expiry time:'+ data['contractInfo']['expiryTime'] +'</h4><br>' ;
/*}*/
}
else if (data['result'] == 'error'){
alert("error");
}
}
function getTopSmartContract(){
var topSmartContract = {};
topSmartContract.name = "india-elections-2019";
topSmartContract.floAddress = "F7osBpjDDV1mSSnMNrLudEQQ3cwDJ2dPR1";
return topSmartContract;
}
function getSmartContractInfo(name,contractAddress){
fetch(`http://localhost:5010/api/v1.0/getsmartContractinfo?name=${name}&contractAddress=${contractAddress}`)
.then(response => response.json())
.then((data) => {
showSmartContractInfo(data);
});
}
function showSmartContractInfo(data){
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 -&gt; "+data['contractInfo']['userChoice'][0]+"<br>"+data['contractInfo']['userChoice'][1];
}
function getSmartContractList(){
fetch('http://localhost:5010/api/v1.0/getsmartContractlist')
.then(response => response.json())
.then((data) => {
showSmartContractList(data);
});
}
function showSmartContractList(data){
contract_column1 = document.getElementById('contract_column1');
for (var i = 0; i < data['smartContracts'].length; i++) {
var contractName = data['smartContracts'][i]['contractName'];
contract_column1.innerHTML = contract_column1.innerHTML + '<h4 class="column__text">'+ contractName +'</h4>'
//console.log(data['smartContracts'])
}
}
function getTokenList(){
fetch('http://localhost:5010/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")});
}
}
/* var es = new EventSource('https://ranchimallflo.duckdns.org/sse');
es.onmessage = function (event) {
console.log(event.data);
};*/
</script>
</body>
</html>

85
index2_3.html Normal file
View File

@ -0,0 +1,85 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<style>
body {
margin: 0;
padding: 0;
}
.div {
text-align: center;
font-size: 24px;
height: 600px;
width: 2800px;
line-height: 300px;
color: yellow;
}
#d1 {
background-color: red;
}
#d2 {
background-color: green;
}
#d3 {
background-color: blue;
}
#d4 {
position: fixed;
background-color: yellow;
height: 150px;
width: 120px;
top: 0px;
left:8px;
}
</style>
<script type="text/javascript">
$(function () {
/* window.onscroll = function () {
$("#d4").css("top", getScrollTop());
};*/
document.onmousemove = function (e) {
if (e == null) {
e = window.event;
}
var html = "screenX:" + e.screenX + "<br/>";
html += "screenY:" + e.screenY + "<br/><br/>";
html += "clientX:" + e.clientX + "<br/>";
html += "clientY:" + e.clientY + "<br/><br/>";
if (e.pageX == null) {
html += "pageX:" + e.x + "<br/>";
html += "pageY:" + e.y + "<br/>";
} else {
html += "pageX:" + e.pageX + "<br/>";
html += "pageY:" + e.pageY + "<br/>";
}
$("#d4").html(html);
};
});
function getScrollTop() {
var top = (document.documentElement && document.documentElement.scrollTop) ||
document.body.scrollTop;
return top;
}
</script>
</head>
<body>
<div id="d4"></div>
<div id="d1" class="div">div1 height:300px width:1300px</div>
<div id="d2" class="div">div2 height:300px width:1300px</div>
<div id="d3" class="div">div3 height:300px width:1300px</div>
</body>
</html>

8
index2_4.html Normal file
View File

@ -0,0 +1,8 @@
<h1 data-secret-sauce2="This is JavaScript redefined">Hello World</h1>
<p>And include some text as well</p>
<script>
var h1 = document.getElementsByTagName('h1')[0];
console.log(h1.dataset.secretSauce2);
console.log(h1.getAttribute('data-secret-sauce2'));
</script>

68
index2_5.html Normal file
View File

@ -0,0 +1,68 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
</head>
<style>
#expanded {
opacity: 0;
transition: all 1s;
background: #ffb3b3;
position:absolute;
top:20px;
left:20px;
}
</style>
<body>
<div id="base"><div id="base1"> Hello </div></div>
<div id="expanded">
<div>This Opened</div>
<div id="closeMe">
<i class="fa fa-times" style="font-size:60px;color:black;"></i>
</div>
</div>
<script>
document.getElementById("base").addEventListener("click",openExpanded);
document.getElementById("closeMe").addEventListener("click",closeExpanded);
function openExpanded(){
/* var current_color = getComputedStyle(x5).getPropertyValue("background-color");
x5.style.backgroundColor = "rgba(1,1,1,0.3)";
'rgba(1,1,1,0.3)'.replace(/[^,]+(?=\))/, '0.5')
*/
document.getElementById("expanded").style.opacity=1;
//document.getElementById("base").style.backgroundColor=getComputedStyle(document.getElementById("base")).getPropertyValue("background-color").replace(/[^,]+(?=\))/, '0');
document.getElementById("base").style.color="rgba(0,0,0,0)"
document.getElementById("expanded").style.width=innerWidth-200;
document.getElementById("expanded").style.height=innerHeight-200;
}
function closeExpanded(){
document.getElementById("expanded").style.opacity=0;
// document.getElementById("base1").style.opacity=1;
document.getElementById("base1").style.color=getComputedStyle(document.getElementById("base1")).getPropertyValue("color").replace(/[^,]+(?=\))/, '1');
//document.getElementById("base1").style.backgroundColor = "rgba(1,1,0,1)"
}
</script>
</body>
</html>

15
index2_6.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<title>Font Awesome Icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<i class="fa fa-car"></i>
<i class="fa fa-car" style="font-size:48px;"></i>
<i class="fa fa-car" style="font-size:60px;color:red;"></i>
</body>
</html>

92
index2_7.html Normal file
View File

@ -0,0 +1,92 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
</head>
<style>
#first {
background: rgb(84, 110, 153,0.9);
width: 100px;
height: 500px;
border-radius: 0px 10px 10px 0px;
z-index: 30;
position: absolute;
left:0px;
top:0px;
transition: all 2s;
}
#second {
background: rgb(229, 57, 209,0.9);
width: 150px;
height: 500px;
border-radius: 0px 10px 10px 0px;
z-index: 20;
position: absolute;
left:0px;
top:0px;
transition: all 2s;
}
#third {
background: rgb(116, 178, 98,0.9);
width: 200px;
height: 500px;
border-radius: 0px 10px 10px 0px;
z-index: 10;
position: absolute;
left:0px;
top:0px;
transition: all 2s;
}
</style>
<body>
<div id="first"><div style="transform: rotate(-90deg);">Vivek</div></div>
<div id="second"></div>
<div id="third"></div>
<script>
document.getElementById("first").style.height=window.innerHeight;
document.getElementById("second").style.height=window.innerHeight;
document.getElementById("third").style.height=window.innerHeight;
function attachEvent(id){
var originalWidth = getComputedStyle(document.getElementById(id)).getPropertyValue("width");
document.getElementById(id).addEventListener("click",expand.bind(document.getElementById(id),originalWidth,false));
}
attachEvent("first");
attachEvent("second");
attachEvent("third");
function expand(passedWidth){
var computedWidth = getComputedStyle(this).getPropertyValue("width");
var x = parseFloat(computedWidth.slice(0,-2))
if (x < 250) {
this.style.width = window.innerWidth ;
}
else
{
// y.target.style.width = y.originalTarget.style.width;
this.style.width = passedWidth;
}
}
</script>
</body>
</html>

16
inline-form.html Normal file
View File

@ -0,0 +1,16 @@
<html>
<head>
<script src="https://use.fontawesome.com/9affd9d78c.js"></script>
</head>
<body>
<div style="height: 50px; width:300px; background-color: white;">
<form>
<button class="fa fa-search" aria-hidden="true"></button>
<input type="text" id="name" name="user_name">
</form>
</div>
</body>
</html>

40
margin-test.html Normal file
View File

@ -0,0 +1,40 @@
<html>
<head>
<style>
.transactions-transfer {
width: auto;
height: 100px;
border: 1px solid #dee2e6;
border-left: 4px solid #4786ff;
border-radius: 4px;
margin-right: 15px;
margin-left: 15px;
margin-top: 9px;
margin-bottom: 9px;
/*padding: 1rem;*/
}
.color-block-transaction {
background-color: rgba(71,134,255,.1);
border-bottom: 1px solid #4786ff;
border-right: 1px solid #4786ff;
border-top: 1px solid #4786ff;
color: #4786ff;
margin-top: -1px;
margin-left: -4px;
border-radius: 4px 0px 0px 4px;
height:100px;
width:172px;
align-items: center;
}
</style>
</head>
<body>
<div class="transactions-transfer">
<div class="color-block-transaction"></div>
</div>
</body>
</html>

37
navbar.html Normal file
View File

@ -0,0 +1,37 @@
<style>
.searchBar{
text-overflow: ellipsis!important;
width: 280px;
background: #f5f6fa;
border-color: #f5f6fa;
color: #828ba0;
font-size: 14px;
height: 50px;
padding-left: 38px;
padding-right: 8px;
position: relative;
z-index: 1;
overflow: visible;
margin: 0;
font-family: inherit;
box-sizing: border-box;
-webkit-appearance: textfield;
-webkit-rtl-ordering: logical;
cursor: text;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-rendering: auto;
-webkit-box-direction: normal;
-webkit-tap-highlight-color: transparent;
text-align:center;
vertical-align: center;
}
</style>
<input class="searchBar">
<div></div>
</input>

21
navbar1.html Normal file
View File

@ -0,0 +1,21 @@
<style>
.searchBar{
text-overflow: ellipsis!important;
width: 280px;
background: #f5f6fa;
color: #828ba0;
font-size: 14px;
height: 50px;
box-sizing: border-box;
cursor: text;
}
[contenteditable]:focus{
outline: 0px solid transparent;
}
</style>
<div class="searchBar" style="display:flex; justify-content:center; align-items:center;">
<div contentEditable="true" style="border: none">Search here</div>
</div>

118
testbox-animation.html Normal file
View File

@ -0,0 +1,118 @@
<html>
<head>
<style>
.box1class{
width:240px;
height:122px;
background:cyan;
border-left: 4px solid #5c34a2;
margin-right: 15px;
margin-left: 15px;
flex-shrink: 0;
}
.box2class{
width:195px;
height:122px;
background:cyan;
border-left: 4px solid #5c34a2;
margin-right: 15px;
margin-left: 15px;
flex-shrink: 0;
}
.box3class{
width:630px;
height:122px;
background:cyan;
border-left: 4px solid #5c34a2;
margin-right: 15px;
margin-left: 15px;
margin-top: 9px;
margin-bottom: 9px;
flex-shrink: 0;
}
.container1{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
}
.container2{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:center;
}
.element-transition{
transition: opacity 300ms ease-in-out;
}
</style>
</head>
<body>
<div>
<div>Blocks</div>
<div id="main" class="container1">
<div id='box1'>
</div>
<div id='box2'>
</div>
<div id='box3'>
</div>
<div id='box4'>
</div>
</div>
</div>
<script>
function function1(x) {
console.log("Over 1200");
if (x.matches) { // If media query matches
document.getElementById("main").className = "container1";
document.getElementById("box1").className = "box1class";
document.getElementById("box2").className = "box1class";
document.getElementById("box3").className = "box1class";
document.getElementById("box4").className = "box1class";
}
}
var x = window.matchMedia("(min-width: 1200px)");
function1(x); // Call listener function at run time
x.addListener(function1); // Attach listener function on state changes
function function2(y) {
console.log("Over 992-1200");
if (y.matches) { // If media query matches
document.getElementById("main").className = "container1";
document.getElementById("box1").className = "box2class";
document.getElementById("box2").className = "box2class";
document.getElementById("box3").className = "box2class";
document.getElementById("box4").className = "box2class";
}
}
var y = window.matchMedia("(min-width: 992px) and (max-width: 1200px)");
function2(y); // Call listener function at run time
y.addListener(function2); // Attach listener function on state changes
function function3(z) {
console.log("Over 768-992");
if (z.matches) { // If media query matches
document.getElementById("main").className = "container2";
document.getElementById("box1").className = "box3class";
document.getElementById("box2").className = "box3class";
document.getElementById("box3").className = "box3class";
document.getElementById("box4").className = "box3class";
}
}
var z = window.matchMedia("(min-width: 768px) and (max-width: 992px)");
function2(z); // Call listener function at run time
z.addListener(function3); // Attach listener function on state changes
</script>
</body>
</html>

1412
transaction_scratch.html Normal file
View File

File diff suppressed because it is too large Load Diff

1329
transaction_table.html Normal file
View File

File diff suppressed because it is too large Load Diff

20
translate-test.html Normal file
View File

@ -0,0 +1,20 @@
<style type="text/css">
.showbox {
float: left;
margin: 4em 1em;
width: 100px;
height: 60px;
border: 2px solid green;
background-color: #fff;
line-height: 60px;
text-align: center;
}
</style>
<div class="showbox">box 1</div>
<div class="showbox">box 2</div>
<div class="showbox">box 3</div>
<div class="showbox">box 4</div>
<div ></div>

26
vivek.html Normal file
View File

@ -0,0 +1,26 @@
<html>
<head>
<style>
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
</style>
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<header style="height: 75px; background: #fffaf7">
<div style="align:left">FLO Explorer</div>
<div style="align:right">Search Bar</div>
</header>
<div>
</div>
<div>
</div>
<footer>
</footer>
</body>
</html>

1195
vscout-navbar.html Normal file
View File

File diff suppressed because it is too large Load Diff

1178
vscout-navbar1.html Normal file
View File

File diff suppressed because it is too large Load Diff

1456
vscout2.html Normal file
View File

File diff suppressed because it is too large Load Diff

23
websocket.html Normal file
View File

@ -0,0 +1,23 @@
<html>
<body>
<script src="https://livenet.flocha.in/socket.io/socket.io.js"></script>
<script>
function parseWebSocketTransaction(txobject){
}
eventToListenTo = 'block'
room = 'inv'
var socket = io("https://livenet.flocha.in/");
socket.on('connect', function() {
// Join the room.
socket.emit('subscribe', room);
})
socket.on(eventToListenTo, function(data) {
console.log("New data received: " + data)
})
</script>
</body>
</html>