You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
1.1 KiB
34 lines
1.1 KiB
<script lang="ts">
|
|
import type { StandaloneRequirement } from "$lib/models/project";
|
|
|
|
import Entry from "../layout/Entry.svelte";
|
|
import EntryDescription from "../layout/EntryDescription.svelte";
|
|
import EntryName from "../layout/EntryName.svelte";
|
|
import EntryProgress from "../layout/EntryProgress.svelte";
|
|
import EntryProgressRow from "../layout/EntryProgressRow.svelte";
|
|
|
|
export let requirement: StandaloneRequirement
|
|
export let compact: boolean = false;
|
|
export let boat: number = null;
|
|
</script>
|
|
|
|
<a href="/{requirement.scope.id}/{requirement.project.id}?requirement={requirement.id}">
|
|
<Entry>
|
|
<EntryName subtitle={requirement.project.name}>{requirement.name}</EntryName>
|
|
{#if !compact}
|
|
<EntryDescription>{requirement.description}</EntryDescription>
|
|
{/if}
|
|
<EntryProgressRow>
|
|
{#each requirement.stats as stat (stat.id)}
|
|
<EntryProgress boat={boat} name={stat.name} acquired={stat.acquired} required={stat.required} />
|
|
{/each}
|
|
</EntryProgressRow>
|
|
</Entry>
|
|
</a>
|
|
|
|
<style>
|
|
a {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
</style>
|