diff --git a/developers/frontend/index.html b/developers/frontend/index.html
index 3de5c372aa..3bd595177f 100644
--- a/developers/frontend/index.html
+++ b/developers/frontend/index.html
@@ -193,13 +193,19 @@ Polymer build architecture diagram
Adding state cards
-The main interface of Home Assistant is a list of the current entities and their states. For each entity in the system, a state card will be rendered. State cards will show a state badge, the name of the entity, when the state has last changed and the current state or a control to interact with it.
+The main interface of Home Assistant is a list of the current entities and their states. For each entity in the system, a state card will be rendered. State cards will show an icon, the name of the entity, when the state has last changed and the current state or a control to interact with it.
-
+
The different card types can be found here.
-Adding a custom card type can be done with a few simple steps. For this example we will add a new state card for the domain camera
: (All files in this example link to their source-code)
+Sensors, when not grouped, are shown as so-called badges on top of the state cards.
+
+
+
+The different badges are located in the file /src/components/entity/ha-state-label-badge.js
.
+
+Adding a custom card type can be done with a few simple steps. For this example we will add a new state card for the domain camera
: (All files in this example link to their source code)
- Add
'camera'
to the array DOMAINS_WITH_CARD
in the file /util/state-card-type.js
.
diff --git a/images/frontend/frontend-badges.png b/images/frontend/frontend-badges.png
new file mode 100644
index 0000000000..90708bac74
Binary files /dev/null and b/images/frontend/frontend-badges.png differ
diff --git a/images/frontend/frontend-cards1.png b/images/frontend/frontend-cards1.png
new file mode 100644
index 0000000000..5b760fc949
Binary files /dev/null and b/images/frontend/frontend-cards1.png differ
diff --git a/sitemap.xml b/sitemap.xml
index 0e01603551..7d4e8bb13a 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1167,622 +1167,622 @@
https://home-assistant.io/components/alarm_control_panel.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/alarm_control_panel.manual.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/alarm_control_panel.mqtt.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/arduino.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/automation.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/browser.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/camera.foscam.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/camera.generic.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/configurator.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/conversation.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_sun_light_trigger.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.actiontec.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.aruba.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.asuswrt.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.ddwrt.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.locative.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.luci.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.mqtt.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.netgear.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.nmap_scanner.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.owntracks.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.snmp.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.thomson.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.tomato.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.tplink.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/device_tracker.ubus.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/discovery.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/downloader.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/ecobee.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/group.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/history.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/ifttt.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/ifttt.manything.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/introduction.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/isy994.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/keyboard.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/light.blinksticklight.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/light.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/light.hue.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/light.hyperion.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/light.limitlessled.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/light.rfxtrx.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/light.tellstick.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/light.vera.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/light.wink.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/lock.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/lock.wink.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/logbook.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/media_player.cast.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/media_player.denon.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/media_player.firetv.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/media_player.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/media_player.itunes.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/media_player.kodi.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/media_player.mpd.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/media_player.plex.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/media_player.sonos.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/media_player.squeezebox.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/modbus.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/mqtt.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/notify.file.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/notify.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/notify.instapush.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/notify.nma.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/notify.pushbullet.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/notify.pushover.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/notify.slack.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/notify.smtp.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/notify.syslog.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/notify.telegram.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/notify.xmpp.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/rfxtrx.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/scene.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/script.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.arduino.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.arest.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.bitcoin.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.command_sensor.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.cpuspeed.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.dht.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.ecobee.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.efergy.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.forecast.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.glances.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.modbus.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.mqtt.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.mysensors.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.openweathermap.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.rest.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.rfxtrx.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.rpi_gpio.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.sabnzbd.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.speedtest.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.swiss_public_transport.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.systemmonitor.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.tellstick.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.temper.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.time_date.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.transmission.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.vera.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.wink.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sensor.worldclock.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/shell_command.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/simple_alarm.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/sun.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.arduino.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.arest.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.command_switch.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.edimax.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.hikvision.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.modbus.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.mqtt.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.rest.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.rfxtrx.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.rpi_gpio.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.tellstick.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.transmission.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.vera.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.wemo.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/switch.wink.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/tellstick.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/thermostat.ecobee.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/thermostat.heat_control.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/thermostat.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/thermostat.nest.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/thermostat.radiotherm.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/vera.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/verisure.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/wink.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/zone.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/components/zwave.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/demo/frontend.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/demo/index.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/developers/add_new_platform.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/developers/api.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/developers/architecture.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/developers/creating_components.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/developers/credits.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/developers/frontend.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/developers/python_api.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/developers/rest_api.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/developers/website.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/getting-started/android.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/getting-started/automation.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/getting-started/autostart.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/getting-started/configuration.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/getting-started/devices.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/getting-started/presence-detection.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/getting-started/troubleshooting-configuration.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/getting-started/troubleshooting.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/googlef4f3693c209fe788.html
- 2016-02-20T17:04:32+00:00
+ 2016-02-20T19:08:08+00:00
https://home-assistant.io/static/mdi-demo.html
- 2016-02-20T17:04:33+00:00
+ 2016-02-20T19:08:08+00:00