Add files via upload
This commit is contained in:
Keerthana.A.V
GitHub
parent
15b92f9896
commit
b859254343
397
FLO_Operations/css/main.css
Normal file
397
FLO_Operations/css/main.css
Normal file
@ -0,0 +1,397 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
:root {
|
||||
font-size: clamp(1rem, 1.2vmax, 3rem);
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
color: rgba(var(--text-color), 1);
|
||||
background: rgba(var(--background-color), 1);
|
||||
}
|
||||
body,
|
||||
body * {
|
||||
--accent-color: #0D7377;
|
||||
--text-color: 17, 17, 17;
|
||||
--background-color: 255, 255, 255;
|
||||
--danger-color: red;
|
||||
}
|
||||
|
||||
body[data-theme=dark],
|
||||
body[data-theme=dark] * {
|
||||
--accent-color: #32E0C4;
|
||||
--text-color: 240, 240, 240;
|
||||
--text-color-light: 170, 170, 170;
|
||||
--background-color: 10, 10, 10;
|
||||
--danger-color: rgb(255, 106, 106);
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 0.8;
|
||||
max-width: 65ch;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 1.5rem;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
p:not(:last-of-type) {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:focus-visible {
|
||||
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
|
||||
}
|
||||
|
||||
button {
|
||||
display: inline-flex;
|
||||
border: none;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
a:any-link:focus-visible {
|
||||
outline: rgba(var(--text-color), 1) 0.1rem solid;
|
||||
}
|
||||
|
||||
sm-button {
|
||||
--border-radius: 0.3rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.hide {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.hide-completely {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.no-transformations {
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.overflow-ellipsis {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.breakable {
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
-ms-word-break: break-all;
|
||||
word-break: break-word;
|
||||
-ms-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
.full-bleed {
|
||||
grid-column: 1/4;
|
||||
}
|
||||
|
||||
.h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.h3 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.h4 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.h5 {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.grid-3 {
|
||||
grid-template-columns: 1fr auto auto;
|
||||
}
|
||||
|
||||
.flow-column {
|
||||
grid-auto-flow: column;
|
||||
}
|
||||
|
||||
.gap-0-5 {
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.gap-1 {
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.gap-1-5 {
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.gap-2 {
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.gap-3 {
|
||||
gap: 3rem;
|
||||
}
|
||||
|
||||
.text-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.justify-start {
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.justify-right {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.align-self-center {
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.justify-self-center {
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.justify-self-start {
|
||||
justify-self: start;
|
||||
}
|
||||
|
||||
.justify-self-end {
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
.direction-column {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.w-100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.color-0-8 {
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
|
||||
.weight-400 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.weight-500 {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ripple {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
transform: scale(0);
|
||||
background: rgba(var(--text-color), 0.16);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.interact {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.observe-empty-state:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.observe-empty-state:not(:empty) ~ .empty-state {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
fill: rgba(var(--text-color), 0.9);
|
||||
}
|
||||
|
||||
.button__icon {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
}
|
||||
.button__icon--left {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.button__icon--right {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
#confirmation_popup,
|
||||
#prompt_popup {
|
||||
flex-direction: column;
|
||||
}
|
||||
#confirmation_popup h4,
|
||||
#prompt_popup h4 {
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
#confirmation_popup sm-button,
|
||||
#prompt_popup sm-button {
|
||||
margin: 0;
|
||||
}
|
||||
#confirmation_popup .flex,
|
||||
#prompt_popup .flex {
|
||||
padding: 0;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
#confirmation_popup .flex sm-button:first-of-type,
|
||||
#prompt_popup .flex sm-button:first-of-type {
|
||||
margin-right: 0.6rem;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
#main_header {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
padding: 1rem 1.5rem;
|
||||
background: rgba(var(--background-color), 1);
|
||||
border-bottom: solid 1px rgba(var(--text-color), 0.16);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#logo {
|
||||
display: grid;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 0 0.5rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
#logo h4 {
|
||||
text-transform: capitalize;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
#logo h5 {
|
||||
font-size: 0.8rem;
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
#logo #main_logo {
|
||||
height: 1.4rem;
|
||||
width: 1.4rem;
|
||||
fill: rgba(var(--text-color), 1);
|
||||
stroke: none;
|
||||
}
|
||||
|
||||
sm-tab-header {
|
||||
padding: 0 1.5rem;
|
||||
background-color: rgba(var(--text-color), 0.06);
|
||||
}
|
||||
|
||||
sm-tab {
|
||||
padding: 0.5rem 0.8rem;
|
||||
}
|
||||
|
||||
.section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 3rem;
|
||||
padding: 0 1.5rem;
|
||||
}
|
||||
.section:first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.section__header {
|
||||
display: flex;
|
||||
padding: 1rem 0;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 1.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 20rem;
|
||||
border-radius: 0.5rem;
|
||||
margin-right: 1.5rem;
|
||||
background-color: rgba(var(--text-color), 0.06);
|
||||
}
|
||||
.card h3 {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
sm-popup {
|
||||
--width: 24rem;
|
||||
}
|
||||
}
|
||||
9
FLO_Operations/css/main.css.map
Normal file
9
FLO_Operations/css/main.css.map
Normal file
@ -0,0 +1,9 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": [
|
||||
"main.scss"
|
||||
],
|
||||
"names": [],
|
||||
"file": "main.css"
|
||||
}
|
||||
1
FLO_Operations/css/main.min.css
vendored
Normal file
1
FLO_Operations/css/main.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
#logo h5,*{font-family:Roboto,sans-serif}*{padding:0;margin:0;box-sizing:border-box}:root{font-size:clamp(1rem,1.2vmax,3rem)}body,html{height:100%;scroll-behavior:smooth}body{color:rgba(var(--text-color),1);background:rgba(var(--background-color),1)}body,body *{--accent-color:#0D7377;--text-color:17,17,17;--background-color:255,255,255;--danger-color:red}body[data-theme=dark],body[data-theme=dark] *{--accent-color:#32E0C4;--text-color:240,240,240;--text-color-light:170,170,170;--background-color:10,10,10;--danger-color:rgb(255, 106, 106)}p{font-size:.8;max-width:65ch;line-height:1.7;margin-bottom:1.5rem;color:rgba(var(--text-color),.8)}p:not(:last-of-type){margin-bottom:1rem}img{object-fit:cover}a{color:inherit;text-decoration:none}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color),1) inset}button{display:inline-flex;border:none;background-color:inherit}a:any-link:focus-visible{outline:solid rgba(var(--text-color),1)}sm-button{--border-radius:0.3rem}ul{list-style:none}.hide{opacity:0;pointer-events:none}.hide-completely{display:none!important}#main_header,.flex{display:flex}.no-transformations{transform:none!important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}#logo h4,.capitalize{text-transform:capitalize}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}#main_header,.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.color-0-8{color:rgba(var(--text-color),.8)}.weight-400{font-weight:400}.weight-500{font-weight:500}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.16);pointer-events:none}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color),.9)}.button__icon{height:1.2rem;width:1.2rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}#main_header{gap:1rem;position:sticky;padding:1rem 1.5rem;background:rgba(var(--background-color),1);border-bottom:solid 1px rgba(var(--text-color),.16);z-index:2}#logo{display:grid;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .5rem;margin-right:1rem}#logo h4{font-size:1rem;font-weight:600;margin-top:.2rem}#logo h5{font-size:.8rem;font-weight:400}#logo #main_logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color),1);stroke:none}sm-tab-header{padding:0 1.5rem;background-color:rgba(var(--text-color),.06)}sm-tab{padding:.5rem .8rem}.section{display:flex;flex-direction:column;margin-top:3rem;padding:0 1.5rem}.section:first-of-type{margin-top:0}.section__header{display:flex;padding:1rem 0;justify-content:space-between}.card{padding:1.5rem;display:flex;flex-direction:column;min-width:20rem;border-radius:.5rem;margin-right:1.5rem;background-color:rgba(var(--text-color),.06)}.card h3{font-weight:500}@media screen and (min-width:640px){sm-popup{--width:24rem}}
|
||||
334
FLO_Operations/css/main.scss
Normal file
334
FLO_Operations/css/main.scss
Normal file
@ -0,0 +1,334 @@
|
||||
*{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
:root{
|
||||
font-size: clamp(1rem, 1.2vmax, 3rem);
|
||||
}
|
||||
html, body{
|
||||
height: 100%;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
&,
|
||||
*{
|
||||
--accent-color: #0D7377;
|
||||
--text-color: 17, 17, 17;
|
||||
--background-color: 255, 255, 255;
|
||||
--danger-color: red;
|
||||
}
|
||||
color: rgba(var(--text-color), 1);
|
||||
background: rgba(var(--background-color), 1);
|
||||
}
|
||||
body[data-theme='dark']{
|
||||
&,
|
||||
*{
|
||||
--accent-color: #32E0C4;
|
||||
--text-color: 240, 240, 240;
|
||||
--text-color-light: 170, 170, 170;
|
||||
--background-color: 10, 10, 10;
|
||||
--danger-color: rgb(255, 106, 106);
|
||||
}
|
||||
}
|
||||
p {
|
||||
font-size: 0.8;
|
||||
max-width: 65ch;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 1.5rem;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
&:not(:last-of-type){
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
img{
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
a{
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
&:focus-visible{
|
||||
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
|
||||
}
|
||||
}
|
||||
|
||||
button{
|
||||
display: inline-flex;
|
||||
border: none;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
a:any-link:focus-visible{
|
||||
outline: rgba(var(--text-color), 1) 0.1rem solid;
|
||||
}
|
||||
sm-button{
|
||||
--border-radius: 0.3rem;
|
||||
}
|
||||
ul{
|
||||
list-style: none;
|
||||
}
|
||||
.flex{
|
||||
display: flex;
|
||||
}
|
||||
.grid{
|
||||
display: grid;
|
||||
}
|
||||
.hide{
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
.hide-completely{
|
||||
display: none !important;
|
||||
}
|
||||
.no-transformations{
|
||||
transform: none !important;
|
||||
}
|
||||
.overflow-ellipsis{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.breakable{
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
-ms-word-break: break-all;
|
||||
word-break: break-word;
|
||||
-ms-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
.full-bleed{
|
||||
grid-column: 1/4;
|
||||
}
|
||||
.h1{
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.h2{
|
||||
font-size: 2rem;
|
||||
}
|
||||
.h3{
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.h4{
|
||||
font-size: 1rem;
|
||||
}
|
||||
.h5{
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.uppercase{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.capitalize{
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.flex{
|
||||
display: flex;
|
||||
}
|
||||
.grid{
|
||||
display: grid;
|
||||
}
|
||||
.grid-3{
|
||||
grid-template-columns: 1fr auto auto;
|
||||
}
|
||||
.flow-column{
|
||||
grid-auto-flow: column;
|
||||
}
|
||||
.gap-0-5{
|
||||
gap: 0.5rem;
|
||||
}
|
||||
.gap-1{
|
||||
gap: 1rem;
|
||||
}
|
||||
.gap-1-5{
|
||||
gap: 1.5rem;
|
||||
}
|
||||
.gap-2{
|
||||
gap: 2rem;
|
||||
}
|
||||
.gap-3{
|
||||
gap: 3rem;
|
||||
}
|
||||
.text-align-right{
|
||||
text-align: right;
|
||||
}
|
||||
.align-start{
|
||||
align-items: flex-start;
|
||||
}
|
||||
.align-center{
|
||||
align-items: center;
|
||||
}
|
||||
.text-center{
|
||||
text-align: center;
|
||||
}
|
||||
.justify-start{
|
||||
justify-content: start;
|
||||
}
|
||||
.justify-center{
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-right{
|
||||
margin-left: auto;
|
||||
}
|
||||
.align-self-center{
|
||||
align-self: center;
|
||||
}
|
||||
.justify-self-center{
|
||||
justify-self: center;
|
||||
}
|
||||
.justify-self-start{
|
||||
justify-self: start;
|
||||
}
|
||||
.justify-self-end{
|
||||
justify-self: end;
|
||||
}
|
||||
.direction-column{
|
||||
flex-direction: column;
|
||||
}
|
||||
.space-between{
|
||||
justify-content: space-between;
|
||||
}
|
||||
.w-100{
|
||||
width: 100%;
|
||||
}
|
||||
.color-0-8{
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
.weight-400{
|
||||
font-weight: 400;
|
||||
}
|
||||
.weight-500{
|
||||
font-weight: 500;
|
||||
}
|
||||
.ripple{
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
transform: scale(0);
|
||||
background: rgba(var(--text-color), 0.16);
|
||||
pointer-events: none;
|
||||
}
|
||||
.interact{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.observe-empty-state:empty{
|
||||
display: none;
|
||||
}
|
||||
.observe-empty-state:not(:empty) ~ .empty-state{
|
||||
display: none;
|
||||
}
|
||||
.icon{
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
fill: rgba(var(--text-color), 0.9);
|
||||
}
|
||||
.button__icon{
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
&--left{
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
&--right{
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
}
|
||||
#confirmation_popup,
|
||||
#prompt_popup {
|
||||
flex-direction: column;
|
||||
h4 {
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
sm-button{
|
||||
margin: 0;
|
||||
}
|
||||
.flex {
|
||||
padding: 0;
|
||||
margin-top: 1rem;
|
||||
sm-button:first-of-type {
|
||||
margin-right: 0.6rem;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
#main_header{
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
padding: 1rem 1.5rem;
|
||||
background: rgba(var(--background-color), 1);
|
||||
border-bottom: solid 1px rgba(var(--text-color), 0.16);
|
||||
z-index: 2;
|
||||
}
|
||||
#logo{
|
||||
display: grid;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 0 0.5rem;
|
||||
margin-right: 1rem;
|
||||
h4{
|
||||
text-transform: capitalize;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
h5{
|
||||
font-size: 0.8rem;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
#main_logo{
|
||||
height: 1.4rem;
|
||||
width: 1.4rem;
|
||||
fill: rgba(var(--text-color), 1);
|
||||
stroke: none;
|
||||
}
|
||||
}
|
||||
sm-tab-header{
|
||||
padding: 0 1.5rem;
|
||||
background-color: rgba(var(--text-color), 0.06);
|
||||
}
|
||||
sm-tab{
|
||||
padding: 0.5rem 0.8rem;
|
||||
}
|
||||
.section{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 3rem;
|
||||
padding: 0 1.5rem;
|
||||
&:first-of-type{
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
.section__header{
|
||||
display: flex;
|
||||
padding: 1rem 0;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.card{
|
||||
padding: 1.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 20rem;
|
||||
border-radius: 0.5rem;
|
||||
margin-right: 1.5rem;
|
||||
background-color: rgba(var(--text-color), 0.06);
|
||||
h3{
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
// for tablet and desktop
|
||||
sm-popup{
|
||||
--width: 24rem;
|
||||
}
|
||||
}
|
||||
66
FLO_Operations/css/mainnn.css
Normal file
66
FLO_Operations/css/mainnn.css
Normal file
@ -0,0 +1,66 @@
|
||||
|
||||
h3{text-decoration:underline;}
|
||||
|
||||
.generate{
|
||||
font-size: large;
|
||||
text-align:left;
|
||||
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
.print
|
||||
{
|
||||
text-align:center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.innerhtml
|
||||
{
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
contain: content;
|
||||
margin-left:10px;
|
||||
margin-right: 10px;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
sm-button{
|
||||
width: 20%;
|
||||
margin-left: 40%;
|
||||
}
|
||||
|
||||
sm-input{
|
||||
width: 50%;
|
||||
margin-left: 25%;
|
||||
contain:content;
|
||||
}
|
||||
|
||||
sm-popup
|
||||
{
|
||||
font-family: sans-serif;
|
||||
font-style: italic;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
.readmore{cursor: pointer;
|
||||
color:var(--accent-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
ul{margin-left: 20px;
|
||||
}
|
||||
.h53{font-weight: bold;}
|
||||
@media screen and (min-width:200px) and (max-width:900px)
|
||||
{
|
||||
sm-input{
|
||||
width: 100%;
|
||||
margin-left:0px;
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:480px)
|
||||
{
|
||||
sm-button{
|
||||
width:70%;
|
||||
margin-left: 0px;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
61
FLO_Operations/css/style.css
Normal file
61
FLO_Operations/css/style.css
Normal file
@ -0,0 +1,61 @@
|
||||
.h3{text-decoration: underline;
|
||||
font-size:large;}
|
||||
|
||||
sm-select{
|
||||
max-width: 50%;
|
||||
margin-left: 25%;
|
||||
}
|
||||
|
||||
sm-input{
|
||||
width: 50%;
|
||||
margin-left: 25%;
|
||||
}
|
||||
sm-button{
|
||||
width: 25%;
|
||||
margin-left: 38%;
|
||||
}
|
||||
|
||||
.innerhtml{
|
||||
width: 100%;
|
||||
scroll-behavior: smooth;
|
||||
contain: content;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.popup{
|
||||
color:var(--accent-color);
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
.h{
|
||||
color: gray;
|
||||
font-size: medium;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@media screen and (min-width:200px) and (max-width:900px)
|
||||
{
|
||||
sm-input{
|
||||
width: 100%;
|
||||
margin-left:0px;
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:480px)
|
||||
{
|
||||
sm-button{
|
||||
width:70%;
|
||||
margin-left: 35px;
|
||||
align-items: center;
|
||||
}
|
||||
.option{
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
.al1{
|
||||
color: gray;
|
||||
font-weight: lighter;
|
||||
font-style: italic;
|
||||
}
|
||||
.option{
|
||||
margin-left: 25%;
|
||||
}
|
||||
149
FLO_Operations/css/styles.css
Normal file
149
FLO_Operations/css/styles.css
Normal file
@ -0,0 +1,149 @@
|
||||
|
||||
sm-input {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
sm-button {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
|
||||
.scroll {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.keyValuePairs {
|
||||
margin-top: 1em;
|
||||
}
|
||||
.value111{
|
||||
margin-left: 2%;
|
||||
width: 20%;
|
||||
}
|
||||
.key{
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.pairs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 1em;
|
||||
|
||||
}
|
||||
|
||||
.object-inner-blocks {
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.plus {
|
||||
font-size: 2rem;
|
||||
background-color: rgba(var(--text-color), 0.06);
|
||||
color: #696969;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 100%;
|
||||
cursor: pointer;
|
||||
margin-top: -15px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
border-bottom: 1px solid #000;
|
||||
padding-bottom: 0.5em;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.read{
|
||||
color: var(--accent-color);
|
||||
cursor:pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 0.5px;
|
||||
background-color: #000;
|
||||
margin-top: -0.75em;
|
||||
margin-left: 25%;
|
||||
}
|
||||
|
||||
.optionsHeading {
|
||||
text-align: center;
|
||||
margin-left: 25%;
|
||||
}
|
||||
@media (max-width: 320px) {
|
||||
.plus {
|
||||
font-size: 1.5rem;
|
||||
background-color: rgba(var(--text-color), 0.06);
|
||||
color: #696969;
|
||||
width: 3em;
|
||||
height: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
h1 {
|
||||
border-bottom: 1px solid #000;
|
||||
padding-bottom: 0.5em;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 321px) and (max-width: 376px) {
|
||||
.plus {
|
||||
font-size: 1.5rem;
|
||||
background-color: rgba(var(--text-color), 0.06);
|
||||
color: #696969;
|
||||
width: 2.5em;
|
||||
height: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
h1 {
|
||||
border-bottom: 1px solid #000;
|
||||
padding-bottom: 0.5em;
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 376px) and (max-width: 576px) {
|
||||
.plus {
|
||||
font-size: 1.5rem;
|
||||
background-color: rgba(var(--text-color), 0.06);
|
||||
color: #696969;
|
||||
width: 2em;
|
||||
height: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
h1 {
|
||||
border-bottom: 1px solid #000;
|
||||
padding-bottom: 0.5em;
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.demo-inner-blocks1{
|
||||
font-weight: bold;
|
||||
margin-left: 20%;
|
||||
margin-right: 20%;
|
||||
}
|
||||
@media screen and (max-width:900px){
|
||||
.demo-inner-blocks1{
|
||||
margin-left: 10%;
|
||||
margin-right: 10%;
|
||||
}
|
||||
}
|
||||
.otpr{
|
||||
margin-left: 40%;
|
||||
}
|
||||
11336
FLO_Operations/index.html
Normal file
11336
FLO_Operations/index.html
Normal file
File diff suppressed because it is too large
Load Diff
11
FLO_Operations/js/components.min.js
vendored
Normal file
11
FLO_Operations/js/components.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
305
FLO_Operations/js/main_UI.js
Normal file
305
FLO_Operations/js/main_UI.js
Normal file
@ -0,0 +1,305 @@
|
||||
// Global variables
|
||||
const appPages = ['dashboard', 'settings'];
|
||||
const domRefs = {};
|
||||
let timerId;
|
||||
const currentYear = new Date().getFullYear();
|
||||
|
||||
//Checks for internet connection status
|
||||
if (!navigator.onLine)
|
||||
notify(
|
||||
"There seems to be a problem connecting to the internet, Please check you internet connection.",
|
||||
"error",
|
||||
{ sound: true }
|
||||
);
|
||||
window.addEventListener("offline", () => {
|
||||
notify(
|
||||
"There seems to be a problem connecting to the internet, Please check you internet connection.",
|
||||
"error",
|
||||
{ pinned: true, sound: true }
|
||||
);
|
||||
});
|
||||
window.addEventListener("online", () => {
|
||||
getRef("notification_drawer").clearAll();
|
||||
notify("We are back online.", "success");
|
||||
});
|
||||
|
||||
// Use instead of document.getElementById
|
||||
function getRef(elementId) {
|
||||
if (!domRefs.hasOwnProperty(elementId)) {
|
||||
domRefs[elementId] = {
|
||||
count: 1,
|
||||
ref: null,
|
||||
};
|
||||
return document.getElementById(elementId);
|
||||
} else {
|
||||
if (domRefs[elementId].count < 3) {
|
||||
domRefs[elementId].count = domRefs[elementId].count + 1;
|
||||
return document.getElementById(elementId);
|
||||
} else {
|
||||
if (!domRefs[elementId].ref)
|
||||
domRefs[elementId].ref = document.getElementById(elementId);
|
||||
return domRefs[elementId].ref;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// returns dom with specified element
|
||||
function createElement(tagName, options) {
|
||||
const { className, textContent, innerHTML, attributes = {} } = options
|
||||
const elem = document.createElement(tagName)
|
||||
for (let attribute in attributes) {
|
||||
elem.setAttribute(attribute, attributes[attribute])
|
||||
}
|
||||
if (className)
|
||||
elem.className = className
|
||||
if (textContent)
|
||||
elem.textContent = textContent
|
||||
if (innerHTML)
|
||||
elem.innerHTML = innerHTML
|
||||
return elem
|
||||
}
|
||||
|
||||
// Use when a function needs to be executed after user finishes changes
|
||||
const debounce = (callback, wait) => {
|
||||
let timeoutId = null;
|
||||
return (...args) => {
|
||||
window.clearTimeout(timeoutId);
|
||||
timeoutId = window.setTimeout(() => {
|
||||
callback.apply(null, args);
|
||||
}, wait);
|
||||
};
|
||||
}
|
||||
|
||||
// Limits the rate of function execution
|
||||
function throttle(func, delay) {
|
||||
// If setTimeout is already scheduled, no need to do anything
|
||||
if (timerId) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Schedule a setTimeout after delay seconds
|
||||
timerId = setTimeout(function () {
|
||||
func();
|
||||
|
||||
// Once setTimeout function execution is finished, timerId = undefined so that in
|
||||
// the next scroll event function execution can be scheduled by the setTimeout
|
||||
timerId = undefined;
|
||||
}, delay);
|
||||
}
|
||||
|
||||
class Stack {
|
||||
constructor() {
|
||||
this.items = [];
|
||||
}
|
||||
push(element) {
|
||||
this.items.push(element);
|
||||
}
|
||||
pop() {
|
||||
if (this.items.length == 0)
|
||||
return "Underflow";
|
||||
return this.items.pop();
|
||||
}
|
||||
peek() {
|
||||
return this.items[this.items.length - 1];
|
||||
}
|
||||
}
|
||||
|
||||
// function required for popups or modals to appear
|
||||
function showPopup(popupId, pinned) {
|
||||
zIndex++
|
||||
getRef(popupId).setAttribute('style', `z-index: ${zIndex}`)
|
||||
popupStack = getRef(popupId).show({ pinned, popupStack })
|
||||
return getRef(popupId);
|
||||
}
|
||||
|
||||
// hides the popup or modal
|
||||
function hidePopup() {
|
||||
if (popupStack.peek() === undefined)
|
||||
return;
|
||||
popupStack.peek().popup.hide()
|
||||
}
|
||||
|
||||
// displays a popup for asking permission. Use this instead of JS confirm
|
||||
const getConfirmation = (title, message, cancelText = 'Cancel', confirmText = 'OK') => {
|
||||
return new Promise(resolve => {
|
||||
showPopup('confirmation_popup', true)
|
||||
getRef('confirm_title').textContent = title;
|
||||
getRef('confirm_message').textContent = message;
|
||||
let cancelButton = getRef('confirmation_popup').children[2].children[0],
|
||||
submitButton = getRef('confirmation_popup').children[2].children[1]
|
||||
submitButton.textContent = confirmText
|
||||
cancelButton.textContent = cancelText
|
||||
submitButton.onclick = () => {
|
||||
hidePopup()
|
||||
resolve(true);
|
||||
}
|
||||
cancelButton.onclick = () => {
|
||||
hidePopup()
|
||||
resolve(false);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// displays a popup for asking user input. Use this instead of JS prompt
|
||||
async function getPromptInput(title, message = '', isPassword = true, cancelText = 'Cancel', confirmText = 'OK') {
|
||||
showPopup('prompt_popup', true)
|
||||
getRef('prompt_title').textContent = title;
|
||||
let input = getRef('prompt_input');
|
||||
input.setAttribute("placeholder", message)
|
||||
let buttons = getRef('prompt_popup').querySelectorAll("sm-button");
|
||||
if (isPassword)
|
||||
input.setAttribute("type", "text")
|
||||
else
|
||||
input.setAttribute("type", "password")
|
||||
input.focusIn()
|
||||
buttons[0].textContent = cancelText;
|
||||
buttons[1].textContent = confirmText;
|
||||
return new Promise((resolve, reject) => {
|
||||
buttons[0].onclick = () => {
|
||||
hidePopup()
|
||||
return;
|
||||
}
|
||||
buttons[1].onclick = () => {
|
||||
let value = input.value;
|
||||
hidePopup()
|
||||
resolve(value)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//Function for displaying toast notifications. pass in error for mode param if you want to show an error.
|
||||
function notify(message, mode, options = {}) {
|
||||
const { pinned = false, sound = false } = options
|
||||
let icon
|
||||
switch (mode) {
|
||||
case 'success':
|
||||
icon = `<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z"/></svg>`
|
||||
break;
|
||||
case 'error':
|
||||
icon = `<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm0-8v6h2V7h-2z"/></svg>`
|
||||
break;
|
||||
}
|
||||
getRef("notification_drawer").push(message, { pinned, icon });
|
||||
if (navigator.onLine && sound) {
|
||||
getRef("notification_sound").currentTime = 0;
|
||||
getRef("notification_sound").play();
|
||||
}
|
||||
}
|
||||
|
||||
function getFormatedTime(time, relative) {
|
||||
try {
|
||||
if (String(time).indexOf("_")) time = String(time).split("_")[0];
|
||||
const intTime = parseInt(time);
|
||||
if (String(intTime).length < 13) time *= 1000;
|
||||
let timeFrag = new Date(intTime).toString().split(" "),
|
||||
day = timeFrag[0],
|
||||
month = timeFrag[1],
|
||||
date = timeFrag[2],
|
||||
year = timeFrag[3],
|
||||
minutes = new Date(intTime).getMinutes(),
|
||||
hours = new Date(intTime).getHours(),
|
||||
currentTime = new Date().toString().split(" ");
|
||||
|
||||
minutes = minutes < 10 ? `0${minutes}` : minutes;
|
||||
let finalHours = ``;
|
||||
if (hours > 12) finalHours = `${hours - 12}:${minutes}`;
|
||||
else if (hours === 0) finalHours = `12:${minutes}`;
|
||||
else finalHours = `${hours}:${minutes}`;
|
||||
|
||||
finalHours = hours >= 12 ? `${finalHours} PM` : `${finalHours} AM`;
|
||||
if (relative) {
|
||||
return `${date} ${month} ${year}`;
|
||||
} else return `${finalHours} ${month} ${date} ${year}`;
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
return time;
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener('hashchange', e => showPage(window.location.hash))
|
||||
window.addEventListener("load", () => {
|
||||
document.body.classList.remove('hide-completely')
|
||||
showPage(window.location.hash)
|
||||
// document.querySelectorAll('sm-input[data-flo-id]').forEach(input => input.customValidation = validateAddr)
|
||||
document.addEventListener('keyup', (e) => {
|
||||
if (e.code === 'Escape') {
|
||||
hidePopup()
|
||||
}
|
||||
})
|
||||
document.addEventListener("pointerdown", (e) => {
|
||||
if (e.target.closest("button, sm-button:not([disabled]), .interact")) {
|
||||
createRipple(e, e.target.closest("button, sm-button, .interact"));
|
||||
}
|
||||
});
|
||||
document.addEventListener('copy', () => {
|
||||
notify('copied', 'success')
|
||||
})
|
||||
});
|
||||
|
||||
function createRipple(event, target) {
|
||||
const circle = document.createElement("span");
|
||||
const diameter = Math.max(target.clientWidth, target.clientHeight);
|
||||
const radius = diameter / 2;
|
||||
const targetDimensions = target.getBoundingClientRect();
|
||||
circle.style.width = circle.style.height = `${diameter}px`;
|
||||
circle.style.left = `${event.clientX - (targetDimensions.left + radius)}px`;
|
||||
circle.style.top = `${event.clientY - (targetDimensions.top + radius)}px`;
|
||||
circle.classList.add("ripple");
|
||||
const rippleAnimation = circle.animate(
|
||||
[
|
||||
{
|
||||
transform: "scale(3)",
|
||||
opacity: 0,
|
||||
},
|
||||
],
|
||||
{
|
||||
duration: 1000,
|
||||
fill: "forwards",
|
||||
easing: "ease-out",
|
||||
}
|
||||
);
|
||||
target.append(circle);
|
||||
rippleAnimation.onfinish = () => {
|
||||
circle.remove();
|
||||
};
|
||||
}
|
||||
|
||||
function showPage(targetPage, options = {}) {
|
||||
const { firstLoad, hashChange } = options
|
||||
let pageId
|
||||
if (targetPage === '') {
|
||||
pageId = 'overview_page'
|
||||
}
|
||||
else {
|
||||
pageId = targetPage.includes('#') ? targetPage.split('#')[1] : targetPage
|
||||
}
|
||||
if(!appPages.includes(pageId)) return
|
||||
document.querySelector('.page:not(.hide-completely)').classList.add('hide-completely')
|
||||
document.querySelector('.nav-list__item--active').classList.remove('nav-list__item--active')
|
||||
getRef(pageId).classList.remove('hide-completely')
|
||||
getRef(pageId).animate([
|
||||
{
|
||||
opacity: 0,
|
||||
transform: 'translateX(-1rem)'
|
||||
},
|
||||
{
|
||||
opacity: 1,
|
||||
transform: 'none'
|
||||
},
|
||||
],
|
||||
{
|
||||
duration: 300,
|
||||
easing: 'ease'
|
||||
})
|
||||
const targetListItem = document.querySelector(`.nav-list__item[href="#${pageId}"]`)
|
||||
targetListItem.classList.add('nav-list__item--active')
|
||||
if (firstLoad && window.innerWidth > 640 && targetListItem.getBoundingClientRect().top > getRef('side_nav').getBoundingClientRect().height) {
|
||||
getRef('side_nav').scrollTo({
|
||||
top: (targetListItem.getBoundingClientRect().top - getRef('side_nav').getBoundingClientRect().top + getRef('side_nav').scrollTop),
|
||||
behavior: 'smooth'
|
||||
})
|
||||
}
|
||||
if (hashChange && window.innerWidth < 640) {
|
||||
getRef('side_nav').close()
|
||||
}
|
||||
}
|
||||
267
FLO_Operations/js/plus.js
Normal file
267
FLO_Operations/js/plus.js
Normal file
@ -0,0 +1,267 @@
|
||||
|
||||
document.getElementById("genbtn").addEventListener('click',()=>{
|
||||
let flo =floCrypto.generateNewID()
|
||||
document.getElementById("private").innerHTML="Private key: ";
|
||||
document.getElementById("pub").innerHTML="Public key: ";
|
||||
document.getElementById("flocrypto").innerHTML="FLO ID: ";
|
||||
var id=document.querySelector("#pub");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=flo.pubKey;
|
||||
id.appendChild(newdiv);
|
||||
var id1=document.querySelector("#private");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=flo.privKey;
|
||||
id1.appendChild(newdiv);
|
||||
var id2=document.querySelector("#flocrypto");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=flo.floID;
|
||||
id2.appendChild(newdiv);
|
||||
})
|
||||
|
||||
function publickeyhex()
|
||||
{
|
||||
let privatekey = document.getElementById("idprivate").value;
|
||||
var pubkey=floCrypto.getPubKeyHex(privatekey)
|
||||
document.getElementById("publickeyhex").innerHTML="Public Key: ";
|
||||
var id=document.querySelector("#publickeyhex");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=pubkey;
|
||||
id.appendChild(newdiv);
|
||||
|
||||
}
|
||||
|
||||
function calcfloid()
|
||||
{
|
||||
let keyy= document.getElementById("key").value;
|
||||
var floid =floCrypto.getFloID(keyy)
|
||||
document.getElementById("floo").innerHTML="FLO ID: ";
|
||||
var id=document.querySelector("#floo");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=floid;
|
||||
id.appendChild(newdiv);
|
||||
}
|
||||
|
||||
function verifyprivatekey()
|
||||
{
|
||||
let privatekey=document.getElementById("privatek").value;
|
||||
let pubKey_floID= document.getElementById("keey").value;
|
||||
var ver= Boolean (floCrypto.verifyPrivKey(privatekey, pubKey_floID))
|
||||
|
||||
if(ver==true)
|
||||
{
|
||||
document.getElementById("verify").innerHTML="TRUE, The private-key is verified for the given public-key or flo-ID."
|
||||
}
|
||||
else
|
||||
{
|
||||
document.getElementById("verify").innerHTML="FALSE, The private-key is not verified for the given public-key or flo-ID. "
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function signdata()
|
||||
{
|
||||
let data=document.getElementById("msg5").value;
|
||||
let privKey=document.getElementById("type5").value;
|
||||
var signature =floCrypto.signData(data, privKey)
|
||||
document.getElementById("signed").innerHTML="Signed data is,";
|
||||
var id=document.querySelector("#signed");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=signature;
|
||||
id.appendChild(newdiv);
|
||||
}
|
||||
|
||||
function verification()
|
||||
{
|
||||
let data=document.getElementById("d").value;
|
||||
let sigg=document.getElementById("s").value;
|
||||
let val=document.getElementById("p").value;
|
||||
var r=(floCrypto.verifySign(data,sigg,val))
|
||||
if(r==true)
|
||||
{
|
||||
document.getElementById("v1").innerHTML="TRUE, Signature is verified!!";
|
||||
}
|
||||
else
|
||||
{
|
||||
document.getElementById("v1").innerHTML="FALSE, Signature is not verified!!";
|
||||
}
|
||||
}
|
||||
function validateflo()
|
||||
{
|
||||
let floid=document.getElementById("flo1").value;
|
||||
var res=Boolean(floCrypto.validateAddr(floid))
|
||||
if(res==true)
|
||||
{
|
||||
document.getElementById("write1").innerHTML="TRUE, FLO ID is validated.";
|
||||
}
|
||||
else
|
||||
{
|
||||
document.getElementById("write1").innerHTML="FALSE, FLO ID is not validated.";
|
||||
|
||||
}
|
||||
}
|
||||
function genrandomint()
|
||||
{
|
||||
let minval=document.getElementById("genrandom1").value;
|
||||
let maxval=document.getElementById("genrandom2").value;
|
||||
var result= floCrypto.randInt(minval, maxval)
|
||||
document.getElementById("write41").innerHTML="The random integer is : ";
|
||||
var id=document.querySelector("#write41");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=result;
|
||||
id.appendChild(newdiv);
|
||||
}
|
||||
function genrandomstr()
|
||||
{
|
||||
let str=document.getElementById("randomstr").value;
|
||||
let val=document.getElementById("val3").value;
|
||||
var randstring= floCrypto.randString(str, val)
|
||||
document.getElementById("write7").innerHTML="Random string is: <br>"
|
||||
var id=document.querySelector("#write7");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=randstring;
|
||||
id.appendChild(newdiv);
|
||||
}
|
||||
|
||||
function createshare()
|
||||
{
|
||||
let data=document.getElementById("shdata").value;
|
||||
let numshare=parseInt( document.getElementById("shshare").value);
|
||||
let limit =parseInt( document.getElementById("shnumber").value);
|
||||
const x=[];
|
||||
const v=[];
|
||||
var i=0;
|
||||
// x.push(floCrypto.createShamirsSecretShares(data,numshare,limit));
|
||||
const h=x.concat(floCrypto.createShamirsSecretShares(data,numshare,limit));
|
||||
document.getElementById("write2").innerHTML="The shares are,";
|
||||
//document.getElementById("write3").innerHTML=h;
|
||||
var id=document.querySelector("#write3");
|
||||
for(i=0;i<numshare;i++)
|
||||
{
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=h[i];
|
||||
id.appendChild(newdiv);
|
||||
}
|
||||
}
|
||||
|
||||
const y=[];
|
||||
function button()
|
||||
{
|
||||
|
||||
y.push(document.getElementById("ar1").value);
|
||||
document.getElementById("ar1").value='';
|
||||
// alert("pushed!!");
|
||||
// for(var i=0;i<y.length;i++)
|
||||
// alert(y[i]);
|
||||
}
|
||||
|
||||
function retrievesecret()
|
||||
{
|
||||
let shresult= floCrypto.retrieveShamirSecret(y)
|
||||
if(shresult==false)
|
||||
{
|
||||
document.getElementById("write11").innerHTML="The data is not retrieved!!";
|
||||
|
||||
}
|
||||
else
|
||||
document.getElementById("write11").innerHTML="The Original data is,"+"<br>"+shresult;
|
||||
}
|
||||
|
||||
const m=[];
|
||||
function button1()
|
||||
{
|
||||
m.push(document.getElementById("ar9").value);
|
||||
document.getElementById("ar9").value='';
|
||||
|
||||
//alert("pushed!!");
|
||||
}
|
||||
function verifysecret()
|
||||
{
|
||||
let c=document.getElementById("ar8").value
|
||||
var z1= Boolean( floCrypto.verifyShamirsSecret(m,c))
|
||||
if(z1==true)
|
||||
{
|
||||
document.getElementById("write21").innerHTML="TRUE,The shares are verified!!";
|
||||
}
|
||||
else
|
||||
{
|
||||
document.getElementById("write21").innerHTML="FALSE,The shares are not verified!!";
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
function resetbtn()
|
||||
{
|
||||
var con= confirm("Do you really want to clear the array?");
|
||||
|
||||
if(con==true)
|
||||
{
|
||||
y.length=0;
|
||||
document.getElementById("write11").innerHTML="";
|
||||
document.getElementById("ar1").value="";
|
||||
}
|
||||
|
||||
}
|
||||
function resetbtn1()
|
||||
{
|
||||
var con1= confirm("Do you really want to clear the array?");
|
||||
if(con1==true)
|
||||
{
|
||||
m.length=0;
|
||||
document.getElementById("write21").innerHTML="";
|
||||
document.getElementById("ar9").value="";
|
||||
document.getElementById("ar8").value="";
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
function crypto()
|
||||
{
|
||||
let s1=document.getElementById("t1").value;
|
||||
let s2=document.getElementById("t2").value;
|
||||
let s3=document.getElementById("t3").value;
|
||||
|
||||
var ob=floCrypto.encryptData(s1,s2)
|
||||
var sender=ob.senderPublicKeyString;
|
||||
document.getElementById("w1").innerHTML="Encrypted Data: ";
|
||||
document.getElementById("w2").innerHTML="XPublic Key: ";
|
||||
document.getElementById("w3").innerHTML="YPublic Key: ";
|
||||
var id=document.querySelector("#w1");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=ob.secret;
|
||||
id.appendChild(newdiv);
|
||||
var id=document.querySelector("#w2");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=sender.XValuePublicString;
|
||||
id.appendChild(newdiv);
|
||||
var id=document.querySelector("#w3");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=sender.YValuePublicString;
|
||||
id.appendChild(newdiv); }
|
||||
|
||||
|
||||
function crypto1()
|
||||
{
|
||||
var a=document.getElementById("t6").value;//xvalue
|
||||
var b=document.getElementById("t7").value;//yvalue
|
||||
var c=document.getElementById("t8").value;//encrypted data
|
||||
var d=document.getElementById("t3").value;//privkey
|
||||
var q={XValuePublicString:a,
|
||||
YValuePublicString:b}
|
||||
var s={secret:c,
|
||||
senderPublicKeyString:q}
|
||||
var obs=floCrypto.decryptData(s,d)
|
||||
document.getElementById("q2").innerHTML="The decrypted data is,<br>";
|
||||
var id=document.querySelector("#q2");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=obs;
|
||||
id.appendChild(newdiv);
|
||||
}
|
||||
|
||||
function ppp(id)
|
||||
{
|
||||
const mypop=document.getElementById(id);
|
||||
mypop.show();
|
||||
}
|
||||
329
FLO_Operations/js/rscript.js
Normal file
329
FLO_Operations/js/rscript.js
Normal file
@ -0,0 +1,329 @@
|
||||
let type;
|
||||
|
||||
let userMessage;
|
||||
let objectName;
|
||||
let demo = [
|
||||
"demoSendGeneralData",
|
||||
"demoRequestGeneralData",
|
||||
"demoSendApplicationData",
|
||||
"demoRequestApplicationData",
|
||||
"demoResetObjectData",
|
||||
"demoUpdateObjectData",
|
||||
"demoRequestObjectData",
|
||||
];
|
||||
|
||||
// buttons
|
||||
let sendUserMessage = document.getElementById("sendUserMessage");
|
||||
let requestUserMessage = document.getElementById("requestUserMessage");
|
||||
let resetObjectData = document.getElementById("resetObjectData");
|
||||
let updateObjectData = document.getElementById("updateObjectData");
|
||||
let requestObjectData = document.getElementById("requestObjectData");
|
||||
let sendApplicationMessage = document.getElementById(
|
||||
"sendApplicationMessage"
|
||||
);
|
||||
let requestApplicationMessage = document.getElementById(
|
||||
"requestApplicationMessage"
|
||||
);
|
||||
|
||||
resetObjectData.addEventListener("click", () => {
|
||||
console.log("sending message");
|
||||
|
||||
resetData(demo[4]);
|
||||
setObjectName(demo[4]);
|
||||
let optionsObj = setOptions(demo[4]);
|
||||
|
||||
let objName = generateObject("resetKeyValueBlock");
|
||||
|
||||
floCloudAPI.resetObjectData(objName, optionsObj).then(
|
||||
function (value) {
|
||||
displayCode(value, 4);
|
||||
},
|
||||
function (error) {
|
||||
displaycode1("errreset");
|
||||
}
|
||||
)
|
||||
});
|
||||
|
||||
updateObjectData.addEventListener("click", () => {
|
||||
console.log("sending message");
|
||||
|
||||
resetData(demo[5]);
|
||||
setObjectName(demo[5]);
|
||||
let optionsObj = setOptions(demo[5]);
|
||||
|
||||
let objName = generateObject("updateKeyValueBlock");
|
||||
|
||||
floCloudAPI.updateObjectData(objName, optionsObj).then(
|
||||
function (value) {
|
||||
displayCode(value, 5);
|
||||
},
|
||||
function (error) {
|
||||
displaycode1("errobjupd");
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
|
||||
requestObjectData.addEventListener("click", () => {
|
||||
console.log("sending message");
|
||||
|
||||
resetData(demo[6]);
|
||||
setObjectName(demo[6]);
|
||||
|
||||
let optionsObj = setOptions(demo[6]);
|
||||
|
||||
floCloudAPI.requestObjectData(objectName, optionsObj).then(
|
||||
function (value) {
|
||||
let result = floGlobals.appObjects[objectName];
|
||||
displayCode(result, 6);
|
||||
},
|
||||
function (error) {
|
||||
displaycode1("reqerrobj")
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
sendApplicationMessage.addEventListener("click", () => {
|
||||
console.log("sending message");
|
||||
|
||||
resetData(demo[2]);
|
||||
|
||||
setType(demo[2]);
|
||||
setMessage(demo[2]);
|
||||
let optionsObj = setOptions(demo[2]);
|
||||
|
||||
floCloudAPI.sendApplicationData(userMessage, type, optionsObj).then(
|
||||
function (value) {
|
||||
displayCode(value, 2);
|
||||
},
|
||||
function (error) {
|
||||
displaycode1("demo-inner-blocks12")
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
requestApplicationMessage.addEventListener("click", () => {
|
||||
console.log("requesting message");
|
||||
|
||||
resetData(demo[3]);
|
||||
let optionsObj = setOptions(demo[3]);
|
||||
|
||||
floCloudAPI.requestApplicationData(optionsObj).then(
|
||||
function (value) {
|
||||
displayCode(value, 3);
|
||||
},
|
||||
function (error) {
|
||||
displaycode1("errrequest")
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
sendUserMessage.addEventListener("click", () => {
|
||||
console.log("sending message");
|
||||
resetData(demo[0]);
|
||||
setType(demo[0]);
|
||||
setMessage(demo[0]);
|
||||
let optionsObj = setOptions(demo[0]);
|
||||
|
||||
floCloudAPI.sendGeneralData(userMessage, type, optionsObj).then(
|
||||
function (value) {
|
||||
displayCode(value, 0);
|
||||
},
|
||||
function (error) {
|
||||
displaycode1("errsendgen")
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
requestUserMessage.addEventListener("click", () => {
|
||||
console.log("requesting message");
|
||||
resetData(demo[1]);
|
||||
setType(demo[1]);
|
||||
|
||||
let optionsObj = setOptions(demo[1]);
|
||||
|
||||
floCloudAPI.requestGeneralData(type, optionsObj).then(
|
||||
function (value) {
|
||||
displayCode(value, 1);
|
||||
},
|
||||
function (error) {
|
||||
displaycode1("errreqgen");
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
function displayCode(value, index) {
|
||||
let demoBlock = document.querySelector("." + demo[index]);
|
||||
let frag = document.createDocumentFragment();
|
||||
let codeLabel = document.createElement("p");
|
||||
let outputLabel = document.createElement("p");
|
||||
let codeBlock = document.createElement("pre");
|
||||
let outputBlock = document.createElement("pre");
|
||||
|
||||
outputBlock.classList.add("scroll");
|
||||
codeBlock.classList.add("scroll");
|
||||
outputBlock.classList.add("demo-inner-blocks1");
|
||||
codeBlock.classList.add("demo-inner-blocks1");
|
||||
|
||||
codeLabel.innerHTML = "<b class='otpr'>Code:</b>";
|
||||
outputLabel.innerHTML = "<b class='otpr'>Output:</b>";
|
||||
outputBlock.innerHTML = JSON.stringify(value, undefined, 4);
|
||||
|
||||
if (index == 0) {
|
||||
codeBlock.innerHTML = `floCloudAPI.sendGeneralData("${userMessage}", "${type}")`;
|
||||
} else if (index == 1) {
|
||||
codeBlock.innerHTML = `floCloudAPI.requestGeneralData("${type}"")`;
|
||||
} else if (index == 2) {
|
||||
codeBlock.innerHTML = `floCloudAPI.sendApplicationData("${userMessage}", "${type}")`;
|
||||
} else if (index == 3) {
|
||||
codeBlock.innerHTML = `floCloudAPI.requestApplicationData()`;
|
||||
} else if (index == 4) {
|
||||
codeBlock.innerHTML = `floCloudAPI.resetObjectData("${objectName}")`;
|
||||
} else if (index == 5) {
|
||||
codeBlock.innerHTML = `floCloudAPI.updateObjectData("${objectName}")`;
|
||||
} else if (index == 6) {
|
||||
codeBlock.innerHTML = `floCloudAPI.requestObjectData("${objectName}")`;
|
||||
}
|
||||
|
||||
frag.appendChild(codeLabel);
|
||||
frag.appendChild(codeBlock);
|
||||
frag.appendChild(outputLabel);
|
||||
frag.appendChild(outputBlock);
|
||||
|
||||
demoBlock.appendChild(frag);
|
||||
}
|
||||
function displaycode1(id6){
|
||||
document.getElementById(id6).innerHTML = "<br><b>Unsuccessfull!!<br>Kindly check if all the inputs are correct!</b><br>Also try restarting the page!";
|
||||
}
|
||||
|
||||
function addKeyValuePairs(id, pairId, index) {
|
||||
let keyValueBlock = document.getElementById(id);
|
||||
let pairBlock = keyValueBlock.querySelector("#" + pairId);
|
||||
let pairClone = pairBlock.cloneNode(true);
|
||||
let plusBtn = pairBlock.querySelector(".plus");
|
||||
let plusBtnNew = pairClone.querySelector(".plus");
|
||||
|
||||
pairBlock.removeChild(plusBtn);
|
||||
pairClone.setAttribute("id", "pair" + index);
|
||||
plusBtnNew.setAttribute(
|
||||
"onclick",
|
||||
`addKeyValuePairs('${id}' ,'pair${index}', ${index + 1})`
|
||||
);
|
||||
|
||||
keyValueBlock.appendChild(pairClone);
|
||||
}
|
||||
|
||||
function generateObject(id) {
|
||||
let keyValueBlock = document.getElementById(id);
|
||||
let pairs = keyValueBlock.querySelectorAll(".pairs");
|
||||
let objUser = objectName;
|
||||
let obj = {};
|
||||
|
||||
pairs.forEach((pair) => {
|
||||
let key = pair.querySelector(".key").value;
|
||||
let value = pair.querySelector(".value111").value;
|
||||
|
||||
obj[key] = value;
|
||||
});
|
||||
|
||||
floGlobals.appObjects[objUser] = obj;
|
||||
|
||||
return objUser;
|
||||
}
|
||||
|
||||
|
||||
function setType(blockID) {
|
||||
let block = document.querySelector("." + blockID);
|
||||
let messageType = block.querySelector(".messageType").value;
|
||||
|
||||
console.log("type is ", messageType);
|
||||
|
||||
if (!messageType) {
|
||||
type = "type2";
|
||||
} else {
|
||||
type = messageType;
|
||||
}
|
||||
}
|
||||
|
||||
function setMessage(blockID) {
|
||||
let block = document.querySelector("." + blockID);
|
||||
let message = block.querySelector(".message").value;
|
||||
|
||||
if (!message) {
|
||||
userMessage = "test message";
|
||||
} else {
|
||||
userMessage = message;
|
||||
}
|
||||
}
|
||||
|
||||
function setObjectName(blockID) {
|
||||
let block = document.querySelector("." + blockID);
|
||||
let obj = block.querySelector(".objectName").value;
|
||||
|
||||
if (!obj) {
|
||||
objectName = "objTest";
|
||||
} else {
|
||||
objectName = obj;
|
||||
}
|
||||
}
|
||||
|
||||
function setOptions(blockID) {
|
||||
let block = document.querySelector("." + blockID);
|
||||
let comment = block.querySelector(".comment").value;
|
||||
let applicationName = block.querySelector(".applicationName").value;
|
||||
let receiverID = block.querySelector(".receiverID").value;
|
||||
let optionsType;
|
||||
let atVectorClock, lowerVectorClock, upperVectorClock;
|
||||
let optionsObj = {};
|
||||
|
||||
if (
|
||||
blockID == "demoRequestApplicationData" ||
|
||||
blockID == "demoRequestGeneralData" ||
|
||||
blockID == "demoRequestObjectData"
|
||||
) {
|
||||
optionsType = block.querySelector(".typeName").value;
|
||||
atVectorClock = block.querySelector(".atVectorClock").value;
|
||||
lowerVectorClock = block.querySelector(".lowerVectorClock").value;
|
||||
upperVectorClock = block.querySelector(".upperVectorClock").value;
|
||||
}
|
||||
|
||||
if (comment) {
|
||||
optionsObj["comment"] = comment;
|
||||
}
|
||||
|
||||
if (applicationName) {
|
||||
optionsObj["application"] = applicationName;
|
||||
}
|
||||
|
||||
if (receiverID) {
|
||||
optionsObj["receiverID"] = applicationName;
|
||||
}
|
||||
|
||||
if (optionsType) {
|
||||
optionsObj["Type"] = optionsType;
|
||||
}
|
||||
|
||||
return optionsObj;
|
||||
}
|
||||
|
||||
function resetData(blockID) {
|
||||
let block = document.querySelector("." + blockID);
|
||||
let p = block.querySelectorAll("p");
|
||||
let pre = block.querySelectorAll("pre");
|
||||
|
||||
if (p && pre) {
|
||||
p.forEach((ele) => {
|
||||
ele.innerHTML = "";
|
||||
});
|
||||
|
||||
pre.forEach((ele) => {
|
||||
ele.innerHTML = "";
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function displayPopUp(id) {
|
||||
let popUp = document.getElementById(id);
|
||||
|
||||
popUp.show();
|
||||
}
|
||||
384
FLO_Operations/js/script.js
Normal file
384
FLO_Operations/js/script.js
Normal file
@ -0,0 +1,384 @@
|
||||
//sendtx
|
||||
document.getElementById("sendtx").addEventListener('click',()=>{
|
||||
let receiverAddr=document.getElementById("rfloi").value;
|
||||
let senderAddr=document.getElementById("sfloi").value;
|
||||
let PrivKey=document.getElementById("sprivi").value;
|
||||
let sendAmt=parseFloat (document.getElementById("floc").value);
|
||||
let floData=document.getElementById("datai").value;
|
||||
floBlockchainAPI.sendTx(senderAddr, receiverAddr, sendAmt, PrivKey, floData = '').then(
|
||||
function (value) {
|
||||
if(floCrypto.validateAddr(recieverAddr)&& floCrypto.validateAddr(senderAddr)){
|
||||
document.getElementById("sendtxotp").innerHTML="Transaction Failed!! This might be the problem,<br>Invalid FLO Id";
|
||||
|
||||
}
|
||||
|
||||
let tid=value;
|
||||
document.getElementById("sendtxotp").innerHTML="Transaction Successful!!"+"<br>"+"Transaction ID: "
|
||||
var id1=document.querySelector("#sendtxotp");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=tid;
|
||||
id1.appendChild(newdiv);
|
||||
},
|
||||
function (error) {
|
||||
document.getElementById("sendtxotp").innerHTML="Transaction Failed!! This might be the problem, "+error;
|
||||
}
|
||||
);
|
||||
});
|
||||
//readtx
|
||||
document.getElementById("readtx"). addEventListener('click',()=>{
|
||||
let addr=document.getElementById("floidd").value;
|
||||
let from=document.getElementById("fromi").value;
|
||||
let to= document.getElementById("endi").value;
|
||||
if(floCrypto.validateAddr(addr)){
|
||||
floBlockchainAPI.readTxs(addr,from,to).then(
|
||||
function (value) {
|
||||
if(value.totalItems>0){
|
||||
let len=to-from;
|
||||
// document.getElementById("readtxotp1").innerHtml="The Transaction ID from: "+from+" to: "+to+",<br>";
|
||||
document.getElementById("readtxotp").innerHTML="The Transaction ID from "+from+" to "+to+" is listed below,"+"<br><br>";
|
||||
for(let i=0;i<=len;i++)
|
||||
{
|
||||
var id1=document.querySelector("#readtxotp");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=value.items[i].txid;
|
||||
id1.appendChild(newdiv);
|
||||
}}
|
||||
else{
|
||||
document.getElementById("readtxotp").innerHTML='There are no Transactions for FLO ID "'+addr+'"';
|
||||
}
|
||||
},
|
||||
function (error) {
|
||||
document.getElementById("readtxotp").innerHTML="Failed to fetch Transaction details!! This might be the problem, "+error;
|
||||
}
|
||||
); }
|
||||
else{
|
||||
document.getElementById("readtxotp").innerHTML="Failed to fetch Transaction details!! This might be the problem, <br>Invalid FLO ID...";
|
||||
|
||||
}
|
||||
})
|
||||
//readalltxs
|
||||
document.getElementById("readtxall").addEventListener('click',()=> {
|
||||
let addr=document.getElementById("flo").value;
|
||||
if(floCrypto.validateAddr(addr)){
|
||||
floBlockchainAPI.readTxs(addr).then(
|
||||
function (value) {
|
||||
if(value.totalItems>0){
|
||||
document.getElementById("readalltxotp").innerHTML="The transaction details are,<br>"
|
||||
for(let i=0;i<=value.to;i++)
|
||||
{
|
||||
let outputreadalltx=value;
|
||||
var id1=document.querySelector("#readalltxotp");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=outputreadalltx.items[i].txid;
|
||||
id1.appendChild(newdiv);
|
||||
}}
|
||||
else{
|
||||
document.getElementById("readalltxotp").innerHTML='There are no Transactions for FLO ID "'+addr+'"';
|
||||
}
|
||||
},
|
||||
function (error) {
|
||||
document.getElementById("readalltxotp").innerHTML="Failed to fetch Transaction details!! This might be the reason, "+error;
|
||||
}
|
||||
); }
|
||||
else{
|
||||
document.getElementById("readalltxotp").innerHTML="Failed to fetch Transaction details!! This might be the reason, <br>Invalid FLO ID";
|
||||
}
|
||||
});
|
||||
//mergeutxo
|
||||
document.getElementById("mergeutxo").addEventListener('click',()=>{
|
||||
let floID=document.getElementById("mflom").value;
|
||||
let privKey=document.getElementById("privkm").value;
|
||||
let floData=document.getElementById("datam").value;
|
||||
if(floCrypto.validateAddr(floID)){
|
||||
floBlockchainAPI.mergeUTXOs(floID,privKey, floData = '').then(
|
||||
function (value) {
|
||||
var id1=document.querySelector("#mergeotp");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
document.getElementById("mergeotp").innerHTML="Merge Successful!!<br>Transaction ID: ";
|
||||
newdiv.value=value;
|
||||
id1.appendChild(newdiv);
|
||||
},
|
||||
function (error) {
|
||||
document.getElementById("mergeotp").innerHTML="Merge Unsuccessful!! This might be the problem, "+error;
|
||||
}
|
||||
); }
|
||||
else{
|
||||
document.getElementById("mergeotp").innerHTML="Merge Unsuccessful!! This might be the problem, <br>Invalid FLO ID";
|
||||
}
|
||||
});
|
||||
|
||||
//sentx multiple
|
||||
|
||||
//for sender priv key
|
||||
let aa=new Array();
|
||||
document.getElementById("add1").addEventListener('click',()=>{
|
||||
aa.push(document.getElementById("rflo").value);
|
||||
document.getElementById("rflo").value="";
|
||||
})
|
||||
document.getElementById("clear1").addEventListener('click',()=>{
|
||||
var r= confirm("Do you really want to clear the array?");
|
||||
{
|
||||
if(r==true){
|
||||
aa.length=0;
|
||||
document.getElementById("rflo").value="";
|
||||
document.getElementById("sendtxmultotp").innerHTML="";
|
||||
}
|
||||
}
|
||||
})
|
||||
let obj={}
|
||||
//for reciever floid and amnt
|
||||
document.getElementById("add2").addEventListener('click',()=>{
|
||||
if(floCrypto.validateAddr(document.getElementById("sflo").value)){
|
||||
if(document.getElementById("ramt").value=="" || parseFloat( document.getElementById("ramt").value)==0 ){
|
||||
document.getElementById("eralert").innerHTML="Couldn't complete action ,This might be the problem,<br>Amount cannot be 0";
|
||||
return;
|
||||
}
|
||||
let key1=document.getElementById("sflo").value;
|
||||
let value3=parseFloat(document.getElementById("ramt").value);
|
||||
obj[key1]=value3;
|
||||
document.getElementById("sflo").value="";
|
||||
document.getElementById("ramt").value="";
|
||||
document.getElementById("eralert").innerHTML="";
|
||||
}
|
||||
else{
|
||||
document.getElementById("eralert").innerHTML="Couldn't complete action ,This might be the problem,<br>Invalid FLO ID";
|
||||
}
|
||||
})
|
||||
document.getElementById("clear2").addEventListener('click',()=>{
|
||||
var r=confirm("Do you really want to clear the array?");
|
||||
if(r==true)
|
||||
{
|
||||
document.getElementById("sflo").value="";
|
||||
document.getElementById("ramt").value="";
|
||||
document.getElementById("sendtxmultotp").innerHTML="";
|
||||
document.getElementById("eralert").innerHTML="";
|
||||
}
|
||||
})
|
||||
document.getElementById("sendtxmulti").addEventListener('click',()=>{
|
||||
let data=document.getElementById("data").value;
|
||||
document.getElementById("eralert").innerHTML="";
|
||||
floBlockchainAPI.sendTxMultiple(aa, obj, data = '').then(
|
||||
function (value) {
|
||||
|
||||
var id1=document.querySelector("#sendtxmultotp");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
document.getElementById("sendtxmultotp").innerHTML="Transaction Successful!!<br>Transaction ID: ";
|
||||
newdiv.value=value;
|
||||
id1.appendChild(newdiv);
|
||||
},
|
||||
function (error) {
|
||||
// alert(Object.getOwnPropertyNames(error));
|
||||
document.getElementById("sendtxmultotp").innerHTML="Transaction Failed!!";
|
||||
}
|
||||
);
|
||||
})
|
||||
//writedata
|
||||
document.getElementById("writedata").addEventListener('click',()=>{
|
||||
let senderAddr=document.getElementById("sfloid").value;
|
||||
let Data=document.getElementById("datawrite").value;
|
||||
let Privkey = document.getElementById("privwrite").value;
|
||||
let receiverAddr= document.getElementById("rflowrite").value;
|
||||
floBlockchainAPI.writeData(senderAddr, Data, Privkey, receiverAddr = floGlobals.adminID).then(
|
||||
function (value) {
|
||||
for(i=0;i<=value.length;i++){
|
||||
|
||||
var id1=document.querySelector("#writedataotp");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
document.getElementById("writedataotp").innerHTML="Successful!!<br>Transaction ID: ";
|
||||
newdiv.value=value;
|
||||
id1.appendChild(newdiv);
|
||||
}
|
||||
//alert(value[i]);
|
||||
//alert("successful");
|
||||
},
|
||||
function (error) {
|
||||
document.getElementById("writedataotp").innerHTML="Not able to complete the action!!<br>This might be the problem, "+error;
|
||||
}
|
||||
);
|
||||
})
|
||||
|
||||
//writedata multiple
|
||||
let sprivkey=new Array();
|
||||
let rfloid= new Array();
|
||||
|
||||
//for sender priv key
|
||||
document.getElementById("wdmpush1").addEventListener('click',()=>{
|
||||
let senderPrivKeys=document.getElementById("priv1").value;
|
||||
sprivkey.push(senderPrivKeys);
|
||||
document.getElementById("priv1").value="";
|
||||
})
|
||||
document.getElementById('wdmclear1').addEventListener('click',()=>{
|
||||
let r1=confirm("Do you really want to clear the array?");
|
||||
if(r1==true)
|
||||
{
|
||||
sprivkey.length=0;
|
||||
document.getElementById("writedatamultiotp").innerHTML="";
|
||||
document.getElementById("priv1").value="";
|
||||
}
|
||||
})
|
||||
//for reciever flo id
|
||||
document.getElementById("wdmpush2").addEventListener("click",()=>{
|
||||
if( floCrypto.validateAddr(document.getElementById("recflo").value)){
|
||||
let receivers=document.getElementById("recflo").value;
|
||||
rfloid.push(receivers);
|
||||
document.getElementById("recflo").value="";
|
||||
document.getElementById("errwrite11").innerHTML="";
|
||||
}
|
||||
else{
|
||||
document.getElementById("errwrite11").innerHTML="Couldn't complete action , This might be the problem,<br>Invalid FLO ID";
|
||||
}
|
||||
})
|
||||
document.getElementById('wdmclear2').addEventListener('click',()=>{
|
||||
let r1=confirm("Do you really want to clear the array?");
|
||||
if(r1==true)
|
||||
{
|
||||
rfloid.length=0;
|
||||
document.getElementById("writedatamultiotp").innerHTML="";
|
||||
document.getElementById("recflo").value="";
|
||||
document.getElementById("errwrite11").innerHTML="";
|
||||
}
|
||||
});
|
||||
document.getElementById("writedatamultiple").addEventListener('click',()=>{
|
||||
if(sprivkey.length!=0){
|
||||
if(rfloid.length==0){
|
||||
document.getElementById("writedatamultiotp").innerHTML="Not able to complete the action!!<br>This might be the problem,<br>Invalid FLO ID";
|
||||
return;
|
||||
}
|
||||
let data=document.getElementById("data1").value;
|
||||
let preserveRatio=document.getElementById("pratio").value;
|
||||
floBlockchainAPI.writeDataMultiple(sprivkey, data, rfloid = [floGlobals.adminID], preserveRatio = true).then(
|
||||
function (value) {
|
||||
var id1=document.querySelector("#writedatamultiotp");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
document.getElementById("writedatamultiotp").innerHTML="Successful!!<br>Transaction ID: ";
|
||||
newdiv.value=value;
|
||||
id1.appendChild(newdiv);
|
||||
},
|
||||
function (error) {
|
||||
document.getElementById("writedatamultiotp").innerHTML="Not able to complete the action!!<br>This might be the problem,"+ error.problem;
|
||||
}
|
||||
);}
|
||||
else{
|
||||
document.getElementById("writedatamultiotp").innerHTML="Not able to complete the action!!<br>This might be the problem,<br>No sender private key entered!!";
|
||||
}
|
||||
})
|
||||
|
||||
//get balance
|
||||
document.getElementById("getbalance").addEventListener('click',()=>{
|
||||
if(floCrypto.validateAddr(document.getElementById("floidbal").value)){
|
||||
let id=document.getElementById("floidbal").value;
|
||||
floBlockchainAPI.getBalance(id).then(
|
||||
function (value) {
|
||||
var id1=document.querySelector("#getbalanceotp");
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
document.getElementById("getbalanceotp").innerHTML="Your Balance is: ";
|
||||
newdiv.value=value;
|
||||
id1.appendChild(newdiv);
|
||||
},
|
||||
function (error) {
|
||||
document.getElementById("getbalanceotp").innerHTML="Not able to fetch the Balance!!<br>This might be the problem, "+error;
|
||||
}
|
||||
);}
|
||||
else{
|
||||
document.getElementById("getbalanceotp").innerHTML="Not able to fetch the Balance!!<br>This might be the problem, <br>Invalid FLO ID!!";
|
||||
}
|
||||
})
|
||||
|
||||
//read data
|
||||
let z={};
|
||||
document.getElementById("readdata").addEventListener("click",()=>{
|
||||
if(floCrypto.validateAddr(document.getElementById("readflo").value)){
|
||||
let readflo1=document.getElementById("readflo").value;
|
||||
z.limit=(document.getElementById("readlim").value);
|
||||
z.ignoreOld=(document.getElementById("readold").value);
|
||||
z.sentOnly=(document.getElementById("readsentonly").value);
|
||||
z.pattern=(document.getElementById("readpattern").value);
|
||||
z.filter=(document.getElementById("readfilter").value);
|
||||
let flag=0;
|
||||
floBlockchainAPI.readData(readflo1, z = {}).then(
|
||||
function (value) {
|
||||
document.getElementById("readdataotp").innerHTML='<br>Total transactions of "'+readflo1+'" : "'+value.totalTxs+'"<br><br>';
|
||||
document.getElementById("readdataotp1").innerHTML="Messages :<br>";
|
||||
for(let i=0;i<value.data.length;i++){
|
||||
var id1=document.querySelector("#readdataotp1");
|
||||
if(value.data[i]!=""){
|
||||
var newdiv= document.createElement('sm-copy')
|
||||
newdiv.value=value.data[i];
|
||||
id1.appendChild(newdiv);
|
||||
flag=1;
|
||||
}
|
||||
}
|
||||
if(flag==0){
|
||||
document.getElementById("readdataotp1").innerHTML="There are no messages for FLO ID '"+readflo1+"'!!"
|
||||
}
|
||||
},
|
||||
function (error) {
|
||||
document.getElementById("readdataotp").innerHTML="<br>Transaction Failed!! This might be the problem, "+error;
|
||||
document.getElementById("readdataotp1").innerHTML="";
|
||||
}
|
||||
)}
|
||||
else{
|
||||
document.getElementById("readdataotp").innerHTML="Transaction Failed!! This might be the problem, <br>Invalid FLO ID!!";
|
||||
document.getElementById("readdataotp1").innerHTML="";
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
//popup
|
||||
|
||||
|
||||
function pp(id)
|
||||
{
|
||||
const mypop=document.getElementById(id);
|
||||
mypop.show();
|
||||
}
|
||||
|
||||
//sendtx constructing
|
||||
document.getElementById("sendtx").addEventListener('click',()=>{
|
||||
document.getElementById("al1").innerHTML="<br>Constructing Send Tx : floBlockchainAPI.sendTx("+document.getElementById("sfloi").value+","+ document.getElementById("rfloi").value+","+ parseFloat (document.getElementById("floc").value)+","+ document.getElementById("sprivi").value+","+ document.getElementById("datai").value+")";
|
||||
settime("al1");
|
||||
})
|
||||
//sendtx multiple constructing
|
||||
document.getElementById("sendtxmulti").addEventListener('click',()=>{
|
||||
document.getElementById("al2").innerHTML="<br>Constructing Send Tx Multiple : floBlockchainAPI.sendTxMultiple(senderPrivKeys["+aa.length+"],"+ obj+ ","+document.getElementById("data").value+")";
|
||||
settime("al2");
|
||||
})
|
||||
//mergeutxo
|
||||
document.getElementById("mergeutxo").addEventListener('click',()=>{
|
||||
document.getElementById("al3").innerHTML="<br>Constructing Merge UTXOs : floBlockchainAPI.mergeUTXOs("+document.getElementById("mflom").value+","+document.getElementById("privkm").value+","+ document.getElementById("datam").value+")";
|
||||
settime("al3");
|
||||
})
|
||||
//read tx
|
||||
document.getElementById("readtx").addEventListener('click',()=>{
|
||||
document.getElementById("al4").innerHTML="<br>Constructing Read Tx : floBlockchainAPI.readTxs("+document.getElementById("floidd").value+","+ document.getElementById("fromi").value+","+ document.getElementById("endi").value+")";
|
||||
settime("al4");
|
||||
})
|
||||
//readtxall
|
||||
document.getElementById("readtxall").addEventListener('click',()=>{
|
||||
document.getElementById("al5").innerHTML="<br>Constructing Read all Tx : floBlockchainAPI.readTxs('"+document.getElementById("flo").value+"')";
|
||||
settime("al5");
|
||||
})
|
||||
//getbalance
|
||||
document.getElementById("getbalance").addEventListener('click',()=>{
|
||||
document.getElementById("al6").innerHTML="<br>Constructing Get Balance : floBlockchainAPI.getBalance('"+document.getElementById("floidbal").value+"')";
|
||||
settime("al6");
|
||||
})
|
||||
//readdata
|
||||
document.getElementById("readdata").addEventListener('click',()=>{
|
||||
document.getElementById("al7").innerHTML="<br>Constructing Read Data : floBlockchainAPI.readData("+document.getElementById("readflo").value+",{options"+"})";
|
||||
settime("al7");
|
||||
})
|
||||
//writedata
|
||||
document.getElementById("writedata").addEventListener('click',()=>{
|
||||
document.getElementById("al8").innerHTML="<br>Constructing Write Data : floBlockchainAPI.writeData("+document.getElementById("sfloid").value+","+ document.getElementById("datawrite").value+","+ document.getElementById("privwrite").value+","+ document.getElementById("rflowrite").value+")<br>";
|
||||
settime("al8");
|
||||
})
|
||||
//write data multiple
|
||||
document.getElementById("writedatamultiple").addEventListener('click',()=>{
|
||||
document.getElementById("al9").innerHTML="<br>Constructing Write Data Multiple : floBlockchainAPI.writeDataMultiple(senderPrivKeys["+sprivkey.length+"],"+ document.getElementById("data1").value+",receivers["+rfloid.length+"],"+ document.getElementById("pratio").value+")";
|
||||
settime("al9");
|
||||
})
|
||||
//set time constructor
|
||||
function settime(id){
|
||||
setInterval(()=>{document.getElementById(id).innerHTML=""},20000)
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user