Refactor

src/pages/announcements/[...slug].astro

@@ -1,5 +1,5 @@
 ---
-import {astroI18n, createGetStaticPaths} from "astro-i18n";
+import {astroI18n, createGetStaticPaths, t} from "astro-i18n";
 import {getCollection, CollectionEntry} from "astro:content";
 import PageLayout from "../../layouts/PageLayout.astro";
 import {TagSolid, CalendarMonthSolid} from "flowbite-svelte-icons"
@@ -37,6 +37,12 @@ const { Content } = await post.render();
             month: 'short',
             year: 'numeric'
         }).format(post.data.created)} </h5>
+        {post.data.german && (
+                <div class="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4" role="alert">
+                    <div class="font-bold">{t("warning.title", {}, {route: "/rules"})}</div>
+                    <div>{t("warning.text", {}, {route: "/rules"})}</div>
+                </div>
+        )}
         <Content />
         <script>
             import type {ExtendedEvent} from "../../components/types/event";
@@ -44,6 +50,7 @@ const { Content } = await post.render();
             // @ts-ignore
             import {get} from "svelte/store";
             import {eventRepo} from "../../components/repo/repo";
+            import GroupTable from "../../components/GroupTable.svelte";
             const eventMounts: Map<string, ((ev: ExtendedEvent) => void)[]> = new Map();
 
             class FightTableElement extends HTMLElement {
@@ -65,7 +72,27 @@ const { Content } = await post.render();
                 }
             }
 
+            class GroupTableElement extends HTMLElement {
+                connectedCallback(): void {
+                    if (!eventMounts.has(this.dataset['event'])) {
+                        eventMounts.set(this.dataset['event'], [])
+                    }
+                    const rows = Number.parseInt(this.dataset['rows']);
+                    eventMounts.get(this.dataset['event']).push(ev => {
+                        new GroupTable({
+                            target: this,
+                            props: {
+                                event: ev,
+                                group: this.dataset['group'],
+                                rows: !isNaN(rows) ? rows : 1,
+                            }
+                        })
+                    })
+                }
+            }
+
             customElements.define('fight-table', FightTableElement);
+            customElements.define('group-table', GroupTableElement);
 
             function mountEvent() {
                 for (const key of eventMounts.keys()) {