🔹 state-switch - conditional card on steroids

reste_narquois · May 18, 2022, 7:42am

It’s the approach I use for a similar scenario, and it works for me.

Ildar_Gabdullin · May 18, 2022, 10:44am

reste_narquois · May 18, 2022, 10:53am

Of course! Sorry I missed that. However, this note intrigues me:

Note: Jinja2 templating is not cheap. Avoid it for simple things that can be solved with just an entity.

Does that mean that setting up a separate entity (here a binary sensor) is ‘cheaper’ than using a Jinja2 template directly in the frontend?

Ildar_Gabdullin · May 18, 2022, 11:27am

IMHO jinjia2 operates on a server side only.

The meaning if that note was:
instead of:

entity: "{{is_state('sun.sun','below_horizon')}}"
states:
  true:
    type: markdown
    content: ...
  false:
    type: markdown
    content: ...

use this:

entity: sun.sun
states:
  'below_horizon':
    type: markdown
    content: ...
  'above_horizon':
    type: markdown
    content: ...

jonaseymour · May 19, 2022, 11:48pm

Yep, totally missed that as well. I knew there was a better way. Thanks dude. Will give it a go!

OzStone · September 5, 2022, 8:29am

This seems like a question for the browser-mod thread.

jumper · September 10, 2022, 7:38pm

I want to have multiple !include statements, but they get concatinated rather than processed in series. Thoughts about fixes or workarounds?

This works:

  - type: custom:state-switch
    entity: input_select.remote
    states:
      'DISH':
        !include remote_dish.yaml
      'FireTV':
        !include remote_firetv.yaml
      'RADIO':
        !include remote_radio.yaml
      'VCR2':
        !include remote_off.yaml

But this raises an error:
No such file or directory: '/config/lovelace/media/remote_sources.yaml !include remote_dish.yaml'
Adding a newline between the !includes raises the same error.

  - type: custom:state-switch
    entity: input_select.remote
    states:
      'DISH':
        !include remote_sources.yaml
        !include remote_dish.yaml
      'FireTV':
        !include remote_firetv.yaml
      'RADIO':
        !include remote_radio.yaml
      'VCR2':
        !include remote_off.yaml

Ildar_Gabdullin · September 10, 2022, 11:27pm

Btw, I believed that it should be this:

    states:
      'DISH': !include remote_dish.yaml

jumper · September 11, 2022, 2:16pm

Thanks, but this works:

    states:
      'DISH':
        !include remote_dish.yaml

This does not:

    states:
      'DISH':
        !include remote_sources.yaml
        !include remote_dish.yaml

The parser concatenates both lines (two file names) into one line (one file name), as in a “>” markup.

scottastrophik · September 12, 2022, 7:51pm

I have been trying to get this card working but no matter what I have done, I don’t get the options to show up. I’ve uninstalled and reinstalled the repository and cleared the cache and cookies but nothing has changed. I’ve tried very basic setups and nothing is showing up so maybe the code is bad? Does it need to be in another card to work?

type: custom:state-switch
entity: input_select.test_mode_select
default: Test1
states:
  Test1:
    type: vertical-stack
    cards:
      - type: entities
        title: one
        entities:
          - entity: light.3d_light
  Test2:
    type: vertical-stack
    cards:
      - type: entities
        title: two
        entities:
          - entity: light.3d_light

jumper · September 13, 2022, 12:36am

Make sure that your input_select is set to either Test1, or Test2. (Look at Developer > States for the input_select’s current State).

scottastrophik · September 13, 2022, 3:15pm

It seems to be. The Test1 card option displays but I don’t have a place to choose it or Test2.

Ildar_Gabdullin · September 13, 2022, 11:18pm

What?
Just place your input_select entity on the same view and see possible options.

r_s_bell · December 17, 2022, 4:14pm

@thomasloven I really love this card. Can you share the code for the example you give with the button presses change the view. Do you use an input boolean to accomplish this or what?

parautenbach · December 17, 2022, 7:52pm

Be careful of tagging people out of the blue. It comes across as demanding.

r_s_bell · December 17, 2022, 8:04pm

I am not begging for help I just want to get the code to see if I can get it to work properly. I know its not a forum I understand that I was just curious if the maker of the card is willing to elaborate more on the code structure. I am just wanting to try to use a card in an advanced way and wanting to see if it is possible.

Mariusthvdb · December 19, 2022, 10:49am

did you check lovelace-state-switch/test at master · thomasloven/lovelace-state-switch · GitHub?

I didnt, but Thomas did put-up some examples there

rysm83 · January 25, 2023, 7:50pm

Is it possible to have the card preform two transitions?
I have a custom button card with tap_action to navigation _path: ‘#p1’
based on my state switch the my card slides down to show my cards or entities. I was looking to have the card slip back up then down again showing another set of cards or entities when a different button is pressed.

cdk222 · January 31, 2023, 2:41pm

HI Marius

Did you end up finding a solution for this without the button-card?? I have been trying for a few days now to convert window.location.pathname into either a variable or usable template. Tried also using custom:config-template-card but just cant find a way of making the pathname usable in later code. I could use DeviceID in BrowserMod but I want the code a little more dynamic without manually needing to assign Device names etc.

My use case is that I have navigation buttons that I only want available when using a tablet and not on a PC.

Mariusthvdb · January 31, 2023, 4:40pm

no I havent, it simply cant be done in jinja, because path is frontend available only.