HI,
Using yaml mode with !includes (worked as a charm before 0.84) Lovelace doesn’t refresh the pages any longer, forcing the use of restart, like before Lovelace…
also, while I have all my views setup with id’s, they are no longer used in the browser, which simply numbers the page again, as if the id weren’t there.
Anyone else in Yaml mode experiencing this?
I am experiencing the same, and also what I have that I can’t click on the items to trigger change.
Update: It looks like the issue is with websocket not able to establish and throwing up error 503 now.
too bad it was decided to make Lovelace default now, as it is still in its pre alfa stage…
so many issues that weren’t there…
while even the HA founder says so:
Most issues are in Lovelace which is experimental.
i dont think they made lovelace the default in the end for this release… i had to tell it to be default again. in beta it was but i think for .84 release it was decided to keep old interface as default
tyvm! missed that, sorry. Working as expected again.
since I have this as my ui-lovelace.yaml, I don’t dare to use native lovelace yet, until !includes will be supported:
##############################################################################################################
# Main Lovelace configuration file, calling all Views via !include /config/lovelace/view_***
# for ease of editing the separate Views, and prevent errors while doing so to the full setup
##############################################################################################################
resources:
- url: /local/lovelace/resources/tracker-card.js?v=0.1.5
type: js
- url: /local/lovelace/resources/tiles-card.js?v=0.1
type: js
- url: /local/lovelace/resources/useful-markdown-card.js?v=bac550
type: js
- url: /local/lovelace/resources/monster-card.js?v=0.2.3
type: js
- url: /local/lovelace/resources/bignumber-card.js?v=0.0.1
type: js
- url: /local/lovelace/resources/entity-attributes-card.js?v=0.1.1
type: js
- url: /local/lovelace/resources/group-card.js?v=0.0.2
type: js
- url: /local/lovelace/resources/gauge-card.js?v=0.2.0
type: js
- url: /local/lovelace/resources/mini-media-player-bundle.js?v=0.9.7
type: js
- url: /local/lovelace/resources/weather-card.js
type: js
- url: /local/lovelace/resources/dark-sky-weather-card.js?v=7.1
type: js
- url: /local/lovelace/resources/fold-entity-row.js?v=0636ee
type: js
- url: /local/lovelace/resources/vertical-stack-in-card.js?v=0.0.9
type: js
- url: /local/lovelace/resources/card-modder.js?v=8b64cf
type: js
- url: /local/lovelace/resources/card-tools.js?v=e96d8c
type: js
- url: /local/lovelace/resources/slider-entity-row.js?v=d6da75
type: js
- url: /local/lovelace/resources/layout-card.js?v=bd7e5a
type: js
- url: /local/lovelace/resources/power-wheel-card.js?v=0.2
type: module
title: Main Lovelace
views:
- !include /config/lovelace/view_Home.yaml
- !include /config/lovelace/view_Lights.yaml
- !include /config/lovelace/view_Ikea_tradfri.yaml
- !include /config/lovelace/view_Philips_hue.yaml
- !include /config/lovelace/view_Floorplan.yaml
- !include /config/lovelace/view_Settings.yaml
- !include /config/lovelace/view_Home_climate.yaml
- !include /config/lovelace/view_Home_summary.yaml
- !include /config/lovelace/view_Summary_groups.yaml
- !include /config/lovelace/view_Home_assistant.yaml
- !include /config/lovelace/view_Home_energy.yaml
- !include /config/lovelace/view_Home_solar_energy.yaml
- !include /config/lovelace/view_Phones_tablets.yaml
- !include /config/lovelace/view_Travel.yaml
- !include /config/lovelace/view_Weer_klimaat.yaml
- !include /config/lovelace/view_Tijd_agenda.yaml
- !include /config/lovelace/view_Computer_netwerk.yaml
- !include /config/lovelace/view_Audio_video_gaming.yaml
- !include /config/lovelace/view_Media_players.yaml
- !include /config/lovelace/view_Health.yaml
- !include /config/lovelace/view_Home_automation.yaml
- !include /config/lovelace/view_Weblinks.yaml
- !include /config/lovelace/view_Leftovers.yaml
- !include /config/lovelace/view_Developer.yaml
a, ok. Still, things work not as before, and my groups keep disappearing en reloading all the time.
The reloading was one of the huge plusses compared to regular (legacy) HA, and now is lost somehow.
Maybe this path: setting will health too. Have t edit some to be able to check 
—Update—
path: fixed the numbering/naming of the views. After editing the lovelace.yaml files a regular clear cache/reload still doesn’t function, and I need to restart Ha to see the changes in the configuration… which is a major let down…
There’s something weird about your setup. I use yaml mode and everything works as expected. Make a change and it’s instantly reflected in the GUI.
I don’t use !include statements however
So because I use !includes my setup is weird…?
No… I’m saying the fact it isn’t working for you is “weird”. I pointed out that !include statements your configuration is different than mine (which is working properly). So it may or may not have something to do with !includes not functioning properly.
When you make a change in the config files, are you using the “Refresh” entry in the UI or are you just doing a browser refresh.
lol. thanks.
please show me how you have the !includes ? I think I did it according to guidelines though admittedly they are sparse.
And, as already said, it worked flawlessly before. Immediate response. stopped doing so after this update to 0.84.1
I always clear cache and then reload the page in the browser settings. Where is the Refresh entry in UI? Never used or saw that before. Maybe that would help…
I don’t use !includes, which makes me think that that might be where the problem lies. !includes might be broken in some way in 0.84, but I am not sure.
In my UI, if I use the “three dots” menu in the upper right, I see this:
… that’s in my opening post
I have filed an issue already: 0.84.1 forces restarts when using !include in ui-lovelace.yaml (yaml mode) · Issue #2311 · home-assistant/frontend · GitHub
ah yes, of course. thanks for pointing me to the obvious. will test immediately. cool,
my lovelace does not work anymore … I’m having problems with the custom card-modder… i using the lovelace yaml mode
what is your issue? any specific errors in a log?
maybe this: My Lovelace Plugins - #452 by thomasloven
you need to install card-tools also
this is my lovelace file
resources:
title: JARVIS
views:
id: 8e696206d07c4481876716d18455f17f # Automatically created id
type: custom:card-modder
card:
type: entities
title: Data e Ora
column_width: calc(100% / 6)
entities:
- entity: sensor.clock_date
- entity: sensor.clock_day
- type: divider
style:
height: 20px
margin: 4px 0
background: center / contain url("/local/risorse_lovelace/divider.png")
no-repeat
- entity: sensor.clock_time
- entity: sensor.clock_am_pm
style:
- text-transform: none
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
- id: bdf0f1bd7837491eb093dbc02b271252 # Automatically created id
type: custom:card-modder
card:
type: entities
title: Luci
show_header_toggle: true
entities:
- entity: switch.sonoff6
secondary_info: last-changed
- entity: switch.sonoff7
secondary_info: last-changed
- entity: switch.sonoff5
secondary_info: last-changed
- entity: switch.sonoff2
secondary_info: last-changed
- type: divider
style:
height: 20px
margin: 4px 0
background: center / contain url("/local/risorse_lovelace/divider.png")
no-repeat
- entity: light.led_tv
type: custom:light-entity-row
secondary_info: last-changed
group: true
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: '#999999'
box-shadow: 3px 3px rgba(0,0,0,0.4)
- id: afcb5f563bb043e7ac6e59ad87e62c4f # Automatically created id
type: custom:card-modder
card:
type: glance
title: Famiglia
entities:
- device_tracker.iphonedfedericostation
- device_tracker.iphonediserenastation
style:
- text-transform: none
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
- id: 700f9e1b6da341f7b8d5ce4f9324bd43 # Automatically created id
type: custom:card-modder
card:
type: entities
title: Mediaplayers
entities:
- entity: media_player.kodi_salotto
icon: mdi:kodi
type: custom:mini-media-player
show_source: true
artwork: full-cover-fit
media_list: false
media_buttons: false
idle_view: true
power_color: true
hide_volume: false
scroll_info: true
show_progress: true
hide_info: false
hide_icon: false
group: true
- entity: media_player.kodi_camera
icon: mdi:kodi
type: custom:mini-media-player
show_source: true
artwork: full-cover-fit
media_list: false
media_buttons: false
idle_view: true
power_color: true
hide_volume: false
scroll_info: true
show_progress: true
hide_info: false
hide_icon: false
group: true
- entity: media_player.camera
type: custom:mini-media-player
icon: mdi:google-home
show_source: true
artwork: full-cover-fit
media_list: false
media_buttons: false
idle_view: true
power_color: true
hide_volume: false
scroll_info: true
show_progress: true
hide_info: false
hide_icon: false
show_tts: google
group: true
- entity: media_player.soundtouch_camera
type: custom:mini-media-player
show_source: true
artwork: full-cover-fit
media_list: false
media_buttons: false
idle_view: true
power_color: true
hide_volume: false
scroll_info: true
show_progress: true
hide_info: false
hide_icon: false
group: true
style:
background-image: url("/local/risorse_lovelace/music_reflex.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: '#999999'
box-shadow: 3px 3px rgba(0,0,0,0.4)
padding: 12px
- type: custom:card-modder
card:
type: entities
title: Movimento
entities:
- entity: binary_sensor.example_motion
secondary_info: last-changed
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
id: weather
title: Meteo
background: center / cover no-repeat url("/local/risorse_lovelace/back.png") fixed
cards:
- id: dark_sky_animated_card
type: custom:card-modder
card:
type: custom:dark-sky-weather-card
entity_sun: sun.sun
entity_daily_summary: sensor.dark_sky_daily_summary
entity_current_conditions: sensor.dark_sky_icon
entity_humidity: sensor.dark_sky_humidity
entity_pressure: sensor.dark_sky_pressure
entity_temperature: sensor.dark_sky_temperature
entity_visibility: sensor.dark_sky_visibility
entity_wind_bearing: sensor.dark_sky_wind_bearing
entity_wind_speed: sensor.dark_sky_wind_speed
entity_forecast_high_temp_1: sensor.dark_sky_daytime_high_temperature_1
entity_forecast_high_temp_2: sensor.dark_sky_daytime_high_temperature_2
entity_forecast_high_temp_3: sensor.dark_sky_daytime_high_temperature_3
entity_forecast_high_temp_4: sensor.dark_sky_daytime_high_temperature_4
entity_forecast_high_temp_5: sensor.dark_sky_daytime_high_temperature_5
entity_forecast_low_temp_1: sensor.dark_sky_overnight_low_temperature_1
entity_forecast_low_temp_2: sensor.dark_sky_overnight_low_temperature_2
entity_forecast_low_temp_3: sensor.dark_sky_overnight_low_temperature_3
entity_forecast_low_temp_4: sensor.dark_sky_overnight_low_temperature_4
entity_forecast_low_temp_5: sensor.dark_sky_overnight_low_temperature_5
entity_forecast_icon_1: sensor.dark_sky_icon_1
entity_forecast_icon_2: sensor.dark_sky_icon_2
entity_forecast_icon_3: sensor.dark_sky_icon_3
entity_forecast_icon_4: sensor.dark_sky_icon_4
entity_forecast_icon_5: sensor.dark_sky_icon_5
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
# cartina meteo
- type: custom:card-modder
card:
type: iframe
url: https://embed.windy.com/embed2.html
title: Carta Meteo
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
# entità darksky
- type: custom:card-modder
card:
type: entities
title: Meteo
entities:
- sensor.dark_sky_dew_point
- sensor.dark_sky_ozone
- sensor.dark_sky_precip_probability
- sensor.dark_sky_precip_intensity
- sensor.dark_sky_uv_index
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
- id: 91c675b239854a5a9bfee2314670490d # Automatically created id
type: map
title: Mappa
aspect_ratio: 100%
default_zoom: 17
entities:
- device_tracker.iphonedfedericostation
- device_tracker.iphonediserenastation
- zone.home
- zone.School
id: 3 # Automatically created id
name: Planimetria
title: Planimetria
icon: mdi:floor-plan
panel: true
cards:
name: Sistema
title: Sistema
icon: mdi:pi-box
background: center / cover no-repeat url("/local/risorse_lovelace/back.png") fixed
panel: false
cards:
type: custom:card-modder
card:
type: glance
title: Raspberry Pi
column_width: calc(100% / 4)
entities:
- entity: sensor.processor_use
- entity: sensor.memory_free
- entity: sensor.last_boot
tap_action: call-service
service: homeassistant.restart
- entity: sensor.disk_free_
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: “#999999”
box-shadow: 3px 3px rgba(0,0,0,0.4)
type: custom:card-modder
card:
type: glance
title: Internet
column_width: calc(100% / 4)
entities:
- entity: sensor.speedtest_download
- entity: sensor.speedtest_upload
- entity: sensor.speedtest_ping
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: “#999999”
box-shadow: 3px 3px rgba(0,0,0,0.4)
type: custom:card-modder
card:
type: entities
title: Iphones
entities:
- entity: sensor.iphone_di_federico_battery_level
- entity: sensor.iphone_di_federico_battery_state
- type: divider
style:
height: 20px
margin: 4px 0
background: center / contain url("/local/risorse_lovelace/divider.png")
no-repeat
- entity: sensor.iphone_di_serena_battery_level
- entity: sensor.iphone_di_serena_battery_state
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: “#999999”
box-shadow: 3px 3px rgba(0,0,0,0.4)
type: custom:card-modder
card:
type: entities
title: Automazioni e Script
entities:
- type: custom:fold-entity-row
head: group.all_automations
- type: custom:fold-entity-row
head: group.all_scripts
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: “#999999”
box-shadow: 3px 3px rgba(0,0,0,0.4)
type: custom:card-modder
card:
type: custom:tracker-card
title: Aggiornamento CUSTOM CARDS
trackers:
- sensor.custom_card_tracker
- sensor.custom_component_tracker
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: “#999999”
box-shadow: 3px 3px rgba(0,0,0,0.4)
you might want to edit your code with the </> button please, so we can read it.
btw that’s not a log, that’s your Lovelace configuration…
resources:
- url: /local/custom_ui/dark-sky-weather-card.js?v=7
type: js
- url: /local/lovelace-fullykiosk.js?v=96feda
type: js
- url: /local/kiosk-config.js?v=1
type: js
- url: /local/custom-lovelace/compact-custom-header/compact-custom-header.js?v=0.0.1
type: js
# - url: /local/mini-media-player.js?v=0.9.3
# type: module
- url: /local/card-modder.js?v=b44fb3
type: module
- url: /local/slider-entity-row.js?v=d6da75
type: js
- url: /local/light-entity-row.js?v=0.2.4
type: js
- url: /local/plan-coordinates.js?v=0.1.0
type: js
- url: /local/tracker-card.js?v=0.1.5
type: js
- url: /local/fold-entity-row.js?v=0636ee
type: js
- url: /local/custom_ui/calendar-card.js
type: module
- url: /local/vertical-stack-in-card.js?v=0.0.9
type: js
- url: /local/home-setter.js?v=0.0.1
type: js
- url: /local/gauge-card.js?v=0.2.0
type: module
- url: /local/column-card.js?v=c8c80f
type: js
# - url: /local/light-card.js?v=1
# type: js
# - url: /local/plant-card.js?v=1
# type: js
- url: /local/circle-sensor-card.js?v=1.2.0
type: module
- url: /local/useful-markdown-card.js?v=bac550
type: js
- url: /local/button-card.js?v=0.0.3
type: module
- url: /local/mini-media-player-bundle.js?v=0.9.7
type: module
- url: /local/day-countdown.js
type: js
title: JARVIS
views:
- id: 0 # Automatically created id
name: Main
icon: mdi:home-assistant
title: Main
background: center / cover no-repeat url("/local/risorse_lovelace/back.png") fixed
cards:
- id: 8e696206d07c4481876716d18455f17f # Automatically created id
type: custom:card-modder
card:
type: entities
title: Data e Ora
column_width: calc(100% / 6)
entities:
- entity: sensor.clock_date
- entity: sensor.clock_day
- type: divider
style:
height: 20px
margin: 4px 0
background: center / contain url("/local/risorse_lovelace/divider.png")
no-repeat
- entity: sensor.clock_time
- entity: sensor.clock_am_pm
# - sensor.time
# - sensor.date
style:
- text-transform: none
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
- id: bdf0f1bd7837491eb093dbc02b271252 # Automatically created id
type: custom:card-modder
card:
type: entities
title: Luci
show_header_toggle: true
entities:
- entity: switch.sonoff6
secondary_info: last-changed
- entity: switch.sonoff7
secondary_info: last-changed
- entity: switch.sonoff5
secondary_info: last-changed
- entity: switch.sonoff2
secondary_info: last-changed
- type: divider
style:
height: 20px
margin: 4px 0
background: center / contain url("/local/risorse_lovelace/divider.png")
no-repeat
- entity: light.led_tv
type: custom:light-entity-row
# showColorPicker: true # shows color picker if supported
# showColorSliders: true # shows hue/saturation sliders if supported
secondary_info: last-changed
group: true
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: '#999999'
box-shadow: 3px 3px rgba(0,0,0,0.4)
- id: afcb5f563bb043e7ac6e59ad87e62c4f # Automatically created id
type: custom:card-modder
card:
type: glance
title: Famiglia
entities:
- device_tracker.iphonedfedericostation
- device_tracker.iphonediserenastation
style:
- text-transform: none
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
- id: 700f9e1b6da341f7b8d5ce4f9324bd43 # Automatically created id
type: custom:card-modder
card:
type: entities
title: Mediaplayers
entities:
- entity: media_player.kodi_salotto
icon: mdi:kodi
type: custom:mini-media-player
show_source: true
artwork: full-cover-fit
media_list: false
media_buttons: false
idle_view: true
power_color: true
hide_volume: false
scroll_info: true
show_progress: true
hide_info: false
hide_icon: false
# background: url("/local/blank.png")
group: true
- entity: media_player.kodi_camera
icon: mdi:kodi
type: custom:mini-media-player
show_source: true
artwork: full-cover-fit
media_list: false
media_buttons: false
idle_view: true
power_color: true
hide_volume: false
scroll_info: true
show_progress: true
hide_info: false
hide_icon: false
# background: url("/local/blank.png")
group: true
- entity: media_player.camera
type: custom:mini-media-player
icon: mdi:google-home
show_source: true
artwork: full-cover-fit
media_list: false
media_buttons: false
idle_view: true
power_color: true
hide_volume: false
scroll_info: true
show_progress: true
hide_info: false
hide_icon: false
show_tts: google
# background: url("/local/blank.png")
group: true
- entity: media_player.soundtouch_camera
type: custom:mini-media-player
show_source: true
artwork: full-cover-fit
media_list: false
media_buttons: false
idle_view: true
power_color: true
hide_volume: false
scroll_info: true
show_progress: true
hide_info: false
hide_icon: false
# background: url("/local/blank.png")
group: true
style:
background-image: url("/local/risorse_lovelace/music_reflex.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: '#999999'
box-shadow: 3px 3px rgba(0,0,0,0.4)
padding: 12px
- type: custom:card-modder
card:
type: entities
title: Movimento
# icon: mdi:runner
entities:
- entity: binary_sensor.example_motion
secondary_info: last-changed
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
- name: Meteo
icon: mdi:weather-partlycloudy
# panel: true
id: weather
title: Meteo
background: center / cover no-repeat url("/local/risorse_lovelace/back.png") fixed
cards:
- id: dark_sky_animated_card
type: custom:card-modder
card:
type: custom:dark-sky-weather-card
entity_sun: sun.sun
entity_daily_summary: sensor.dark_sky_daily_summary
entity_current_conditions: sensor.dark_sky_icon
entity_humidity: sensor.dark_sky_humidity
entity_pressure: sensor.dark_sky_pressure
entity_temperature: sensor.dark_sky_temperature
# entity_apparent_temperature: sensor.dark_sky_apparent_temperature
entity_visibility: sensor.dark_sky_visibility
entity_wind_bearing: sensor.dark_sky_wind_bearing
entity_wind_speed: sensor.dark_sky_wind_speed
entity_forecast_high_temp_1: sensor.dark_sky_daytime_high_temperature_1
entity_forecast_high_temp_2: sensor.dark_sky_daytime_high_temperature_2
entity_forecast_high_temp_3: sensor.dark_sky_daytime_high_temperature_3
entity_forecast_high_temp_4: sensor.dark_sky_daytime_high_temperature_4
entity_forecast_high_temp_5: sensor.dark_sky_daytime_high_temperature_5
entity_forecast_low_temp_1: sensor.dark_sky_overnight_low_temperature_1
entity_forecast_low_temp_2: sensor.dark_sky_overnight_low_temperature_2
entity_forecast_low_temp_3: sensor.dark_sky_overnight_low_temperature_3
entity_forecast_low_temp_4: sensor.dark_sky_overnight_low_temperature_4
entity_forecast_low_temp_5: sensor.dark_sky_overnight_low_temperature_5
entity_forecast_icon_1: sensor.dark_sky_icon_1
entity_forecast_icon_2: sensor.dark_sky_icon_2
entity_forecast_icon_3: sensor.dark_sky_icon_3
entity_forecast_icon_4: sensor.dark_sky_icon_4
entity_forecast_icon_5: sensor.dark_sky_icon_5
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
# cartina meteo
- type: custom:card-modder
card:
type: iframe
url: https://embed.windy.com/embed2.html
title: Carta Meteo
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
# entità darksky
- type: custom:card-modder
card:
type: entities
title: Meteo
entities:
- sensor.dark_sky_dew_point
- sensor.dark_sky_ozone
- sensor.dark_sky_precip_probability
- sensor.dark_sky_precip_intensity
- sensor.dark_sky_uv_index
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
- id: 2 # Automatically created id
name: Mappa
title: Mappa
icon: mdi:map-marker-multiple
background: center / cover no-repeat url("/local/risorse_lovelace/back.png") fixed
cards:
# - type: custom:card-modder
# card:
- id: 91c675b239854a5a9bfee2314670490d # Automatically created id
type: map
title: Mappa
aspect_ratio: 100%
default_zoom: 17
entities:
- device_tracker.iphonedfedericostation
- device_tracker.iphonediserenastation
- zone.home
- zone.School
# style:
# background-image: url("/local/risorse_lovelace/cardbackK.png")
# background-repeat: no-repeat
# background-color: rgba(50,50,50,0.3)
# background-size: 100% 68px
# border-radius: 20px
# border: solid 1px rgba(100,100,100,0.3)
# color: '#999999'
# box-shadow: 3px 3px rgba(0,0,0,0.4)
# padding: 12px
- id: 3 # Automatically created id
name: Planimetria
title: Planimetria
icon: mdi:floor-plan
panel: true
cards:
- id: c66757639902448f8aa7ab4cd8444d35 # Automatically created id
type: vertical-stack
cards:
- type: custom:plan-coordinates
- type: picture-elements
image: /local/floorplan.png
elements:
- type: image
tap_action: toggle
entity: switch.sonoff6
state_image:
on: /local/images/light-on.png
off: /local/images/light-off.png
style:
top: 72%
left: 45%
- type: state-icon
tap_action: toggle
entity: switch.sonoff2
style:
top: 72%
left: 72%
- type: state-icon
tap_action: toggle
entity: switch.sonoff7
style:
top: 38%
left: 50%
- type: state-icon
tap_action: toggle
entity: switch.sonoff5
style:
top: 30%
left: 35%
- type: state-label
entity: sensor.dark_sky_humidity
style:
top: 41%
left: 17%
color: yellow
font-weight: bold
- type: state-label
entity: device_tracker.iphonedfedericostation
style:
top: 53%
left: 6%
color: green
font-weight: bold
- name: Sistema
title: Sistema
icon: mdi:pi-box
background: center / cover no-repeat url("/local/risorse_lovelace/back.png") fixed
panel: false
cards:
- type: custom:card-modder
card:
type: glance
title: Raspberry Pi
column_width: calc(100% / 4)
entities:
- entity: sensor.processor_use
- entity: sensor.memory_free
- entity: sensor.last_boot
tap_action: call-service
service: homeassistant.restart
- entity: sensor.disk_free_
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: "#999999"
box-shadow: 3px 3px rgba(0,0,0,0.4)
- type: custom:card-modder
card:
type: glance
title: Internet
column_width: calc(100% / 4)
entities:
- entity: sensor.speedtest_download
- entity: sensor.speedtest_upload
- entity: sensor.speedtest_ping
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: "#999999"
box-shadow: 3px 3px rgba(0,0,0,0.4)
- type: custom:card-modder
card:
type: entities
title: Iphones
entities:
- entity: sensor.iphone_di_federico_battery_level
- entity: sensor.iphone_di_federico_battery_state
- type: divider
style:
height: 20px
margin: 4px 0
background: center / contain url("/local/risorse_lovelace/divider.png")
no-repeat
- entity: sensor.iphone_di_serena_battery_level
- entity: sensor.iphone_di_serena_battery_state
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: "#999999"
box-shadow: 3px 3px rgba(0,0,0,0.4)
- type: custom:card-modder
card:
type: entities
title: Automazioni e Script
entities:
- type: custom:fold-entity-row
head: group.all_automations
- type: custom:fold-entity-row
head: group.all_scripts
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: "#999999"
box-shadow: 3px 3px rgba(0,0,0,0.4)
- type: custom:card-modder
card:
type: custom:tracker-card
title: Aggiornamento CUSTOM CARDS
trackers:
- sensor.custom_card_tracker
- sensor.custom_component_tracker
style:
background-image: url("/local/risorse_lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: "#999999"
box-shadow: 3px 3px rgba(0,0,0,0.4)