2023-10-24 22:01:10 +02:00
|
|
|
<script lang="ts">
|
2023-11-02 04:35:32 +01:00
|
|
|
import { OsmConnection } from "../../Logic/Osm/OsmConnection";
|
|
|
|
import EditItemButton from "./EditItemButton.svelte";
|
2023-10-24 22:01:10 +02:00
|
|
|
|
2023-11-02 04:35:32 +01:00
|
|
|
export let layerIds: { id: string, owner: number }[];
|
2023-10-26 13:58:45 +02:00
|
|
|
export let category: "layers" | "themes" = "layers";
|
2023-11-02 04:35:32 +01:00
|
|
|
export let osmConnection: OsmConnection;
|
2023-10-24 22:01:10 +02:00
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
{#if layerIds.length > 0}
|
2023-10-26 13:58:45 +02:00
|
|
|
<slot name="title" />
|
|
|
|
<div class="flex flex-wrap">
|
|
|
|
{#each Array.from(layerIds) as layer}
|
2023-11-02 04:35:32 +01:00
|
|
|
<EditItemButton info={layer} {category} {osmConnection} on:layerSelected/>
|
2023-10-26 13:58:45 +02:00
|
|
|
{/each}
|
|
|
|
</div>
|
|
|
|
{/if}
|