Hi. I have a card for my packages (using 17track)

      - card:
          type: custom:auto-entities
          show_empty: false
          card:
            type: entities
            title: PACKAGES
            show_header_toggle: false
          filter:
            include:
              - entity_id: 'sensor.*track_package_*'
                options:
                  secondary_info: "<span style='color:grey'>[[ {entity}.attributes.info_text ]]</span>" 
        style:
          background-blend-mode: multiply
          background-color: 'rgba(180,180,180,0.5)'
          # background-image: url("/local/images/grey_theme/salon.png")
          background-position: 250px -50%
          background-repeat: no-repeat
          background-size: 70% auto
          border-radius: 10px
          font-weight: 600
          color: 'rgba(100,100,100,1)'
          box-shadow: >-
            -5px 5px 13px -7px #999999, 5px 5px 13px -7px #999999, 0px 2px 0px
            0px rgba(90,90,90,0.5), 0px 0px 1px 1px rgba(0,0,0,0.1)
        type: 'custom:card-modder'  

But secondary_info: "<span style='color:grey'>[[ {entity}.attributes.info_text ]]</span>" doesn't show nothing in second row

Please help to solve this.
Thanks.

Is it possible to translate the last_changed ? (Fr or others)

Not an issue, but I am struggling with the syntax.
How do I use a sensor state into an if-result like:

secondary_info: '[[ if(sun.sun.attributes.elevation < 0, "Below", "Above") ]] the horizon'  #This works fine

secondary_info: '[[ if (binary_sensor.energy_mode_cost == "on",  "Cost {{ states('sensor.nordpool_kwh_home') }} Kr/kWh ", "") ]]' #ERROR

Please advise.

Notice all my entities using secondaryinfo does not have state color. Even the state color set to true

I seem be having issues using jinja2 from the latest 5.0 release. yml is copied directly out of the readme:

      - entity: sun.sun
        name: Jinja2 template
        type: "custom:secondaryinfo-entity-row"
        secondary_info: "Next Dawn: {{ state_attr('sun.sun', 'next_dawn') }}"

Thoughts on what may be going on?

See: home-assistant/core#89047 (comment)

Had to remove the few secondaryinfo-entity-row entries rendering templates I had in Lovelace.

It would be great to be able to reference a weblink entity and therefore create a link off of that in the secondary info area.

e.g:

- entity: sensor.next7days_farmhouse
  icon: mdi:hotel
  name: 'Farmhouse'
  type: custom:secondaryinfo-entity-row
  secondary_info: "[[ weblink.bookings_farmhouse ]]"

The custom updater has been deprecated in favor of HACS. Can this be updated to use the new HACS format?

https://github.com/thomasloven/lovelace-auto-entities

This card doesn't seem to work when used in conjuction with the auto entities card.

I have a issue with button.

Without:

With this card:

I also noticed a error in Edge:

that correspond to:

let secondaryInfoDiv = this._wrappedElement.shadowRoot.querySelector("hui-generic-entity-row").shadowRoot.querySelector(".secondary");

My environment:

Home Assistant

Can you please review the code ?
Thx in advance,

Simone

Hi,

I'm on the latest version of HA, and most of the times where i'm using the "Refresh" option in Lovelave, the secondaryinfo-entity-row-entities is returning Unknown type encountered: toggle-errors.

It also showing up from time to time, if the app is just reloading the page, and so. And it's here, i found it to be the biggest problem, cause my girlfriend are complaining about it, too :-D

Unknown type encountered: toggle.

entity: switch.sonoff4
type: toggle
secondary_info: 'Lyd fra [[ if(switch.nodemcu4678858 == on, "Chromecast Audio", "Stationær") ]]'

Unknown type encountered: text.

entity: binary_sensor.0x00158d0001d672e5_occupancy
name: Bevægelse
icon: 'mdi:run'
type: text
secondary_info: 'Stationær er [[ if(sensor.stationaer == "Online", "tændt", "slukket") ]]'

The secondaryinto-entity-row is within an vertical-stack with multiple cards.

And it's reporting the following, in my console:

TypeError: e.parentElement is nullhui-stack-card.ts:97:4
    _rebuildCard hui-stack-card.ts:97
    _createCardElement hui-stack-card.ts:85
    r fire_event.ts:76
    a create-element-base.ts:92

If i use the tree dots, and update my lovelave-interface again, the errors are gone:

If it do it again, there's a big change, for the errors to show up, agian.

So i'm not sure if this is related to some tmp-values, a timing issue, some caching related, or... well... something else :( :)

Would be great to have a screenshot in the readme as an example

I'd like to use an entity state with its unit of measurement so it reads a bit nicer. Would it be possible to support for example a "state_with_unit" attribute to combine both the state and its unit attribute?

This seems to coincide with the home assistant 0.110 update (currently on 0.110.4).
It takes a few ticks to _updateElement for the information to update.

Error details:

secondaryinfo-entity-row.js:39 Uncaught (in promise) TypeError: Cannot read property 'shadowRoot' of null
    at HTMLElement._updateElement (secondaryinfo-entity-row.js:39)

If templates are included, the lovelace frontend becomes slow and almost impossible to use.
I tried this on 3 different Android devices, and a couple of different browsers. On a Desktop everything is OK.

I included 5 templates on a view (last triggered, state of a socket etc.), .
Other views work OK since to secondary info is present.

- entity: automation.fridge_door_alarm
    type: "custom:secondaryinfo-entity-row"
    secondary_info: 'Door is: [[ if(binary_sensor.door_window_sensor_158d0000f125f7 == "off", "Closed", "Open") ]]'

- entity: automation.store_work_hours_googledrive
   type: "custom:secondaryinfo-entity-row"
    secondary_info: "Trigger: [[ automation.store_work_hours_googledrive.attributes.last_triggered ]]"

- entity: group.office_lights
   type: "custom:secondaryinfo-entity-row"
   secondary_info: "Trigger: <b style='color:red'>[[ input_number.office ]]</b> lux (slider). Now: <b style='color:red'>[[ sensor.illumination_158d0001e07ed4 ]]</b> lux. PC: <b style='color:red'>[[ sensor.pc_power ]]</b> W"              

I have this warnings in console:

One or more of your lovelace plugins are using the functions cardTools.litElement(), cardTools.litHtml() or cardTools.hass(). Those are replaced with better alternatives and will be removed a some point in the future.
deprecationWarning @ card-tools.js:14
litElement @ card-tools.js:25
customElements.whenDefined.then @ secondaryinfo-entity-row.js:3
Promise.then (async)
(anonymous) @ secondaryinfo-entity-row.js:1

It appears we're not able to reference {entity} inside of a conditional. Would we be able to enhance this card to support this? For example, this doesn't work:

secondary_info: '[[ if({entity}.attributes.years_at_next_anniversary == "undefined", "", {entity}.attributes.years_at_next_anniversary) ]]'

Hi,

I tried to set the color of the secondary info line based on the age of a certain timestamp.

      <b style='color:[[ if(as_timestamp({entity}.attributes.receivedTS) -
      as_timestamp(now()) < 14400, "green", "red") ]]'>[[

This results in red text because the "as_timestamp" method is not evaluated and therefore the result is not a number.

Is it possible to use the as_timestamp function or someting similar somehow?

Invitation to bring your repo over to the community custom-cards organization: https://github.com/custom-cards/information

Let me know if you're interested and I can float you an invitation to the org. Thanks!

Hello i'm on hass.io 0.95.4 configured with HACS and this plugin.
While configuring some basic entities cards, i'm getting this error in the card setup window:

Your config is not supported by the UI editor:
Expected a value of type {entity,name,icon} | entity-id for entities.0.secondary_info but received "[[ sun.sun.last_changed ]]".
Falling back to YAML editor.

Also, even if the secondary infos are displayed, the GUI becomes very sluggish until i comment the secondary-info section.

Please don't take in account for the secondary-info attributes actually used: it is only a testing one, just to give the idea ;-)

Attached the configs i'm using

Any hints?

TIA

Great card! Many thanks!! I have a question, which timezone is being used? I use GMT+1 (local time) but the time being displayed GMT+0:00 (so one hour too early). I changed my ubuntu TZ into:

But still no result.. What to do?

Beginning HA 0.116 all custom Lovelace cards (at least those that I use), including this one, no longer work.

The 0.116 release notes included a link to a blog post explaining the (breaking) changes.

I do not consider this as a bug per se, but was wondering what the developer's plans are regarding this matter. I ask in light of the recent announcement that the developer of Custom Header has decided to stop working on the project.

Thanks tot the dev for your work.

It would be great to have the ability to format the secondary_info attributes (cutting of parts of the string etc.).

When using the jinja2 template, this card will request the template endpoint multiple times every second.

  - entity: light.entrance_outdoor    
    type: "custom:secondaryinfo-entity-row"
    secondary_info: "{{ 1 + 1 }}"

Guess this is because _updateElement will trigger as soon as something changes in the hass object, which for a larger setup could be many hundred times per second.

State_color: True invalidates the plug-in and renders the visual editor unusable

I only see the secondary info when logged in with an “administrator” user. I use a non-admin user with kiosk mode on my tablets and I do not see the secondary info. When I switch the tablet user to admin I do.

Ok maybe I'm dense, but I can't get this to work, it always says "can't find card tools:

things I've tried

using card-tools 0.4 and 0.4.1
using "raw editor" in lovelace ui, as well as editing /configdir/ui-lovelace.yaml

config_dir/ui-lovelace.yaml:

resources:
  - url: /local/custom-lovelace/weather-card/weather-card.js
    type: module
  - url: /local/card-tools.js
    type: js
  - url: /local/secondaryinfo-entity-row.js
    type: module

UI:

www directory:

/home-assistant/config/www$ ls -la
total 694
drwxr-xr-x  5 1001 1001     13 Jul 10 21:50 .
drwxr-xr-x 10 1001 1001     48 Jul 10 21:54 ..
-rw-r--r--  1 root 1001  11852 Jul 10 21:50 card-tools.js
drwxr-xr-x  3 root 1001      3 Feb  9 15:03 custom-lovelace
drwxr-xr-x  2 root 1001      4 Feb  9 14:40 custom_ui
-rw-r--r--  1 root 1001     54 Aug 30  2018 googlee25d310138468eb5.html
-rw-r--r--  1 root 1001 175658 Aug 19  2018 lifx.png
-rw-r--r--  1 1001 1001  26007 May 28  2018 model-s.jpg
drwxr-xr-x  2 root 1001      7 Feb  9 19:09 nest-icons
-rw-r--r--  1 1001 1001  34802 Oct 28  2016 nest.jpg
-rw-r--r--  1 root 1001  21011 Aug 13  2018 nest.png
-rw-r--r--  1 root 1001 326811 Dec 22  2016 nestprotectg2.png
-rw-r--r--  1 root 1001   2146 Jul 10 21:34 secondaryinfo-entity-row.js

Despite this, everything still says "can't find card tools":

What am I missing?

Is it possible to change color according to numeric state like in the case of a battery voltage? If above 3.2 volt green, between 2.9 and 3.2 yellow. Below 2.9 red.

Also will it be possible to round a state attribute value in this card?

Hello, I just updated to the lastest version of home assistant 0.106.1

And now im getting this error.

I rolled back to 0.105.5 and its working there.

I'm using this to help show some upcoming calendar entries for sporting events.

The name of the event (opponent) is too long and end up showing ... at the end.
In addition to that I want to show the location (broadcast) as well which ends up cutting off even more.

So with that I have a couple of questions.

• Is it possible to add a third row?
• Is it possible to have word wrap?
• Is it possible to display something under the right side item (date_sortable)?

Since the latest beta (0.105.0b0) from HA, the issue of this card has not worked.

• type entities
    title: WZ
    entities:
      - entity: switch.shelly_shplg_s_040f0f
         name: Shelly Plug S socket WZ outside
         type: "custom: secondaryinfo-entity-row"
         secondary_info: "192.168.178.69"

results in the following error message:

Unknown type encountered: custom:secondaryinfo-entity-row

entity: switch.shelly_shplg_s_040f0f
name: Shelly Plug S socket WZ outside
type: "custom: secondaryinfo-entity-row"
secondary_info: "192.168.178.69"

Documentation says to install as type: null, had to install as type: module to get it to work.
Didn't know how to let you know :)

Maybe not a request that is useful in a lot of cases, however i have some cards showing various data about my esphome nodes, and it would be perfect to show mdi icons to indicate what kind of sensors are on them.

as per title when I tried to update card-tools this card stopped working, only solution was to revert back to previous version

Hi,

noticed this error in my browser debug page:

Apparently everything still work fine .

Simone

Hello
What I have to do in order useing of Jinja2 template?
Old syntax is working.

I'm admin (owner) of my HA.

getting this error in Safari:

Unhandled Promise Rejection: TypeError: null is not an object (evaluating 'this._wrappedElement.shadowRoot.querySelector')

and Chrome:

Uncaught (in promise) TypeError: Cannot read property 'querySelector' of null
    at HTMLElement._updateElement (secondaryinfo-entity-row.js?v=0.4:38)

on a perfectly correctly performing config:

      - type: custom:secondaryinfo-entity-row
        entity: input_number.home_theater_lux
        secondary_info: >
          Mean living: [[ sensor.mean_living_lux.state ]] lx
      - entity: binary_sensor.home_theater_lux_input
        secondary_info: last-changed

there are no none objects in this config, as the image proves. Dont know if this started recently tbh, my setup is

HA OS 2020.12.2
secondaryinfo-entity-row: 0.4

thought it might have been the .state suffix in the template, so took that out.

      - type: custom:secondaryinfo-entity-row
        entity: input_number.home_theater_lux
        secondary_info: >
          Mean living: [[ sensor.mean_living_lux ]] lx

oddly enough, the frontend remains correct, and the error stays.... using this on multiple entities in the config.

while Thomas Loven explicitly says this here

Just for the record - the only good reason to have card-tools installed is because another card tells you to.
None of my cards do, and if you find one that does, you should really let the maintainer know that there are better ways to get that functionality nowadays.
I'll gladly help with the transition.

please contact Thomas and try to fix this?

Since I've updated Home Assistant to 2022.12.1 the card entities with the regular secondaryinfo-entity-row says: "Custom element doesn't exist: hui-text-entity-row" and the entity is not shown and neither secondary info is shown.

This element is not working with home assistant cast. Works fine in a browser and in the mobile app.

Says Custom element doesn't exist: secondaryinfo-entity-row

It should be possible to make fade effect on icons like on standart entity?

Hi

I`m getting error when trying to pull battery level on Wyze binary sensor using this script.

Can you spont an error?

entities:

• entity: binary_sensor.wyzesense_778bb687
  name: Front Door
  secondary_info: '[[ binary_sensor.wyzesense_778bb687.battery_level ]]'
  type: 'custom:secondaryinfo-entity-row'
  title: Wyze Battery
  type: entities

any way to templating in it ie

secondary_info: "[[ {{sensor.cmd_nicehash_usdbtc.state|float * sensor.cmd_nicehash_wallet.state|float} }]]"

Seems I cannot use the object config.entity from custom:auto-entities in custom:secondaryinfo-entity-row.
While it works fine for ":host"

Any hint ?

The goal is to extract a part of the entity name and show it as secondary row (due to ESPhome not handling attributes...).

Simone

type: custom:auto-entities
card:
  type: entities
  title: Stato batterie CR-2032
  show_header_toggle: false
  state_color: true
filter:
  include:
    - entity_id: '*xiaomi*battery*'
      options:
        style: |
          :host {
            --paper-item-icon-color: 
             {% if states(config.entity) | int(0) >= 90 %}
                  green
             {% elif states(config.entity) | int(0) >= 15 %}
                  yellow
             {% else %}
                  red
             {% endif %}; 
          }
        type: custom:secondaryinfo-entity-row
        secondary_info: "{{ config.entity[22:-14] }}"
sort:
  method: state
  reverse: true
  numeric: true

Have you considered supporting jinja templates? I'm just trying to get a friendly timespan of the last changed value which I can do easily in jinja

Tried using it, getting error, so to diagnose I used the exact same text as in GitHub and I still get an error. Installed from HACS did a couple of restarts

type: entities
title: Custom Secondary Info
entities:
  - entity: sun.sun
    name: Entity ID with wrapped in tag
    type: 'custom:secondaryinfo-entity-row'
    secondary_info: '<b style=''color:red''>[[ sun.sun.entity_id ]]</b>'
  - entity: sun.sun
    name: Absolute time for last-changed
    type: 'custom:secondaryinfo-entity-row'
    secondary_info: '[[ sun.sun.last_changed ]]'
  - entity: sun.sun
    name: Static text
    type: 'custom:secondaryinfo-entity-row'
    secondary_info: This is the entity row for the Sun
  - entity: sun.sun
    name: Entity attribute
    type: 'custom:secondaryinfo-entity-row'
    secondary_info: 'Next Dawn: [[ sun.sun.attributes.next_dawn ]]'
  - entity: sun.sun
    name: Templated entity object
    type: 'custom:secondaryinfo-entity-row'
    secondary_info: 'Next Dawn: [[ {entity}.attributes.next_dawn ]]'
  - entity: sun.sun
    name: Conditional template
    type: 'custom:secondaryinfo-entity-row'
    secondary_info: '[[ if(sun.sun.attributes.elevation < 0, "Below", "Above") ]] the horizon'