📝 100% Templatable Lovelace Configurations

[iantrich (Ian)]

You don’t have the most recent code orneed to clear your cache

[SeLLeRoNe (Andrea Iannucci)]

I don’t use MQTT Discovery, so I guess I’ll have to create it myself

Thanks

[klogg]

@iantrich

You don’t have the most recent code

You’re right I didn’t…
But the Tracker Card was telling me I did!

I’ve now copied the latest code across manually and it works.
Thanks and sorry for the misunderstanding.

[rhodges (Randell)]

I ran into the same issue as you klogg, same error, then same custom_updater thing. I posted over on the issue on github and found the source of the problem. Not sure who “owns” the issue, probably custom_updater.

config-template-card.js not downloading with custom_updater

[JTPublic (JT)]

Just want to say thanks to this awesome card!!
Opens up so much options and possibilities, also keep making changes so much easier, changes used to required restart now can be done all in lovelace yaml with a refresh.

I vote for the temp_var also.

[tboyce1 (Trevor)]

Just to post another example, I managed to color a group of person entities based on their individual states. As I mentioned in the comment with it, it’s probably better to just use CustomUI for stuff like this:

State dependent person icon color

CustomUI definitely seems much easier for this. Just for reference, here is some Lovelace I came up with that essentially manages do it, but it’s not as simple and requires a handful of custom cards. It also only works in this card, so the popup when clicking on them doesn’t get colored. It also might not show in the same order every time. Might need to sort the keys first. - type: 'custom:config-template-card' config: type: 'custom:hui-vertical-stack-card' cards: - type: 'cust…

[tboyce1 (Trevor)]

@iantrich

I think an optional temp_var or something might be beneficial

Maybe it would be possible to support any number of temp_vars:

temp_vars:
  var_1: "..."
  var_2: "..."

Although you could probably still achieve that by just returning an object to temp_vars directly:

temp_vars: "{'var_1': '...', 'var_2': '...'}"

[DavidFW1960 (David)]

Thanks to @iantrich got it working. In case anyone else is interested:

           - type: 'custom:config-template-card'
            config:
              type: 'custom:hui-entities-card'
              title: MQTT & Wifi Connections
              show_header_toggle: false
              entities:
                - entity: sensor.sonoff1_2914_status
                  name: "${'Coffee' + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + 'MQTT ' + states['sensor.sonoff1_2914_status'].attributes['MqttCount'] + '\xa0\xa0\xa0\xa0' + 'WiFi ' + states['sensor.sonoff1_2914_status'].attributes['WiFi LinkCount']}"
                - entity: sensor.sonoff2_3110_status
                  name: "${'Toothbrush' + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + 'MQTT ' + states['sensor.sonoff2_3110_status'].attributes['MqttCount'] + '\xa0\xa0\xa0\xa0' + 'WiFi ' + states['sensor.sonoff2_3110_status'].attributes['WiFi LinkCount']}"
                - entity: sensor.sonoff5_1083_status
                  name: "${'Garage' + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + 'MQTT ' + states['sensor.sonoff5_1083_status'].attributes['MqttCount'] + '\xa0\xa0\xa0\xa0' + 'WiFi ' + states['sensor.sonoff5_1083_status'].attributes['WiFi LinkCount']}"
                - entity: sensor.sonoff6_3719_status
                  name: "${'Alarm' + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + 'MQTT ' + states['sensor.sonoff6_3719_status'].attributes['MqttCount'] + '\xa0\xa0\xa0\xa0' + 'WiFi ' + states['sensor.sonoff6_3719_status'].attributes['WiFi LinkCount']}"

[iantrich (Ian)]

Good looking card; god awful configuration it looks hideous, lol

[DavidFW1960 (David)]

It looks even worse in the GUI editor… the above is my yaml version where I do my edits and then paste into the raw editor… the GUI version is even worse…
I’m open to any suggestions on how to improve it but am just grateful I can show the information without creating sensors.
Here’s the GUI version:

  - type: 'custom:config-template-card'
    config:
      type: 'custom:hui-entities-card'
      title: MQTT & Wifi Connections
      show_header_toggle: false
      entities:
        - entity: sensor.sonoff1_2914_status
          name: "${'Coffee' + '\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_' + 'MQTT ' + states['sensor.sonoff1_2914_status'].attributes['MqttCount'] + '\_\_\_\_' + 'WiFi ' + states['sensor.sonoff1_2914_status'].attributes['WiFi LinkCount']}"
        - entity: sensor.sonoff2_3110_status
          name: "${'Toothbrush' + '\_\_\_\_\_\_\_' + 'MQTT ' + states['sensor.sonoff2_3110_status'].attributes['MqttCount'] + '\_\_\_\_' + 'WiFi ' + states['sensor.sonoff2_3110_status'].attributes['WiFi LinkCount']}"
        - entity: sensor.sonoff5_1083_status
          name: "${'Garage' + '\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_' + 'MQTT ' + states['sensor.sonoff5_1083_status'].attributes['MqttCount'] + '\_\_\_\_' + 'WiFi ' + states['sensor.sonoff5_1083_status'].attributes['WiFi LinkCount']}"
        - entity: sensor.sonoff6_3719_status
          name: "${'Alarm' + '\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_' + 'MQTT ' + states['sensor.sonoff6_3719_status'].attributes['MqttCount'] + '\_\_\_\_' + 'WiFi ' + states['sensor.sonoff6_3719_status'].attributes['WiFi LinkCount']}"

I tell a lie… it’s changed even from what I saw last time… Note it’s changed the spaces as well…

[PlayedIn]

This may be a dumb question, but can you replace:

'\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0'

with

'\xa0'.repeat(16)

[DavidFW1960 (David)]

@PlayedIn

.repeat(16)

well shit! yes you can! Thanks.

[klogg]

@DavidFW1960

If you use Tasmota version 6.2.1.21 or so there’s a new MQTT status that pops up automagically

It does? Where?

[DavidFW1960 (David)]

Look in the integration and as well as the switch you will have a status sensor

[klogg]

I don’t see it here

[iantrich (Ian)]

Let’s keep the conversation relevant here, please

[klogg]

Sorry, my fault.
It’s gone private.

[SeLLeRoNe (Andrea Iannucci)]

Please do let me know too if you figure this out ^^

Cheers

[klogg]

I’m having some fun with this!

Can anyone tell me why one of these works but not the other?

  - type: 'custom:config-template-card'
    config:
      type: 'custom:hui-entities-card'
      title: London Underground
      show_header_toggle: false
      entities:

        - type: custom:card-modder
          style:
            --primary-text-color: "${states['sensor.bakerloo'].state === 'Good Service' ? 'yellow' : 'red' }"
          card:
            type: custom:hui-sensor-entity-row
            entity: sensor.bakerloo
            secondary_info: last-changed

        - type: custom:card-modder
          style:
            --primary-text-color: "${states['sensor.bakerloo'].state === 'Good Service' ? 'yellow' : 'red' }"
          card:
            type: custom:hui-entities-card
            entities:
              - entity: sensor.bakerloo
                secondary_info: last-changed

[JTPublic (JT)]

Does anyone have problem with hold_action inside the custom:config-template-card?

The same hold_action works outside of the config-template-card but not inside,
tap_action works in both cases, though.