Files
Website/src/pages/ankuendigungen/[...page].astro
Chaoscaot c3bb62f3fb
All checks were successful
SteamWarCI Build successful
feat: Add event collection and event page structure
- Introduced a new events collection in config.ts with schema validation.
- Created a new event markdown file for the WarGear event.
- Updated German translations to include new event-related strings.
- Modified PageLayout to support a wide layout option.
- Enhanced announcements page to improve tag filtering and post rendering.
- Implemented dynamic event pages with detailed event information and fight plans.
- Added an index page for events to list all upcoming events.
2025-11-10 12:37:32 +01:00

73 lines
2.3 KiB
Plaintext

---
import { getCollection } from "astro:content";
import PageLayout from "../../layouts/PageLayout.astro";
import { astroI18n, createGetStaticPaths, t } from "astro-i18n";
import PostComponent from "../../components/PostComponent.astro";
import dayjs from "dayjs";
import TagComponent from "../../components/TagComponent.astro";
import SWPaginator from "@components/styled/SWPaginator.svelte";
export const getStaticPaths = createGetStaticPaths(async (props) => {
const posts = await getCollection("announcements", (entry) => entry.id.split("/")[0] === astroI18n.locale);
const germanPosts = await getCollection("announcements", (entry) => entry.id.split("/")[0] === astroI18n.fallbackLocale);
germanPosts.forEach((value) => {
if (posts.find((post) => post.data.key === value.data.key)) {
return;
} else {
posts.push(value);
}
});
return props.paginate(
posts.sort((a, b) => dayjs(b.data.created).unix() - dayjs(a.data.created).unix()),
{
pageSize: 5,
}
);
});
async function getTags() {
const posts = await getCollection("announcements");
const tags = new Map<string, number>();
posts.forEach((post) => {
post.data.tags.forEach((tag) => {
if (tags.has(tag.toLowerCase())) {
tags.set(tag.toLowerCase(), tags.get(tag) + 1);
} else {
tags.set(tag.toLowerCase(), 1);
}
});
});
return Array.from(tags)
.sort((a, b) => b[1] - a[1])
.map((value) => value[0]);
}
const { page } = Astro.props;
const tags = await getTags();
---
<PageLayout title={t("blog.title")}>
<div class="py-2">
{tags.map((tag) => <TagComponent tag={tag} transition:name={`${tag}-tag-filter`} />)}
</div>
{
page.data.map((post) => (
<div>
<PostComponent post={post} />
</div>
))
}
<SWPaginator
maxPage={page.lastPage}
page={page.currentPage - 1}
nextUrl={page.url.next}
previousUrl={page.url.prev}
firstUrl={page.url.first}
lastUrl={page.url.last}
pagesUrl={(i) => (i == 0 ? page.url.first : page.currentPage === page.lastPage ? page.url.current.replace(page.lastPage, i + 1) : page.url.last.replace(page.lastPage, i + 1))}
/>
</PageLayout>