search

spe-uob / 2020-CO2Monitor

Co2 monitor
1 stars 0 forks source link

Control panel UI/UX #15

Closed MechyKola closed 3 years ago

MechyKola commented 3 years ago

Refine UI/UX for the control panel:

Page with cards representing each room, button to refresh info and add/remove rooms Cards with min/max co2 in the room from all sensors, card click -> popup with individual sensors, adding/removing sensors

MechyKola commented 3 years ago

Screenshot from 2021-02-16 23-03-03

design WITHOUT live info

MechyKola commented 3 years ago

if we end up with websockets we can keep this, but if it requires refreshes they can be automatic + require some way to manually trigger (refresh button at the top, with a progress bar of waiting for next one?

MechyKola commented 3 years ago

Deleting a room will delete all component sensors, so we don't have "dangling sensors"

MechyKola commented 3 years ago

Use fab bottom right instead of addition "card"

MechyKola commented 3 years ago

All ideas have been sketched up (but not integrated with api at the time of closing this issue, after https://github.com/spe-uob/CO2Monitor/commit/cf5f4e9ebe40bc215f63aae097900b4bfd0a0e0e) - see other cards and commits (from https://github.com/spe-uob/CO2Monitor/commit/12b62c47c70b5fa4db571cba096e9ec27dcc6022 to https://github.com/spe-uob/CO2Monitor/commit/cf5f4e9ebe40bc215f63aae097900b4bfd0a0e0e) for specifics

MechyKola commented 3 years ago

refreshing will happen automatically after actions such as adding rooms, maybe add button later min co2 is not relevant info and therefore will not be added