2023-10-24 22:01:10 +02:00
|
|
|
<script lang="ts">
|
2023-11-09 16:30:26 +01:00
|
|
|
import { OsmConnection } from "../../Logic/Osm/OsmConnection"
|
|
|
|
import EditItemButton from "./EditItemButton.svelte"
|
2023-10-24 22:01:10 +02:00
|
|
|
|
2023-11-09 16:30:26 +01:00
|
|
|
export let layerIds: { id: string; owner: number }[]
|
|
|
|
export let category: "layers" | "themes" = "layers"
|
|
|
|
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-09 16:30:26 +01:00
|
|
|
<EditItemButton info={layer} {category} {osmConnection} on:layerSelected />
|
2023-10-26 13:58:45 +02:00
|
|
|
{/each}
|
|
|
|
</div>
|
|
|
|
{/if}
|