From 879050c98e1d2cc18f522a16d5b0cb2b82232dca Mon Sep 17 00:00:00 2001 From: cel Date: Tue, 24 Mar 2020 13:26:07 -0400 Subject: 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 --- lib/render-msg.js | 4 ++-- lib/serve.js | 8 +++++--- static/styles.css | 4 ++++ 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 ? [ - ' ', + '
', 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; -- cgit v1.2.3