showing loading when waiting for the result to be saved

monkeytypegame · Jun 8, 2020 · ee20551 · ee20551
1 parent bc2d635
commit ee20551
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/public/index.html b/public/index.html
@@ -653,8 +653,8 @@ <h1>discord dot</h1>
 <script src="js/userconfig.js?v=9"></script>
 <script src="js/commandline.js?v=9"></script>
 <script src="js/settings.js?v=9"></script>
-<script src="js/account.js?v=9"></script>
-<script src="js/script.js?v=9"></script>
+<script src="js/account.js?v=10"></script>
+<script src="js/script.js?v=10"></script>
 
 
 </html>
diff --git a/public/js/account.js b/public/js/account.js
@@ -123,10 +123,10 @@ firebase.auth().onAuthStateChanged(function(user) {
   if (user) {
     // User is signed in.
     updateAccountLoginButton();
-    $("#top #menu .account .icon").html('<i class="fas fa-fw fa-spin fa-circle-notch"></i>');
+    accountIconLoading(true);
     db_getUserSnapshot().then(e => {
       console.log('DB snapshot ready');
-      $("#top #menu .account .icon").html('<i class="fas fa-fw fa-user"></i>');
+      accountIconLoading(false);
     });
     var displayName = user.displayName;
     var email = user.email;

diff --git a/public/js/script.js b/public/js/script.js
@@ -680,9 +680,9 @@ function showResult(difficultyFailed = false) {
             localPb = true;
           }
         })
-
+        accountIconLoading(true);
         testCompleted({uid:firebase.auth().currentUser.uid,obj:completedEvent}).then(e => {
-          // showNotification('done');
+          accountIconLoading(false);
           if(e.data === -1){
             showNotification('Could not save result',3000);
           }else if(e.data === 1 || e.data === 2){
@@ -1172,6 +1172,16 @@ function updateAccountLoginButton() {
   }
 }
 
+function accountIconLoading(truefalse) {
+
+  if(truefalse){
+    $("#top #menu .account .icon").html('<i class="fas fa-fw fa-spin fa-circle-notch"></i>');
+  }else{
+    $("#top #menu .account .icon").html('<i class="fas fa-fw fa-user"></i>');
+  }
+
+}
+
 function toggleResultWordsDisplay(){
   if(resultVisible){
     if($("#words").hasClass('hidden')){