blob: 3d089130c256c4f5c311ece77db18aabe87c6b21 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
<script lang="ts">
import { _ } from 'svelte-i18n';
import { version } from '$lib/config/config';
import { topicActions } from '$lib/stores/actions';
import TopicActions from '$lib/components/actions/topic.svelte';
</script>
<header
class="col-start-1 col-span-12 border-b-2 border-b-black border-solid"
title={$_('header.title')}
>
<ul class="p-0">
<li class="inline m-1">
<strong
><a
class="inline-block leading-10 underline text-blue-600"
href="/"
title={$_('header.long_version', { values: { version } })}
>{$_('header.short_version', { values: { version } })}</a
></strong
>
</li>
<li class="inline m-1">
<a
class="inline-block leading-10 no-underline"
href="/new"
title={$_('header.action.new.title')}>{@html $_('header.action.new.display')}</a
>
</li>
{#if $topicActions}
<TopicActions actions={$topicActions} />
{/if}
<li class="inline m-1">
<a
class="inline-block leading-10 no-underline"
href="/search"
title={$_('header.action.search.title')}>{@html $_('header.action.search.display')}</a
>
</li>
<li class="inline m-1">
<a
class="inline-block leading-10 no-underline"
href="/logout"
title={$_('header.action.log_out.title')}>{@html $_('header.action.log_out.display')}</a
>
</li>
</ul>
</header>
|
