pen/Turnpike
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Clarified Co-Lead badging.

Browse source
This commit is contained in:
Pen Anderson 2026-03-04 22:32:10 -06:00
parent 940cf29d04
commit 6eb72c5091
3 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/pages/Kiosk.svelte
View file

@ -149,7 +149,7 @@
<div class="kiosk-vol-name">{state.volunteer.name}</div> <div class="kiosk-vol-name">{state.volunteer.name}</div>
<div class="kiosk-vol-meta"> <div class="kiosk-vol-meta">
{state.volunteer.email || ''} {state.volunteer.email || ''}
{state.volunteer.is_lead ? ' · Department Lead' : ''} {state.volunteer.is_lead ? ' · Co-Lead' : ''}
</div> </div>
<div class="kiosk-token">Token: <code>{token}</code></div> <div class="kiosk-token">Token: <code>{token}</code></div>
</div> </div>

11
frontend/src/pages/ScheduleBoard.svelte
View file

@ -397,6 +397,9 @@
{#each assigned as { vs, volunteer }} {#each assigned as { vs, volunteer }}
<div class="board-vol-chip"> <div class="board-vol-chip">
{volunteer.name} {volunteer.name}
{#if volunteer.is_lead}
<span class="chip-lead">Co-Lead</span>
{/if}
{#if checkConflict(volunteer.id, shift.id, $allVolunteerShifts ?? [], $allShifts ?? [])} {#if checkConflict(volunteer.id, shift.id, $allVolunteerShifts ?? [], $allShifts ?? [])}
<span title="Scheduling conflict" style="color:var(--c-warn)">⚠</span> <span title="Scheduling conflict" style="color:var(--c-warn)">⚠</span>
{/if} {/if}
@ -514,6 +517,14 @@
font-size: 0.78rem; font-size: 0.78rem;
font-weight: 500; font-weight: 500;
} }
.chip-lead {
font-size: 0.68rem;
font-weight: 600;
background: rgba(245,158,11,0.2);
color: var(--c-warn);
padding: 0.05rem 0.3rem;
border-radius: 99px;
}
.board-vol-remove { .board-vol-remove {
background: none; background: none;
border: none; border: none;

6
frontend/src/pages/Volunteers.svelte
View file

@ -216,7 +216,7 @@
<td> <td>
<strong>{v.name}</strong> <strong>{v.name}</strong>
{#if v.is_lead} {#if v.is_lead}
<span class="badge badge-lead" style="margin-left:0.4rem">Lead</span> <span class="badge badge-lead" style="margin-left:0.4rem">Co-Lead</span>
{/if} {/if}
{#if !v.participant_id} {#if !v.participant_id}
<span class="badge badge-unchecked" style="margin-left:0.4rem" title="Not linked to a participant — no ticket record">No ticket</span> <span class="badge badge-unchecked" style="margin-left:0.4rem" title="Not linked to a participant — no ticket record">No ticket</span>
@ -253,8 +253,8 @@
{#if canManage} {#if canManage}
<td> <td>
<button class="btn btn-ghost btn-sm" onclick={() => toggleLead(v)} <button class="btn btn-ghost btn-sm" onclick={() => toggleLead(v)}
title={v.is_lead ? 'Remove lead' : 'Mark as lead'}> title={v.is_lead ? 'Remove co-lead' : 'Mark as co-lead'}>
{v.is_lead ? 'Unlead' : 'Lead'} {v.is_lead ? '− Co-Lead' : '+ Co-Lead'}
</button> </button>
<button class="btn btn-danger btn-sm" onclick={() => deleteVolunteer(v)}>Delete</button> <button class="btn btn-danger btn-sm" onclick={() => deleteVolunteer(v)}>Delete</button>
</td> </td>