1.0.1
added loading animation
This commit is contained in:
sairaj mote
GitHub
parent
1bc67eedf2
commit
e2911ac831
161
index.html
161
index.html
@ -1217,6 +1217,72 @@
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.loader {
|
||||
height: 4rem;
|
||||
width: 4rem;
|
||||
stroke-width: 2;
|
||||
overflow: visible;
|
||||
stroke: var(--accent-color);
|
||||
fill: none;
|
||||
stroke-dashoffset: 180;
|
||||
stroke-dasharray: 180;
|
||||
will-change: stroke-dashoffset;
|
||||
}
|
||||
|
||||
.loading-animation {
|
||||
-webkit-animation: load 3.6s linear infinite, spin 1s linear infinite;
|
||||
animation: load 3.6s linear infinite, spin 1s linear infinite;
|
||||
}
|
||||
|
||||
#loader {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#loader h4 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#loader .logo {
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
@-webkit-keyframes load {
|
||||
50% {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes load {
|
||||
50% {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
::-webkit-scrollbar {
|
||||
width: 0.3rem;
|
||||
@ -1340,6 +1406,8 @@
|
||||
console.log(`Welcome FLO_ID: ${myFloID}`)
|
||||
TEDxKanke.refreshObjectData().then(result => {
|
||||
console.log(result)
|
||||
document.getElementById('username').innerHTML = `Hi, there! <br><p>${myFloID}</p>`;
|
||||
loader('hide')
|
||||
}).catch(error => console.error(error))
|
||||
}).catch(error => console.error(error))
|
||||
}
|
||||
@ -10554,6 +10622,59 @@
|
||||
}
|
||||
</script>
|
||||
<!-- Scripts from QR Reader -->
|
||||
<div id="loader" class="popup-container solid-background">
|
||||
<div>
|
||||
<svg viewBox="0 0 64 64" class="loader loading-animation">
|
||||
<circle cx="32" cy="32" r="32"/>
|
||||
</svg>
|
||||
<div class="logo">
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 794.1 193.19">
|
||||
<defs>
|
||||
<style>.cls-1{fill:#ff2b06;}
|
||||
</style>
|
||||
</defs>
|
||||
<title>TEDx_logo_place_k_RGB_CS2</title>
|
||||
<path class="cls-1" d="M89.93,380.9,82.36,370h7.22l4,6,4-6h7l-7.57,10.77,8.5,12.24H98.34l-4.8-7.25L88.73,393H81.65Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M135.51,379.38H113v-4.76h22.48Zm0,9.53H113v-4.77h22.48Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M152.73,366.43h-6.32v-5.21h6.32ZM146.41,370h6.32v23h-6.32Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M156.82,370h6v3.2H163a8.2,8.2,0,0,1,7-3.82c6.72,0,8.41,3.78,8.41,9.48V393h-6.32V380c0-3.78-1.11-5.65-4.05-5.65-3.43,0-4.89,1.92-4.89,6.59V393h-6.33Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M198.75,390.06h-.09c-1.47,2.5-4,3.57-7,3.57-6.94,0-10.32-6-10.32-12.33,0-6.19,3.42-11.93,10.19-11.93a8,8,0,0,1,6.85,3.42h.05V361.22h6.32V393h-6Zm-5.52-15.93c-4.14,0-5.56,3.56-5.56,7.34,0,3.61,1.64,7.39,5.56,7.39,4.18,0,5.43-3.65,5.43-7.43S197.33,374.13,193.23,374.13Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M213.84,383c.18,4,2.13,5.83,5.65,5.83,2.54,0,4.58-1.56,5-3H230c-1.78,5.43-5.56,7.75-10.77,7.75-7.26,0-11.75-5-11.75-12.11,0-6.9,4.76-12.15,11.75-12.15,7.83,0,11.61,6.58,11.17,13.66Zm10.28-4c-.58-3.21-2-4.9-5-4.9a5,5,0,0,0-5.25,4.9Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M233.29,370h6v2.94h.08a7.67,7.67,0,0,1,6.86-3.56c7.21,0,10.46,5.83,10.46,12.37,0,6.14-3.38,11.89-10.11,11.89a8.17,8.17,0,0,1-6.89-3.48h-.09v11h-6.32Zm17.09,11.57c0-3.65-1.47-7.43-5.52-7.43s-5.48,3.69-5.48,7.43,1.43,7.3,5.52,7.3S250.38,385.3,250.38,381.56Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M264.8,383c.18,4,2.13,5.83,5.65,5.83,2.54,0,4.58-1.56,5-3H281c-1.78,5.43-5.56,7.75-10.77,7.75-7.26,0-11.75-5-11.75-12.11,0-6.9,4.76-12.15,11.75-12.15,7.83,0,11.61,6.58,11.17,13.66Zm10.28-4c-.58-3.21-2-4.9-5-4.9a5,5,0,0,0-5.25,4.9Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M284.25,370h6v3.2h.13a8.2,8.2,0,0,1,7-3.82c6.72,0,8.41,3.78,8.41,9.48V393h-6.32V380c0-3.78-1.11-5.65-4.05-5.65-3.42,0-4.89,1.92-4.89,6.59V393h-6.32Z" transform="translate(-79.33 -208.54)"/><path class="cls-2" d="M326.17,390.06h-.09c-1.47,2.5-4.05,3.57-7,3.57-7,0-10.33-6-10.33-12.33,0-6.19,3.43-11.93,10.19-11.93a8,8,0,0,1,6.86,3.42h0V361.22h6.32V393h-6Zm-5.52-15.93c-4.14,0-5.56,3.56-5.56,7.34,0,3.61,1.65,7.39,5.56,7.39,4.19,0,5.43-3.65,5.43-7.43S324.75,374.13,320.65,374.13Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M341.26,383c.18,4,2.14,5.83,5.65,5.83,2.54,0,4.59-1.56,5-3h5.56c-1.78,5.43-5.56,7.75-10.77,7.75-7.26,0-11.75-5-11.75-12.11,0-6.9,4.76-12.15,11.75-12.15,7.83,0,11.62,6.58,11.17,13.66Zm10.28-4c-.58-3.21-2-4.9-5-4.9a5,5,0,0,0-5.25,4.9Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M360.71,370h6v3.2h.13a8.2,8.2,0,0,1,7-3.82c6.72,0,8.42,3.78,8.42,9.48V393H376V380c0-3.78-1.12-5.65-4.06-5.65-3.42,0-4.89,1.92-4.89,6.59V393h-6.32Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M394.22,370h4.63v4.23h-4.63v11.39c0,2.14.54,2.67,2.67,2.67a10,10,0,0,0,2-.17v4.94a25.34,25.34,0,0,1-3.69.22c-3.88,0-7.26-.89-7.26-5.48V374.22h-3.83V370h3.83v-6.9h6.32Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M401.16,361.22h6.32V393h-6.32Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M422.93,395.9c-1.38,3.69-3.56,5.2-7.92,5.2a38.81,38.81,0,0,1-3.88-.22v-5.21a34.67,34.67,0,0,0,3.7.23c2.18-.23,2.89-2.5,2.18-4.32L408.91,370h6.76l5.21,15.76H421L426,370h6.54Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M456.44,369.37c7.26,0,11.93,4.8,11.93,12.15s-4.67,12.11-11.93,12.11-11.88-4.81-11.88-12.11S449.23,369.37,456.44,369.37Zm0,19.49c4.32,0,5.61-3.69,5.61-7.34s-1.29-7.39-5.61-7.39-5.56,3.69-5.56,7.39S452.17,388.86,456.44,388.86Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M470.68,370h6v4.27h.09a8.14,8.14,0,0,1,7.35-4.89,4.92,4.92,0,0,1,1.38.22v5.87a11.89,11.89,0,0,0-2.27-.22c-4.63,0-6.24,3.34-6.24,7.39V393h-6.32Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M509.23,391.53c0,3.79-1.34,10.2-11.93,10.2-4.54,0-9.84-2.14-10.15-7.39h6.28c.58,2.36,2.49,3.16,4.72,3.16,3.51,0,5.11-2.41,5.07-5.7v-3h-.09a7.76,7.76,0,0,1-6.9,3.56c-6.9,0-9.84-5.25-9.84-11.57,0-6,3.43-11.39,9.89-11.39,3,0,5.34,1,6.85,3.69h.09V370h6Zm-6-10.32c0-3.74-1.29-7.08-5.39-7.08-3.56,0-5.12,3.12-5.12,6.54s1.25,6.9,5.12,6.9C501.44,387.57,503.22,384.5,503.22,381.21Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M512.25,377.07c.36-5.92,5.66-7.7,10.82-7.7,4.58,0,10.1,1,10.1,6.54v12c0,2.1.23,4.19.8,5.12h-6.41a9.3,9.3,0,0,1-.44-2.22,10.56,10.56,0,0,1-7.75,2.85c-4.36,0-7.83-2.19-7.83-6.9,0-5.21,3.92-6.46,7.83-7s7.48-.45,7.48-3-1.87-3.11-4.09-3.11c-2.41,0-4,1-4.19,3.47Zm14.6,4.67c-1.07.94-3.29,1-5.25,1.34s-3.74,1.06-3.74,3.38,1.83,2.94,3.87,2.94c4.94,0,5.12-3.92,5.12-5.3Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M537.18,370h6v3.2h.13a8.2,8.2,0,0,1,7-3.82c6.72,0,8.41,3.78,8.41,9.48V393h-6.32V380c0-3.78-1.11-5.65-4.05-5.65-3.42,0-4.89,1.92-4.89,6.59V393h-6.32Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M568.29,366.43H562v-5.21h6.32ZM562,370h6.32v23H562Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M571,388.24l12-13.49H571.85V370h19.4v4.76l-12,13.49H592.1V393H571Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M599.8,383c.18,4,2.13,5.83,5.65,5.83,2.54,0,4.59-1.56,5-3H616c-1.78,5.43-5.56,7.75-10.77,7.75-7.26,0-11.75-5-11.75-12.11,0-6.9,4.76-12.15,11.75-12.15,7.83,0,11.61,6.58,11.17,13.66Zm10.28-4c-.58-3.21-2-4.9-5-4.9a5,5,0,0,0-5.25,4.9Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M635.67,390.06h-.09c-1.47,2.5-4.05,3.57-7,3.57-6.94,0-10.32-6-10.32-12.33,0-6.19,3.43-11.93,10.19-11.93a8,8,0,0,1,6.86,3.42h0V361.22h6.32V393h-6Zm-5.52-15.93c-4.14,0-5.56,3.56-5.56,7.34,0,3.61,1.65,7.39,5.56,7.39,4.19,0,5.43-3.65,5.43-7.43S634.25,374.13,630.15,374.13Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M664.73,367.1h-9.52v-5.88h26v5.88h-9.53V393h-7Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M684,361.22h23.77v5.88H691v6.81h15.4v5.43H691v7.79h17.14V393H684Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M711.06,361.22h13.71c8.24,0,14.42,5.17,14.42,15.71,0,9.22-4.71,16.07-14.42,16.07H711.06Zm7,25.91h6.23c4.05,0,7.93-2.5,7.93-9.53,0-6.41-2.23-10.5-9.17-10.5h-5Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M759.18,383c.17,4,2.13,5.83,5.65,5.83,2.54,0,4.58-1.56,5-3h5.57c-1.78,5.43-5.57,7.75-10.77,7.75-7.26,0-11.75-5-11.75-12.11,0-6.9,4.76-12.15,11.75-12.15,7.83,0,11.61,6.58,11.17,13.66Zm10.28-4c-.58-3.21-2-4.9-5-4.9a5,5,0,0,0-5.25,4.9Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M790.47,393h-7l-7.88-23h6.64L787,385.7h.09L792,370h6.27Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M804.31,383c.17,4,2.13,5.83,5.65,5.83,2.54,0,4.58-1.56,5-3h5.57c-1.78,5.43-5.57,7.75-10.77,7.75-7.26,0-11.75-5-11.75-12.11,0-6.9,4.76-12.15,11.75-12.15,7.83,0,11.61,6.58,11.17,13.66Zm10.28-4c-.58-3.21-2-4.9-5-4.9a5,5,0,0,0-5.25,4.9Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M823.76,370h6v3.2h.14a8.2,8.2,0,0,1,7-3.82c6.72,0,8.41,3.78,8.41,9.48V393H839V380c0-3.78-1.11-5.65-4-5.65-3.43,0-4.89,1.92-4.89,6.59V393h-6.32Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-2" d="M857.27,370h4.63v4.23h-4.63v11.39c0,2.14.53,2.67,2.67,2.67a10,10,0,0,0,2-.17v4.94a25.39,25.39,0,0,1-3.7.22c-3.87,0-7.25-.89-7.25-5.48V374.22h-3.83V370H851v-6.9h6.32Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-1" d="M109,256.08H79.33V229h91.88v27.12H141.56v78.7H109Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-1" d="M176.27,229h89.19v27.12H208.87v13.19h56.59v25.2H208.87v13.19h56.61v27.12H176.27Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-1" d="M271,229h53.5c35.27,0,47.73,26.08,47.73,52.75,0,32.47-17.19,53.07-54.1,53.07H271Zm32.6,78.7H316.3c20.31,0,23.28-16.46,23.28-26.4,0-6.66-2.09-25.18-25.66-25.18H303.55Z" transform="translate(-79.33 -208.54)"/>
|
||||
<path class="cls-1" d="M419,294l-9.94-16.49L399.38,294H375.49l22.68-33.35-21.83-31.89h23.89l8.85,15.76,9.1-15.76h23.89l-21.83,31.89L442.92,294Z" transform="translate(-79.33 -208.54)"/>
|
||||
<text class="cls-3" transform="translate(377.56 126.07)">Kanke</text>
|
||||
</svg>
|
||||
</div>
|
||||
A FLO Blockchain App by RanchiMall
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup-container hide">
|
||||
<div id="confirmation" class="popup">
|
||||
<p></p>
|
||||
@ -10857,7 +10978,6 @@
|
||||
<section>
|
||||
<h3>Account</h3>
|
||||
<h4 id="username" class="capitalise"></h4>
|
||||
<p>This will delete all local data.</p>
|
||||
<button id="logout" class="svg-margin-right" title="sign out of the app" onclick="logout()">
|
||||
<svg viewBox="0 0 73.21 55">
|
||||
<path d="M27.71,9.5" />
|
||||
@ -10894,7 +11014,7 @@
|
||||
</section>
|
||||
<section>
|
||||
<h3>About</h3>
|
||||
<h5>Version 1.0.0</h5>
|
||||
<h5>Version 1.0.1</h5>
|
||||
<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;" xml:space="preserve">
|
||||
@ -11004,17 +11124,11 @@
|
||||
}
|
||||
}
|
||||
|
||||
function updatePrivKey() {
|
||||
|
||||
}
|
||||
|
||||
function decodeOnce(codeReader, selectedDeviceId) {
|
||||
codeReader.decodeFromInputVideoDevice(selectedDeviceId, 'video').then((result) => {
|
||||
console.log(result);
|
||||
console.log('decoded value is ');
|
||||
window.decodedQr = result.text;
|
||||
|
||||
|
||||
}).catch((err) => {
|
||||
console.error(err)
|
||||
document.getElementById('result').textContent = err
|
||||
@ -11024,7 +11138,7 @@
|
||||
function decodeContinuously(codeReader, selectedDeviceId, elementID, venue) {
|
||||
let scanLine = document.getElementById('scanner_line');
|
||||
codeReader.decodeFromInputVideoDeviceContinuously(selectedDeviceId, elementID, (result, err) => {
|
||||
if (result) {
|
||||
if (result){
|
||||
// properly decoded qr code
|
||||
console.log('decoded value is ' + result.text);
|
||||
window.decodedQr = result.text;
|
||||
@ -11037,13 +11151,10 @@
|
||||
document.getElementById('qr_btn').click();
|
||||
}
|
||||
else {
|
||||
|
||||
//showMessege('Please enter valid input');
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if (err) {
|
||||
// As long as this error belongs into one of the following categories
|
||||
// the code reader is going to continue as excepted. Any other error
|
||||
@ -11212,8 +11323,7 @@
|
||||
|
||||
document.getElementById('back_button_admin').addEventListener('click', () => {
|
||||
codeReader.reset();
|
||||
document.getElementById('admin_scanner').classList.add('hide-completely');
|
||||
document.getElementById('main_page').classList.remove('hide-completely');
|
||||
showPage('admin_scanner')
|
||||
})
|
||||
})
|
||||
.catch((err) => {
|
||||
@ -11324,12 +11434,7 @@
|
||||
askConfirmation("Do you want to sign out?").then((result) => {
|
||||
if (result) {
|
||||
floDapps.clearCredentials()
|
||||
compactIDB.deleteDB().then((message) => {
|
||||
onLoadStartUp()
|
||||
showMessege('', 'You have signed out successfully.')
|
||||
}).catch((error) => {
|
||||
console.log(error)
|
||||
})
|
||||
onLoadStartUp()
|
||||
}
|
||||
})
|
||||
}
|
||||
@ -11392,8 +11497,6 @@
|
||||
if (window.decodedQr.length > 40) {
|
||||
resolve(window.decodedQr.trim());
|
||||
hidePopup('sign_in');
|
||||
|
||||
//btn.click()
|
||||
}
|
||||
else {
|
||||
showMessege('error', 'Please enter correct private key.')
|
||||
@ -11433,6 +11536,17 @@
|
||||
}
|
||||
})
|
||||
}
|
||||
function loader(mode){
|
||||
let loader = document.getElementById('loader');
|
||||
if(mode === 'show'){
|
||||
loader.classList.remove('hide')
|
||||
loader.firstElementChild.children[0].classList.add('loading-animation')
|
||||
}
|
||||
else{
|
||||
loader.classList.add('hide')
|
||||
loader.firstElementChild.children[0].classList.remove('loading-animation')
|
||||
}
|
||||
}
|
||||
let currentTimeout;
|
||||
function showMessege(mode, message, behavior) {
|
||||
let banner = document.getElementById('show_message')
|
||||
@ -11509,7 +11623,6 @@
|
||||
}, 21000)
|
||||
}
|
||||
function stopCountdown(){
|
||||
console.log('hi')
|
||||
clearInterval(countInternval)
|
||||
}
|
||||
|
||||
@ -11517,4 +11630,4 @@
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user