Refactoring: introduction of global state to simplify getting common objects

UI/WelcomeMessage.ts

@@ -0,0 +1,60 @@
+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";
+
+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 = Locale.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.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 + "<br/>"
+        }
+
+        return "<span>" +
+            this.description.Render() +
+            "<br/>" +
+            loginStatus +
+            this.tail.Render() +
+            "<br/>" +
+            this.languagePicker.Render() +
+            "</span>";
+    }
+
+    protected InnerUpdate(htmlElement: HTMLElement) {
+        this.osmConnection?.registerActivateOsmAUthenticationClass()
+    }
+
+}