Bastian-Greshake-Tzovaras/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Reformat all files with prettier

Browse source
This commit is contained in:
Pieter Vander Vennet 2022-09-08 21:40:48 +02:00
parent e22d189376
commit b541d3eab4
382 changed files with 50893 additions and 35566 deletions
Download patch file Download diff file Expand all files Collapse all files

41
UI/CenterMessageBox.ts
View file

@ -1,48 +1,43 @@
import Translations from "./i18n/Translations";
import {VariableUiElement} from "./Base/VariableUIElement";
import FeaturePipelineState from "../Logic/State/FeaturePipelineState";
import Loading from "./Base/Loading";
import Translations from "./i18n/Translations"
import { VariableUiElement } from "./Base/VariableUIElement"
import FeaturePipelineState from "../Logic/State/FeaturePipelineState"
import Loading from "./Base/Loading"
export default class CenterMessageBox extends VariableUiElement {
constructor(state: FeaturePipelineState) {
const updater = state.featurePipeline;
const t = Translations.t.centerMessage;
const updater = state.featurePipeline
const t = Translations.t.centerMessage
const message = updater.runningQuery.map(
isRunning => {
(isRunning) => {
if (isRunning) {
return {el: new Loading(t.loadingData)};
return { el: new Loading(t.loadingData) }
}
if (!updater.sufficientlyZoomed.data) {
return {el: t.zoomIn}
return { el: t.zoomIn }
}
if (updater.timeout.data > 0) {
return {el: t.retrying.Subs({count: "" + updater.timeout.data})}
return { el: t.retrying.Subs({ count: "" + updater.timeout.data }) }
}
return {el: t.ready, isDone: true}
return { el: t.ready, isDone: true }
},
[updater.timeout, updater.sufficientlyZoomed, state.locationControl]
)
super(message.map(toShow => toShow.el))
super(message.map((toShow) => toShow.el))
this.SetClass("flex justify-center " +
"rounded-3xl bg-white text-xl font-bold pointer-events-none p-4")
this.SetClass(
"flex justify-center " +
"rounded-3xl bg-white text-xl font-bold pointer-events-none p-4"
)
this.SetStyle("transition: opacity 750ms linear")
message.addCallbackAndRun(toShow => {
const isDone = toShow.isDone ?? false;
message.addCallbackAndRun((toShow) => {
const isDone = toShow.isDone ?? false
if (isDone) {
this.SetStyle("transition: opacity 750ms linear; opacity: 0")
} else {
this.SetStyle("transition: opacity 750ms linear; opacity: 0.75")
}
})
}
}