fix: WindkarteBlock col-span + data-block attrs
Block fehlte layoutClasses (col-span) und data-block/type/slug attrs. Layout-Feld zu WindMapBlockData ergänzt. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -430,4 +430,5 @@ export interface WindMapBlockData {
|
|||||||
subtitle?: string;
|
subtitle?: string;
|
||||||
/** Explizite Auswahl von wind_area-Slugs. Leer/null = alle published areas. */
|
/** Explizite Auswahl von wind_area-Slugs. Leer/null = alle published areas. */
|
||||||
areas?: (string | { _slug: string;[key: string]: unknown })[];
|
areas?: (string | { _slug: string;[key: string]: unknown })[];
|
||||||
|
layout?: BlockLayout;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,11 +6,14 @@
|
|||||||
import type { WindArea } from "$lib/windkarte";
|
import type { WindArea } from "$lib/windkarte";
|
||||||
import WindAreaPanel from "$lib/components/WindAreaPanel.svelte";
|
import WindAreaPanel from "$lib/components/WindAreaPanel.svelte";
|
||||||
import { useTranslate, T } from "$lib/translations";
|
import { useTranslate, T } from "$lib/translations";
|
||||||
|
import { getBlockLayoutClasses } from "$lib/block-layout";
|
||||||
|
|
||||||
const t = useTranslate();
|
const t = useTranslate();
|
||||||
|
|
||||||
let { block }: { block: WindMapBlockData } = $props();
|
let { block }: { block: WindMapBlockData } = $props();
|
||||||
|
|
||||||
|
const layoutClasses = $derived(getBlockLayoutClasses(block.layout));
|
||||||
|
|
||||||
const CMS_BASE = (
|
const CMS_BASE = (
|
||||||
env.PUBLIC_CMS_URL || "http://localhost:3000"
|
env.PUBLIC_CMS_URL || "http://localhost:3000"
|
||||||
).replace(/\/$/, "");
|
).replace(/\/$/, "");
|
||||||
@@ -87,7 +90,12 @@ let areas = $state<WindArea[]>([]);
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="wind-map-block">
|
<div
|
||||||
|
class="wind-map-block {layoutClasses}"
|
||||||
|
data-block="WindMap"
|
||||||
|
data-block-type="wind_map"
|
||||||
|
data-block-slug={block._slug}
|
||||||
|
>
|
||||||
{#if block.title || block.subtitle}
|
{#if block.title || block.subtitle}
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
{#if block.title}
|
{#if block.title}
|
||||||
|
|||||||
Reference in New Issue
Block a user