A different take on designing a Lovelace UI

which one do you mean?
from the watched state in upper right or the under the title?

I mean the button-card made for the blur-overlay
imagen
I saw you had the same problem like me with the blur over the text
imagen

yeah correct, i added “- z-index: 1” all labels and icons get the z-index, only the blur get nothing. and then it works, its the priority of the layers.

1 Like

what is the state of sensor.easee_einfahrt_wallbox_power ?
the green circle is there because you define it,

 >
        [[[ if (states['sensor.easee_einfahrt_wallbox_power'].state >= '0.1')
                  return '<img src="/local/loader.svg" width="100%">' ;
        ]]]

when the state is 0.1 or above, he shows the green circle.

The green circle is always there.
via an If statement I managed that the “loader” is only displayed when the car is loaded.
But i am not so good in javascript, how can i create an if statement that the green circle is NOT shown when the car is loaded?

circle: >
        [[[
            if (Math.round(states['sensor.e208_battery_level'].state) > 0 && states['sensor.easee_einfahrt_wallbox_power'].state  >= '0.1') {
            const input = Math.round(states['sensor.e208_battery_level'].state);
            const radius = 21.5;
            const circumference = radius * 2 * Math.PI;
......
......
......
.....

i added a second condition behind the first

 if (Math.round(states['sensor.e208_battery_level'].state) > 0 && states['sensor.easee_einfahrt_wallbox_power'].state  >= '0.1')

test it please

3 Likes

thank you, now it works as i expected it to.
I did not know that I can link two conditions with &&.

1 Like

You can link how much you want. It gives a || (or) too.

does anyone else have there sensor.plex_recently_added just showing state online. so it get an error in the UI?

thats an intresting take on an issue i had, i solved this with input selects. this is the result.
Recording 2022-04-10 at 15.32.02
this is the code for the button:

        - type: custom:button-card
          entity: input_select.climate_kids
          name: Kids
          hold_action:
            !include ../popup/climate/kids_climate.yaml
          template:
            - base
            - icon_fan2
            - state_select

state_select template is in button card template:

  state_select:
    variables:
      state_on: >
        [[[ return entity === undefined ? false : entity.state !== 'off' ]]]
    tap_action:
      action: call-service
      service: input_select.select_next
      service_data:
        entity_id: >
          [[[ return entity.entity_id]]]
    double_tap_action:
      action: call-service
      service: input_select.select_option
      service_data:
        option: 'off'
        entity_id: >
          [[[ return entity.entity_id]]]

I have a few automation in place. One set the fan speed of the zone when the state of the input select updates, one that sets the input select when the fanspeed updates, and one that sets all the zones to medium if all are off and the aircon is turned on and sets the input selects all to off when the aircon is toggled off

I also use the state_select template to set lighting scenes on rooms that have more than one common lighting mode

2 Likes

I get this error when my plex API is down, restarting plex fixes is. looks like sometimes the plex API brakes, the plex app still works but any 3ed party app will have issues.

Good afternoon. I have the same problem, did you succeed in solving this problem?

did you copy the themes.yaml to your root directory?

Yes, thank you. Sidebar appeared, there was an error in the folder name. But it appeared empty. In which file to look for sidebar settings?

1 Like

Hello guys,
I don’t use Plex at the moment and I don’t see any use for it so far.
Nevertheless, I find the idea of upcoming movies or new episodes of favorite series on Netflix interesting.
Is there a way to show them in the “Media” card?
I currently use the following streaming providers: Neflix, Prime, Disney+.

include/template.yaml

1 Like

When someone makes a integration of course.
You can parse the website and save the infos and fill the sensors.

But I don’t know a integration

Hi, maybe you need this - Upcoming Media Card

Hi Mattias, this looks great, thank you very much for sharing it.
I am trying to adopt it to my setup and I am bit new to HA.

Can you help me find out how I can change the language in the sidebar ?

I also have a Unifi Dream Machine but for some reason the Unifi Network Integration is not creating the memory, cpu entities for it. any pointers would be really great

you need to adjust your template.yaml

1 Like