mapcomplete/UI/CenterMessageBox.ts

61 lines
1.8 KiB
TypeScript
Raw Normal View History

2020-06-24 00:35:19 +02:00
import {UIElement} from "./UIElement";
2020-07-20 23:43:42 +02:00
import Translations from "./i18n/Translations";
import {State} from "../State";
2020-06-24 00:35:19 +02:00
export class CenterMessageBox extends UIElement {
constructor(
) {
super(State.state.centerMessage);
2020-06-24 00:35:19 +02:00
this.ListenTo(State.state.locationControl);
2020-07-31 16:17:16 +02:00
this.ListenTo(State.state.layerUpdater.retries);
this.ListenTo(State.state.layerUpdater.runningQuery);
this.ListenTo(State.state.layerUpdater.sufficentlyZoomed);
2020-06-24 00:35:19 +02:00
}
2020-09-25 12:44:04 +02:00
private static prep(): { innerHtml: string, done: boolean } {
if (State.state.centerMessage.data != "") {
return {innerHtml: State.state.centerMessage.data, done: false};
2020-06-24 00:35:19 +02:00
}
2020-07-31 16:17:16 +02:00
const lu = State.state.layerUpdater;
if(lu.retries.data > 0) {
return {innerHtml: Translations.t.centerMessage.retrying.Subs({count: ""+ lu.retries.data}).Render(), done: false};
}
if (lu.runningQuery.data) {
return {innerHtml: Translations.t.centerMessage.loadingData.Render(), done: false};
2020-07-31 16:17:16 +02:00
}
if (!lu.sufficentlyZoomed.data) {
return {innerHtml: Translations.t.centerMessage.zoomIn.Render(), done: false};
} else {
return {innerHtml: Translations.t.centerMessage.ready.Render(), done: true};
2020-06-24 00:35:19 +02:00
}
}
InnerRender(): string {
2020-09-25 12:44:04 +02:00
return CenterMessageBox.prep().innerHtml;
2020-06-24 00:35:19 +02:00
}
2020-06-24 00:35:19 +02:00
InnerUpdate(htmlElement: HTMLElement) {
const pstyle = htmlElement.parentElement.style;
if (State.state.centerMessage.data != "") {
2020-06-24 00:35:19 +02:00
pstyle.opacity = "1";
pstyle.pointerEvents = "all";
return;
}
pstyle.pointerEvents = "none";
2020-09-25 12:44:04 +02:00
if (CenterMessageBox.prep().done) {
2020-06-24 00:35:19 +02:00
pstyle.opacity = "0";
} else {
pstyle.opacity = "0.5";
2020-06-24 00:35:19 +02:00
}
}
}