mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 18:34:02 +00:00
0251c74109
Wind (NOAA GFS and ECMWF IFS: animated particles, colour field, a reading at map centre), observed weather (NOAA MRMS radar, GOES and NESDIS infrared clouds, lightning density) on one shared history timeline, NHC and CPHC cyclone advisories with tracks and cones, and a WEATHER panel in the right rail. On 3D Tiles the observed products render as raised shells with a sharper window around the view. Co-authored-by: Gustavo Beneduzi <[email protected]> Co-authored-by: Daniel Slay <[email protected]> Co-authored-by: Rehaan Delmotra <[email protected]> Co-authored-by: Cursor Agent <[email protected]>
75 lines
2.9 KiB
JavaScript
75 lines
2.9 KiB
JavaScript
const set = (node, key, value) => {
|
|
if (node[key] !== value) node[key] = value;
|
|
};
|
|
const attribute = (node, key, value) => {
|
|
if (node.getAttribute(key) !== value) node.setAttribute(key, value);
|
|
};
|
|
/** Reconcile ordered layer/card lists without replacing focused items. */
|
|
export function syncRowList(container, list) {
|
|
const document = container?.ownerDocument ?? globalThis.document;
|
|
if (!container) return;
|
|
const items = list?.items || [];
|
|
set(container, 'hidden', items.length === 0);
|
|
attribute(container, 'aria-label', list?.ariaLabel || '');
|
|
|
|
const stale = new Map();
|
|
for (const node of [...container.children]) {
|
|
if (node.dataset?.listItemId) stale.set(node.dataset.listItemId, node);
|
|
}
|
|
let index = 0;
|
|
let activeButton = null;
|
|
for (const item of items) {
|
|
let entry = stale.get(item.id);
|
|
stale.delete(item.id);
|
|
let button;
|
|
if (!entry) {
|
|
entry = document.createElement('li');
|
|
entry.dataset.listItemId = item.id;
|
|
button = document.createElement('button');
|
|
button.type = 'button';
|
|
button.className = 'data-row-list-item';
|
|
button.dataset.listItemId = item.id;
|
|
const lead = document.createElement('span');
|
|
lead.className = 'data-row-list-lead';
|
|
const text = document.createElement('span');
|
|
text.className = 'data-row-list-text';
|
|
button.append(lead, text);
|
|
entry.appendChild(button);
|
|
} else {
|
|
button = entry.querySelector('.data-row-list-item');
|
|
}
|
|
// Keep DOM order in step with descriptor order without rebuilding.
|
|
const anchor = container.children[index++] || null;
|
|
if (entry !== anchor) container.insertBefore(entry, anchor);
|
|
if (!button) continue;
|
|
const lead = button.querySelector('.data-row-list-lead');
|
|
const text = button.querySelector('.data-row-list-text');
|
|
const leadText = String(item.lead ?? '');
|
|
const bodyText = String(item.text ?? '');
|
|
if (lead && lead.textContent !== leadText) lead.textContent = leadText;
|
|
if (text && text.textContent !== bodyText) text.textContent = bodyText;
|
|
set(button, 'disabled', Boolean(item.disabled));
|
|
set(
|
|
button,
|
|
'className',
|
|
`data-row-list-item${item.disabled ? ' note' : ''}${item.active ? ' active' : ''}${item.current ? ' current' : ''}`,
|
|
);
|
|
attribute(button, 'aria-current', item.current ? 'step' : 'false');
|
|
attribute(button, 'aria-pressed', item.active ? 'true' : 'false');
|
|
set(button, 'title', bodyText);
|
|
if (item.current) activeButton = button;
|
|
}
|
|
for (const node of stale.values()) node.remove();
|
|
// Follow the flight, but never steal a scroll the reader is making
|
|
// themselves: only when the step actually changed.
|
|
if (
|
|
activeButton &&
|
|
container.dataset.currentId !== activeButton.dataset.listItemId
|
|
) {
|
|
container.dataset.currentId = activeButton.dataset.listItemId;
|
|
activeButton.scrollIntoView?.({ block: 'nearest' });
|
|
} else if (!activeButton) {
|
|
delete container.dataset.currentId;
|
|
}
|
|
}
|