beestat

Menus and modals and more

Added 2018-08-14 14:00:03 +0000 UTC

As I began to address some of the tasks for 1.2 I found myself a little bit stuck. The design I had was incredibly limiting for two reasons:

Every card had a specific color. This meant new cards needed their own color and I then had to design the content of that card to match that color.
There wasn't a great place to put commands and additional information. Adding more things meant cluttering up the UI with more icons or buttons.

To fix that, I took some inspiration from Google's Material design specifications and some existing dashboard templates and re-worked a few things.

Every card can now optionally have a menu accessible from the top right. This is where additional, less frequently used commands will sit. The two graphs on the bottom of this gif will be converted to this format and look much nicer.
There is now a popup window available for use throughout the application. This will see limited use but it's a great spot for small bits of information that are nice to have but don't really fit anywhere.

I feel like this is a very positive change and has made a big difference in my ability to present information and options in clear and meaningful ways.

There's still a lot of work to go until 1.2 is ready but I'm excited to bring a ton of additional information to ecobee users.