alex/voyage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: Update adventure statistics display in collection page

Browse Source
This commit is contained in:
Sean Morley
2024-08-04 13:40:07 -04:00
parent 4bbb9f10f6
commit 8dd44e23a6
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/routes/collections/[id]/+page.svelte
View File

@@ -24,13 +24,17 @@
let collection: Collection; let collection: Collection;
let adventures: Adventure[] = []; let adventures: Adventure[] = [];
let numVisited: number = 0; let numVisited: number = 0;
let numAdventures: number = 0;
let transportations: Transportation[] = []; let transportations: Transportation[] = [];
let notes: Note[] = []; let notes: Note[] = [];
let numberOfDays: number = NaN; let numberOfDays: number = NaN;
$: { $: {
numAdventures = adventures.filter((a) => a.type === 'visited' || a.type === 'planned').length;
numVisited = adventures.filter((a) => a.type === 'visited').length; numVisited = adventures.filter((a) => a.type === 'visited').length;
} }
@@ -413,8 +417,8 @@
<div class="stats shadow bg-base-300"> <div class="stats shadow bg-base-300">
<div class="stat"> <div class="stat">
<div class="stat-title">Collection Stats</div> <div class="stat-title">Collection Stats</div>
<div class="stat-value">{numVisited}/{adventures.length} Visited</div> <div class="stat-value">{numVisited}/{numAdventures} Visited</div>
{#if numVisited === adventures.length} {#if numAdventures === numVisited}
<div class="stat-desc">You've completed this collection! 🎉!</div> <div class="stat-desc">You've completed this collection! 🎉!</div>
{:else} {:else}
<div class="stat-desc">Keep exploring!</div> <div class="stat-desc">Keep exploring!</div>