]> git.r.bdr.sh - rbdr/forum/blob - src/lib/components/topic_summary/topic_summary.svelte
bfcf8ab21c10974eeb073984f425d0bda958ccfe
[rbdr/forum] / src / lib / components / topic_summary / topic_summary.svelte
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 <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>