My latest Lovelace Screens [Updated]

any good guides to create my own pictures for lovelace? do i need to reference a js file? I just started with home assistant but plex doesn’t have a custom lovelace when its idle, very frustrating!

I think the best thing could be this card

@kalkih any news on this?

I’m sorry, completely forgot this. I’ll try to add it tomorrow night!

What do you think, should it override artwork cover or only if no media artwork is available?

1 Like

Yeah I think the artwork cover is great but unless you are meticulous like me with all of your media files then it is quite possible that some media may not contain artwork and also idle.

1 Like

gday @jimpower i’m in Brissy trying to get some stuff working with animated weather cards. I cant quite find where you are pulling the weather from for your animated cards in repo. looks like BOM and wunderground at the moment. just wondering how you got the text along the bottom for forecast.

Hi Dominic,

I think my weather package isn’t up to date on github, I am using the dark sky component however as stated above it isn’t very accurate for Australia.

You can find the link here

@jimpower @Pre10der I am now using this which works really well for a forecast, combined with the standard BOM sensor for the current values.

thanks champion p.s stole so much of your code :slight_smile:

1 Like

That’s what it’s there for

In conjunction with the BOM sensors, I also use windy.com for animated weather cards. Super easy, you just add them as an iFrame using a URL like this:
https://embed.windy.com/embed2.html?lat=-34.507&lon=150.864&zoom=10&level=surface&overlay=rain&menu=&message=true&marker=&pressure=&type=map&location=coordinates&detail=&detailLat=-32.922&detailLon=151.747&metricWind=kt&metricTemp=%C2%B0C&radarRange=-1

      - type: iframe
        url: https://embed.windy.com/embed2.html?lat=-34.507&lon=150.864&zoom=10&level=surface&overlay=rain&menu=&message=true&marker=&pressure=&type=map&location=coordinates&detail=&detailLat=-32.922&detailLon=151.747&metricWind=kt&metricTemp=%C2%B0C&radarRange=-1
        aspect_ratio: 100%
1 Like

background option is now available with v0.8.6.
I don’t wanna occupy your awesome thread any more, so.let’s take further discussion (if any) in the mini media player thread :wink:

1 Like

This is real great, thanks for sharing

Can you please share how you identified the offline Xiaomi sensors @jimpower ?

@ohadbenita

To achieve this with Lovelace is actually pretty straight forward you just create a picture-entity card and list all of the xiaomi sensors you wish to monitor. Then add a state filter for any that are unavailable. This card will only show you off line or unknown state sensors.

  - icon: mdi:server
    name: Xiaomi Sensors
    panel: true
    cards:
      - type: vertical-stack
        cards: 
          - type: entity-filter
            entities:
              - binary_sensor.front_door
              - binary_sensor.patio_door
              - binary_sensor.back_door
              - binary_sensor.washer_door
              - binary_sensor.dryer_door 
              - binary_sensor.kitchen_window
              - binary_sensor.jackson_window
              - binary_sensor.hudson_window
              - binary_sensor.bathroom_window
              - binary_sensor.bedroom_window
              - binary_sensor.playroom_motion
              - binary_sensor.living_motion
              - binary_sensor.entrance_motion
              - binary_sensor.bedroom_motion
              - binary_sensor.hudson_motion
              - binary_sensor.bathroom_motion
              - binary_sensor.patio_motion
              - binary_sensor.jackson_motion
              - binary_sensor.staircase_motion 
              - binary_sensor.downstairs_smoke
              - binary_sensor.upstairs_smoke
              - binary_sensor.jackson_temperature
              - binary_sensor.bedroom_temperature
              - binary_sensor.hudson_temperature
              - binary_sensor.downstairs_temperature
              - binary_sensor.patio_temperature
              - binary_sensor.playroom_temperature
              - binary_sensor.bathroom_temperature
              - binary_sensor.lounge_fan_button
              - binary_sensor.door_button
              - binary_sensor.hudson_fan_button
              - binary_sensor.jackson_fan_button
              - binary_sensor.bedroom_wall_fan_button
              - binary_sensor.bedside_fan_button
              - binary_sensor.washer_switch_plug
              - binary_sensor.entertainment_switch_plug
              - binary_sensor.dryer_switch_plug
              - binary_sensor.appliance_switch_plug
            state_filter:
              - "off"
            card: 
              type: picture-glance
              title: Xiaomi Offline Sensors
              image: /local/lovelace/settings/xiaomi.jpg

To achieve this in standard UI I created a template binary sensor for each sensor as I wanted the off line ones to be easily identified I used the icon template to change whenever unavailable. All config is in my repo in a package called xiaomi_sensors found here https://github.com/JamesMcCarthy79/Home-Assistant-Config/blob/master/config/packages/xiaomi_status/xiaomi_sensors.yaml

1 Like

A couple of new cards

image
image

2 Likes

Added some new screenshots for rounded cards and few new cards added New Rounded Cards with shadowing and background

4 Likes

Wow amazing - amazing job

1 Like

It’s looking great. Thanks for sharing!
Can you explain how your alarm routines work. I can’t get it working…

1 Like

How are you trying to use them through yaml or node-Red?

I’m using yaml. I used your alarm_system.yaml and replaced all the sensor, group etc with my own.
I first thought to have to use a alarm_control_panel.alarm in my ui-lovelace but that doesn’t work. So I’m a bit lost…

You used the package as is? Did you enable packages from your configuration.yaml?

I use this through node-RED now so changes to the way HA handles it might have changed over recent updates. In saying that node-RED will handle the basic functions of the alarm panel the same. Could you post your config for me.

In my configuration.yaml I included: packages: !include_dir_named packages

configuration.yaml (2.6 KB)

In alarm_system.yaml I replaced:
alarm_control_panel:

  • platform: manual_mqtt
    code: xxxxx
  • service: xiaomi_aqara.play_ringtone
    data:
    gw_mac: xxxxxxxxxxx
    all sensors, media_players