Add subpages and project pages, and routing for each
Description
This MR sets up viz-specific and project-specific pages and routing. This builds off the current set up, which keeps all core variables and information in ChartGrid.js
The viz-specific pages use the shared SubPage.vue
component as a core structure, and viz-specific content is inserted by dynamically loading the correct component for each viz. The viz-specific pages live at base/project-name/viz-name
, and are routed to directly from the cards on the home page, using projectRoute
and vizRoute
parameters for dynamic routing.
From the viz-specific pages you can back out to project specific pages (base/project-name
). These present a filtered view of the main page, and are set up to use the same ChartGrid.vue component as the main page, but use a filtered data object to add the cards.
Changes Made
Example subpage, with dynamically loaded viz component:
How to Test
Pull changes locally and run npm run dev
Related Issues
Fixes #5 (closed) , Fixes #6 (closed) , Fixes #11 (closed)
Additional Notes
More work to come on catching edge cases in routing and appropriately redirecting
Merge Request Checklists
-
Ensure that code changes adhere to best practices documented in README.md
-
Clean the code the way Vue likes it - run npm run lint --fix
-
Document which browsers the site has been tested on: - Desktop/laptop
-
Chrome -
Safari -
Edge -
Firefox
-
- Mobile device
-
Chrome -
Safari -
Edge -
Firefox
-
- Desktop/laptop