Update FLO_webWallet_mainnet.html
This commit is contained in:
sairaj mote
GitHub
parent
0eabf1d223
commit
5652550234
@ -5,15 +5,19 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
|
||||
@font-face {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
src: url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
|
||||
}
|
||||
|
||||
:root {
|
||||
--sidenav-color: rgb(240, 240, 240);
|
||||
--accent-color: rgb(210, 13, 29);
|
||||
--back-color: rgb(235, 235, 235);
|
||||
--body-color: rgb(255, 255, 255);
|
||||
--sec-color: rgb(204, 204, 204);
|
||||
--bw: rgb(0, 0, 0);
|
||||
--opac-accent-color: rgb(210, 13, 29, 0.1);
|
||||
--sidenav-color: #f0f0f0;
|
||||
--accent-color: #D40E1E;
|
||||
--back-color: #ebebeb;
|
||||
--body-color: #fff;
|
||||
--sec-color: #ccc;
|
||||
--bw: #000;
|
||||
--opac-accent-color: rgba(210, 13, 29, 0.1);
|
||||
}
|
||||
|
||||
* {
|
||||
@ -138,7 +142,7 @@ button:focus, input:focus, textarea:focus {
|
||||
pointer-events: none;
|
||||
opacity: 0.6;
|
||||
padding: 0 0.4em;
|
||||
margin: 1em 1em 1em 0.8em;
|
||||
margin: 1.1em 1em 1em 0.8em;
|
||||
-webkit-transition: color 0.2s ease, padding 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
|
||||
transition: color 0.2s ease, padding 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
|
||||
transition: transform 0.2s ease, color 0.2s ease, padding 0.2s ease, opacity 0.2s ease;
|
||||
@ -156,8 +160,8 @@ button:focus, input:focus, textarea:focus {
|
||||
}
|
||||
|
||||
.input .label-active, .text-area .label-active {
|
||||
-webkit-transform: translateY(-1.6em) scale(0.8);
|
||||
transform: translateY(-1.6em) scale(0.8);
|
||||
-webkit-transform: translateY(-1.8em) scale(0.8);
|
||||
transform: translateY(-1.8em) scale(0.8);
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
@ -251,12 +255,20 @@ textarea, input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.spacer {
|
||||
display: flexbox;
|
||||
-webkit-box-flex: 1 !important;
|
||||
-ms-flex-positive: 1 !important;
|
||||
flex-grow: 1 !important;
|
||||
margin-left: auto;
|
||||
#textCopied {
|
||||
padding: 1em;
|
||||
border-radius: 0.25em;
|
||||
background: var(--sec-color);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
margin: 2em 0;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
-webkit-transition: 0.2s opacity ease;
|
||||
transition: 0.2s opacity ease;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#main-card #header {
|
||||
@ -288,7 +300,14 @@ textarea, input {
|
||||
fill: var(--accent-color);
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
margin: 1em 0.5em 1em 1em;
|
||||
}
|
||||
|
||||
#main-card #header svg:first-of-type {
|
||||
margin: 1em 0.4em 1em 1em;
|
||||
}
|
||||
|
||||
#main-card #header svg:last-of-type {
|
||||
margin: 1em 0.5em 1em auto;
|
||||
}
|
||||
|
||||
#main-card .right {
|
||||
@ -308,17 +327,13 @@ textarea, input {
|
||||
-ms-flex-line-pack: start;
|
||||
align-content: flex-start;
|
||||
width: 100%;
|
||||
margin: 0.5em 0;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-transition: width 0.2s ease;
|
||||
transition: width 0.2s ease;
|
||||
}
|
||||
|
||||
#sendData .sdleft button {
|
||||
-ms-flex-item-align: start;
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
#sendData .sdleft .input {
|
||||
-webkit-transition: border 0.2s ease;
|
||||
transition: border 0.2s ease;
|
||||
@ -330,11 +345,12 @@ textarea, input {
|
||||
|
||||
#sendData .sdleft .input input {
|
||||
height: auto;
|
||||
border: none;
|
||||
padding: 1em 0 1em 1em;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
border: none;
|
||||
padding: 1em 0 1em 1em;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
#sendData .sdleft .input button {
|
||||
@ -349,6 +365,7 @@ textarea, input {
|
||||
}
|
||||
|
||||
#sendData #sdright {
|
||||
opacity: 0.6;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
display: -webkit-box;
|
||||
@ -358,13 +375,17 @@ textarea, input {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#sendData #sdright .input, #sendData #sdright .text-area {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
#sendData #dispBal {
|
||||
width: 100%;
|
||||
border: 1px solid var(--sec-color);
|
||||
padding: 1em 2em;
|
||||
-ms-flex-item-align: start;
|
||||
align-self: flex-start;
|
||||
word-break: break-all;
|
||||
overflow-wrap: break-word;
|
||||
border-radius: 0.25em;
|
||||
margin: auto;
|
||||
}
|
||||
@ -495,13 +516,17 @@ textarea, input {
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
#addrGen card h6 {
|
||||
margin: 0.5em 0;
|
||||
#addrGen card h5 {
|
||||
margin: 0.5em 0 1em 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#addrGen card h4 {
|
||||
font-weight: normal;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
#addrGen card div {
|
||||
position: relative;
|
||||
display: flexbox;
|
||||
padding: 1em;
|
||||
word-break: break-all;
|
||||
@ -512,6 +537,27 @@ textarea, input {
|
||||
border-bottom: 1px solid var(--sec-color);
|
||||
}
|
||||
|
||||
#addrGen card svg {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 0.6em;
|
||||
height: 2.5em;
|
||||
width: 2.5em;
|
||||
margin: 1em;
|
||||
fill: var(--bw);
|
||||
opacity: 0.5;
|
||||
border-radius: 2em;
|
||||
-webkit-transition: 0.2s ease background;
|
||||
transition: 0.2s ease background;
|
||||
}
|
||||
|
||||
#addrGen card svg:hover {
|
||||
background: var(--sec-color);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
input[type=number]::-webkit-inner-spin-button,
|
||||
input[type=number]::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
@ -553,10 +599,9 @@ input[type=number] {
|
||||
|
||||
#dispMsg #title-bar svg {
|
||||
display: flexbox;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
padding: 0.4em;
|
||||
margin: 0.5em;
|
||||
height: 3em;
|
||||
width: 3em;
|
||||
padding: 0.9em;
|
||||
fill: var(--bw) !important;
|
||||
cursor: pointer;
|
||||
-ms-flex-item-align: center;
|
||||
@ -636,7 +681,7 @@ input[type=number] {
|
||||
}
|
||||
|
||||
#dispMsg trans-container transaction-card div:nth-of-type(1) {
|
||||
word-break: break-all;
|
||||
overflow-wrap: break-word;
|
||||
opacity: 0.8;
|
||||
font-size: 0.9em;
|
||||
padding-bottom: 0.5em;
|
||||
@ -659,14 +704,13 @@ input[type=number] {
|
||||
|
||||
loading {
|
||||
pointer-events: none;
|
||||
position: fixed;
|
||||
position: absolute;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #00000020;
|
||||
place-items: center;
|
||||
z-index: 10;
|
||||
}
|
||||
@ -677,33 +721,22 @@ loading svg {
|
||||
width: 4em;
|
||||
-webkit-animation: spin 1s infinite ease;
|
||||
animation: spin 1s infinite ease;
|
||||
}
|
||||
|
||||
loading svg .st0 {
|
||||
fill: var(--accent-color);
|
||||
}
|
||||
|
||||
loading svg .st1 {
|
||||
fill: var(--accent-color);
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
#addNewAddress {
|
||||
position: fixed;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
bottom: 54px;
|
||||
width: 3.5em;
|
||||
height: 3.5em;
|
||||
right: 0;
|
||||
margin: 1em;
|
||||
padding: 1.2em;
|
||||
border-radius: 50%;
|
||||
background: var(--accent-color);
|
||||
-webkit-box-shadow: 0.1em 0.2em 0.3em rgba(0, 0, 0, 0.4);
|
||||
@ -711,15 +744,7 @@ loading svg .st1 {
|
||||
-webkit-transition: right 0.2s ease, bottom 0.2s ease;
|
||||
transition: right 0.2s ease, bottom 0.2s ease;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#addNewAddress svg {
|
||||
display: flexbox;
|
||||
-ms-flex-item-align: center;
|
||||
align-self: center;
|
||||
fill: #fff;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
#edit-container, #add-container {
|
||||
@ -781,7 +806,7 @@ loading svg .st1 {
|
||||
}
|
||||
|
||||
#edit-container #edit div:first-of-type {
|
||||
word-break: break-all;
|
||||
overflow-wrap: break-word;
|
||||
opacity: 0.6;
|
||||
margin: 1em 0;
|
||||
}
|
||||
@ -805,7 +830,7 @@ loading svg .st1 {
|
||||
flex-wrap: wrap;
|
||||
-ms-flex-line-pack: start;
|
||||
align-content: flex-start;
|
||||
padding-bottom: 4em;
|
||||
padding-bottom: 5em;
|
||||
}
|
||||
|
||||
#monitor-list monitor {
|
||||
@ -921,32 +946,17 @@ loading svg .st1 {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
#settings-page .border-card-container {
|
||||
#settings-page .border-card {
|
||||
color: var(--bw);
|
||||
text-decoration: none;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
padding: 0.5em 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#settings-page .border-card-container .border-card {
|
||||
color: var(--bw);
|
||||
text-decoration: none;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
display: flexbox;
|
||||
border: 1px solid var(--sec-color);
|
||||
border-radius: 0.25em;
|
||||
padding: 1em;
|
||||
width: 8em;
|
||||
text-align: center;
|
||||
margin: 0.5em 1em 0.5em 0;
|
||||
}
|
||||
|
||||
#settings-page .border-card-container .border-card svg {
|
||||
#settings-page .border-card svg {
|
||||
fill: var(--accent-color);
|
||||
display: flexbox;
|
||||
height: 2em;
|
||||
@ -1045,7 +1055,7 @@ input:checked + .slider:before {
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 1em;
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
@ -1145,6 +1155,9 @@ input:checked + .slider:before {
|
||||
margin-right: auto !important;
|
||||
width: auto;
|
||||
}
|
||||
#monitor-list {
|
||||
padding-bottom: 6em;
|
||||
}
|
||||
#monitor-list monitor {
|
||||
-ms-flex-item-align: auto;
|
||||
align-self: auto;
|
||||
@ -1152,7 +1165,7 @@ input:checked + .slider:before {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin: 1em;
|
||||
margin: 0.5em;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
@ -1322,9 +1335,6 @@ input:checked + .slider:before {
|
||||
left: 64px !important;
|
||||
height: 64px !important;
|
||||
}
|
||||
#header svg {
|
||||
margin: 1em 0.5em 1em auto !important;
|
||||
}
|
||||
#popup {
|
||||
-webkit-transform: translateY(64px);
|
||||
transform: translateY(64px);
|
||||
@ -1337,6 +1347,7 @@ input:checked + .slider:before {
|
||||
}
|
||||
#sendData .sdleft {
|
||||
width: 40%;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
#sendData #sdright {
|
||||
opacity: 0.6;
|
||||
@ -1345,8 +1356,9 @@ input:checked + .slider:before {
|
||||
-ms-flex-item-align: start;
|
||||
align-self: flex-start;
|
||||
}
|
||||
#sendData #sdright .input, #sendData #sdright button {
|
||||
#sendData #sdright .input, #sendData #sdright button, #sendData #sdright .text-area {
|
||||
width: 100% !important;
|
||||
margin: 0.5em !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1390,9 +1402,6 @@ input:checked + .slider:before {
|
||||
}
|
||||
|
||||
@media screen and (max-width: 360px) {
|
||||
transaction-card div {
|
||||
word-break: break-all;
|
||||
}
|
||||
body {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
@ -1406,7 +1415,7 @@ input:checked + .slider:before {
|
||||
height: 4em;
|
||||
}
|
||||
.right {
|
||||
bottom: 48px;
|
||||
bottom: 48px !important;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
@ -1432,6 +1441,31 @@ input:checked + .slider:before {
|
||||
<div id="main-card">
|
||||
<div id="overlay2"></div>
|
||||
<header id="header">
|
||||
<svg viewBox="0 0 96 108" style="enable-background:new 0 0 90.5 106.3;" xml:space="preserve">
|
||||
<path d="M90.2,102.5c-2.4-8.2-9.9-14.5-27.4-23.1c-7.1-3.5-11.8-6.2-14-8.3c-1.7-1.6-3.5-4-4.2-5.5c-0.7-1.7-0.7-5.5,0-7.5
|
||||
c1.3-3.6,2.6-5.2,12.9-15.1c6.2-5.9,9.3-10.3,11.1-15.5c0.7-2.1,0.8-7.6,0.2-9.4C66.5,12,61.7,6.7,53.7,1.6c-3-1.9-4.3-2.1-4.3-0.8
|
||||
c0,0.3-0.5,1.4-1,2.4l-1,1.8l-2.8-1.9c-1.5-1.1-3.4-2.2-4.1-2.6c-1.3-0.7-2.4-0.6-2.4,0.2c0,0.3-1.4,3.4-2,4.4
|
||||
c0,0.1-0.4-0.1-0.9-0.4c-6.1-4.4-8.7-5.5-8.7-3.9c0,0.7-1.8,4.2-4,7.9C16,19.5,9.4,24.9,2.6,24.9c-3,0-2.9-0.1-2,3.4
|
||||
c0.7,2.8,1.1,3.1,3.6,2.3c2.3-0.7,3.9-1.5,5.8-2.9c0.8-0.6,1.5-0.9,1.6-0.9c0.1,0.1,0.5,1,0.7,2.1s0.7,2,0.9,2.1
|
||||
c0.8,0.3,5.1-1.3,7.5-2.9l2.3-1.5l0.5,1.8c0.6,2.4,1,2.7,3.3,2.1c3.9-1,7.7-3.7,11.5-8.2l2-2.4l-0.2,2.1c-0.6,5.4-4.3,11.4-11.3,18
|
||||
c-1.8,1.7-4.7,4.5-6.5,6.2c-10.7,10.2-10,18.6,2,26.5c2.7,1.8,10.3,5.8,15.3,8c0.9,0.4,3.3,1.7,5.3,2.9c11,6.5,16.4,13.1,16.4,19.7
|
||||
c0,1.3,0.1,2.4,0.2,2.6l0,0c0.3,0.3,0.1,0.3,3-0.5c1.4-0.4,2.6-0.9,2.8-1.1c0.4-0.6-0.6-3.7-1.8-6.1c-1.3-2.5-5.6-7-8.9-9.4
|
||||
c-3.8-2.8-9.3-5.9-17-9.7c-8.5-4.2-11.8-6.2-14.7-9.1c-2.6-2.6-3.9-5.3-3.9-8.2c0-4.6,2.3-8.6,8.3-14.1c9.4-8.7,13-13,15.5-18.8
|
||||
c1.3-3,1.4-3.4,1.4-6.7c0-3.1-0.1-3.8-1.1-6l-1.1-2.4l1-1.6c0.5-0.9,1.2-2.1,1.5-2.6l0.5-1l1.5,2.1c1.8,2.6,3.2,6.8,3.2,9.3
|
||||
c0,1.7-0.6,4.7-1.4,6.4c-0.2,0.4-0.4,1-0.5,1.3c-0.1,0.3-1.1,2-2.2,3.7c-2,3-5.2,6.4-13.4,14.2c-5.7,5.4-7.6,8.6-7.8,13.1
|
||||
c-0.2,3.7,0.7,5.9,3.7,9.2c3.2,3.4,6.9,5.8,17.4,11c12.1,6,17.3,9.6,21.3,14.5c2.5,3.2,3.7,5.8,3.9,9.3c0.1,1.6,0.3,3,0.5,3
|
||||
c0.1,0.1,0.8,0,1.4-0.2s1.9-0.5,2.7-0.7l1.5-0.4l-0.2-1.5c-0.7-5.1-5.4-10.8-13.1-16c-4.4-2.9-5.8-3.7-17.3-9.4
|
||||
c-5.7-2.8-9.2-5.1-11.8-7.6c-4.3-4.2-5.1-8.8-2.7-13.9c1.4-2.8,2.7-4.4,12.5-13.8c8-7.7,11.4-13.7,11.4-20.1c0-5.1-2.3-9.9-6.9-14.3
|
||||
c-1.1-1-2-2-2.1-2.2c-0.2-0.4,1.5-3.9,1.9-3.9c1.2,0,7.8,6.3,9.7,9.2c2,3.3,2.5,5,2.5,8.9c0,3.9-0.6,5.9-2.9,9.8
|
||||
c-2.4,4.1-4.2,6-14.2,15.5c-3.4,3.2-5.7,6.1-6.9,8.7c-0.9,2-1.1,2.7-1.1,5.1c0,2.3,0.2,3.2,1,4.9c1.9,4,7.4,8.5,15.4,12.4
|
||||
c12.5,6.1,15.1,7.6,19.4,10.7c7.2,5.3,10.6,10.5,10.6,16c0,1.3,0.1,2.4,0.3,2.5c0.4,0.3,4.8-0.8,5.5-1.3
|
||||
C90.7,104.4,90.7,104.3,90.2,102.5z M20.3,23.3L20.3,23.3c-2,1-3.3,1.4-4.8,1.5L13.3,25l2.3-2.8c3.7-4.5,6.4-8.9,10-16
|
||||
c0.9-1.8,1.8-3.5,2-3.6c0.4-0.4,2.6,1.1,5.1,3.4l2.1,1.9l-1.9,2.8C28.2,17.5,24.5,21.2,20.3,23.3z M39.3,17.4
|
||||
c-1.2,1.7-6.5,5.7-8.6,6.5v0c-1.1,0.4-2.8,0.8-3.9,0.9L24.9,25l2.1-2.6c2.5-3.1,5.1-7,7-10.4c0.7-1.4,1.4-2.5,1.5-2.6
|
||||
c0.3-0.4,1.7,1.4,3,4.1l1.5,3L39.3,17.4z M44.6,10c-0.7,1.2-1.4,2.1-1.5,2.1c-0.1,0-1.5-1.4-3-3l-2.8-3l0.6-1.5
|
||||
c1.1-2.6,1.3-2.7,3.4-1c1.9,1.5,4.5,3.8,4.5,4.1C45.8,7.8,45.3,8.9,44.6,10z"/>
|
||||
</svg>
|
||||
<span>RanchiMall</span>
|
||||
<svg viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:url(#SVGID_1_);}
|
||||
@ -1464,9 +1498,8 @@ input:checked + .slider:before {
|
||||
</header>
|
||||
<div id="bottom-nav">
|
||||
<div id="indicator"></div>
|
||||
<div class="icons" id="menu">
|
||||
<div class="icons" id="menu" title='Expand side navigation bar'>
|
||||
<svg role="img" viewBox="0 0 20 16">
|
||||
<title>Expand side navigation bar</title>
|
||||
<g>
|
||||
<path d="M19,2H1C0.4,2,0,1.6,0,1v0c0-0.6,0.4-1,1-1l18,0c0.6,0,1,0.4,1,1v0C20,1.6,19.6,2,19,2z"/>
|
||||
<path d="M12,10H1c-0.6,0-1-0.4-1-1v0c0-0.6,0.4-1,1-1h11c0.6,0,1,0.4,1,1v0C13,9.6,12.6,10,12,10z"/>
|
||||
@ -1474,9 +1507,8 @@ input:checked + .slider:before {
|
||||
</svg>
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="icons tabs activeButton" id="getDataBtn" onclick="showPage(this.id, 'getData')">
|
||||
<div class="icons tabs activeButton" title='Monitor FLO data' id="getDataBtn" onclick="showPage(this.id, 'getData')">
|
||||
<svg role="img" viewBox="0 0 20 16">
|
||||
<title>FLO monitoring page</title>
|
||||
<path d="M18,0H2C0.9,0,0,0.9,0,2v14c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V2C20,0.9,19.1,0,18,0z M16.4,6.9l-4.2,4.2
|
||||
c-0.4,0.4-1,0.4-1.4,0L8.6,9l-3.5,3.5c-0.4,0.4-1,0.4-1.4,0c-0.4-0.4-0.4-1,0-1.4l4.2-4.2c0.4-0.4,1-0.4,1.4,0L11.4,9l3.5-3.5
|
||||
c0.4-0.4,1-0.4,1.4,0C16.8,5.9,16.8,6.5,16.4,6.9z"/>
|
||||
@ -1485,9 +1517,8 @@ input:checked + .slider:before {
|
||||
<span>Monitor FLO data</span>
|
||||
</div>
|
||||
|
||||
<div class="icons tabs" id="sendDataBtn" onclick="showPage(this.id, 'sendData')">
|
||||
<div class="icons tabs" title='Send FLO data' id="sendDataBtn" onclick="showPage(this.id, 'sendData')">
|
||||
<svg role="img" viewBox="0 0 20 16">
|
||||
<title>Send FLO data page</title>
|
||||
<g>
|
||||
<path d="M0.3,9.1l6.2,2.2c0.2,0.1,0.4,0,0.5-0.1L19.1,0L0.3,8.2C-0.1,8.4-0.1,9,0.3,9.1z"/>
|
||||
<path d="M10,18.8l-2.2-6.2c-0.1-0.2,0-0.4,0.1-0.5L19.1,0l-8.2,18.8C10.7,19.2,10.1,19.2,10,18.8z"/>
|
||||
@ -1496,9 +1527,8 @@ input:checked + .slider:before {
|
||||
<h6>Send</h6>
|
||||
<span>Send FLO data</span>
|
||||
</div>
|
||||
<div class="icons tabs" id="addrGenBtn" onclick="showPage(this.id, 'addrGen')">
|
||||
<div class="icons tabs" title='Generate or recover FLO address' id="addrGenBtn" onclick="showPage(this.id, 'addrGen')">
|
||||
<svg role="img" viewBox="0 0 20 16">
|
||||
<title>FLO address generator page</title>
|
||||
<g>
|
||||
<circle cx="9" cy="9" r="3"/>
|
||||
<path d="M12,14v1c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1V3c0-0.6,0.4-1,1-1h8c0.6,0,1,0.4,1,1v1c0,0.6,0.4,1,1,1h0c0.6,0,1-0.4,1-1V2
|
||||
@ -1509,7 +1539,7 @@ input:checked + .slider:before {
|
||||
<h6>Generate</h6>
|
||||
<span>Generate address</span>
|
||||
</div>
|
||||
<div class="icons tabs" id="settingsBtn" onclick="showPage(this.id, 'settings-page')">
|
||||
<div class="icons tabs" title="Settings" id="settingsBtn" onclick="showPage(this.id, 'settings-page')">
|
||||
<svg role="img" x='0' y='0' viewBox="0 0 20 16">
|
||||
<title>Settings</title>
|
||||
<g>
|
||||
@ -1524,6 +1554,9 @@ input:checked + .slider:before {
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div id="textCopied">
|
||||
Text copied
|
||||
</div>
|
||||
<div id="getData" class="page">
|
||||
<div id="add-container" class="hide">
|
||||
<div id="add">
|
||||
@ -1557,20 +1590,22 @@ input:checked + .slider:before {
|
||||
</div>
|
||||
<div id="monitor-list">
|
||||
</div>
|
||||
<div id="addNewAddress">
|
||||
<svg id="close_btn" width="17" height="17" viewBox="0 0 17 17">
|
||||
<path id="Union_1" data-name="Union 1" d="M7.5-3701v-6.5H1a1,1,0,0,1-1-1,1,1,0,0,1,1-1H7.5v-6.5a1,1,0,0,1,1-1,1,1,0,0,1,1,1v6.5H16a1,1,0,0,1,1,1,1,1,0,0,1-1,1H9.5v6.5a1,1,0,0,1-1,1A1,1,0,0,1,7.5-3701Z" transform="translate(0 3717)"/> </svg>
|
||||
</div>
|
||||
<svg id="addNewAddress" viewBox="0 0 17 17">
|
||||
<title>Add new address to monitor</title>
|
||||
<path id="Union_1" data-name="Union 1" d="M7.5-3701v-6.5H1a1,1,0,0,1-1-1,1,1,0,0,1,1-1H7.5v-6.5a1,1,0,0,1,1-1,1,1,0,0,1,1,1v6.5H16a1,1,0,0,1,1,1,1,1,0,0,1-1,1H9.5v6.5a1,1,0,0,1-1,1A1,1,0,0,1,7.5-3701Z" transform="translate(0 3717)"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div id="dispMsg" class="hide innerPage">
|
||||
<div id='title-bar'>
|
||||
<svg onclick="showPage('getDataBtn', 'getData')" viewBox="0 0 16 16">
|
||||
<title>Go back to monitoring page</title>
|
||||
<path d="M14.9,6.5h-11L8.4,2c0.4-0.4,0.4-1.2,0-1.6C8-0.1,7.2-0.1,6.8,0.3L0.3,6.8C0.2,6.9,0.1,7,0.1,7.2C0,7.5,0,7.8,0.1,8
|
||||
c0.1,0.1,0.1,0.3,0.2,0.4l6.5,6.5c0.4,0.4,1.2,0.4,1.6,0c0.4-0.4,0.4-1.2,0-1.6L3.9,8.8h11c0.6,0,1.1-0.5,1.1-1.1
|
||||
C16,7,15.5,6.5,14.9,6.5z"/>
|
||||
</svg>
|
||||
<span><h3 id="addressLabel"></h3><h5 id="fullAddress"></h5></span>
|
||||
<svg onclick="refreshdata()" viewBox="0 0 16 16" style="enable-background:new 0 0 19.9 21.5;" xml:space="preserve">
|
||||
<title>Refresh transactions</title>
|
||||
<path d="M10,6h4.7c0.4,0,0.7-0.3,0.7-0.7V0.7C15.3,0.3,15,0,14.6,0c-0.1,0-0.9,0.7-1.9,1.6c-2.2-1.7-5.3-2.2-8.5-0.8
|
||||
C2.8,1.5,1.6,2.7,0.9,4.3C-1.9,10.2,2.4,16,8,16c3.2,0,5.9-1.9,7.2-4.6c0.3-0.7-0.2-1.4-0.9-1.4c-0.4,0-0.7,0.2-0.9,0.5
|
||||
c-1.3,2.8-4.7,4.4-8.1,2.9c-1.2-0.5-2.2-1.5-2.7-2.7C0.6,6.3,3.8,2,8,2c1.2,0,2.4,0.4,3.3,1c-1.1,1.1-2,2.1-2,2.3
|
||||
@ -1584,11 +1619,11 @@ input:checked + .slider:before {
|
||||
|
||||
<div id="sendData" class="page hide">
|
||||
<div class="sdleft">
|
||||
<h3>To send FLO data, make sure you have enough balance.</h3>
|
||||
<div id="dispBal">
|
||||
<h5>FLO balance</h5>
|
||||
<h5>Available balance</h5>
|
||||
<span id="dispBalInt">0</span>
|
||||
<span id="dispBalFloat"></span>
|
||||
<h5 style="opacity: 0.6;font-weight: normal;">To send FLO data, make sure you have enough balance.</h5>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input autocomplete="new-password" onfocus="animateInput(this.parentNode)" onblur="revertBack(this.parentNode)" type="text" id="getBal_addr" oninput="checkBalAddress(this)"/>
|
||||
@ -1609,14 +1644,15 @@ input:checked + .slider:before {
|
||||
<textarea data-gramm_editor="false" onfocus="animateInput(this.parentNode)" onblur="revertBack(this.parentNode)" rows="8" id="flotextdata"></textarea>
|
||||
<label>FLO data</label>
|
||||
</div>
|
||||
<button id="sendBtn" onclick="sendMessage()">Send</button>
|
||||
<button id="sendBtn" onclick="sendMessage()" disabled>Send</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="addrGen" class="page hide">
|
||||
<button id="GenNewAddrBtn" class="primaryButton">Generate New Address</button>
|
||||
<button id="showRecoveryModal">Recover FLO Address</button><br/><br/>
|
||||
<div id="addrDisp"></div>
|
||||
<div id="addrDisp">
|
||||
</div>
|
||||
</div>
|
||||
<div id="settings-page" class="page hide">
|
||||
<section>
|
||||
@ -1649,34 +1685,6 @@ input:checked + .slider:before {
|
||||
<section>
|
||||
<h4>About</h4>
|
||||
<h5>Version 2.5</h5>
|
||||
<div class="border-card-container">
|
||||
<a class="border-card" href="https://ranchimall.net/" target="_blank" rel="noopener noreferrer">
|
||||
<svg viewBox="0 0 96 108" style="enable-background:new 0 0 90.5 106.3;" xml:space="preserve">
|
||||
<path d="M90.2,102.5c-2.4-8.2-9.9-14.5-27.4-23.1c-7.1-3.5-11.8-6.2-14-8.3c-1.7-1.6-3.5-4-4.2-5.5c-0.7-1.7-0.7-5.5,0-7.5
|
||||
c1.3-3.6,2.6-5.2,12.9-15.1c6.2-5.9,9.3-10.3,11.1-15.5c0.7-2.1,0.8-7.6,0.2-9.4C66.5,12,61.7,6.7,53.7,1.6c-3-1.9-4.3-2.1-4.3-0.8
|
||||
c0,0.3-0.5,1.4-1,2.4l-1,1.8l-2.8-1.9c-1.5-1.1-3.4-2.2-4.1-2.6c-1.3-0.7-2.4-0.6-2.4,0.2c0,0.3-1.4,3.4-2,4.4
|
||||
c0,0.1-0.4-0.1-0.9-0.4c-6.1-4.4-8.7-5.5-8.7-3.9c0,0.7-1.8,4.2-4,7.9C16,19.5,9.4,24.9,2.6,24.9c-3,0-2.9-0.1-2,3.4
|
||||
c0.7,2.8,1.1,3.1,3.6,2.3c2.3-0.7,3.9-1.5,5.8-2.9c0.8-0.6,1.5-0.9,1.6-0.9c0.1,0.1,0.5,1,0.7,2.1s0.7,2,0.9,2.1
|
||||
c0.8,0.3,5.1-1.3,7.5-2.9l2.3-1.5l0.5,1.8c0.6,2.4,1,2.7,3.3,2.1c3.9-1,7.7-3.7,11.5-8.2l2-2.4l-0.2,2.1c-0.6,5.4-4.3,11.4-11.3,18
|
||||
c-1.8,1.7-4.7,4.5-6.5,6.2c-10.7,10.2-10,18.6,2,26.5c2.7,1.8,10.3,5.8,15.3,8c0.9,0.4,3.3,1.7,5.3,2.9c11,6.5,16.4,13.1,16.4,19.7
|
||||
c0,1.3,0.1,2.4,0.2,2.6l0,0c0.3,0.3,0.1,0.3,3-0.5c1.4-0.4,2.6-0.9,2.8-1.1c0.4-0.6-0.6-3.7-1.8-6.1c-1.3-2.5-5.6-7-8.9-9.4
|
||||
c-3.8-2.8-9.3-5.9-17-9.7c-8.5-4.2-11.8-6.2-14.7-9.1c-2.6-2.6-3.9-5.3-3.9-8.2c0-4.6,2.3-8.6,8.3-14.1c9.4-8.7,13-13,15.5-18.8
|
||||
c1.3-3,1.4-3.4,1.4-6.7c0-3.1-0.1-3.8-1.1-6l-1.1-2.4l1-1.6c0.5-0.9,1.2-2.1,1.5-2.6l0.5-1l1.5,2.1c1.8,2.6,3.2,6.8,3.2,9.3
|
||||
c0,1.7-0.6,4.7-1.4,6.4c-0.2,0.4-0.4,1-0.5,1.3c-0.1,0.3-1.1,2-2.2,3.7c-2,3-5.2,6.4-13.4,14.2c-5.7,5.4-7.6,8.6-7.8,13.1
|
||||
c-0.2,3.7,0.7,5.9,3.7,9.2c3.2,3.4,6.9,5.8,17.4,11c12.1,6,17.3,9.6,21.3,14.5c2.5,3.2,3.7,5.8,3.9,9.3c0.1,1.6,0.3,3,0.5,3
|
||||
c0.1,0.1,0.8,0,1.4-0.2s1.9-0.5,2.7-0.7l1.5-0.4l-0.2-1.5c-0.7-5.1-5.4-10.8-13.1-16c-4.4-2.9-5.8-3.7-17.3-9.4
|
||||
c-5.7-2.8-9.2-5.1-11.8-7.6c-4.3-4.2-5.1-8.8-2.7-13.9c1.4-2.8,2.7-4.4,12.5-13.8c8-7.7,11.4-13.7,11.4-20.1c0-5.1-2.3-9.9-6.9-14.3
|
||||
c-1.1-1-2-2-2.1-2.2c-0.2-0.4,1.5-3.9,1.9-3.9c1.2,0,7.8,6.3,9.7,9.2c2,3.3,2.5,5,2.5,8.9c0,3.9-0.6,5.9-2.9,9.8
|
||||
c-2.4,4.1-4.2,6-14.2,15.5c-3.4,3.2-5.7,6.1-6.9,8.7c-0.9,2-1.1,2.7-1.1,5.1c0,2.3,0.2,3.2,1,4.9c1.9,4,7.4,8.5,15.4,12.4
|
||||
c12.5,6.1,15.1,7.6,19.4,10.7c7.2,5.3,10.6,10.5,10.6,16c0,1.3,0.1,2.4,0.3,2.5c0.4,0.3,4.8-0.8,5.5-1.3
|
||||
C90.7,104.4,90.7,104.3,90.2,102.5z M20.3,23.3L20.3,23.3c-2,1-3.3,1.4-4.8,1.5L13.3,25l2.3-2.8c3.7-4.5,6.4-8.9,10-16
|
||||
c0.9-1.8,1.8-3.5,2-3.6c0.4-0.4,2.6,1.1,5.1,3.4l2.1,1.9l-1.9,2.8C28.2,17.5,24.5,21.2,20.3,23.3z M39.3,17.4
|
||||
c-1.2,1.7-6.5,5.7-8.6,6.5v0c-1.1,0.4-2.8,0.8-3.9,0.9L24.9,25l2.1-2.6c2.5-3.1,5.1-7,7-10.4c0.7-1.4,1.4-2.5,1.5-2.6
|
||||
c0.3-0.4,1.7,1.4,3,4.1l1.5,3L39.3,17.4z M44.6,10c-0.7,1.2-1.4,2.1-1.5,2.1c-0.1,0-1.5-1.4-3-3l-2.8-3l0.6-1.5
|
||||
c1.1-2.6,1.3-2.7,3.4-1c1.9,1.5,4.5,3.8,4.5,4.1C45.8,7.8,45.3,8.9,44.6,10z"/>
|
||||
</svg>
|
||||
<h5>A RanchiMall product</h5>
|
||||
</a>
|
||||
<a class="border-card" href="https://flo.cash/" target="_blank" rel="noopener noreferrer">
|
||||
<h5>Powered by</h5>
|
||||
<svg viewBox="0 0 108 48" style="enable-background:new 0 0 107.65 47.07;"
|
||||
@ -1708,7 +1716,6 @@ input:checked + .slider:before {
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
@ -1763,12 +1770,11 @@ input:checked + .slider:before {
|
||||
document.getElementById('manual-mode').checked = false;
|
||||
clearInterval(mode);
|
||||
}
|
||||
|
||||
function daylight(){
|
||||
html.setAttribute("style", `--bw: rgb(0, 0, 0);--back-color: rgb(235, 235, 235);--body-color: rgb(255, 255, 255);--sidenav-color: rgb(240, 240, 240);--sec-color:rgb(204, 204, 204);--opac-accent-color: rgb(210, 13, 29, 0.1);`);
|
||||
html.setAttribute("style", `--bw: #000;--back-color: #EBEBEB;--body-color: #fff;--sidenav-color:#f0f0f0;--sec-color: #ccc;--opac-accent-color: rgb(210, 13, 29, 0.1);`);
|
||||
}
|
||||
function nightlight(){
|
||||
html.setAttribute("style", `--bw: rgb(255, 255, 255);--back-color: rgb(34, 34, 34);--body-color: rgb(42, 42, 42);--sidenav-color: rgb(49, 49, 49);--sec-color: rgb(85, 85, 85);--opac-accent-color: rgb(210, 13, 29, 0.2);`);
|
||||
html.setAttribute("style", `--bw: #fff;--back-color: #222;--body-color: #2a2a2a;--sidenav-color:#313131;--sec-color: #555;--opac-accent-color: rgb(210, 13, 29, 0.2);`);
|
||||
}
|
||||
function autoMode()
|
||||
{
|
||||
@ -2021,8 +2027,9 @@ input:checked + .slider:before {
|
||||
else{
|
||||
document.getElementById('dispBalInt').textContent= intPart;
|
||||
document.getElementById('dispBalFloat').innerHTML= `.${floatPart} FLOs`;
|
||||
document.getElementById('sdright').setAttribute('style', 'pointer-events: all; opacity: 1')
|
||||
document.getElementById('sendBtn').disabled = false;
|
||||
}
|
||||
document.getElementById('sdright').setAttribute('style', 'pointer-events: all; opacity: 1');
|
||||
}).catch((error) => {
|
||||
console.log(error);
|
||||
})
|
||||
@ -2033,7 +2040,25 @@ input:checked + .slider:before {
|
||||
par = document.getElementById('addrDisp'),
|
||||
card = document.createElement('card');
|
||||
card.classList.add('highlight');
|
||||
card.innerHTML= `<div><h6>New FLO Address</h6>${x.floID}</div><div><h6>Private Key</h6>${x.privKey}</div>`;
|
||||
card.innerHTML= `<div>
|
||||
<h5>New FLO Address</h5>
|
||||
<h4>${x.floID}</h4>
|
||||
<svg onclick='copyToClipboard(this.parentNode)' viewBox="0 0 13 16" style="enable-background:new 0 0 13 16;" xml:space="preserve">
|
||||
<title>Copy FLO address</title>
|
||||
<path d="M12,0H4C3.4,0,3,0.4,3,1v3H1C0.4,4,0,4.4,0,5v10c0,0.6,0.4,1,1,1h8c0.6,0,1-0.4,1-1v-3h2c0.6,0,1-0.4,1-1V1
|
||||
C13,0.4,12.6,0,12,0z M8,13c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1V7c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1V13z M11,9c0,0.6-0.4,1-1,1V5
|
||||
c0-0.6-0.4-1-1-1H5V3c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1V9z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div><h5>Private Key</h5>
|
||||
<h4>${x.privKey}</h4>
|
||||
<svg onclick='copyToClipboard(this.parentNode)' viewBox="0 0 13 16" style="enable-background:new 0 0 13 16;" xml:space="preserve">
|
||||
<title>Copy private key</title>
|
||||
<path d="M12,0H4C3.4,0,3,0.4,3,1v3H1C0.4,4,0,4.4,0,5v10c0,0.6,0.4,1,1,1h8c0.6,0,1-0.4,1-1v-3h2c0.6,0,1-0.4,1-1V1
|
||||
C13,0.4,12.6,0,12,0z M8,13c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1V7c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1V13z M11,9c0,0.6-0.4,1-1,1V5
|
||||
c0-0.6-0.4-1-1-1H5V3c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1V9z"/>
|
||||
</svg>
|
||||
</div>`;
|
||||
par.insertBefore(card, par.firstChild);
|
||||
card.addEventListener('animationEnd', function(){
|
||||
card.classList.remove('highlight');
|
||||
@ -2057,7 +2082,26 @@ input:checked + .slider:before {
|
||||
let par = document.getElementById('addrDisp'),
|
||||
card = document.createElement('card');
|
||||
card.classList.add('highlight');
|
||||
card.innerHTML=`<div><h6>Recovered FLO Address</h6>${recoverAddr.floID}</div><div><h6>Private Key</h6>${recoverAddr.privKey}</div>`;
|
||||
card.innerHTML=`<div>
|
||||
<h5>Recovered FLO Address</h5>
|
||||
<h4>${recoverAddr.floID}</h4>
|
||||
<svg onclick='copyToClipboard(this.parentNode)' viewBox="0 0 13 16" style="enable-background:new 0 0 13 16;" xml:space="preserve">
|
||||
<title>Copy FLO address</title>
|
||||
<path d="M12,0H4C3.4,0,3,0.4,3,1v3H1C0.4,4,0,4.4,0,5v10c0,0.6,0.4,1,1,1h8c0.6,0,1-0.4,1-1v-3h2c0.6,0,1-0.4,1-1V1
|
||||
C13,0.4,12.6,0,12,0z M8,13c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1V7c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1V13z M11,9c0,0.6-0.4,1-1,1V5
|
||||
c0-0.6-0.4-1-1-1H5V3c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1V9z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Private Key</h5>
|
||||
<h4>${recoverAddr.privKey}</h4>
|
||||
<svg onclick='copyToClipboard(this.parentNode)' viewBox="0 0 13 16" style="enable-background:new 0 0 13 16;" xml:space="preserve">
|
||||
<title>Copy private key</title>
|
||||
<path d="M12,0H4C3.4,0,3,0.4,3,1v3H1C0.4,4,0,4.4,0,5v10c0,0.6,0.4,1,1,1h8c0.6,0,1-0.4,1-1v-3h2c0.6,0,1-0.4,1-1V1
|
||||
C13,0.4,12.6,0,12,0z M8,13c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1V7c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1V13z M11,9c0,0.6-0.4,1-1,1V5
|
||||
c0-0.6-0.4-1-1-1H5V3c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1V9z"/>
|
||||
</svg>
|
||||
</div>`;
|
||||
par.insertBefore(card, par.firstChild);
|
||||
fadeout();
|
||||
}).catch((error) => {
|
||||
@ -2113,6 +2157,7 @@ input:checked + .slider:before {
|
||||
<div>${address}</div>
|
||||
<div onclick="clickedAddress(this.parentNode)"></div>
|
||||
<svg class='edit-options' onclick="showEdit(this.parentNode)" viewBox="0 0 4 16" style="enable-background:new 0 0 4 16;" xml:space="preserve">
|
||||
<title>Edit address card</title>
|
||||
<g>
|
||||
<circle cx="2" cy="2" r="2"/>
|
||||
<circle cx="2" cy="14" r="2"/>
|
||||
@ -2177,13 +2222,15 @@ input:checked + .slider:before {
|
||||
}
|
||||
|
||||
function sendMessage(){
|
||||
console.log(document.getElementById('getBal_addr').value,
|
||||
document.getElementById('amount').value,
|
||||
document.getElementById('receiver').value,
|
||||
document.getElementById('flotextdata').value);
|
||||
document.getElementById('receiver').value;
|
||||
floWebWallet.sendTransaction().then((transactionid) => {
|
||||
let sender = document.getElementById('getBal_addr').value,
|
||||
amount = document.getElementById('amount').value,
|
||||
receiver = document.getElementById('receiver').value,
|
||||
floData = document.getElementById('flotextdata').value;
|
||||
privKey = prompt('Enter your private key')
|
||||
floWebWallet.sendTransaction(sender, receiver, amount, floData, privKey).then((transactionid) => {
|
||||
console.log(transactionid)
|
||||
alert('sent')
|
||||
getBal()
|
||||
}).catch((error) => {
|
||||
alert(error)
|
||||
})
|
||||
@ -2200,11 +2247,15 @@ input:checked + .slider:before {
|
||||
|
||||
function copyToClipboard(parent) {
|
||||
let range = document.createRange();
|
||||
range.selectNode(document.getElementById("a"));
|
||||
range.selectNode(parent.children[1]);
|
||||
window.getSelection().removeAllRanges();
|
||||
window.getSelection().addRange(range);
|
||||
document.execCommand("copy");
|
||||
window.getSelection().removeAllRanges();
|
||||
document.getElementById('textCopied').classList.add('show');
|
||||
setTimeout(() => {
|
||||
document.getElementById('textCopied').classList.remove('show');
|
||||
}, 1000)
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user