60 lines
2.1 KiB
TypeScript
60 lines
2.1 KiB
TypeScript
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()
|
|
}
|
|
|
|
} |