Add feature Show distance to locations when user-position is known

natia-cohen · Apr 17, 2024 · 22f3849 · 22f3849
2 parents cd40a97 + 5ea4732
commit 22f3849
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -63,6 +63,11 @@ <h4>By rate:</h4>
                         <div class="pie"></div>
                         <ul class="legend"></ul>
                     </div>
+                    <div class="loc-stats-lastUpdated">
+                        <h4>By last update:</h4>
+                        <div class="pie"></div>
+                        <ul class="legend"></ul>
+                    </div>
                 </section>
             </section>
         </div>

diff --git a/js/app.controller.js b/js/app.controller.js
@@ -258,14 +258,16 @@ function renderLocStats() {
     locService.getLocCountByRateMap().then(stats => {
         handleStats(stats, 'loc-stats-rate')
     })
+    locService.getLocCountBylastUpdated().then(stats => {
+        handleStats(stats, 'loc-stats-lastUpdated')
+    })
 }
 
 function handleStats(stats, selector) {
     // stats = { low: 37, medium: 11, high: 100, total: 148 }
     // stats = { low: 5, medium: 5, high: 5, baba: 55, mama: 30, total: 100 }
     const labels = cleanStats(stats)
     const colors = utilService.getColors()
-
     var sumPercent = 0
     var colorsStr = `${colors[0]} ${0}%, `
     labels.forEach((label, idx) => {

diff --git a/js/services/loc.service.js b/js/services/loc.service.js
@@ -31,6 +31,7 @@ export const locService = {
     setFilterBy,
     setSortBy,
     getLocCountByRateMap,
+    getLocCountBylastUpdated,
 }
 
 function query() {
@@ -105,6 +106,21 @@ function getLocCountByRateMap() {
         })
 }
 
+function getLocCountBylastUpdated() {
+    return storageService.query(DB_KEY)
+        .then(locs => {
+            const locCountByUpdate = locs.reduce((map, loc) => {
+                if (utilService.elapsedTime(loc.updatedAt) === 'just now') map['just Now']++
+                else if (utilService.elapsedTime(loc.updatedAt) === 'last hour') map['last Hour']++
+                else if (utilService.elapsedTime(loc.updatedAt) === 'today') map.today++
+                else map['more then a day']++
+                return map
+            }, { "just Now": 0, "last Hour": 0, today: 0, "more then a day": 0 })
+            locCountByUpdate.total = locs.length
+            return locCountByUpdate
+        })
+}
+
 function setSortBy(sortBy = {}) {
     gSortBy = sortBy
 }