Refactoring: move all code files into a src directory

src/UI/Base/LoginToggle.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+  import Loading from "./Loading.svelte"
+  import type { OsmServiceState } from "../../Logic/Osm/OsmConnection"
+  import { Translation } from "../i18n/Translation"
+  import Translations from "../i18n/Translations"
+  import Tr from "./Tr.svelte"
+  import { OsmConnection } from "../../Logic/Osm/OsmConnection"
+  import { ImmutableStore, UIEventSource } from "../../Logic/UIEventSource"
+
+  export let state: {
+    osmConnection: OsmConnection
+    featureSwitches?: { featureSwitchUserbadge?: UIEventSource<boolean> }
+  }
+  /**
+   * If set, 'loading' will act as if we are already logged in.
+   */
+  export let ignoreLoading: boolean = false
+  let loadingStatus = state.osmConnection.loadingStatus
+  let badge = state.featureSwitches?.featureSwitchUserbadge ?? new ImmutableStore(true)
+  const t = Translations.t.general
+  const offlineModes: Partial<Record<OsmServiceState, Translation>> = {
+    offline: t.loginFailedOfflineMode,
+    unreachable: t.loginFailedUnreachableMode,
+    unknown: t.loginFailedUnreachableMode,
+    readonly: t.loginFailedReadonlyMode,
+  }
+  const apiState = state.osmConnection.apiIsOnline
+</script>
+
+{#if $badge}
+  {#if !ignoreLoading && $loadingStatus === "loading"}
+    <slot name="loading">
+      <Loading />
+    </slot>
+  {:else if $loadingStatus === "error"}
+    <div class="alert max-w-64 flex items-center">
+      <img src="./assets/svg/invalid.svg" class="m-2 h-8 w-8 shrink-0" />
+      <Tr t={offlineModes[$apiState]} />
+    </div>
+  {:else if $loadingStatus === "logged-in"}
+    <slot />
+  {:else if $loadingStatus === "not-attempted"}
+    <slot name="not-logged-in" />
+  {/if}
+{/if}