From e2911ac8316b76e19363706b7840eadeeee45070 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Fri, 21 Feb 2020 23:48:54 +0530
Subject: [PATCH] 1.0.1

added loading animation
---
 index.html | 161 +++++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 137 insertions(+), 24 deletions(-)

diff --git a/index.html b/index.html
index 5c07aa6..b6baa2b 100644
--- a/index.html
+++ b/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>
\ No newline at end of file
+</html>