From: Ruben Beltran del Rio Date: Sat, 13 Mar 2021 14:28:29 +0000 (+0100) Subject: Use routify and GraphQL server X-Git-Url: https://git.r.bdr.sh/rbdr/forum/commitdiff_plain/c1bc5993a694f6fd047a3881351827058042483b?ds=inline;hp=bd8e98d7e24c4dbaee7db6ec7955f7c2f6d396a6 Use routify and GraphQL server --- diff --git a/.eslintrc b/.eslintrc index 8902297..c9c017d 100644 --- a/.eslintrc +++ b/.eslintrc @@ -26,5 +26,8 @@ ], "no-undef": 2, "require-yield": 0 + }, + "globals": { + "import" } } diff --git a/.gitignore b/.gitignore index 5463788..25a1117 100644 --- a/.gitignore +++ b/.gitignore @@ -5,3 +5,4 @@ dist .env .svelte +.routify diff --git a/src/app.html b/index.html similarity index 90% rename from src/app.html rename to index.html index 26d754f..27e22c7 100644 --- a/src/app.html +++ b/index.html @@ -10,11 +10,9 @@ Forum. - - %svelte.head% + -

%svelte.body%

Javascript Required.Please enable Javascript to use this forum. + export let id; + + import { _ } from 'svelte-i18n'; + import { getForum } from '$stores/forum'; + import ErrorBlock from '../error_block/error_block.svelte'; + + import TopicSummary from '$components/topic_summary/topic_summary.svelte'; + + $: store = getForum(id); + $: forum = $store.data; +Loading... +{/if} +{#if forum} +

{forum.glyph} {$_(forum.label)}

+ {/each} +

+{/if} diff --git a/src/components/forum_list/forum_list.svelte b/src/components/forum_list/forum_list.svelte index 174ae25..46f60f0 100644 --- a/src/components/forum_list/forum_list.svelte +++ b/src/components/forum_list/forum_list.svelte @@ -1,15 +1,18 @@

- {#if !$forums.length} + {#if $forums.loading} +

+ {/if} + {#if $forums.error} {/if}

diff --git a/src/components/glyph/glyph.svelte b/src/components/glyph/glyph.svelte index e4b9166..98d1c6e 100644 --- a/src/components/glyph/glyph.svelte +++ b/src/components/glyph/glyph.svelte @@ -21,6 +21,8 @@ height: 48px; margin-top: 5px; width: 48px; + background-color: white; + padding: 2px; } span { diff --git a/src/components/topic_index/topic_index.svelte b/src/components/topic_index/topic_index.svelte deleted file mode 100644 index 3de83bb..0000000 --- a/src/components/topic_index/topic_index.svelte +++ /dev/null @@ -1,8 +0,0 @@ - - - -
Topic Index.
-
This component lists topics for category or tag with id: {params.id}
diff --git a/src/components/topic_summary/topic_summary.svelte b/src/components/topic_summary/topic_summary.svelte new file mode 100644 index 0000000..deef3e2 --- /dev/null +++ b/src/components/topic_summary/topic_summary.svelte @@ -0,0 +1,17 @@ + + +
+ {topic.title} + ({$_('topic.remaining_time', { values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) } })}) +

- -