blob: 8fa59142906c8db99b493711b86ce3b1d002e28c (
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
|
<script lang="ts">
import type { CleanMemberProfile } from '$lib/APITypes'
import { cleanId, toRomanNumerals } from '$lib/utils'
export let data: CleanMemberProfile
</script>
<p class="unique-minions-text">
Unique minions:
<span class="minions-fraction">
<b>{data.profile.minion_count}</b>/{data.profile.maxUniqueMinions}
</span>
</p>
<table>
{#each data.profile.minions as minion}
<tr>
<th>{cleanId(minion.name)}</th>
{#each minion.levels as unlocked, i}
<td class="minion-table-item" class:unlocked>
{toRomanNumerals(i)}
</td>
{/each}
</tr>
{/each}
</table>
<style>
.unique-minions-text {
color: var(--theme-darker-text);
}
.minions-fraction {
color: var(--theme-main-text);
}
.minion-table-item:not(.unlocked) {
opacity: 0.2;
}
.minion-table-item.unlocked {
color: #3e3;
}
</style>
|
