36 lines
1.3 KiB
Svelte
36 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import { Store } from "../../Logic/UIEventSource";
|
|
import type { OsmTags } from "../../Models/OsmFeature";
|
|
import type { SpecialVisualizationState } from "../SpecialVisualization";
|
|
import type { Feature } from "geojson";
|
|
import LayerConfig from "../../Models/ThemeConfig/LayerConfig";
|
|
import Translations from "../i18n/Translations";
|
|
import Tr from "../Base/Tr.svelte";
|
|
import NearbyImages from "./NearbyImages.svelte";
|
|
import Svg from "../../Svg";
|
|
import ToSvelte from "../Base/ToSvelte.svelte";
|
|
import { XCircleIcon } from "@babeard/svelte-heroicons/solid";
|
|
import exp from "constants";
|
|
|
|
export let tags: Store<OsmTags>;
|
|
export let state: SpecialVisualizationState;
|
|
export let lon: number;
|
|
export let lat: number;
|
|
export let feature: Feature;
|
|
|
|
export let linkable: boolean = true;
|
|
export let layer: LayerConfig;
|
|
const t = Translations.t.image.nearby;
|
|
|
|
let expanded = false;
|
|
</script>
|
|
|
|
{#if expanded}
|
|
<NearbyImages {tags} {state} {lon} {lat} {feature} {linkable}>
|
|
<XCircleIcon slot="corner" class="w-6 h-6 cursor-pointer" on:click={() => {expanded = false}}/>
|
|
</NearbyImages>
|
|
{:else}
|
|
<button class="w-full flex items-center" on:click={() => { expanded = true; }}>
|
|
<ToSvelte construct={ Svg.camera_plus_svg().SetClass("block w-8 h-8 p-1 mr-2 ")}/>
|
|
<Tr t={t.seeNearby}/></button>
|
|
{/if}
|