Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile Map - Add AQI Key #41

Open
Pujapuppy opened this issue Apr 5, 2021 · 0 comments
Open

Mobile Map - Add AQI Key #41

Pujapuppy opened this issue Apr 5, 2021 · 0 comments

Comments

@Pujapuppy
Copy link

Pujapuppy commented Apr 5, 2021

  1. Add html for AQI Key Slide Up (includes the Region Wide Key for when a STA Alert is active). HTML is in the attached doc.
  2. By default the div with the class aqi-slide-up contains the class aqi-default-pos
  3. From default position - On click of the double arrow up, remove the class aqi-default-pos and add the class aqi-mid-pos
  4. From mid position - On click of the double arrow up, remove the class aqi-mid-pos and add the class aqi-full-pos
  5. From mid position - On click of the More AQI Information button, remove the class aqi-mid-pos and add the class aqi-full-pos
  6. From mid position - On click of the double arrow down, remove the class aqi-mid-pos and add the class aqi-default-pos
  7. From full position - On click of the double arrow down, remove the class aqi-full-pos and add the class aqi-mid-pos
  8. Display the date that the map is currently displaying data for next to Showing: (example - Showing: May 5, 2021)
  9. Add the class alert-on to the div with the class sta-key-row when a STA Alert is active

Design Links:
http://baaqmddesign.azurewebsites.net/Drawing_Tool/MobileMaps/MapDefault.html
http://baaqmddesign.azurewebsites.net/Drawing_Tool/MobileMaps/MapAQIMid.html
http://baaqmddesign.azurewebsites.net/Drawing_Tool/MobileMaps/MapAQIFull.html
http://baaqmddesign.azurewebsites.net/Drawing_Tool/MobileMaps/MapSTAAlert.html

image
image
image
image

MobileMapAQIKeyDesign.docx

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant