forked from MapComplete/MapComplete
37 lines
No EOL
1.3 KiB
TypeScript
37 lines
No EOL
1.3 KiB
TypeScript
import {ImmutableStore, Store} from "../../Logic/UIEventSource";
|
|
import Translations from "../i18n/Translations";
|
|
import {OsmConnection} from "../../Logic/Osm/OsmConnection";
|
|
import Toggle from "../Input/Toggle";
|
|
import BaseUIElement from "../BaseUIElement";
|
|
|
|
export class SaveButton extends Toggle {
|
|
|
|
constructor(value: Store<any>, osmConnection: OsmConnection, textEnabled ?: BaseUIElement, textDisabled ?: BaseUIElement) {
|
|
if (value === undefined) {
|
|
throw "No event source for savebutton, something is wrong"
|
|
}
|
|
|
|
const pleaseLogin = Translations.t.general.loginToStart.Clone()
|
|
.SetClass("login-button-friendly")
|
|
.onClick(() => osmConnection?.AttemptLogin())
|
|
|
|
|
|
const isSaveable = value.map(v => v !== false && (v ?? "") !== "")
|
|
|
|
const saveEnabled = (textEnabled ?? Translations.t.general.save.Clone()).SetClass(`btn`);
|
|
const saveDisabled = (textDisabled ?? Translations.t.general.save.Clone()).SetClass(`btn btn-disabled`);
|
|
|
|
const save = new Toggle(
|
|
saveEnabled,
|
|
saveDisabled,
|
|
isSaveable
|
|
)
|
|
super(
|
|
save,
|
|
pleaseLogin,
|
|
osmConnection?.isLoggedIn ?? new ImmutableStore(false)
|
|
)
|
|
|
|
}
|
|
|
|
} |