spinner

divinsmathew · May 22, 2021 · 15df9b9 · 15df9b9
1 parent 8eb5641
commit 15df9b9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -507,6 +507,7 @@ nav {
 }
 .windows8 {
     position: relative;
+    top: -18px;
     width: 54px;
     height: 54px;
     margin: auto;

diff --git a/js/cowatch.js b/js/cowatch.js
@@ -143,7 +143,7 @@ function fillDistricts()
 
 async function refreshTable(renderFilter)
 {
-    setLoading(true)
+    setVisibility("spinner")
     let watchDistrictId = districtsSelect.value
     let todayString = getTodayString()
 
@@ -180,9 +180,8 @@ function main(data, renderFilter)
         previousSessionCountMap.clear()
         let currentDistrict = districtsSelect.options[districtsSelect.selectedIndex].text
 
-        notFoundImgContainer.style.display = "grid"
         availabilityText.innerHTML = "<span class='nonEmph'> Vaccines available in <span class='emph'>0/0</span> vaccination centres.</span>"
-        setLoading(false, false)
+        setVisibility("notFound")
 
         if (!watching) document.getElementById('watchHeading').innerHTML = "Get pinged when new a vaccination slot becomes available. Press <span class='pop'>Start Watching</span> to start monitoring <span class='pop'>" + currentDistrict + "</span> district."
         document.title = "CoWatch | " + currentDistrict
@@ -226,7 +225,7 @@ function main(data, renderFilter)
     }
 
     hospitals.innerHTML = detailsHtml
-    setLoading(false)
+    setVisibility("table")
 
     let currentDistrict = districtsSelect.options[districtsSelect.selectedIndex].text
     if (!watching) document.getElementById('watchHeading').innerHTML = "Get pinged when new a vaccination slot becomes available. Press <span class='pop'>Start Watching</span> to start monitoring <span class='pop'>" + currentDistrict + "</span> district."
@@ -416,8 +415,9 @@ function mute()
     document.getElementById('muteAlertButton').style.display = "none"
 }
 
-function setLoading(makeVisible, setTable = true)
+function setVisibility(item)
 {
-    loadingIndicator.style.display = makeVisible ? "block" : "none"
-    if (setTable) theTable.style.display = makeVisible ? "none" : "block"
+    theTable.style.display = item === "table" ? "block" : "none"
+    loadingIndicator.style.display = item === "spinner" ? "block" : "none"
+    notFoundImgContainer.style.display = item === "notFound" ? "grid" : "none"
 }