feat(ui): render the map source chips and status badge from the store

createMapSourceControls() (./ui/maps) no longer builds the chip row or
writes the status badge: it presents both and hands them to its publish
option, so the entry stays Vue-free. The shell publishes them to the
gev-display store and connects the controls, and the dock renders the
chips and calls select() for an available one. renderMapStackChips and
syncMapStackChips are deprecated. The map source QA harnesses wait for
the dock to render and no longer read the removed element refs.
This commit is contained in:
Sameh Khamis committed 2026-10-31 12:11:35 -07:00
1 parent decac29fbd
commit 4966877859
13 files changed
+233 -155

No files matched your search

+7 -2
View File
@@ -54,6 +54,7 @@ import { applyLocaleChoice, mountLocalePicker } from './localePicker.js';
import { PanelNavigation } from './panelNavigation.js';
import { applicationPinia, createUiRuntime } from './vueRuntime.js';
import { useContextStore } from './stores/context.js';
import { useDisplayStore } from './stores/display.js';
/**
* Central UI orchestrator for the God's Eye View application.
@@ -890,11 +891,12 @@ export class StyleManager extends ShellFacade {
_initMapStackControl() {
if (!this.mapStackController) return;
const displayStore = useDisplayStore(applicationPinia());
this._mapSourceControls?.destroy();
displayStore.publishMapSource(null);
this._mapSourceControls = createMapSourceControls({
container: this._mapStackChips,
statusElement: this._mapStackStatus,
controller: this.mapStackController,
publish: (view) => displayStore.publishMapSource(view),
subscribe: (onChange) => {
window.addEventListener('gev:map-stack-changed', onChange);
return () =>
@@ -904,6 +906,7 @@ export class StyleManager extends ShellFacade {
onStateChanged: () => this._syncShareState(),
onError: (message) => this._showToast(message),
});
displayStore.connectMapSource(this._mapSourceControls);
}
/**
@@ -1768,6 +1771,8 @@ export class StyleManager extends ShellFacade {
this._displayBindings.destroy();
this._mapSourceControls?.destroy();
useDisplayStore(applicationPinia()).connectMapSource(null);
useDisplayStore(applicationPinia()).publishMapSource(null);
this._cameraOrientationControls?.destroy();
this._clearLayersControl?.destroy();
this._cctvControls?.destroy();