mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 10:24:02 +00:00
45 lines
1.9 KiB
JavaScript
45 lines
1.9 KiB
JavaScript
export function _syncContextModeButtons() {
|
|
if (this.destroyed) return;
|
|
const flightsActive = this._contextMode === 'flights';
|
|
const missionsActive = this._contextMode === 'space-missions';
|
|
const panel = this._globalContextPanel;
|
|
panel?.classList.toggle('context-enabled', flightsActive || missionsActive);
|
|
panel?.setAttribute('data-context-mode', this._contextMode || 'none');
|
|
this._globalContextFlightsBtn?.classList.toggle('active', flightsActive);
|
|
this._globalContextFlightsBtn?.setAttribute(
|
|
'aria-selected',
|
|
String(flightsActive),
|
|
);
|
|
this._globalContextMissionsBtn?.classList.toggle('active', missionsActive);
|
|
this._globalContextMissionsBtn?.setAttribute(
|
|
'aria-selected',
|
|
String(missionsActive),
|
|
);
|
|
const transitionBusy = Boolean(this._contextModeChanging);
|
|
// Both Context choices stay in the ordinary Tab sequence. Arrow keys still
|
|
// provide tablist navigation, but must not be the only way to reach Space
|
|
// Missions from the keyboard. Semantic busy state keeps them perceivable
|
|
// while synchronous click guards prevent a second transition.
|
|
for (const button of [
|
|
this._globalContextFlightsBtn,
|
|
this._globalContextMissionsBtn,
|
|
]) {
|
|
if (!button) continue;
|
|
button.disabled = false;
|
|
button.tabIndex = 0;
|
|
button.setAttribute('aria-disabled', String(transitionBusy));
|
|
button.setAttribute('aria-busy', String(transitionBusy));
|
|
}
|
|
if (this._contextModeStandby)
|
|
this._contextModeStandby.hidden = flightsActive || missionsActive;
|
|
if (this._contextFlightsView)
|
|
this._contextFlightsView.hidden = !flightsActive;
|
|
if (this._contextMissionsView)
|
|
this._contextMissionsView.hidden = !missionsActive;
|
|
this.cockpitView?.syncEntry();
|
|
// Every _contextMode mutation funnels through here; the sync no-ops until
|
|
// the transaction settles, so this is the activation/deactivation edge.
|
|
this.actions.syncDetection();
|
|
this.actions.scheduleLayout();
|
|
}
|