Changes requested by Ben and Robert to make the front end better :)
Make the page titles react to router (+ basic SEO tags)
Make vue set focus on the main element after router nav
Add our new test locations to the example list in the nav
Fix a few datepicker/library page bugs so that it doesn't break when the user tries to edit the date or submits an invalid date through query params (local testing welcome, I wrote some unit tests for this but if you can break it, maybe i'll send you cookies)
Adds some headroom to the chartJS-powered histogram so the labels added after initial render don't get cropped by the canvas, and makes the datalabels a few px smaller to fit
before:
after:
~adds number formatting for thousands, millions, etc that abbreviates larger integers to a max of 4-5 characters~ (we will consider large number formatting at a later time)
formats "0" values as an en dash "–" to establish visually that the data is missing, not actually zero
Changes requested by Ben and Robert to make the front end better :)
Make the page titles react to router (+ basic SEO tags)
Make vue set focus on the main element after router nav
Add our new test locations to the example list in the nav
Fix a few datepicker/library page bugs so that it doesn't break when the user tries to edit the date or submits an invalid date through query params (local testing welcome, I wrote some unit tests for this but if you can break it, maybe i'll send you cookies)![Screen Shot 2023-01-10 at 3 29 14 PM](https://user-images.githubusercontent.com/4451344/211666382-1e54baa0-fe6a-4a86-8632-7590b429673e.png)
Adds some headroom to the chartJS-powered histogram so the labels added after initial render don't get cropped by the canvas, and makes the datalabels a few px smaller to fit
before:![Screen Shot 2023-01-10 at 3 32 17 PM](https://user-images.githubusercontent.com/4451344/211666879-97b9c147-7d5d-4dfd-ab9c-6243f9ca239f.png)
after:![Screen Shot 2023-01-10 at 3 32 13 PM](https://user-images.githubusercontent.com/4451344/211666872-dd0809e1-ccdc-4600-9326-dfd81fa92087.png)
~adds number formatting for thousands, millions, etc that abbreviates larger integers to a max of 4-5 characters~ (we will consider large number formatting at a later time)
formats "0" values as an en dash "–" to establish visually that the data is missing, not actually zero![Screen Shot 2023-01-10 at 3 24 04 PM](https://user-images.githubusercontent.com/4451344/211665717-a3658c1f-63a0-436f-8ac2-eba966f5162a.png)