Try to clarify gathering times

- Show user-local date time string on gathering page, alongside UTC
timestamp and TZ string
- Include TZ in about message
- Align table headings to be more readable

3 files changed, 11 insertions, 5 deletions

diff --git a/lib/render-msg.js b/lib/render-msg.js
index ccaa5b1..68ea4d7 100644
--- a/lib/render-msg.js
+++ b/lib/render-msg.js
@@ -608,9 +608,9 @@ RenderMsg.prototype.links = function (links, cb) {
 
 function dateTime(d) {
   var date = new Date(d.epoch)
+  var tz = d.tz || d.bias
   return date.toString()
-  // d.bias
-  // d.epoch
+    + (tz ? ' in ' + tz : '')
 }
 
 // TODO: make more DRY
diff --git a/lib/serve.js b/lib/serve.js
index d780024..2beafc4 100644
--- a/lib/serve.js
+++ b/lib/serve.js
@@ -1293,6 +1293,7 @@ Serve.prototype.gathering = function (url) {
     var sources = about._sources || {}
     var start = about.startDateTime
     var img = about.imageLink
+    var startDate = start && new Date(start.epoch)
     pull(
       ph('section', [
         ph('h2', ['Gathering ', hashLink(id)]),
@@ -1322,11 +1323,12 @@ Serve.prototype.gathering = function (url) {
             ph('th', 'Start time'),
             ph('td', sources.startDateTime.map(hashLink)),
             ph('td', [
-              ph('code', u.escapeHTML(new Date(start.epoch).toISOString().replace(/ .*/, ''))),
+              ph('code', u.escapeHTML(startDate.toISOString().replace(/ .*/, ''))),
               start.tz ? [
-                ' ',
+                '<br>',
                 ph('code', u.escapeHTML(start.tz))
-              ] : ''
+              ] : '',
+              ph('div', u.escapeHTML(startDate.toString()))
             ])
           ]) : '',
           about.description ? ph('tr', [
diff --git a/static/styles.css b/static/styles.css
index d168d21..0214ac4 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -226,6 +226,10 @@ table.ssb-object td {
   border: 1px solid black;
 }
 
+th {
+  vertical-align: top;
+}
+
 .chess-square {
   width: 1em;
   height: 1em;