diff --git a/script.js b/script.js index 82e1601..b7b09b7 100644 --- a/script.js +++ b/script.js @@ -764,7 +764,9 @@ function showEonstripDetail(index, startCob) { start: relStart, end: relEnd, cobStart: occ, - cobEnd: occ + duration + cobEnd: occ + duration, + seriesStart: startCobEv, + seriesEnd: endCobEv }); occ += interval; } @@ -813,21 +815,26 @@ function showEonstripDetail(index, startCob) { const tooltip = document.createElement('div'); tooltip.className = 'tooltip'; - const opts = { + const optsShort = { timeZone: currentTimezone === 'TAI' ? 'UTC' : currentTimezone, year: 'numeric', month: 'short', day: 'numeric', - hour: '2-digit', minute: '2-digit', second: '2-digit', + hour: '2-digit', minute: '2-digit', hour12: false }; - const startStr = formatCobieTimestamp(ev.cobStart); - const endStr = formatCobieTimestamp(ev.cobEnd); - const startDate = fromCobiets(ev.cobStart).toLocaleString('en-US', opts); - const endDate = fromCobiets(ev.cobEnd).toLocaleString('en-US', opts); + + const startStr = formatCobieTimestamp(ev.cobStart); + const endStr = formatCobieTimestamp(ev.cobEnd); + const startDate = fromCobiets(ev.cobStart).toLocaleString('en-US', optsShort); + const endDate = fromCobiets(ev.cobEnd).toLocaleString('en-US', optsShort); + const seriesStart = formatCobieTimestamp(ev.seriesStart); + const seriesEnd = isFinite(ev.seriesEnd) ? + formatCobieTimestamp(ev.seriesEnd) : '∞'; + tooltip.innerHTML = `${ev.label}
` + - `Start: ${startStr}
` + - `End: ${endStr}
` + - `${startDate} – ${endDate}`; + `Start: ${startStr} (${startDate})
` + + `End: ${endStr} (${endDate})
` + + `Series: ${seriesStart} – ${seriesEnd}`; elem.appendChild(tooltip); timeline.appendChild(elem); });