aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/ListTitle.svelte
blob: 59f52ea75a0f327200bc3e5d932b006907322ed4 (plain) (blame)
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
<script lang="ts">
	import tooltip from '$lib/Tooltip/tooltip';
	import type { Title } from './mediaTitle';

	export let time: number | undefined = undefined;
	export let count = -1337;
	export let title: Title = {
		title: 'Media List',
		hint: 'This is a media list.'
	};
	export let progress: undefined | number = undefined;
	export let hideTime = false;
</script>

<summary>
	<span title={title.hint || undefined} use:tooltip>{title.title}</span>
	[{count === -1337 ? '...' : count}]
	{#if !hideTime}
		<small style="opacity: 50%">{time ? time.toFixed(3) : '...'}s</small>
	{/if}
	<slot />
	{#if progress !== undefined}
		<button class="badge unclickable-button button-badge badge-info">
			{progress.toFixed(0)}%
		</button>
	{/if}
</summary>