]>
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} | |
15 | </a></span> | |
16 | <span class="topic-ttl">({$_('topic.remaining_time', { | |
17 | values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) } | |
18 | })}) | |
19 | </span> | |
20 | </li> | |
21 | ||
22 | <style> | |
23 | </style> |