thohlt/archtika
1
0
Fork 0
mirror of https://github.com/thiloho/archtika.git synced 2025-11-22 02:41:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Sort blog articles by date and increase image preview size

Browse Source
This commit is contained in:
thiloho
2024-10-06 02:42:40 +02:00
parent 1b8f093f5b
commit c4f1bff2a9
3 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web-app/src/lib/templates/blog/BlogIndex.svelte
View File

@@ -15,6 +15,12 @@
isLegalPage: boolean; isLegalPage: boolean;
websiteUrl: string; websiteUrl: string;
} = $props(); } = $props();
const sortedArticles = websiteOverview.article.sort((a, b) => {
if (!a.publication_date) return 1;
if (!b.publication_date) return -1;
return new Date(b.publication_date).getTime() - new Date(a.publication_date).getTime();
});
</script> </script>
<Head <Head
@@ -49,7 +55,7 @@
</h2> </h2>
<ul class="unpadded"> <ul class="unpadded">
{#each websiteOverview.article as article} {#each sortedArticles as article}
<li> <li>
{#if article.publication_date} {#if article.publication_date}
<p>{article.publication_date}</p> <p>{article.publication_date}</p>

8
web-app/src/routes/(authenticated)/website/[websiteId]/+page.svelte
View File

@@ -83,7 +83,11 @@
<input type="file" name="favicon" accept={ALLOWED_MIME_TYPES.join(", ")} /> <input type="file" name="favicon" accept={ALLOWED_MIME_TYPES.join(", ")} />
</label> </label>
{#if data.globalSettings.favicon_image} {#if data.globalSettings.favicon_image}
<Modal id="preview-favicon-global-{data.globalSettings.website_id}" text="Preview"> <Modal
id="preview-favicon-global-{data.globalSettings.website_id}"
text="Preview"
isWider={true}
>
<img <img
src={`${data.API_BASE_PREFIX}/rpc/retrieve_file?id=${data.globalSettings.favicon_image}`} src={`${data.API_BASE_PREFIX}/rpc/retrieve_file?id=${data.globalSettings.favicon_image}`}
alt="" alt=""
@@ -130,7 +134,7 @@
<input type="file" name="logo-image" accept={ALLOWED_MIME_TYPES.join(", ")} /> <input type="file" name="logo-image" accept={ALLOWED_MIME_TYPES.join(", ")} />
</label> </label>
{#if data.header.logo_image} {#if data.header.logo_image}
<Modal id="preview-logo-header-{data.header.website_id}" text="Preview"> <Modal id="preview-logo-header-{data.header.website_id}" text="Preview" isWider={true}>
<img <img
src={`${data.API_BASE_PREFIX}/rpc/retrieve_file?id=${data.header.logo_image}`} src={`${data.API_BASE_PREFIX}/rpc/retrieve_file?id=${data.header.logo_image}`}
alt="" alt=""

2
web-app/src/routes/(authenticated)/website/[websiteId]/articles/[articleId]/+page.svelte
View File

@@ -100,7 +100,7 @@
<input type="file" name="cover-image" accept={ALLOWED_MIME_TYPES.join(", ")} /> <input type="file" name="cover-image" accept={ALLOWED_MIME_TYPES.join(", ")} />
</label> </label>
{#if data.article.cover_image} {#if data.article.cover_image}
<Modal id="preview-cover-article-{data.article.id}" text="Preview"> <Modal id="preview-cover-article-{data.article.id}" text="Preview" isWider={true}>
<img <img
src={`${data.API_BASE_PREFIX}/rpc/retrieve_file?id=${data.article.cover_image}`} src={`${data.API_BASE_PREFIX}/rpc/retrieve_file?id=${data.article.cover_image}`}
alt="" alt=""