SteamWar/Website
8
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

Refactor event mounts and update script management.
All checks were successful
SteamWarCI Build successful
Details

Browse Source
This commit is contained in:
Chaoscaot
2025-02-23 12:18:58 +01:00
parent 349f71af1c
commit bf8110af6c
1 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/ankuendigungen/[...slug].astro
View File

@ -103,23 +103,22 @@ const ogImage = await getImage({
<LanguageWarning/> <LanguageWarning/>
)} )}
<Content/> <Content/>
<script> <script is:inline data-astro-rerun>
import FightTable from "@components/FightTable.svelte"; import FightTable from "@components/FightTable.svelte";
import {get} from "svelte/store"; import {get} from "svelte/store";
import GroupTable from "@components/GroupTable.svelte"; import GroupTable from "@components/GroupTable.svelte";
import {eventRepo} from "../../components/repo/event"; import {eventRepo} from "../../components/repo/event";
import type {ExtendedEvent} from "@type/event";
import {mount} from "svelte"; import {mount} from "svelte";
const eventMounts: Map<string, ((ev: ExtendedEvent) => void)[]> = new Map(); const eventMounts = new Map();
class FightTableElement extends HTMLElement { class FightTableElement extends HTMLElement {
connectedCallback(): void { connectedCallback() {
if (!eventMounts.has(this.dataset["event"]!)) { if (!eventMounts.has(this.dataset["event"])) {
eventMounts.set(this.dataset["event"]!, []); eventMounts.set(this.dataset["event"], []);
} }
const rows = Number.parseInt(this.dataset["rows"]!); const rows = Number.parseInt(this.dataset["rows"]);
eventMounts.get(this.dataset["event"]!)!.push(ev => { eventMounts.get(this.dataset["event"]).push(ev => {
mount(FightTable, { mount(FightTable, {
target: this, target: this,
props: { props: {
@ -133,12 +132,12 @@ const ogImage = await getImage({
} }
class GroupTableElement extends HTMLElement { class GroupTableElement extends HTMLElement {
connectedCallback(): void { connectedCallback() {
if (!eventMounts.has(this.dataset["event"]!)) { if (!eventMounts.has(this.dataset["event"])) {
eventMounts.set(this.dataset["event"]!, []); eventMounts.set(this.dataset["event"], []);
} }
const rows = Number.parseInt(this.dataset["rows"]!); const rows = Number.parseInt(this.dataset["rows"]);
eventMounts.get(this.dataset["event"]!)!.push(ev => { eventMounts.get(this.dataset["event"]).push(ev => {
mount(GroupTable, { mount(GroupTable, {
target: this, target: this,
props: { props: {
@ -157,15 +156,14 @@ const ogImage = await getImage({
function mountEvent() { function mountEvent() {
for (const key of eventMounts.keys()) { for (const key of eventMounts.keys()) {
get(eventRepo).getEvent(key).then(ev => { get(eventRepo).getEvent(key).then(ev => {
for (const mount of eventMounts.get(key)!) { for (const mount of eventMounts.get(key)) {
mount(ev); mount(ev);
} }
}); });
} }
} }
document.addEventListener("astro:page-load", mountEvent); mountEvent();
document.addEventListener("astro:before-swap", eventMounts.clear);
</script> </script>
</article> </article>
</PageLayout> </PageLayout>