🌻 Lovelace UI • Minimalist

[jompa68]

I cannot find the rest of the code for the media-player button. Can you share?
Found all now but how to setup card correct, mine does not look like your picture

                    - entity: media_player.kok
                      name: Sonos
                      template: 
                        - icon_info_bg
                        - media_buttons
                      type: 'custom:button-card'

[Mariusthvdb (Marius)]

@paddy0174

In your template you should very often see ‘’ as this should always come up, if your entity.state is not ferie.

Why would you say that? That template seems fine?

[pedolsky]

I’m interested in that, too. I always use the option without curly brackets and it works as desired. What is the advantage of Paddy’s solutions?

[paddy0174 (Patrick)]

It’s not because of the brackets, it’s the logic behind.

@steinis

if (entity.state == 'hjemme') return '🏠';
if (entity.state == 'borte') return '🏃';
if (entity.state == 'ferie') return '⛱️';
else return '🔥';

With this version, there are three if-statements, and the last one overwrites the previous two.
if (entity.state == 'hjemme') return '🏠';
This one checks, if the state is “hjemme”. If it is, the icon will be set.
The next line does the same, but independent from the first.
The third line is another if-statement, that answers the question, is the state “ferie”, if not, show the burnng icon. It is run totally indepent of the statements before. So every state, that is not “ferie” shows the burning icon, no matter the two statements before.

To sum it up, the first two if-statements are totally ignored, the only one that is shown in the end is the third one, and that checks only, if the state is “ferie”. Nothing else.

I hope this is understandably explained, if not, please ask again.

EDIT: This is exactly, why I use the curly brackets. Short hand code writing is easy, but it hides the logic a little bit. With the brackets it is easy to see, that the three statements don’t belong together and therefor don’t work together.

[pedolsky]

Maybe I’m blind, but isn’t this the same logic? (from my covers template)

      label: |
        [[[ 
          if (entity.attributes.current_position == 100) return 'vollständig geöffnet';
          if (entity.attributes.current_position == 0) return 'vollständig geschlossen';
          if (entity.attributes.current_position <= 20) return 'geschlossen';
          else return entity.attributes.current_position + '% geöffnet';
        ]]]

It always works as defined.

[paddy0174 (Patrick)]

You’re totally right, my bad, I’m sorry!

The “return” leaves the actual function and therefor the next statements aren’t run. insert-the-head-banging-smilie-here Sorry for the confusion, seems I’m not awake enough… I’ll go and repair my car now, before I post other nonsense… Sorry, really!

I’ll make a note at the code above.

[Mariusthvdb (Marius)]

Not referring to the brackets.
Not sure why you think it does what you state here, but it’s not the fact.

Upon each state change the template
is evaluated.

The template will be fine as is. For reference you can see the many templates I show in my examples for custom-ui

Btw: the ‘else’ is not even required a simple ‘return’ suffices in the last line

[pedolsky]

Everything’s fine! I just wondered if there was a better way

[pedolsky]

@Mariusthvdb

Btw: the ‘else’ is not even required a simple ‘return’ suffices in the last line

Totally right. I use it only for clarity purposes and so that my dumb head still knows later what I wanted to express with it.

[paddy0174 (Patrick)]

As I said in the post above, my bad, I’m sorry for the confusion!

[tpx01]

- type: 'custom:button-card'
  variables:
    entity: media_player.living_room
    template: media_buttons

This actually works here

[steinis (stein)]

Need some help to making the header generic.
I have made a my_chips template and added this to my frontpage yaml:

      - cards:
          - template: my_chips
            type: 'custom:button-card'
        type: horizontal-stack

Then I have made this and added it to the button_card_template.yaml:

  my_chips:
    - template: edge
      type: 'custom:button-card'
    - template: chips_temperature
      type: 'custom:button-card'
    - template: chips
      type: 'custom:button-card' 
      tap_action:
        action: navigate
        navigation_path: '/lovelace-yaml2/lys/'
      label: |
          [[[
            var antall = states['sensor.lights_on_counter'].state;
            return '💡' + antall ;
          ]]]
    - template: chips
      label: "🛒"
      type: 'custom:button-card' 
      tap_action:
        action: navigate
        navigation_path: '/lovelace-yaml2/handleliste/'
    - template: chips
      label: "🧹"
      type: 'custom:button-card' 
      tap_action:
        action: navigate
        navigation_path: '/lovelace-yaml2/vaskeoversikt/'
    - template: edge
      type: 'custom:button-card'

the result:

just a white line. What im a missing?

[bms (Bavo)]

      - cards:
          - template: my_chips
            type: 'custom:button-card'
        type: horizontal-stack

You are defining a button card and passing a list of cards to it.
So I think this wont work no matter what …
That’s also why you’re seeing one big white card

But I dont actually know how to fix it
Try and follow the configuration options from button-card: here

Ps: Nice background

[bms (Bavo)]

@paddy0174

Can you post the configuration of your inheritance, if possible?

[steinis (stein)]

yeah was afraid of that, maybe I can use the !include function.

Thanks, I have stole it from someone else in this topic:)

[steinis (stein)]

What do you mean whit inheritance?

[bms (Bavo)]

Depending on what you have, you can use templates for that as well. Templates from button-card (that’s what this is basically about) can be inherited from other templates. So what you need in the end, is a template like my_chips that inherit from the default chips.

Like this:
first_page_chips → inherits from my_chips → inherits from chips.

I’m guessing you took the idea from this comment from @paddy0174?
That’s what I’m referring to

[steinis (stein)]

Thats correct, yes my inherits as I think of it is just from the standard button_card_templates.yaml file. So nothing fancy there. Maybe Paddy0174 have some tips, hint hint paddy;)

[steinis (stein)]

Solution:

  - title: Hjemme 
    icon: 'mdi:home-variant'
    path: home
    cards:
      - cards:
          - cards:
             - !include /config/lovelace/felles/chips.yaml
            type: horizontal-stack

Then just add the cards you like in the chips.yaml file:)

[teachingbirds (Isabella Gross Alström)]

I just found this and now I feel I have to change up my own ui to this!!