Cookie popup improvements

wes-otf commented 4 months ago

Fixes #3925. TLDR:

Cookie consent preference is now stored in local storage rather than using cookies
Improves on the existing cookie banner by adding a Learn More option where users can read more about the essential & analytic cookies, and toggle analytics specifically.
If analytics are not used, the user is no longer given the option to opt out, as Hypha only uses essential cookies by default.
Added a link/button to the footer default that allows the user to re-open the cookie prompt without having to clear it from their local storage.

Demo

Desktop

with analytics cookies

without analytics cookies (default)

Mobile

with analytics cookies

without analytics cookies (default)

Analytics cookie testing

[ ] In wagtail admin under Settings -> Cookie Banner Settings, ensure the analytics cookie message is enabled and has content in the information to be displayed under "Learn More" box
[ ] In an "Incognito" window, open Hypha
[ ] Ensure a cookie pop-up appears
[ ] Click Learn More
[ ] Ensure the pop-up animates to a screen that shows information on analytics & essential cookies.
[ ] Set the toggle to enable or disable on the analytic cookies and select Ok
[ ] Ensure the prompt closes and your choice is reflected in your browser's local storage
- If being user tested, I can assist with navigating to your local storage

Essential cookie testing

[ ] In wagtail admin under Settings -> Cookie Banner Settings, ensure the analytics cookie message is disabled
[ ] Repeat steps 2-3 of Analytics cookie testing
[ ] Ensure only analytics cookie info is shown & selecting Ok closes the prompt

Reactivitity testing

[ ] View the banner from different window sizes and ensure it acts and scales as expected
- ie. mobile users can access it without issue