bcgov / bcgov/bcparks-ar-api

A&R UI Refinement - home, global

Open
#238 1 comment 0 reactions 0 assignees View on GitHub
good first issue
Dominant language
JavaScript
Stars
2
Forks
12
PR merge metrics
No merged PRs in 30d

Description

## Description
Changes for the A&R system homepage and global components.

Numbers below refer to attached screen grabs. Check those out for more details.

## Acceptance Criteria:
1. **home page**
* Typo: entries
* Capitalization: should be > Export Reports
* Capitalization: should be > Exporting tools
(note: yes, the above is correct. Card titles should be capitalized, whereas the section titles don’t need to be)

![image](https://github.com/bcgov/bcparks-ar-api/assets/145403218/471d3e82-1831-4abf-8fb9-d7f66c343e4c)

2. **main nav**
* Change text colour to primary blue #003366 on hover
* Don’t change text colour to Yellow on selected state
(note. colours and behaviour should be the same as DUP if you need a visual reference)
* Done - Review BC Style guide to ensure we’re in compliance with standards - see note in comments

![image](https://github.com/bcgov/bcparks-ar-api/assets/145403218/31d563e6-f045-45c8-b66d-4ad0f1beaec7)

3. **search date picker**
* Show selected date written out in this format: Month YYYY (e.g., March 2016)

![image](https://github.com/bcgov/bcparks-ar-api/assets/145403218/f6e827d0-4c9a-4964-900c-ceaa5771965c)

4. **~search park - 3~**
* ~Park list should be in alphabetical order~

![image](https://github.com/bcgov/bcparks-ar-api/assets/145403218/a5f7b7ee-bf41-4242-9ba7-2cf40fe301f3)

5. **search**
* Include calendar icon in date picker field
* Change default text in park search field > Select or type park name
* Remove final ’s’ from Sub-areas field label > Sub-area
* Change colours on inactive fields (as per attached screen shot)
* Ensure that default text / grey background is always shown when no sub-area is selected

![image](https://github.com/bcgov/bcparks-ar-api/assets/145403218/25b6cd7e-bd46-4505-a68c-35c7e765819b)

6. **search default**
* Typo: entries

![image](https://github.com/bcgov/bcparks-ar-api/assets/145403218/d8d53a63-2718-44e5-8272-784568b14759)

7. **~Breadcrumb nav~**
* ~Remove the word “form” from breadcrumb for each form. Breadcrumb should just be the name of the form (e.g., Home / Enter Data / Boating Form)~

8. **~Export column names~**
* ~make sure columns names in the exported report match the fields in the corresponding form~

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the home page, main nav, and search/date-picker entry points referenced in the issue, using the attached screenshots and remaining unstruck acceptance criteria as the visual specification. Done means the listed text, colors, date format, icon, labels, placeholders, and inactive/default states match the criteria; verify the UI against the screenshots.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.