import {UIEventSource} from "./UIEventSource"; import {UIElement} from "./UIElement"; import {VariableUiElement} from "./Base/VariableUIElement"; import Translations from "./i18n/Translations"; /** * Handles the full screen popup on mobile */ export class FullScreenMessageBoxHandler { private _uielement: UIEventSource; constructor(uielement: UIEventSource, onClear: (() => void)) { this._uielement = uielement; this.listenTo(uielement); this.update(); window.onhashchange = function () { if (location.hash === "") { // No more element: back to the map! uielement.setData(undefined); onClear(); } } Translations.t.general.returnToTheMap .onClick(() => { console.log("Clicked 'return to the map'") uielement.setData(undefined); onClear(); }) .AttachTo("to-the-map-h2"); } listenTo(uiEventSource: UIEventSource) { const self = this; uiEventSource.addCallback(function () { self.update(); }) } update() { const wrapper = document.getElementById("messagesboxmobilewrapper"); const gen = this._uielement.data; if (gen === undefined) { wrapper.classList.add("hidden") if (location.hash !== "") { location.hash = "" } return; } location.hash = "#element" wrapper.classList.remove("hidden"); gen ?.HideOnEmpty(true) ?.AttachTo("messagesboxmobile") ?.Activate(); } }