🔹 Lovelace_gen - Add abilities to ui_lovelace.yaml

petro · January 3, 2025, 4:27pm

I’m fairly sure it’s tojson, to_json is what HA built into jinja where tojson is what’s built into jinja.

https://jinja.palletsprojects.com/en/stable/templates/#jinja-filters.tojson

That’s what you have to use.

tojson didn’t originally exist in jinja, so HA added to_json

klogg · January 3, 2025, 4:45pm

Well that’s pretty confusing (to me at least! Or are you saying that the HA to-json is now obsolete because jinja does it natively, with tojson?)

But… it still isn’t solving it.
Interestingly VS Code still doesn’t like it but the dashboard will display correctly.

But no tap actions work.

petro · January 3, 2025, 4:47pm

well, it’s not obsolete, there’s just 2 functions that do the same thing. But that function (to_json) only exists in HA, it does not exist in lovelace_gen.

VSCode will never like anything in lovelace_gen.

klogg · January 3, 2025, 5:15pm

Any other ideas how to make the tap action work?
Or should I give up?

TBH I’ve only really had that in the yaml for ESP Home

petro · January 3, 2025, 5:22pm

usually what I do…

{% if tap_action is defined %}
tap_action: {{ tap_action }}
{% endif %}

klogg · January 3, 2025, 5:54pm

Yeah, that works for the tap_action (and makes a mess of squiggles in VS Code ) but I still can’t find a way to get it to default to

tap_action:
  action: toggle

if tap_action is not defined

petro · January 3, 2025, 5:55pm

the default tap action is toggle, so you shouldn’t have to specify it. Worse case, add an else.

{% if tap_action is defined %}
tap_action: {{ tap_action }}
{% else %}
tap_action:
  action: toggle
{% endif %}

klogg · January 3, 2025, 6:22pm

That’s exactly what I tried.
Including leaving it off an expecting the default.

Neither worked though

petro · January 3, 2025, 6:28pm

I don’t see how that would fail. What card is this? Are you sure the card accepts action: toggle?

EDIT: I’m using something similar here and it definitely works.

github.com

Petro31/home-assistant-config/blob/cf2d6677e05db344220cb0f8316d354cedbfce63/lovelace/templates/remote/harmony/control.yaml#L17


      
          {%- set svgs = {
          } %}
          {%- set svg = svgs[i] if i in svgs else None %}
          {%- endif %}
          {%- set color = 'var(--paper-item-icon-active-color)' %}
          
          type: custom:button-card
          color: var(--primary-background-color)
          aspect_ratio: {{ aspect_ratio | default('1/1') }}
          entity: {{ entity }}
          {%- if svg is not defined or svg == None %}
          icon: {{ icon }}
          show_icon: true
          size: 75%
          {%- else %}
          show_icon: false
          size: 100%
          {%- endif %}
          show_state: false
          show_name: false
          show_label: false

klogg · January 3, 2025, 9:18pm

It is a custom button card and funnily enough it is based on one you came up with a few years ago.
Less funny, I found a ridiculous typo.

In case you don’t remember it was these, they’re still going strong for me albeit with quite a bit of hacking for various other uses. I keep thinking about moving on from them but I still like them!
(Yes, I’m just trying to deflect from my stupidity)

klogg · January 10, 2025, 3:03pm

Another question.

I use lovelace_gen a lot in my config but I am at a loss as to why this dashboard refuses to load because it appears to be similar to countless other examples I have.

title: Announcements Settings
path: announcements_settings
icon: mdi:microphone-message
cards:
  - type: vertical-stack
    cards:
      - !include announcements_settings_testing_card.yaml

This is announcements_settings_testing_card.yaml

# lovelace_gen

type: custom:hui-element
card_type: entities
entities:
  - entity: input_number.announcement_test_ui_sonos_kitchen_volume

but if I remove the

# lovelace_gen

everything is ok.

For completeness…
My file structure is:

lovelace (folder)
   settings (folder)
     view_settings.yaml
     announcements_settings_testing_card.yaml
ui-dashboard-settings.yaml

ui-dashboard-settings.yaml is simply a list of includes for all my views fro thet dashboard:

title: System Settings
views:
  - !include lovelace/settings/view_settings.yaml

petro · January 10, 2025, 4:44pm

pretty sure the include needs to be



title: Announcements Settings
path: announcements_settings
icon: mdi:microphone-message
cards:
  - type: vertical-stack
    cards:
      - !include "../settings/announcements_settings_testing_card.yaml"

klogg · January 10, 2025, 5:16pm

No, the template and the dashboard are in the same folder.
I have the syntax form you suggest in almost every other !include in my config because usually they are not in the same folder.

The way I have it now it displays everything correctly it is just that if I add the # lovelace_gen to the first line it then refuses to load.

(Obviously, eventually I want to add some jinja, this is just to illustrate a trivial example)

petro · January 10, 2025, 5:28pm

I’m fairly sure lovelace_gen only works from the bottom folder up with it’s includes.

klogg · January 10, 2025, 5:49pm

Nope, still confused…

I have moved the !include file into the same place as all my other !include templates which pretty much all all have # lovelace_gen and still have the same problem.

This loads properly without the # lovelace_gen

          - !include ../templates/announcements_settings_testing_card.yaml

But doesn’t load with it

petro · January 10, 2025, 5:54pm

Not sure what to tell ya

klogg · January 12, 2025, 8:05am

Well I tried everything I could think of, in the end I just moved everything I wanted to do into a script which was slightly inconvenient, but offset by being ‘standard’ I suppose.

Still a bit of a mystery though.