dj7nt/award
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

feat: make award summary respect mode filter and remove mode from table headers

Browse Source 
Summary cards (Total, Confirmed, Worked, Needed) now update based on the
selected mode filter. Also removed redundant mode display from table column
headers since the mode is already visible in the filter dropdown.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Joerg
2026-01-22 07:52:13 +01:00
parent dd3beef9af
commit 89edd07722
1 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/frontend/src/routes/awards/[id]/+page.svelte
View File

@@ -24,6 +24,11 @@
// Get available modes from entities
$: availableModes = ['Mixed Mode', ...new Set(entities.map(e => e.mode).filter(Boolean).sort())];
// Filter entities by selected mode for summary calculations
$: filteredEntities = selectedMode === 'Mixed Mode'
? entities
: entities.filter(e => e.mode === selectedMode);
onMount(async () => {
await loadAwardData();
});
@@ -394,16 +399,16 @@
<div class="summary">
{#if entities.length > 0 && entities[0].points !== undefined}
{@const earnedPoints = entities.reduce((sum, e) => sum + (e.confirmed ? e.points : 0), 0)}
{@const earnedPoints = filteredEntities.reduce((sum, e) => sum + (e.confirmed ? e.points : 0), 0)}
{@const targetPoints = award.target}
{@const neededPoints = Math.max(0, targetPoints - earnedPoints)}
<div class="summary-card">
<span class="summary-label">Total Combinations:</span>
<span class="summary-value">{entities.length}</span>
<span class="summary-value">{filteredEntities.length}</span>
</div>
<div class="summary-card confirmed">
<span class="summary-label">Confirmed:</span>
<span class="summary-value">{entities.filter((e) => e.confirmed).length}</span>
<span class="summary-value">{filteredEntities.filter((e) => e.confirmed).length}</span>
</div>
<div class="summary-card" style="background-color: #fff3cd; border-color: #ffc107;">
<span class="summary-label">Points:</span>
@@ -418,12 +423,12 @@
<span class="summary-value">{targetPoints}</span>
</div>
{:else}
{@const workedCount = entities.filter((e) => e.worked).length}
{@const confirmedCount = entities.filter((e) => e.confirmed).length}
{@const neededCount = award.target ? Math.max(0, award.target - workedCount) : entities.filter((e) => !e.worked).length}
{@const workedCount = filteredEntities.filter((e) => e.worked).length}
{@const confirmedCount = filteredEntities.filter((e) => e.confirmed).length}
{@const neededCount = award.target ? Math.max(0, award.target - workedCount) : filteredEntities.filter((e) => !e.worked).length}
<div class="summary-card">
<span class="summary-label">Total:</span>
<span class="summary-value">{entities.length}</span>
<span class="summary-value">{filteredEntities.length}</span>
</div>
<div class="summary-card confirmed">
<span class="summary-label">Confirmed:</span>
@@ -460,8 +465,8 @@
<thead>
<tr>
<th class="entity-column">Entity</th>
{#each columns as { band, mode }}
<th class="band-column">{band}{#if mode} {mode}{/if}</th>
{#each columns as { band }}
<th class="band-column">{band}</th>
{/each}
</tr>
</thead>