forked from MapComplete/MapComplete
52 lines
2.2 KiB
TypeScript
52 lines
2.2 KiB
TypeScript
|
import Combine from "../Base/Combine";
|
||
|
|
import {FlowStep} from "./FlowStep";
|
||
|
|
import UserRelatedState from "../../Logic/State/UserRelatedState";
|
||
|
|
import {UIEventSource} from "../../Logic/UIEventSource";
|
||
|
|
import Translations from "../i18n/Translations";
|
||
|
|
import Title from "../Base/Title";
|
||
|
|
import {VariableUiElement} from "../Base/VariableUIElement";
|
||
|
|
import {LoginToggle} from "../Popup/LoginButton";
|
||
|
|
import Img from "../Base/Img";
|
||
|
|
import Constants from "../../Models/Constants";
|
||
|
|
import Toggle from "../Input/Toggle";
|
||
|
|
import {SubtleButton} from "../Base/SubtleButton";
|
||
|
|
import Svg from "../../Svg";
|
||
|
|
import MoreScreen from "../BigComponents/MoreScreen";
|
||
|
|
|
||
|
|
export default class LoginToImport extends Combine implements FlowStep<UserRelatedState> {
|
||
|
|
readonly IsValid: UIEventSource<boolean>;
|
||
|
|
readonly Value: UIEventSource<UserRelatedState>;
|
||
|
|
|
||
|
|
constructor(state: UserRelatedState) {
|
||
|
|
const t = Translations.t.importHelper
|
||
|
|
const isValid = state.osmConnection.userDetails.map(ud => ud.csCount >= Constants.userJourney.importHelperUnlock)
|
||
|
|
super([
|
||
|
|
new Title(t.userAccountTitle),
|
||
|
|
new LoginToggle(
|
||
|
|
new VariableUiElement(state.osmConnection.userDetails.map(ud => {
|
||
|
|
if (ud === undefined) {
|
||
|
|
return undefined
|
||
|
|
}
|
||
|
|
return new Combine([
|
||
|
|
new Img(ud.img ?? "./assets/svgs/help.svg").SetClass("w-16 h-16 rounded-full"),
|
||
|
|
t.loggedInWith.Subs(ud),
|
||
|
|
new SubtleButton(Svg.logout_svg().SetClass("h-8"), Translations.t.general.logout)
|
||
|
|
.onClick(() => state.osmConnection.LogOut())
|
||
|
|
]);
|
||
|
|
})),
|
||
|
|
new Combine([t.loginRequired,
|
||
|
|
MoreScreen.CreateProffessionalSerivesButton()
|
||
|
|
]),
|
||
|
|
state
|
||
|
|
),
|
||
|
|
new Toggle(undefined,
|
||
|
|
new Combine(
|
||
|
|
[t.lockNotice.Subs(Constants.userJourney).SetClass("alert"),
|
||
|
|
MoreScreen.CreateProffessionalSerivesButton()])
|
||
|
|
|
||
|
|
, isValid)
|
||
|
|
])
|
||
|
|
this.Value = new UIEventSource<UserRelatedState>(state)
|
||
|
|
this.IsValid = isValid;
|
||
|
|
}
|
||
|
|
}
|