]>
Commit | Line | Data |
---|---|---|
1 | <script> | |
2 | export let topic; | |
3 | ||
4 | import { _ } from 'svelte-i18n'; | |
5 | import { readableTime } from '$/utils/readable_time.js'; | |
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}</a | |
15 | ></span | |
16 | > | |
17 | <span class="topic-ttl" | |
18 | >({$_('topic.remaining_time', { | |
19 | values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) } | |
20 | })})</span | |
21 | > | |
22 | </li> | |
23 | ||
24 | <style> | |
25 | </style> |