Skip to content

Commit

Permalink
Working sorting!
Browse files Browse the repository at this point in the history
  • Loading branch information
ddxv committed Oct 20, 2024
1 parent 911364a commit 000edba
Showing 1 changed file with 23 additions and 0 deletions.
23 changes: 23 additions & 0 deletions frontend/src/lib/ThSort.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<script lang="ts">
import type { DataHandler } from '@vincjo/datatables';
export let handler: DataHandler;
export let orderBy: string;
const sorted = handler.getSort();
</script>

<th on:click={() => handler.sort(orderBy)} class="cursor-pointer select-none">
<div class="flex h-full items-center justify-start gap-x-2">
<slot />
{#if $sorted.identifier === orderBy}
{#if $sorted.direction === 'asc'}
&darr;
{:else if $sorted.direction === 'desc'}
&uarr;
{/if}
{:else}
&updownarrow;
{/if}
</div>
</th>

0 comments on commit 000edba

Please sign in to comment.