Adding Alarm Panel to Lovelace

[zsarnett]

Adds a new card type alarm-panel to the available cards

Card uses the Previously made Custom Card located here

Configuration Variables

Name	Type	Default	Description
type	string	Required	alarm-panel
entity	string	Required	An entity_id from alarm_control_panel domain. Example: alarm_control_panel.alarm
title	string	Current Arm State	Card Title
states	list	arm_home, arm_away	A list of possible arm buttons. Supports arm_home, arm_away, arm_night, arm_custom_bypass.

Example

- type: alarm-panel
  entity: alarm_control_panel.alarm

- type: alarm-panel
  entity: alarm_control_panel.alarm
  title: House Alarm
  states:
    - arm_home

[zsarnett]

When running eslint I am receiving error Expected an assignment or function call and instead saw an expression no-unused-expressions on Line 217

Not sure on how to fix this in the best way

[jeradM]

Your ternary expression should return a value, not an assignment. Just use an if-else

[zsarnett]

Wrong button..

[zsarnett]

Not sure how to get travis to kick in here @jeradM

[balloob]

The text of pending under the card header should be left aligned with the header text.

[balloob]

I am wondering, would it make sense to use a <ha-state-label-badge> on the top right? That way we can add "home" or "away" when it's armed.

[balloob]

Then we can drop the red text under title (which looks a bit weird)

[zsarnett]

In light of making things simple, I went with only showing the states that don't overflow in the label.

If you think its not clean/user friendly enough I am still working on getting a better label created but it just takes a lot of css

Updated the Gif Example above for the new Icon

[balloob]

I really like the ha-label-badge look !

[zsarnett]

Seems to be failing because the gauge and sensor card directories are not in my build? I need restart with a new fork after this PR. Made the mistake of developing the gauge card on the master instead of a branch. and now everything is so messed up an I have tried merging and rebasing but it then trys to commit everything to this branch which throws this PR all to hell

[balloob]

Ok to merge when few small comments addressed

[balloob]

Can you align the icon in the badge with the baseline of the header