]>
Commit | Line | Data |
---|---|---|
1 | <script lang="ts"> | |
2 | export let topic; | |
3 | ||
4 | import { _ } from 'svelte-i18n'; | |
5 | import { readableTime } from '$lib/utils/readable_time'; | |
6 | ||
7 | $: remainingTime = topic.updated_at + topic.ttl - Date.now(); | |
8 | $: remaining = readableTime(remainingTime); | |
9 | </script> | |
10 | ||
11 | <li class="h-entry" title={$_('topic.title')}> | |
12 | <span class="p-name"> | |
13 | <a class="u-url u-uid" title={$_('topic.permalink_title')} href="/t/{topic.id}"> | |
14 | {topic.title} | |
15 | </a></span | |
16 | > | |
17 | <span class="topic-ttl" | |
18 | >({$_('topic.remaining_time', { | |
19 | values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) } | |
20 | })}) | |
21 | </span> | |
22 | </li> | |
23 | ||
24 | <style> | |
25 | </style> |