claus/N22
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(lovelace): refactor home dashboard layout and improve data grouping

Browse Source 
- removed "antal hjemme" and standalone sunset card
- added weather forecast card with date, sunrise and sunset (template sensors)
- removed outdoor temperature gauge
- reorganized climate data into structured groups:
  - temperature (3 rooms)
  - CO2 (3 rooms)
  - humidity (3 rooms)
- compacted energy and dishwasher into horizontal stack
- simplified vacuum card (reduced noise)
- improved overall layout readability and consistency

focus: better UX, clearer grouping, reduced clutter, production-stable structure
This commit is contained in:
Claus Dethlefsen
2026-03-25 07:29:32 +01:00
parent 9a4efbcd6a
commit cc42f93c51
1 changed files with 164 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboards/views/01_home.yaml
+164 -222
View File
@@ -1,261 +1,203 @@
title: Nørgårdsvej 22
path: home
icon: mdi:home
type: sections
sections:
cards:
# 👨‍👩‍👧‍👦 Personer (overblik)
- type: grid
# 🌤️ Vejr + dato + sol
- type: vertical-stack
cards:
- type: heading
heading: Familien
- type: weather-forecast
entity: weather.home
show_forecast: true
- type: glance
- type: entities
show_header_toggle: false
entities:
- entity: person.daniel_schusler_dethlefsen
name: Daniel
- entity: person.claus_dethlefsen
name: Claus
- entity: person.anne_schusler_dethlefsen
name: Anne
- entity: person.andreas_schusler_dethlefsen
name: Andreas
- entity: sensor.n22_dato
name: Dato
icon: mdi:calendar
- entity: sensor.n22_solopgang
name: Solopgang
icon: mdi:weather-sunset-up
- entity: sensor.n22_solnedgang
name: Solnedgang
icon: mdi:weather-sunset-down
# 👨‍👩‍👧‍👦 Familien
- type: glance
title: Familien
entities:
- entity: person.daniel_schusler_dethlefsen
name: Daniel
- entity: person.claus_dethlefsen
name: Claus
- entity: person.anne_schusler_dethlefsen
name: Anne
- entity: person.andreas_schusler_dethlefsen
name: Andreas
# 🗑️ Affald
- type: grid
cards:
- type: heading
heading: Affald
- type: entities
entities:
- entity: sensor.affalddk_norgardsvej_22_restaffald
name: Rest
- entity: sensor.affalddk_norgardsvej_22_papir_plast
name: Papir/plast
- entity: sensor.affalddk_norgardsvej_22_haveaffald
name: Have
- type: grid
columns: 2
cards:
- type: entity
entity: zone.home
name: Antal hjemme
- type: entity
entity: sensor.sun_next_setting
name: Solnedgang
- type: entities
title: Affald
entities:
- entity: sensor.affalddk_norgardsvej_22_restaffald
name: Rest
- entity: sensor.affalddk_norgardsvej_22_papir_plast
name: Papir/plast
- entity: sensor.affalddk_norgardsvej_22_haveaffald
name: Have
# 🏠 Hus kontrol
- type: grid
cards:
- type: heading
heading: Hus kontrol
- type: tile
entity: input_boolean.guests_mode
- type: entities
title: Modes
entities:
- entity: input_boolean.guests_mode
name: Vi har gæster
icon: mdi:account-group
- entity: input_boolean.vacation_mode
name: 🌴 Vacation Mode
- entity: input_datetime.vacation_end
name: Slutter
- type: entities
title: Vacation
entities:
- entity: input_boolean.vacation_mode
name: 🌴 Vacation Mode
- entity: input_datetime.vacation_end
name: Slutter
- type: button
name: Godnat
icon: mdi:weather-night
tap_action:
action: call-service
service: scene.turn_on
target:
entity_id: scene.godnat
- type: button
name: Morgen
icon: mdi:weather-sunset-up
tap_action:
action: call-service
service: scene.turn_on
target:
entity_id: scene.morgen
- type: button
name: Hjemme
icon: mdi:home
tap_action:
action: call-service
service: scene.turn_on
target:
entity_id: scene.hjemme
# 🧭 Navigation
- type: grid
# 🌡️ Temperatur + CO2 + Fugt (grupperet pr type)
- type: vertical-stack
cards:
- type: heading
heading: Navigation
- type: button
name: Stue
icon: mdi:sofa
tap_action:
action: navigate
navigation_path: /lovelace/my-dashboard/stue
# Temperatur
- type: horizontal-stack
cards:
- type: gauge
entity: sensor.sovevaerelse_temperatur
name: Soveværelse
min: 15
max: 30
unit: '°C'
- type: gauge
entity: sensor.sovevaerelse_stue_temperatur
name: Andreas
min: 15
max: 30
unit: '°C'
- type: gauge
entity: sensor.sovevaerelse_daniel_temperatur
name: Daniel
min: 15
max: 30
unit: '°C'
- type: button
name: Daniel
icon: mdi:bed
tap_action:
action: navigate
navigation_path: /lovelace/my-dashboard/daniel
# CO2
- type: horizontal-stack
cards:
- type: gauge
entity: sensor.sovevaerelse_carbon_dioxide
name: Soveværelse
min: 400
max: 2000
unit: 'ppm'
- type: gauge
entity: sensor.sovevaerelse_stue_carbon_dioxide
name: Andreas
min: 400
max: 2000
unit: 'ppm'
- type: gauge
entity: sensor.sovevaerelse_daniel_carbon_dioxide
name: Daniel
min: 400
max: 2000
unit: 'ppm'
- type: button
name: Andreas
icon: mdi:bed
tap_action:
action: navigate
navigation_path: /lovelace/my-dashboard/andreas
# Luftfugtighed
- type: horizontal-stack
cards:
- type: gauge
entity: sensor.sovevaerelse_luftfugtighed
name: Soveværelse
min: 20
max: 80
unit: '%'
- type: gauge
entity: sensor.sovevaerelse_stue_luftfugtighed
name: Andreas
min: 20
max: 80
unit: '%'
- type: gauge
entity: sensor.sovevaerelse_daniel_luftfugtighed
name: Daniel
min: 20
max: 80
unit: '%'
- type: button
name: Støvsuger
icon: mdi:robot-vacuum
tap_action:
action: navigate
navigation_path: /lovelace/my-dashboard/vacuum
- type: button
name: Energi
icon: mdi:flash
tap_action:
action: navigate
navigation_path: /lovelace/my-dashboard/energy
# 🌡️ Temperatur
- type: grid
# ⚡ Energi + 🍽️ Opvaskemaskine (kompakt)
- type: horizontal-stack
cards:
- type: heading
heading: Temperatur
- type: tile
entity: sensor.n22_temperatur
name: Ude
- type: tile
entity: sensor.sovevaerelse_temperatur
name: Soveværelse
- type: tile
entity: sensor.sovevaerelse_stue_temperatur
name: Andreas
- type: tile
entity: sensor.sovevaerelse_daniel_temperatur
name: Daniel
# ⚡ Energi
- type: grid
cards:
- type: heading
heading: Energi
- type: tile
- type: gauge
entity: sensor.energi_data_service
name: Elpris
min: 0
max: 5
unit: 'kr/kWh'
severity:
green: 2
yellow: 3
red: 4.5
- type: gauge
entity: sensor.dishwasher_remaining_minutes
name: Opvask
min: 0
max: 180
unit: 'min'
# 🧹 Støvsuger
- type: grid
cards:
- type: heading
heading: Støvsuger
- type: tile
entity: vacuum.roborock_s8_pro_ultra
- type: tile
entity: sensor.roborock_s8_pro_ultra_status
name: Status
- type: tile
entity: sensor.roborock_s8_pro_ultra_vacuum_error
name: Fejl
# 🍽️ Opvaskemaskine
- type: grid
cards:
- type: heading
heading: Opvaskemaskine
- type: tile
entity: sensor.dishwasher_remaining_time_2
name: Tid tilbage
- type: tile
entity: binary_sensor.dishwasher_svigt
name: Fejl
# 🧹 Støvsuger (forenklet – mindre støj)
- type: entities
title: Støvsuger
entities:
- vacuum.roborock_s8_pro_ultra
- sensor.roborock_s8_pro_ultra_status
# 🎵 Sonos
- type: grid
cards:
- type: heading
heading: Sonos
- type: glance
entities:
- media_player.stue
- media_player.andreas
- media_player.daniel
- media_player.kokken
- type: glance
title: Sonos
entities:
- media_player.stue
- media_player.andreas
- media_player.daniel
- media_player.kokken
- media_player.alrum
- media_player.badevaerelse
- media_player.sovevaerelse
- media_player.lille_badevaerelse
# 📡 Kamera indikator
- type: grid
- type: glance
title: Kamera
entities:
- binary_sensor.indkoersel_person
- binary_sensor.indkoersel_vehicle
- binary_sensor.terrasse_person
# 🌐 System (let trimmet)
- type: horizontal-stack
cards:
- type: heading
heading: Kamera
- type: glance
entities:
- binary_sensor.indkoersel_person
- binary_sensor.indkoersel_vehicle
- binary_sensor.terrasse_person
# 🌐 System
- type: grid
cards:
- type: heading
heading: System
- type: tile
- type: sensor
entity: sensor.home_assistant_website
name: HA Version
- type: tile
- type: sensor
entity: binary_sensor.home_assistant_website_update_available
name: Opdatering
- type: tile
- type: gauge
entity: sensor.speedtest_download
name: Download
- type: tile
min: 0
max: 1000
unit: 'Mbit/s'
- type: gauge
entity: sensor.speedtest_upload
name: Upload
- type: tile
entity: sensor.speedtest_ping
name: Ping
min: 0
max: 500
unit: 'Mbit/s'