SAR DutyHome page designs

Components

Every piece the designs use, by name. Each is shown at the width it most often gets.

Page frame

AppBar

Used in ABCDEFGH

The app's top bar, with Dashboard current.

TeamHeader

Used in ABCDEFGH

Team name, when D4H last refreshed, and Refresh and Open D4H links.

TeamHeader

Coast Range SAR

Refreshed from D4H 7 min ago · Refresh now · Open D4H

ActionBar

Used in AEF

The main actions as a row of buttons.

Coming up

NextUp

Used in CGH

The next activity: when, where, its kind, and its attendance link.

NextUp
Next up Sun Oct 11 15:50
Incident

Missing person, Diamond Head

Diamond Head · in 5 days

ComingUpList

Used in AEFG

The next 5 activities, with time, kind, and title.

WeekStrip

Used in B

The next 7 days as columns, today first.

WeekStrip

This week

All future activities
  1. Today Oct 6 ·
  2. Wed Oct 7 ·
  3. Thu Oct 8 ·
  4. Fri Oct 9 ·
  5. Sat Oct 10 ·
  6. Sun Oct 11 15:50 Missing person, Diamond Head
  7. Mon Oct 12 ·

Timeline

Used in F

30 days back to 60 days ahead on one line: activities, drafts to check, and expiring qualifications.

Timeline

30 days back, 60 days ahead

Hollow dots are drafts to check
Activities
Expiring
Today OctNovDec
  • Incidents
  • Exercises
  • Events
  • Draft to check
  • Qualification expires

OnCallNow

Used in H

Who is on call, from D4H duties. Needs a new D4H fetch.

OnCallNow

On call now

Needs D4H duties

Until Fri 08:00

Search manager
Devon Petrov
Field team leader
Hayden Lindqvist
Rope lead
Cameron Fraser

Needs attention

AttentionList

Used in ABEF

Each thing a team admin should do, why, and a link to do it.

AttentionList

Needs attention

4 things
  • 4 activities to check Still drafts in D4H, so attendance can change. Check attendance
  • 6 qualifications expire in 60 days Oakley Castillo (Search Manager), Jamie Silva (Search Manager) Review qualifications
  • 4 group changes waiting Members who hold a group's rule but are not in it, or the other way round. Review groups
  • 11 tax credit letters to create for 2025 41 of 52 done. Members file by April 30. Create letters

AttentionChips

Used in DH

The same items as one row of short links.

TaskCards

Used in C

A card per area with its state and next step. Doubles as navigation.

TaskCards

Qualifications

6 expire in 60 days

  • Search Manager 2 members
  • Avalanche Skills Training 2 1 member
  • Ground SAR Member 1 member
Review

Groups

4 changes waiting

⚠ Search managers: 2 hold the rule, minimum 3

Review groups

Attendance

4 drafts to check

Oct 5 · Training night

Oct 2 · Lost hikers, Alice Lake

Sep 30 · Tracking practice, Alice Lake

Check

DraftsToCheck

Used in G

Past activities still in draft, so attendance can still change.

ExpiringQualifications

Used in G

Qualifications expiring in 60 days: by qualification, then the soonest members.

ExpiringQualifications

Qualifications expiring in 60 days

All qualifications
  • Search Manager 2 members
  • Avalanche Skills Training 2 1 member
  • Ground SAR Member 1 member
  • Occupational First Aid Level 1 1 member

Soonest

ExpiryHeat

Used in E

Qualifications by month for the next 6 months, shaded by how many expire.

ExpiryHeat

Expiring in the next 6 months

All qualifications
OctNovDecJanFebMar Search Manager 2 1 1 1 Avalanche Skills Training 2 1 1 1 1 Ground SAR Member 1 1 1 1 HETS Longline 1 1 2 Occupational First Aid Level 1 1 1 1 Rope Rescue Technician 1 2 Wilderness First Aid 1 1 1 Swiftwater Rescue Technician 2

GroupReadiness

Used in E

Each group: how many members hold its rule, against a minimum, with changes waiting.

GroupReadiness

Groups against their rules

All groups

The bar is members who hold the group's rule. The mark is its minimum (a new setting).

LettersProgress

Used in G

Tax credit letters created against members who need one.

LettersProgress

Tax credit letters for 2025

All letters

41 of 52 members

Create 11 letters

Team pulse

StatRow

Used in ABCDEF

4 numbers with 12-month sparklines and a comparison with last year.

StatRow
125 Activities in 2026 Up 3 on last year
72 Incidents Up 3 on last year
6,044h Member hours Up 554 on last year
59 Current members 8 joined this year

StatColumn

Used in G

The same numbers stacked, for a sidebar.

StatColumn
125 Activities in 2026 Up 3 on last year
72 Incidents Up 3 on last year
6,044h Member hours Up 554 on last year
59 Current members 8 joined this year

HeroNumbers

Used in H

The year in 3 big numbers, for a poster-style top.

HeroNumbers

2026 so far

72incidents
6,044hmember hours
11members at a typical incident

ActivityColumns

Used in ACDH

Activities by month for 12 months, stacked by kind.

ActivityColumns

Activities by month

All activities

The last 12 months

  • Incidents
  • Exercises
  • Events
0
5
10
15
20
NovDecJanFebMarAprMayJunJulAugSepOct
IncidentsExercisesEvents
Nov 841
Dec 681
Jan 141
Feb 341
Mar 641
Apr 851
May 841
Jun 951
Jul 1271
Aug 1241
Sep 1161
Oct 201

HoursLine

Used in BC

Member hours, running total, this year against last.

HoursLine

Member hours

Running total, this year against last

  • 2026
  • 2025
0h
2,000h
4,000h
6,000h
8,000h
6,044h
JanFebMarAprMayJunJulAugSepOctNovDec
20262025
Jan 187h532h
Feb 523h1,072h
Mar 931h1,436h
Apr 1,672h1,965h
May 2,483h2,699h
Jun 3,233h3,099h
Jul 4,116h3,805h
Aug 5,108h4,631h
Sep 5,946h5,424h
Oct 6,044h6,280h
Nov 6,857h
Dec 7,651h

DayCalendar

Used in ABCFH

Every day of the last 12 months, shaded by activities.

DayCalendar

Every day out

Activities on each day of the last 12 months

NovDecJanFebMarAprMayJunJulAugSepOct
MonWedFriSun
Oct 8, 2025 1
Oct 10, 2025 1
Oct 11, 2025 2
Oct 13, 2025 1
Oct 15, 2025 1
Oct 17, 2025 1
Oct 18, 2025 2
Oct 19, 2025 1
Oct 20, 2025 1
Oct 22, 2025 1
Oct 25, 2025 2
Oct 29, 2025 1
Nov 1, 2025 1
Nov 3, 2025 1
Nov 4, 2025 1
Nov 5, 2025 2
Nov 12, 2025 1
Nov 14, 2025 1
Nov 16, 2025 1
Nov 19, 2025 2
Nov 22, 2025 1
Nov 26, 2025 1
Nov 30, 2025 1
Dec 1, 2025 2
Dec 3, 2025 2
Dec 6, 2025 2
Dec 7, 2025 1
Dec 10, 2025 1
Dec 17, 2025 1
Dec 18, 2025 1
Dec 20, 2025 1
Dec 21, 2025 1
Dec 24, 2025 1
Dec 27, 2025 1
Dec 31, 2025 1
Jan 5, 2026 1
Jan 7, 2026 1
Jan 14, 2026 1
Jan 21, 2026 1
Jan 23, 2026 1
Jan 31, 2026 1
Feb 2, 2026 1
Feb 4, 2026 1
Feb 11, 2026 1
Feb 14, 2026 1
Feb 17, 2026 1
Feb 20, 2026 1
Feb 24, 2026 1
Feb 25, 2026 1
Mar 2, 2026 2
Mar 4, 2026 1
Mar 7, 2026 1
Mar 11, 2026 2
Mar 15, 2026 1
Mar 18, 2026 1
Mar 21, 2026 1
Mar 25, 2026 1
Mar 30, 2026 1
Apr 1, 2026 1
Apr 2, 2026 1
Apr 4, 2026 1
Apr 6, 2026 1
Apr 8, 2026 1
Apr 11, 2026 1
Apr 15, 2026 1
Apr 18, 2026 1
Apr 22, 2026 1
Apr 23, 2026 1
Apr 25, 2026 2
Apr 27, 2026 1
Apr 28, 2026 1
May 2, 2026 1
May 4, 2026 1
May 6, 2026 1
May 10, 2026 1
May 11, 2026 1
May 13, 2026 1
May 16, 2026 1
May 17, 2026 1
May 20, 2026 1
May 21, 2026 1
May 26, 2026 1
May 27, 2026 1
May 31, 2026 1
Jun 1, 2026 1
Jun 3, 2026 1
Jun 6, 2026 1
Jun 10, 2026 2
Jun 11, 2026 1
Jun 13, 2026 1
Jun 15, 2026 1
Jun 16, 2026 1
Jun 18, 2026 1
Jun 19, 2026 1
Jun 20, 2026 1
Jun 24, 2026 1
Jun 27, 2026 1
Jun 29, 2026 1
Jul 1, 2026 1
Jul 2, 2026 1
Jul 3, 2026 1
Jul 4, 2026 1
Jul 5, 2026 1
Jul 6, 2026 2
Jul 8, 2026 1
Jul 11, 2026 1
Jul 12, 2026 1
Jul 14, 2026 1
Jul 15, 2026 1
Jul 18, 2026 2
Jul 19, 2026 1
Jul 21, 2026 1
Jul 22, 2026 1
Jul 25, 2026 1
Jul 26, 2026 1
Jul 29, 2026 1
Aug 1, 2026 1
Aug 3, 2026 1
Aug 4, 2026 1
Aug 5, 2026 1
Aug 8, 2026 1
Aug 9, 2026 1
Aug 10, 2026 1
Aug 12, 2026 1
Aug 13, 2026 1
Aug 15, 2026 1
Aug 16, 2026 1
Aug 17, 2026 1
Aug 18, 2026 1
Aug 19, 2026 1
Aug 26, 2026 1
Aug 30, 2026 1
Aug 31, 2026 1
Sep 2, 2026 1
Sep 5, 2026 1
Sep 6, 2026 1
Sep 7, 2026 2
Sep 8, 2026 1
Sep 10, 2026 1
Sep 12, 2026 1
Sep 14, 2026 1
Sep 15, 2026 1
Sep 16, 2026 1
Sep 18, 2026 1
Sep 20, 2026 1
Sep 22, 2026 1
Sep 23, 2026 1
Sep 24, 2026 1
Sep 27, 2026 1
Sep 30, 2026 1
Oct 2, 2026 1
Oct 4, 2026 1
Oct 5, 2026 1

IncidentClock

Used in CDH

When incidents start: day of the week by hour.

IncidentClock

When incidents start

By day and hour, the last 2 years

Mon Tue Wed Thu Fri Sat Sun 00:0006:0012:0018:00
00:0001:0002:0003:0004:0005:0006:0007:0008:0009:0010:0011:0012:0013:0014:0015:0016:0017:0018:0019:0020:0021:0022:0023:00
Mon 010000000102301261213101
Tue 000100000103411101203011
Wed 010200000100110224122001
Thu 010100030000021251011100
Fri 000200000002001123201100
Sat 010300020002100631435202
Sun 000100030203322312123912

TurnoutColumns

Used in H

Incidents by how many members attended.

TurnoutColumns

Members at each incident

Incidents in the last 12 months, by how many attended

0
10
20
30
40
1–45–910–1415–1920+
Incidents
1–4 6
5–9 30
10–14 32
15–19 26
20+ 0

TopMembers

Used in BGH

The members with the most hours this year.

TopMembers

Most hours in 2026

All members
  • Kendall Walsh 288h
  • Hayden Lindqvist 278h
  • Cameron Fraser 274h
  • Jesse Silva 263h
  • Quinn Okafor 259h
  • Sasha Chen 252h

RecentIncidents

Used in H

The last 5 incidents.

Maps

ActivityMap

Used in ABCFGH

Activities in the last 12 months on the team's ground.

ActivityMap

Where the team went

Activities in the last 12 months. Large dots are this month.

MapHero

Used in D

A full-width map with NextUp and counts by kind over it.

MapHero

Last 12 months

  • 94 incidents
  • 62 exercises
  • 13 events
NextUp
Next up Sun Oct 11 15:50
Incident

Missing person, Diamond Head

Diamond Head · in 5 days