All files / projects-dev/apps/mc/src/lib encounters.svelte

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<svelte:options customElement="mc-encounters" />

<script lang="ts">
    import type { Encounter } from "$models";

    import Title from "$lib/title.svelte";

    // eslint-disable-next-line import/no-mutable-exports
    export let encounters: Encounter[] = [];
</script>

<Title title="Encounters" />

<table>
    <thead>
        <tr>
            <th>Scenario</th>
            <th>Modular Sets</th>
            <th>Difficulty</th>
            <th>Hero 1</th>
            <th>Hero 2</th>
            <th>Hero 3</th>
            <th>Hero 4</th>
            <th>Date</th>
            <th>Result</th>
        </tr>
    </thead>
    <tbody>
        {#each encounters as encounter}
            <tr>
                <td>{encounter.scenario.name}</td>
                <td>{encounter.modularSets?.map((module) => module.name).join(", ") || ""}</td>
                <td>{encounter.difficulty}</td>
                <td>{encounter.heroes[0].name}</td>
                <td>{encounter.heroes[1]?.name || ""}</td>
                <td>{encounter.heroes[2]?.name || ""}</td>
                <td>{encounter.heroes[3]?.name || ""}</td>
                <td>{encounter.date?.toLocaleDateString("fr-FR") || ""}</td>
                <td>{encounter.result}</td>
            </tr>
        {/each}
    </tbody>
</table>