All files / projects-dev/apps/mc/src/lib stats-table.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
45
46
47
48
49
50
51
52
53
54
55
56
57
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<svelte:options customElement="mc-stats-table" />

<script lang="ts">
    // eslint-disable-next-line import/no-mutable-exports
    export let data: [];
    // eslint-disable-next-line import/no-mutable-exports
    export let total = 0;
    // eslint-disable-next-line import/no-mutable-exports
    export let wins: Map<string, number> = new Map();
    // eslint-disable-next-line import/no-mutable-exports
    export let dates: Map<string, number> = new Map();

    $: {
        data = data.map(([key, value]) => {
            return {
                name: key,
                value,
            };
        });
        // total = total;
        // wins = wins;
        // dates = dates;

        if (wins.size > 0) {
            data = data.map((item) => {
                return {
                    name: item.name,
                    value: item.value,
                    wins: wins.get(item.name) || 0,
                    days: dates.get(item.name),
                };
            });
        }
    }
</script>

<table>
    {#each data as item}
        <tr>
            <td>{item.name}</td>
            {#if total > 0}
                <td>{item.value} ({((item.value / total) * 100).toFixed(0)} %)</td>
            {:else}
                <td>{item.value}</td>
                <td>
                    ({((item.wins / item.value) * 100).toFixed(0)} %)
                </td>
                {#if item.days != undefined}
                    <td>{item.days} day(s) ago</td>
                {:else}
                    <td></td>
                {/if}
            {/if}
        </tr>
    {/each}
</table>