diff --git a/src/UI/Base/LoginToggle.svelte b/src/UI/Base/LoginToggle.svelte index 12d0e4ea9..65b07b81d 100644 --- a/src/UI/Base/LoginToggle.svelte +++ b/src/UI/Base/LoginToggle.svelte @@ -16,6 +16,10 @@ * If set, 'loading' will act as if we are already logged in. */ export let ignoreLoading: boolean = false + /** + * Only show the 'successful' state, don't show loading or error messages + */ + export let silentFail : boolean = false let loadingStatus = state?.osmConnection?.loadingStatus ?? new ImmutableStore("logged-in") let badge = state?.featureSwitches?.featureSwitchEnableLogin ?? new ImmutableStore(true) const t = Translations.t.general @@ -30,11 +34,11 @@ {#if $badge} - {#if !ignoreLoading && $loadingStatus === "loading"} + {#if !ignoreLoading && !silentFail && $loadingStatus === "loading"} - {:else if $loadingStatus === "error"} + {:else if !silentFail && $loadingStatus === "error"}
@@ -43,7 +47,7 @@ {:else if $loadingStatus === "logged-in"} - {:else if $loadingStatus === "not-attempted"} + {:else if !silentFail && $loadingStatus === "not-attempted"} {/if} {/if} diff --git a/src/UI/Image/LinkableImage.svelte b/src/UI/Image/LinkableImage.svelte index 12f488308..287c9866a 100644 --- a/src/UI/Image/LinkableImage.svelte +++ b/src/UI/Image/LinkableImage.svelte @@ -13,6 +13,7 @@ import type { ProvidedImage } from "../../Logic/ImageProviders/ImageProvider" import AttributedImage from "./AttributedImage.svelte" import SpecialTranslation from "../Popup/TagRendering/SpecialTranslation.svelte" + import LoginToggle from "../Base/LoginToggle.svelte" export let tags: UIEventSource export let state: SpecialVisualizationState @@ -68,10 +69,12 @@ previewedImage={state.previewedImage} />
+ {#if linkable} {/if} + diff --git a/src/UI/Image/NearbyImages.svelte b/src/UI/Image/NearbyImages.svelte index 11e5c4d0c..c28e004d6 100644 --- a/src/UI/Image/NearbyImages.svelte +++ b/src/UI/Image/NearbyImages.svelte @@ -30,7 +30,7 @@ lon, lat, allowSpherical: new UIEventSource(false), - blacklist: AllImageProviders.LoadImagesFor(tags), + blacklist: AllImageProviders.LoadImagesFor(tags) }, state.indexedFeatures ) @@ -39,26 +39,24 @@ let allDone = imagesProvider.allDone - -
-
-

- -

- -
- {#if !$allDone} - - {:else if $images.length === 0} - - {:else} -
- {#each $images as image (image.pictureUrl)} +
+
+

+ +

+ +
+ {#if !$allDone} + + {:else if $images.length === 0} + + {:else} +
+ {#each $images as image (image.pictureUrl)} - {/each} -
- {/if} -
- + {/each} +
+ {/if} +
diff --git a/src/UI/Image/NearbyImagesCollapsed.svelte b/src/UI/Image/NearbyImagesCollapsed.svelte index 4129fbcc1..6cbc37bd9 100644 --- a/src/UI/Image/NearbyImagesCollapsed.svelte +++ b/src/UI/Image/NearbyImagesCollapsed.svelte @@ -25,7 +25,6 @@ let expanded = false -
{#if expanded} @@ -54,4 +53,3 @@ {/if}
-