kaizenkodo/CoBiE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #75 from ok2/codex/improve-tooltip-for-event-details

Browse Source 
Improve event tooltip info
This commit is contained in:
Kiyomichi Kosaka 2025-06-20 13:21:47 +02:00 committed by GitHub
commit 6e45dca49a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
script.js
View File

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