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

pushing data as a backup

Browse Source
This commit is contained in:
Vivek Teega 2019-08-15 16:37:24 +05:30
parent 2401e22c53
commit d3ce45035b
19 changed files with 8847 additions and 73 deletions
Show Stats Download Patch File Download Diff File 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>

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

457
vscout2.html
View File

@ -326,6 +326,12 @@
/* media query inherited shiz 992*/
display: flex !important;
box-sizing: border-box;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
}
.search_form {
@ -340,6 +346,38 @@
margin-top: 0 !important;
}
.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;
}
.search_button {
border-radius: 2px;
border: none;
@ -527,7 +565,6 @@
.card {
background-color: #fff;
border-radius: 10px;
border: none;
box-shadow: 0 0 30px 0 rgba(202, 199, 226, .5);
margin-bottom: 50px;
@ -563,8 +600,30 @@
display: flex;
flex-direction: column;
padding-top: 10px;
/* Animation */
animation-name: slidein;
animation-duration: 300ms;
animation-timing-function: ease-in-out;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: forwards;
}
@keyframes slidein {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
.box1class a {
font-weight: 700;
font-size: 12px;
@ -767,6 +826,34 @@
padding: 30px 15px 30px;
}
.viewall {
align-items: center;
background-color: #fff;
border-radius: 2px;
border: 1px solid #5c34a2;
color: #5c34a2;
display: flex;
font-size: 12px;
height: 36px;
justify-content: center;
outline: none;
padding: 0 15px;
text-decoration: none;
justify-content: center;
outline: none;
padding: 0 15px;
transition: all .4s ease-in-out;
white-space: nowrap;
width: fit-content;
font-weight: 400;
margin-right: 14px;
line-height: 1.2rem;
margin-bottom: 2rem;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
}
/*Footer Section*/
.footerBar {
@ -831,23 +918,38 @@
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.card-tabs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom: 1px solid #e2e5ec;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow: hidden;
}
</style>
<body>
<div class="maincontainer">
<nav class="navbar">
<div class="navbar_container">
<a href="vscout2.html">
<img class="navbar-logo" style="vertical-align:middle; border-style:none;"
src="FLO_horizontal_text1.svg" alt="POA Core">
</a>
<nav class="navbar">
<div class="navbar_container">
<a href="vscout2.html">
<img class="navbar-logo" style="vertical-align:middle; border-style:none;"
src="FLO_horizontal_text1.svg" alt="POA Core">
</a>
<div class="navbarmenu_search">
<ul> </ul>
<div class="searchform_container">
<form action="" class="search_form" method="get">
<!-- <div class="input-group" title="Search by address, token symbol name, transaction hash, or block number">
<div class="navbarmenu_search">
<ul> </ul>
<div class="searchform_container">
<form action="" class="search_form" method="get">
<!-- <div class="input-group" title="Search by address, token symbol name, transaction hash, or block number">
<div class="awesomplete"><input aria-describedby="search-icon" aria-label="Search" class="form-control me auto" data-test="search_input" id="q" name="q" placeholder="Search by address, token symbol name, transaction hash, or block number" type="text" autocomplete="off" aria-autocomplete="list"><ul hidden=""></ul><span class="visually-hidden" role="status" aria-live="assertive" aria-relevant="additions"></span></div><script type="text/javascript">AwesompleteUtil.start('#q', {url: '/poa/core/token_autocomplete?q=', limit: 0}, {minChars: 2, data: function(rec, input) { return { label: (rec['contract_address_hash'] || '').replace('<p>', '<p >')+'<p>'+(rec['symbol'] || ''), value: rec['contract_address_hash']+'|'+(rec['symbol'] || '').replace('|', ' ') }; }, replace: function(data) { var text = data.value.substring(0, data.value.lastIndexOf('|')); this.input.value = text; }, filter: AwesompleteUtil.filterContains, item: AwesompleteUtil.itemMarkAll});</script> <div class="input-group-append">
<button class="input-group-text" id="search-icon">
<svg viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg" width="16" height="17">
@ -856,55 +958,46 @@
</button>
</div>
</div>-->
<button class="search_button" type="submit">Search</button>
</form>
</div>
<button class="search_button" type="submit">Search</button>
</form>
</div>
</div>
</nav>
</div>
</nav>
<main>
<div id="dashboard-banner-container" class="dashboard-banner-container">
<div class="dashboard-container">
<div class='dashboard-banner'>
<div class='dashboard-banner-network-graph'></div>
<div class='dashboard-banner-network-plain-container'>
<div class="dashboard-banner-network-stats">
<div class="dashboard-banner-network-stats-item">
<span class="dashboard-banner-network-stats-label">
Average block time </span>
<span class="dashboard-banner-network-stats-value">5 seconds</span>
</div>
<div class="dashboard-banner-network-stats-item">
<span class="dashboard-banner-network-stats-label">
Total transactions </span>
<span class="dashboard-banner-network-stats-value">6,676,915</span>
</div>
<div class="dashboard-banner-network-stats-item">
<span class="dashboard-banner-network-stats-label">
Total blocks </span>
<span class="dashboard-banner-network-stats-value">9,427,373</span>
</div>
<div class="dashboard-banner-network-stats-item">
<span class="dashboard-banner-network-stats-label">
Wallet addresses </span>
<span class="dashboard-banner-network-stats-value"
data-selector="address-count">25,207</span>
</div>
</div>
<!--<div style="width:100%; height:100px; background-color: red;"></div>-->
<div class="dashboard-banner-container">
<div class="dashboard-container">
<div class='dashboard-banner'>
<div class='dashboard-banner-network-graph'></div>
<div class='dashboard-banner-network-plain-container'>
<div class="dashboard-banner-network-stats">
<div class="dashboard-banner-network-stats-item">
<span class="dashboard-banner-network-stats-label">
Average block time </span>
<span class="dashboard-banner-network-stats-value">5 seconds</span>
</div>
<div class="dashboard-banner-network-stats-item">
<span class="dashboard-banner-network-stats-label">
Total transactions </span>
<span class="dashboard-banner-network-stats-value">6,676,915</span>
</div>
<div class="dashboard-banner-network-stats-item">
<span class="dashboard-banner-network-stats-label">
Total blocks </span>
<span class="dashboard-banner-network-stats-value">9,427,373</span>
</div>
<div class="dashboard-banner-network-stats-item">
<span class="dashboard-banner-network-stats-label">
Wallet addresses </span>
<span class="dashboard-banner-network-stats-value"
data-selector="address-count">25,207</span>
</div>
</div>
</div>
</div>
<section class="container">
<div class="card card-chain-blocks">
<div class="card-body"></div>
</div>
</section>
</main>
</div>
</div>
@ -912,41 +1005,48 @@
<div style="text-align:center; min-width:630px; max-width:1140px; margin:auto">
<div class="card">
<div class="container1">
<h2
style="text-align:left; font-size:18px; font-weight:400; margin-left:14px; line-height:1.2rem; margin-bottom:2rem; display:block; margin-block-start:0.83em; margin-block-end:0.83em;">
Blocks</h2>
<div style="display:flex;justify-content: space-between;">
<h2
style="text-align:left; font-size:18px; font-weight:400; margin-left:14px; line-height:1.2rem; margin-bottom:2rem; display:block; margin-block-start:0.83em; margin-block-end:0.83em;">
Blocks</h2>
<a class="viewall" href="#">View All Blocks</a>
</div>
<div style="display:flex; flex-direction:row">
<div id="blocks-card" style="display:flex; flex-direction:row; padding-top: 9px">
<div class='box1class'>
<div style="flex:0 0 30px;text-align: left"><a href="#" style="padding:16px 16px 0px 16px; margin-bottom:12px;">345678</a>
<div style="flex:0 0 30px;text-align: left"><a href="#"
style="padding:16px 16px 0px 16px; margin-bottom:12px;">345678</a>
</div>
<div
style="background: #f6f7f9;flex:1 1 100px;text-align: left; padding:12.8px 16px 12.8px 16px">
<div>Test Data</div>
<div>1 Transaction</div>
</div>
</div>
<div class='box1class'>
<div style="flex:0 0 30px;text-align: left"><a href="#" style="padding:16px 16px 0px 16px; margin-bottom:12px;">345678</a>
<div style="flex:0 0 30px;text-align: left"><a href="#"
style="padding:16px 16px 0px 16px; margin-bottom:12px;">345677</a>
</div>
<div
style="background: #f6f7f9;flex:1 1 100px;text-align: left; padding:12.8px 16px 12.8px 16px">
<div>Test Data</div>
<div>3 Transaction</div>
</div>
</div>
<div class='box1class'>
<div style="flex:0 0 30px;text-align: left"><a href="#" style="padding:16px 16px 0px 16px; margin-bottom:12px;">345678</a>
<div style="flex:0 0 30px;text-align: left"><a href="#"
style="padding:16px 16px 0px 16px; margin-bottom:12px;">345676</a>
</div>
<div
style="background: #f6f7f9;flex:1 1 100px;text-align: left; padding:12.8px 16px 12.8px 16px">
<div>Test Data</div>
<div>0 Transaction</div>
</div>
</div>
<div class='box1class'>
<div style="flex:0 0 30px;text-align: left"><a href="#" style="padding:16px 16px 0px 16px; margin-bottom:12px;">345678</a>
<div style="flex:0 0 30px;text-align: left"><a href="#"
style="padding:16px 16px 0px 16px; margin-bottom:12px;">345675</a>
</div>
<div
style="background: #f6f7f9;flex:1 1 100px;text-align: left; padding:12.8px 16px 12.8px 16px">
<div>Test Data</div>
<div>2 Transaction</div>
</div>
</div>
</div>
@ -958,10 +1058,13 @@
<!-- Transaction Card -->
<div style="text-align:center;min-width:630px;max-width:1140px;margin:auto">
<div class="card">
<div class="container2">
<h2
style="text-align:left; font-size:18px; font-weight:400; margin-left:14px; line-height:1.2rem; margin-bottom:2rem; display:block; margin-block-start:0.83em; margin-block-end:0.83em;">
Transactions</h2>
<div id="transactions-card" class="container2">
<div style="display:flex;justify-content: space-between;">
<h2
style="text-align:left; font-size:18px; font-weight:400; margin-left:14px; line-height:1.2rem; margin-bottom:2rem; display:block; margin-block-start:0.83em; margin-block-end:0.83em;">
Transactions</h2>
<a class="viewall" href="#">View All Blocks</a>
</div>
<div class='transactions token-creation'>
<div style="display:flex;">
@ -1055,8 +1158,6 @@
</div>
<div style="width:100%;background:rgb(60,34,106)">
<div class="footer" style="width:80%;margin:auto">
@ -1139,6 +1240,216 @@
</div>
<script src="https://flosight.duckdns.org/socket.io/socket.io.js"></script>
<script>
eventToListenTo = 'block'
room = 'inv'
var socket = io("https://flosight.duckdns.org/");
socket.on('connect', function () {
// Join the room.
socket.emit('subscribe', room);
})
socket.on(eventToListenTo, function (data) {
console.log("New block received: " + data);
fetch(`https://flosight.duckdns.org/api/block/${data}`)
.then(function (response) {
return response.json();
})
.then(function (myJson) {
//console.log(JSON.stringify(myJson));
var blockdiv = document.createElement("div");
blockdiv.setAttribute("class", "box1class");
var blockno = document.createElement("div");
blockno.setAttribute("style", "flex:0 0 30px;text-align: left");
blockno.innerHTML = `<a href="#" style="padding:16px 16px 0px 16px; margin-bottom:12px;">${myJson["height"]}</a>`;
var blocktransaction = document.createElement("div");
blocktransaction.setAttribute("style", "background: #f6f7f9;flex:1 1 100px;text-align: left; padding:12.8px 16px 12.8px 16px");
blocktransaction.innerHTML = `<div>${myJson["tx"].length} Transaction</div>`;
blockdiv.appendChild(blockno);
blockdiv.appendChild(blocktransaction);
blocksCard_main = document.getElementById("blocks-card");
blocksCard_main.insertBefore(blockdiv, blocksCard_main.childNodes[0]);
blocksCard_main.removeChild(blocksCard_main.lastChild);
blocksCard_main.removeChild(blocksCard_main.lastChild);
});
})
</script>
<script>
eventToListenTo = 'tx'
room = 'inv'
var socket = io("https://flosight.duckdns.org/");
socket.on('connect', function () {
// Join the room.
socket.emit('subscribe', room);
})
socket.on(eventToListenTo, function (data) {
console.log("New transaction received: " + data.txid);
fetch(`https://flosight.duckdns.org/api/tx/${data.txid}`)
.then(function (response) {
return response.json();
})
.then(function (myJson) {
console.log(JSON.stringify(myJson));
console.log('going to encode now');
encoded_string = urlEncode(myJson['floData']);
parseFloData(encoded_string, myJson);
});
/*var blockdiv = document.createElement("div");
blockdiv.setAttribute("class", "box1class");
var blockno = document.createElement("div");
blockno.setAttribute("style", "flex:0 0 30px;text-align: left");
blockno.innerHTML = '<a href="#" style="padding:16px 16px 0px 16px; margin-bottom:12px;">345678</a>';
var blocktransaction = document.createElement("div");
blocktransaction.setAttribute("style", "background: #f6f7f9;flex:1 1 100px;text-align: left; padding:12.8px 16px 12.8px 16px");
blocktransaction.innerHTML = "<div>1 Transaction</div>";
blockdiv.appendChild(blockno);
blockdiv.appendChild(blocktransaction);
blocksCard_main = document.getElementById("blocks-card");
blocksCard_main.insertBefore(blockdiv, blocksCard_main.childNodes[0]);
blocksCard_main.removeChild(blocksCard_main.lastChild);*/
});
function urlEncode(text) {
urlEncodingDictionary = {
'%': '%25',
'!': '%21',
'#': '%23',
'$': '%24',
'&': '%26',
"'": '%27',
'(': '%28',
')': '%29',
'*': '%2A',
'+': '%2B',
'/': '%2C',
':': '%2F',
';': '%3A',
'=': '%3B',
'?': '%3D',
'@': '%3F',
'[': '%40',
']': '%5B',
'.': '%2E'
}
if (text != '') {
for (var key in urlEncodingDictionary) {
if (text.indexOf(key) > -1) {
text = text.replace(key, urlEncodingDictionary[key]);
}
}
}
return text;
}
function parseFloData(floData, txdata) {
fetch(`http://127.0.0.1:5010/api/v1.0/parseFloData?floData=${floData}&blockhash=${txdata["blockhash"]}`)
.then(function (response) {
return response.json();
})
.then(function (parsedFloData_json) {
console.log('Parsed Flo Data');
console.log(JSON.stringify(parsedFloData_json));
buildTransaction(parsedFloData_json, txdata);
});
}
// build transaction card
function buildTransaction(parsed_floData, txdata) {
transactionsCard_main = document.getElementById("transactions-card");
if (parsed_floData['type'] == 'noise') {
}
else if (parsed_floData['type'] == 'transfer' && parsed_floData['transferType'] == 'token') {
// create a token transfer block and append it to the transactions card
transactionType = document.createElement('div');
transactionType.setAttribute('class', 'transactions token-transfer');
// color block
color_block = document.createElement('div');
color_block.setAttribute('class', color - block - token - transfer);
span1 = document.createElement('div');
span1.setAttribute("style", "color:#ef9a60; font-size: 12px; font-weight: 700; line-height: 1.2; margin: 0 0 2px; text-align: center;");
span1.innerText = "Token Transfer";
span2 = document.createElement('div');
span2.setAttribute("style", "color:inherit; font-size: 12px; font-weight: 400; line-height: 1.2; text-align:center; padding: 0 5px;");
span2.innerText = parsed_flodata['tokenIdentification'].toUpperCase();
color_block.appendChild(span1);
color_block.appendChild(span2);
// transaction content
transactionContent = document.createElement('div');
transactionContent.setAttribute("class", "transactions-content");
transactionHash = document.createElement('a');
transactionHash.innerText = data.txid;
transaction_ipop = document.createElement('div');
transaction_ipop.setAttribute('style', 'display: inline-block');
ipAddress = document.createElement('a');
ipAddress.innerText = txdata['vin'][0].addr;
arrowSymbol = document.createElement('i');
arrowSymbol.setAttribute('class', 'fas fa-long-arrow-alt-right');
opAddress = document.createElement('a');
for (var i = 0; i < txdata['vout'].length; i++) {
if (txdata['vout'][i]['scriptPubKey']['type'] == 'pubkeyhash') {
if (txdata['vout'][i]['scriptPubKey']['addresses'][0] == ipAddress) {
continue;
}
opAddress.innerText = txdata['vout'][i]['scriptPubKey']['addresses'][0];
}
}
transaction_ipop.appendChild(ipAddress); arrowSymbol
transaction_ipop.appendChild(arrowSymbol);
transaction_ipop.appendChild(opAddress);
transferAmount = document.createElement('p');
transferAmount.setAttribute('style', 'margin:0; padding:0;color:#333');
transferAmount.innerText = `${tokenAmount} ${tokenIdentification}`;
floData_text = document.createElement('p');
floData_text.setAttribute('style', 'margin:0; padding:0;color:#333');
floData_text.innerText = `FLO Data : ${parsed_floData["floData"]}`;
transactionContent.appendChild(transactionHash);
transactionContent.appendChild(transaction_ipop);
transactionContent.appendChild(transferAmount);
transactionContent.appendChild(floData_text);
// block info
blockInfo = document.createElement('div');
blockInfo.setAttribute('class', 'blockinfo');
blockNumber = document.createElement('a');
blockNumber.setAttribute('style', 'color: #5c34a2; text-decoration:none;background-color: transparent; font-size: 12px; line-height: 1.4rem;');
blockNumber.innerText = `Block #${txdata['blockheight']}`;
timeElapsed = document.createElement('div');
timeElapsed.setAttribute('style', 'font-weight:400; color:#828ba0;');
timeElapsed.innerText = "1 min ago";
transactionType.appendChild(color_block);
transactionType.appendChild(transactionContent);
transactionType.appendChild(blockInfo);
transactionsCard_main.insertBefore(transactionType, transactionsCard_main.childNodes[1]);
}
}
</script>
</body>

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>