midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

UX: center "data is loading" when adding a new point

Browse source
This commit is contained in:
Pieter Vander Vennet 2025-03-01 03:45:51 +01:00
parent 31312c2dc6
commit c53034d305
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/UI/Popup/AddNewPoint/AddNewPoint.svelte
View file

@ -78,7 +78,7 @@
const isLoading = state.dataIsLoading const isLoading = state.dataIsLoading
let preciseCoordinate: UIEventSource<{ lon: number; lat: number }> = new UIEventSource(undefined) let preciseCoordinate: UIEventSource<{ lon: number; lat: number }> = new UIEventSource(undefined)
let snappedToObject: UIEventSource<WayId> = new UIEventSource<string>(undefined) let snappedToObject: UIEventSource<WayId> = new UIEventSource<WayId>(undefined)
// Small helper variable: if the map is tapped, we should let the 'Next'-button grab some attention as users have to click _that_ to continue, not the map // Small helper variable: if the map is tapped, we should let the 'Next'-button grab some attention as users have to click _that_ to continue, not the map
let preciseInputIsTapped = false let preciseInputIsTapped = false
@ -172,11 +172,13 @@
<Tr t={Translations.t.general.add.zoomInFurther} /> <Tr t={Translations.t.general.add.zoomInFurther} />
</div> </div>
{:else if $isLoading} {:else if $isLoading}
<div class="w-full h-full p-2 flex items-center justify-center">
<div class="alert"> <div class="alert">
<Loading> <Loading>
<Tr t={Translations.t.general.add.stillLoading} /> <Tr t={Translations.t.general.add.stillLoading} />
</Loading> </Loading>
</div> </div>
</div>
{:else if selectedPreset === undefined} {:else if selectedPreset === undefined}
<!-- First, select the correct preset --> <!-- First, select the correct preset -->
<PresetList <PresetList
@ -285,7 +287,6 @@
{/if} {/if}
<TagHint <TagHint
embedIn={(tags) => t.presetInfo.Subs({ tags })} embedIn={(tags) => t.presetInfo.Subs({ tags })}
{state}
tags={new And(selectedPreset.preset.tags)} tags={new And(selectedPreset.preset.tags)}
/> />