From cc42f93c517213b4f8e37c5734035866f98b1eac Mon Sep 17 00:00:00 2001 From: Claus Dethlefsen Date: Wed, 25 Mar 2026 07:29:32 +0100 Subject: [PATCH] feat(lovelace): refactor home dashboard layout and improve data grouping - 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 --- dashboards/views/01_home.yaml | 386 +++++++++++++++------------------- 1 file changed, 164 insertions(+), 222 deletions(-) diff --git a/dashboards/views/01_home.yaml b/dashboards/views/01_home.yaml index 36bb80f..4067ebf 100644 --- a/dashboards/views/01_home.yaml +++ b/dashboards/views/01_home.yaml @@ -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'