diff options
| author | Ben Beltran <ben@nsovocal.com> | 2019-12-23 00:24:21 +0100 |
|---|---|---|
| committer | Ben Beltran <ben@nsovocal.com> | 2019-12-23 00:24:21 +0100 |
| commit | 890274a7b3ac70848ba9973ef33d53ed58ff88a8 (patch) | |
| tree | b003c6eb5e97d7f7060ddd2170fd3a098ba40e30 /app/components/forum_list | |
| parent | 49d43aa3ace56dc28d4d2b30cafcd064e53a42d9 (diff) | |
Add svelte frontend
Diffstat (limited to 'app/components/forum_list')
| -rw-r--r-- | app/components/forum_list/forum_list.svelte | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/app/components/forum_list/forum_list.svelte b/app/components/forum_list/forum_list.svelte new file mode 100644 index 0000000..905421e --- /dev/null +++ b/app/components/forum_list/forum_list.svelte @@ -0,0 +1,21 @@ +<script> + import {forums, addForum} from '../../models/forums.js' + + import { fade } from 'svelte/transition'; +</script> + +<aside> + <button on:click="{addForum}">Add a Forum</button> + <nav> + <ul> + {#each $forums as forum} + <li transition:fade> + <a href="/f/{forum.id}"> + <span class="navigation-kanji">{forum.kanji}</span> + <span class="navigation-label">{forum.label}</span> + </a> + </li> + {/each} + </ul> + </nav> +</aside> |