make dates more relatable

harvardartmuseums · Dec 22, 2022 · 80bdefb · 80bdefb
1 parent bd39b62
commit 80bdefb
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/modules/data.js b/modules/data.js
@@ -84,6 +84,17 @@ function getCurrentExhibitions(callback) {
   fetch(url)
     .then(response => response.json())
     .then(results => {
+      let now = new Date();
+      now = new Date(now.toUTCString());
+
+      results['records'].forEach(r => {
+          let enddate = new Date(r['enddate']);
+          enddate.setDate(enddate.getDate() + 1);
+          const diff = enddate.getTime() - now.getTime();
+          r.days_left = Math.round(diff/86400000);
+          r.enddate_long = enddate.toLocaleDateString('en-US', {weekday: 'long', year: "numeric", month: "long", day: "numeric",});
+        });
+
         callback(null, results['records']);
       });        
 }
@@ -100,6 +111,17 @@ function getUpcomingExhibitions(callback) {
   fetch(url)
     .then(response => response.json())
     .then(results => {
+      let now = new Date();
+      now = new Date(now.toUTCString());
+
+      results['records'].forEach(r => {
+          let begindate = new Date(r['begindate']);
+          begindate.setDate(begindate.getDate() + 1);
+          const diff = begindate.getTime() - now.getTime();
+          r.days_until_opening = Math.round(diff/86400000);          
+          r.begindate_long = begindate.toLocaleDateString('en-US', {weekday: 'long', year: "numeric", month: "long", day: "numeric",});
+      });
+
         callback(null, results['records']);
       });        
 }

diff --git a/views/production.hbs b/views/production.hbs
@@ -96,7 +96,7 @@
                 <ul class="list-group">
                     {{#if apistats.exhibitions.current.length}}
                         {{#each apistats.exhibitions.current}}
-                            <li class="list-group-item"><a href="{{url}}">{{title}}</a> <br/><span class="figure-caption">closes on {{enddate}}</span></li>
+                            <li class="list-group-item"><a href="{{url}}">{{title}}</a> <br/><span class="figure-caption">closes on {{enddate_long}} <br/>{{days_left}} days left</span></li>
                         {{/each}}
                     {{else}}
                         <li class="list-group-item">No current exhibitions</li>
@@ -109,7 +109,7 @@
                 <ul class="list-group">
                     {{#if apistats.exhibitions.upcoming.length}}
                         {{#each apistats.exhibitions.upcoming}}
-                            <li class="list-group-item"><a href="{{url}}">{{title}}</a> <br/><span class="figure-caption">opens on {{begindate}}</span></li>
+                            <li class="list-group-item"><a href="{{url}}">{{title}}</a> <br/><span class="figure-caption">opens on {{begindate_long}} <br/>{{days_until_opening}} days until opening</span></li>
                         {{/each}}
                     {{else}}
                         <li class="list-group-item">No upcoming exhibitions</li>