Skip to content

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: image

Project page view: image

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

Merge request reports

Loading