import {UIElement} from "../UI/UIElement"; import {UIEventSource} from "../UI/UIEventSource"; import {OsmConnection, UserDetails} from "../Logic/Osm/OsmConnection"; import Locale from "../UI/i18n/Locale"; import {State} from "../State"; import {Layout} from "../Customizations/Layout"; import Translations from "./i18n/Translations"; import {VariableUiElement} from "./Base/VariableUIElement"; import {Utils} from "../Utils"; export class WelcomeMessage extends UIElement { private readonly layout: Layout; private languagePicker: UIElement; private osmConnection: OsmConnection; private readonly description: UIElement; private readonly plzLogIn: UIElement; private readonly welcomeBack: UIElement; private readonly tail: UIElement; constructor() { super(State.state.osmConnection.userDetails); this.languagePicker = Utils.CreateLanguagePicker(Translations.t.general.pickLanguage); this.ListenTo(Locale.language); function fromLayout(f: (layout: Layout) => (string | UIElement)): UIElement { return new VariableUiElement( State.state.layoutToUse.map((layout) => Translations.W(f(layout)).Render()) ) } this.description = fromLayout((layout) => layout.welcomeMessage); this.plzLogIn = fromLayout((layout) => layout.gettingStartedPlzLogin); this.plzLogIn.onClick(()=> State.state.osmConnection.AttemptLogin()); this.welcomeBack = fromLayout((layout) => layout.welcomeBackMessage); this.tail = fromLayout((layout) => layout.welcomeTail); } InnerRender(): string { let loginStatus = ""; if (State.state.featureSwitchUserbadge.data) { loginStatus = (State.state.osmConnection.userDetails.data.loggedIn ? this.welcomeBack : this.plzLogIn).Render(); loginStatus = loginStatus + "
" } return "" + this.description.Render() + "
" + loginStatus + this.tail.Render() + "
" + this.languagePicker.Render() + "
"; } }