Skip to content
🔹 Display whatever you want in an entities card row.
JavaScript
Branch: master
Clone or download
Latest commit 81bf499 Jan 14, 2020
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Fix #6. Fix #8 Jan 12, 2020
.gitattributes Initial commit Jan 3, 2020
.gitignore Initial commit Jan 3, 2020
LICENSE.txt Initial commit Jan 3, 2020
README.md Update README.md (#9) Jan 14, 2020
hacs.json Initial commit Jan 3, 2020
package-lock.json Attempt to fix #7 Jan 12, 2020
package.json Initial commit Jan 3, 2020
template-entity-row.js Attempt to fix #7 Jan 12, 2020
webpack.config.js Initial commit Jan 3, 2020

README.md

template-entity-row

hacs_badge

Display whatever you want in an entities card row.

For installation instructions see this guide.

Install template-entity-row.js as a module.

resources:
  - url: /local/template-entity-row.js
    type: module

Usage example

Note: This is not a card. It's a row for an entities.

Skärminspelning 2020-01-03 kl  23 03 16 mov

type: entities
title: Default
entities:
  - light.bed_light
  - entity: input_boolean.car_home
  - type: custom:template-entity-row
    icon: mdi:lamp
    name: "The light is {{states('light.bed_light')}} but nobody's"
    state: "{% if is_state('input_boolean.car_home', 'on')%} home {% else %} away {% endif %}"
    secondary: "It's {{states('sensor.time')}}"
    active: "{{ is_state('light.bed_light', 'off') }}"
  - type: custom:template-entity-row
    icon: mdi:car
    name: Hi there
    condition: "{{is_state('input_boolean.car_home', 'on')}}"

Options

  • icon, name, state, secondary, image selects what icon, name, state, secondary_info text and entity_picture to display respectively.
  • active if this evaluates to "true", the icon gets the color --paper-item-icon-active-color. Otherwise --paper-item-icon-color.
  • entity if this evaluates to an entity id, icon, name, state and image will be taken from that entity unless manually overridden.
  • condition if this is set but does not evaluate to "true", the row is not displayed.

All options accept jinja2 templates.

Jinja templates have access to a few special variables. Those are:

  • config - an object containing the card configuration
  • user - the username of the currently logged in user
  • browser - the deviceID of the current browser (see browser_mod).
  • hash - the hash part of the current URL.

In evaluated templates the function _(<key>) (underscore) will localize the <key> to the current language. E.g. _(state.binary_sensor.motion.off) will be replaced with Clear if your language is set to English.

To find the available keys, open your browsers console, type in the following and press Enter:

document.querySelector("home-assistant").hass.resources

FAQ

Why does this look weird?

Because you're not using it correctly. This is not a card. It's an entity row, and is meant to be used inside the entities card


Buy Me A Coffee

You can’t perform that action at this time.