diff options
Diffstat (limited to 'src/components/topic_summary')
| -rw-r--r-- | src/components/topic_summary/topic_summary.svelte | 17 |
1 files changed, 17 insertions, 0 deletions
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 @@ +<script> + export let topic; + + import { _ } from 'svelte-i18n'; + import { readableTime } from '../../utils/readable_time.js'; + + $: 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> |