sanifae/src/lib/components/PostList.svelte
2023-03-18 20:36:08 -04:00

38 lines
1.3 KiB
Svelte

<script>
import Post from '$lib/components/Post.svelte';
import Button from '$lib/components/Button.svelte';
import {setLocation} from '$lib/util.js';
export let data, noRatings;
</script>
<p>
{#if !noRatings}
<Button clickFunc={() => { window.location.search = setLocation(window.location,'sort','hot')}}>Hot</Button>
<Button clickFunc={() => { window.location.search = setLocation(window.location,'sort','rating')}}>Top</Button>
<Button clickFunc={() => { window.location.search = setLocation(window.location,'sort','time')}}>Recent</Button>
{/if}
</p>
<p>
{#if data.id > 0}
<a on:click={() => { window.location.search = setLocation(window.location,'page',((data.id)-1)) }} href='#'>← Page {(data.id)-1}</a>
{/if}
<b>Page {(data.id)}</b>
<a on:click={() => { window.location.search = setLocation(window.location,'page',((data.id)+1)) }} href='#'>Page {(data.id)+1}</a>
</p>
{#if data && data.postJson && data.postJson.data}
{#each data.postJson.data as post}
<Post
success={post.success}
username={post.username}
content={post.content}
upvotes={post.upvotes}
downvotes={post.downvotes}
id={post.id}
isAuthor={post.isAuthor}
time={post.time}
></Post>
{/each}
{/if}