diff options
Diffstat (limited to 'src/lib/components/topic_summary/topic_summary.svelte')
| -rw-r--r-- | src/lib/components/topic_summary/topic_summary.svelte | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/src/lib/components/topic_summary/topic_summary.svelte b/src/lib/components/topic_summary/topic_summary.svelte new file mode 100644 index 0000000..bfcf8ab --- /dev/null +++ b/src/lib/components/topic_summary/topic_summary.svelte @@ -0,0 +1,23 @@ +<script lang="ts"> + export let topic; + + import { _ } from 'svelte-i18n'; + import { readableTime } from '$lib/utils/readable_time'; + + $: remainingTime = topic.updated_at + topic.ttl - Date.now(); + $: remaining = readableTime(remainingTime); +</script> + +<li class="h-entry" title={$_('topic.title')}> + <span class="p-name"> + <a class="u-url u-uid" title={$_('topic.permalink_title')} href="/t/{topic.id}"> + {topic.title} + </a></span> + <span class="topic-ttl">({$_('topic.remaining_time', { + values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) } + })}) + </span> +</li> + +<style> +</style> |