bcgov / bcgov/wps

Fire Behaviour Calculator (old) UI: Divide table into sections for scannability: station context, weather, fire behaviour, calculations

Open
#1,243 0 comments 0 reactions 0 assignees View on GitHub
Ready User Requested User Story
Dominant language
Python
Stars
65
Forks
11
Avg merge
21h 25m
Merged PRs (30d)
70

Description

**As a** *FBAN* **I want** *an easy to scan table* **So That** *I can complete my tasks quickly and without unnecessary cognitive effort*

**Additional Context**
- similar styling will apply to HFI calculator
- [Figma file](https://www.figma.com/file/AUhBnTB50dnY7ysoxBSqPN/New-Fire-Behaviour-Tool-2021?node-id=375%3A2015)
- Groups (logically/visually) of columns: **Station context** (zone, name, lat, long, elv, fuel, grass cure), **Weather** (status, temp, rh, wind speed, wind dir, precip), **Fire Weather Indices** (FFMC, DMC, DC, ISI, BUI, FWI), **Final Calculations** (HFI, Crit Time (4000/10000), ROS, Fire Type, CFB, Flame Length, 30/60 min fire size
-- border should be consistent with the row dividers, using current table CSS

**Acceptance Criteria**
- [ ] Given I am using FireBAT, When I scan the table horizontally, Then I see visual dividers (lines/borders) between station context, weather data, fire behaviour data, and our final calculations - per Figma file

**Definition of Done**
- [ ] Ready to Demo in Sprint Review
- [ ] Does what I have made have appropriate test coverage?
- [ ] Documentation and/or scientific documentation exists and can be found
- [ ] Peer Reviewed by 2 people on the team
- [ ] Manual testing of all PRs in Dev and Prod
- [ ] Merged

Contributor guide

Open the contributing guide

Research direction

Start by locating the Fire Behaviour Calculator (old) table and its current table CSS, then compare the column groups with the linked Figma file. Done means visible dividers separate station context, weather, fire behaviour data and final calculations, with appropriate test coverage and the manual checks described in the definition of done.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.