Damillora/Shioriko
1
0
Fork 0
mirror of https://github.com/Damillora/Shioriko.git synced 2025-02-23 17:33:39 +00:00
Code Issues Projects Releases Wiki Activity

feat: add post count to homepage

Browse Source
This commit is contained in:
Damillora 2025-02-22 14:37:20 +00:00
parent fba053e7b1
commit 675f12935c
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/src/routes/+layout.svelte
View File

@ -21,7 +21,7 @@
<footer class="footer">
<div class="content has-text-centered">
<p>
<strong><a href="https://github.com/Damillora/Shioriko">Shioriko</a></strong>: a booru-style image gallery written in Go and Svelte
<strong><a href="https://github.com/Damillora/Shioriko">shioriko</a></strong>: a booru-style image gallery written in Go and Svelte
</p>
</div>
</footer>

12
web/app/src/routes/+page.svelte
View File

@ -8,6 +8,7 @@
let searchTerms: string[] = $state([]);
let postCount: number = $state(0);
let postCountLoaded: boolean = $state(false);
const onTagChange = (value) => {
searchTerms = value.detail.tags;
@ -30,6 +31,7 @@
const getCounts = async () => {
const response = await getPostCount();
postCount = response.postCount;
postCountLoaded = true;
};
onMount(() => {
getCounts();
@ -42,8 +44,8 @@
<div class="columns is-centered">
<div class="column is-12-tablet is-8-desktop is-8-widescreen">
<div class="box has-text-centered">
<p class="title">Shioriko</p>
<p class="subtitle">Booru-style gallery written in Go and Svelte</p>
<p class="title">shioriko</p>
<p class="subtitle">a booru-style gallery written in Go and Svelte</p>
<div class="block">
<form onsubmit={onSearch}>
<div class="field">
@ -66,8 +68,10 @@
</div>
</form>
</div>
{#if postCount > 0}
<p class="block">Serving <strong>{postCount}</strong> images</p>
{#if postCountLoaded}
<p class="block">serving <span class="is-primary"><strong>{postCount}</strong></span> images</p>
{:else}
<p class="block">serving <span class="is-primary"><strong>...</strong></span> images</p>
{/if}
</div>
</div>