Show Additional Device Data on low resolution screens

[zackbcom]

Problem

• Any onHover information on mobile is not accessible.
• I feel like the Device modal view should have all the same information from table/compact, but in a more advanced view. Maybe a new tab for info
• On mobile compact view, I can not seem to easily locate the following information:
  • Manufacture
  • Top of the modal.
  • Product
  • Top of the modal.
  • Product Code
  • Unable to locate on mobile
  • Security
  • Icon only - Consider adding a legend on the hamburger menu
  • Beaming
  • Unable to locate on mobile
  • Zwave Version
  • Unable to locate on mobile
  • FW and SDK
  • FW shows are on the card, SDK is missing.
  • Status
  • Shows icon on card
  • Battery %
  • Shows Icon representation.
  • Have to navigate to node-> Battery to view %

Soluitions

Add additional information to the modal view

• I would love to have a new tab called info or something similar that would display all of the same information that is located on the table view.
• Or toss the additional information on the top of the NODE tab and move the Values to a new tab called VALUES

Update Compact View

• Show battery % badge on the opposite side of FW version.
  • This might be redundant information with the icon. Maybe could toss something else there we do not have.
  • 

Update Hamburger Menu for Info

• Add a help icon for hamburger menu
  • Display a help modal
  • Display legend for the icons used on compact view
  • 

Additional context

• Current State: Computer
  • Able to hover and get the data
  • 
  • Nothing Extra shows on the modal.
  • 

• Current State: Mobile

  • 

[robertsLando]

@zackbcom about the battery icon, it already show the %, it is based on the fill of the icon, the color is red when it is lower then 20%. About the rest I need to understand where to put all those info first, would adding an info icon that shows what you see now on hover a possible solution?

[zackbcom]

I think that would a good fix.

Potentially we could look into having more of that information in the modal once opened.