This MR adds a new component to the site for the Findex project. The new component uses a tab layout to display the global maps of threat severity for each major threat category and each threat subcategory.
The MR is focused on getting the layout to function, with some basic styling. The styling will need to be polished before release.
Changes Made
How to Test
Pull the changes to your machine, run npm install (if you haven't built the site locally before), then npm run dev and then navigate to earth-in-flux/#/findex/inland-fish-global-threats
MR t-shirt size
extra-small (e.g., update color scheme)
small (e.g., add tooltip to chart)
medium (e.g., add new static chart, add new pipeline output)
large (e.g., initial data processing pipeline, interactive chart)
Timeline for review
ASAP - blocker for deployment
Today - blocker for ongoing work
Next couple of days
This week
When reviewer has availability
Review Needs
Does this MR include data processing, modeling, or visualization code that will require domain review prior to release?
Yes, and I have opened an issue to document the need for review, using the DomainReview issue template
Yes, and a domain review issue already exists
No
Related Issues
NA
Additional Notes
This is set up to dynamically update the text, icon, legend, and map for each category/subcategory of threat. All of the content is placeholder content for now.
The colors will need to be updated once the global map colors are updated.
The text will need to be updated once we have the updated text from the collaborators.
The icons will need to be updated once we get the updated list of icons from the collaborators.
The styling will need to be polished before release.
Merge Request Checklists
Code changes adhere to best practices documented in README.md
Code has been cleaned the way Vue likes it - run npm run lint --fix
If applicable, the need for future domain review has been documented in an issue
Below section documents which browsers the site has been tested on:
