MediaManager/web/src/lib/components/torrent-table.svelte

<script>
    import {
        convertTorrentSeasonRangeToIntegerRange,
        getTorrentQualityString,
        getTorrentStatusString
    } from '$lib/utils.js';
    import CheckmarkX from '$lib/components/checkmark-x.svelte';
    import * as Table from '$lib/components/ui/table/index.js';

    let {torrents} = $props();
</script>

<Table.Root>
    <Table.Caption>A list of all torrents.</Table.Caption>
    <Table.Header>
        <Table.Row>
            <Table.Head>Name</Table.Head>
            <Table.Head>Seasons</Table.Head>
            <Table.Head>Download Status</Table.Head>
            <Table.Head>Quality</Table.Head>
            <Table.Head>File Path Suffix</Table.Head>
            <Table.Head>Imported</Table.Head>
        </Table.Row>
    </Table.Header>
    <Table.Body>
        {#each torrents as torrent}
            <Table.Row>
                <Table.Cell class="font-medium">
                    <a href={'/dashboard/torrents/' + torrent.torrent_id}>
                        {torrent.torrent_title}
                    </a>
                </Table.Cell>
                <Table.Cell>
                    <a href={'/dashboard/torrents/' + torrent.torrent_id}>
                        {convertTorrentSeasonRangeToIntegerRange(torrent)}
                    </a>
                </Table.Cell>
                <Table.Cell>
                    <a href={'/dashboard/torrents/' + torrent.torrent_id}>
                        {getTorrentStatusString(torrent.status)}
                    </a>
                </Table.Cell>
                <Table.Cell class="font-medium">
                    <a href={'/dashboard/torrents/' + torrent.torrent_id}>
                        {getTorrentQualityString(torrent.quality)}
                    </a>
                </Table.Cell>
                <Table.Cell class="font-medium">
                    <a href={'/dashboard/torrents/' + torrent.torrent_id}>
                        {torrent.file_path_suffix}
                    </a>
                </Table.Cell>
                <Table.Cell>
                    <a href={'/dashboard/torrents/' + torrent.torrent_id}>
                        <CheckmarkX state={torrent.imported}/>
                    </a>
                </Table.Cell>
            </Table.Row>
        {/each}
    </Table.Body>
</Table.Root>