import {Layout, WelcomeMessage} from "./Customizations/Layout"; import Locale from "./UI/i18n/Locale"; import Translations from "./UI/i18n/Translations"; import {TabbedComponent} from "./UI/Base/TabbedComponent"; import {ShareScreen} from "./UI/ShareScreen"; import {FixedUiElement} from "./UI/Base/FixedUiElement"; import {CheckBox} from "./UI/Input/CheckBox"; import Combine from "./UI/Base/Combine"; import {OsmConnection} from "./Logic/OsmConnection"; import {Basemap} from "./Logic/Basemap"; import {UIEventSource} from "./UI/UIEventSource"; import {UIElement} from "./UI/UIElement"; import {MoreScreen} from "./UI/MoreScreen"; export class InitUiElements { static OnlyIf(featureSwitch: UIEventSource, callback: () => void) { featureSwitch.addCallback(() => { if (featureSwitch.data === "false") { return; } callback(); }); if (featureSwitch.data !== "false") { callback(); } } private static CreateWelcomePane(layoutToUse: Layout, osmConnection: OsmConnection, bm: Basemap) { const welcome = new WelcomeMessage(layoutToUse, Locale.CreateLanguagePicker(layoutToUse, Translations.t.general.pickLanguage), osmConnection) const fullOptions = new TabbedComponent([ {header: ``, content: welcome}, {header: ``, content: Translations.t.general.openStreetMapIntro}, {header: ``, content: new ShareScreen(layoutToUse, bm.Location)}, {header: ``, content: new MoreScreen(bm.Location)} ]) return fullOptions; } static InitWelcomeMessage(layoutToUse: Layout, osmConnection: OsmConnection, bm: Basemap, fullScreenMessage: UIEventSource) { const fullOptions = this.CreateWelcomePane(layoutToUse, osmConnection, bm); const help = new FixedUiElement(`
help
`); const close = new FixedUiElement(`
close
`); new CheckBox( new Combine([ "", close, "", "", fullOptions.onClick(() => { }), ""]), new Combine(["", help, ""]) , true ).AttachTo("messagesbox"); const fullOptions2 = this.CreateWelcomePane(layoutToUse, osmConnection, bm); fullScreenMessage.setData(fullOptions2) new FixedUiElement(`
help
`).onClick(() => { fullScreenMessage.setData(fullOptions2) }).AttachTo("help-button-mobile"); } }