]> git.r.bdr.sh - rbdr/forum/blob - src/components/topic_summary/topic_summary.svelte
Add components to view topics and posts
[rbdr/forum] / src / components / topic_summary / topic_summary.svelte
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"><a class="u-url u-uid" title="{$_('topic.permalink_title')}" href="/t/{topic.id}">{topic.title}</a></span>
13 <span class="topic-ttl">({$_('topic.remaining_time', { values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) } })})</span>
14 </li>
15
16 <style>
17 </style>