diff --git a/config/configuration.yaml b/config/configuration.yaml index 28e7672..93e7268 100644 --- a/config/configuration.yaml +++ b/config/configuration.yaml @@ -34,10 +34,16 @@ lovelace: dashboards: lovelace-home: mode: yaml - title: Home - icon: mdi:home - show_in_sidebar: true + title: Mobile + icon: mdi:cellphone + show_in_sidebar: false filename: ui-lovelace.yaml + lovelace-desktop: + mode: yaml + title: Desktop + icon: mdi:desktop-mac-dashboard + show_in_sidebar: false + filename: desktop-lovelace.yaml lovelace-floorlan: mode: yaml title: Floorplan diff --git a/config/desktop-lovelace.yaml b/config/desktop-lovelace.yaml new file mode 100644 index 0000000..a6c1ace --- /dev/null +++ b/config/desktop-lovelace.yaml @@ -0,0 +1,65 @@ +decluttering_templates: !include_dir_merge_named lovelace/decluttering_templates +button_card_templates: !include_dir_merge_named lovelace/button_card_templates +popup_cards: !include lovelace/popup_cards.yaml + +kiosk_mode: + hide_overflow: true + +title: Desktop +views: + - title: Living Room + path: default_view + icon: "mdi:sofa" + panel: true + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPad/Media Room.jpg") #6b8988 fixed' + cards: !include lovelace/home_dashboard/living_room_dashboard.yaml + theme: sarah-noctis-grey + - title: Bedroom + path: bedroom + icon: "mdi:bed-empty" + panel: true + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPad/Bedroom.jpg") #9489d1 fixed' + cards: !include lovelace/home_dashboard/bedroom_dashboard.yaml + theme: sarah-noctis-grey + - title: Kitchen + path: kitchen + icon: "mdi:chef-hat" + panel: true + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPad/Kitchen.jpg") #bacd8c fixed' + cards: !include lovelace/home_dashboard/kitchen_dashboard.yaml + theme: sarah-noctis-grey + - title: Bathroom + path: bathroom + icon: "mdi:shower-head" + panel: true + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPad/Bathroom.jpg") #2982c4 fixed' + cards: !include lovelace/home_dashboard/bathroom_dashboard.yaml + theme: sarah-noctis-grey + - title: Hallway + path: hallway + icon: "mdi:door-closed" + panel: true + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPad/Hallway.jpg") #b1633e fixed' + cards: !include lovelace/home_dashboard/hallway_dashboard.yaml + theme: sarah-noctis-grey + - title: Terrarium + path: terrarium + icon: "mdi:snake" + panel: true + background: 'top / 100% no-repeat url("/local/images/wallpapers-3/terrarium.jpg") #5E3C0F fixed' + cards: !include lovelace/home_dashboard/terrarium_dashboard.yaml + theme: sarah-noctis-grey + - title: Guest Bedroom + path: guest_bedroom + icon: "mdi:numeric-2-box-outline" + panel: true + background: '#0040A0' + cards: !include lovelace/home_dashboard/guest_bedroom_dashboard.yaml + theme: sarah-noctis-grey + - title: Preferences + path: Preferences + icon: "mdi:cogs" + panel: true + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPad/Work-Bench.jpg") #8aaec3 fixed' + cards: !include lovelace/home_dashboard/preferences_dashboard.yaml + theme: sarah-noctis-grey diff --git a/config/kitchen-lovelace.yaml b/config/kitchen-lovelace.yaml index b33e8eb..c3fb0e6 100644 --- a/config/kitchen-lovelace.yaml +++ b/config/kitchen-lovelace.yaml @@ -36,4 +36,80 @@ views: margin: 10px; padding: 10px; } - - !include lovelace/home_dashboard/kitchen_dashboard_card.yaml + - type: custom:decluttering-card + template: v3_title + variables: + - title: Kitchen + - type: horizontal-stack + cards: + - type: custom:button-card + template: v3_badge_temp + entity: sensor.kitchen_weather_temperature + - type: custom:button-card + template: v3_badge_humidity + entity: sensor.kitchen_weather_humidity + - type: custom:button-card + template: v3_badge_icon + entity: binary_sensor.kitchen_motion_occupancy + - type: custom:button-card + template: v3_badge_icon + entity: binary_sensor.kitchen_window + - type: custom:button-card + template: v3_badge_icon + entity: binary_sensor.kitchen_door + + - type: custom:decluttering-card + template: v3_section_title + variables: + - title: Lights + - type: horizontal-stack + cards: + - type: custom:button-card + template: v3_button_light + entity: light.kitchen + name: All + - type: custom:button-card + template: v3_button_light + entity: light.kitchen_main + name: Main + - type: custom:button-card + template: v3_button_light + entity: light.kitchen_secondary + name: Secondary + + - type: custom:decluttering-card + template: v3_section_title + variables: + - title: Devices + - type: horizontal-stack + cards: + - type: custom:button-card + template: v3_button + entity: media_player.kitchen + name: Sonos + - type: custom:button-card + template: v3_button + entity: binary_sensor.sonos_is_kitchen_grouped + name: Sonos Grouped + tap_action: + action: call-service + service: "[[[ return entity.state == 'on' ? 'script.sonos_kitchen_unjoin' : 'script.sonos_kitchen_join' ]]]" + - type: custom:button-card + template: v3_button_radiator + entity: climate.kitchen_radiator_mode + name: Radiator + + - type: horizontal-stack + cards: + - type: custom:button-card + template: v3_button + entity: vacuum.vacuum + name: Vacuum + - type: custom:button-card + template: v3_button_brita_water + - type: custom:button-card + template: v3_button_power + entity: switch.kitchen_outlet + name: Outlet + variables: + power_sensor: sensor.kitchen_outlet_electric_consumption_w diff --git a/config/lovelace/decluttering_templates/v3/v3_title.yaml b/config/lovelace/decluttering_templates/v3/v3_title.yaml index 2d541bc..12c1044 100644 --- a/config/lovelace/decluttering_templates/v3/v3_title.yaml +++ b/config/lovelace/decluttering_templates/v3/v3_title.yaml @@ -12,6 +12,7 @@ v3_title: ha-card > ha-markdown { font-size: 22px; - padding: 20px 20px 20px 0; + padding-left: 0; + padding-bottom: 14px; letter-spacing: -1px; } diff --git a/config/lovelace/home_dashboard/bathroom_dashboard.yaml b/config/lovelace/home_dashboard/bathroom_dashboard.yaml index d3dd12a..ea4d322 100644 --- a/config/lovelace/home_dashboard/bathroom_dashboard.yaml +++ b/config/lovelace/home_dashboard/bathroom_dashboard.yaml @@ -3,7 +3,7 @@ layout-card: .: | * { - --primary-color: #FF7900 + --primary-color: #2982c4 } $: diff --git a/config/lovelace/home_dashboard/bedroom_dashboard.yaml b/config/lovelace/home_dashboard/bedroom_dashboard.yaml index 202cc07..efbd2c6 100644 --- a/config/lovelace/home_dashboard/bedroom_dashboard.yaml +++ b/config/lovelace/home_dashboard/bedroom_dashboard.yaml @@ -3,7 +3,7 @@ layout-card: .: | * { - --primary-color: #871CAB + --primary-color: #9489d1 } $: @@ -41,6 +41,8 @@ state_display: "[[[return entity.state.split(' ')[0] + ' pm2.5']]]" variables: state_size: "11px" + - type: horizontal-stack + cards: - type: custom:button-card template: v3_badge_icon entity: binary_sensor.bedroom_left_window diff --git a/config/lovelace/home_dashboard/hallway_dashboard.yaml b/config/lovelace/home_dashboard/hallway_dashboard.yaml index ddc80c4..eae79f1 100644 --- a/config/lovelace/home_dashboard/hallway_dashboard.yaml +++ b/config/lovelace/home_dashboard/hallway_dashboard.yaml @@ -3,7 +3,7 @@ layout-card: .: | * { - --primary-color: #188A9C + --primary-color: #b1633e } $: @@ -37,6 +37,8 @@ - type: custom:button-card template: v3_badge_icon entity: group.hallway_motion + - type: horizontal-stack + cards: - type: custom:button-card template: v3_badge_icon entity: binary_sensor.hallway_motion_occupancy diff --git a/config/lovelace/home_dashboard/kitchen_dashboard.yaml b/config/lovelace/home_dashboard/kitchen_dashboard.yaml index e3ee282..5b2b8f4 100644 --- a/config/lovelace/home_dashboard/kitchen_dashboard.yaml +++ b/config/lovelace/home_dashboard/kitchen_dashboard.yaml @@ -3,7 +3,7 @@ layout-card: .: | * { - --primary-color: #58892D + --primary-color: #bacd8c } $: @@ -14,4 +14,93 @@ margin: 0 20px; grid-gap: 20px; } - card: !include kitchen_dashboard_card.yaml + card: + type: custom:layout-card + layout_type: custom:horizontal-layout + layout: + max_cols: 3 + cards: + - type: vertical-stack + cards: + - type: custom:decluttering-card + template: v3_title + variables: + - title: Kitchen + - type: horizontal-stack + cards: + - type: custom:button-card + template: v3_badge_temp + entity: sensor.kitchen_weather_temperature + - type: custom:button-card + template: v3_badge_humidity + entity: sensor.kitchen_weather_humidity + - type: custom:button-card + template: v3_badge_icon + entity: binary_sensor.kitchen_motion_occupancy + - type: horizontal-stack + cards: + - type: custom:button-card + template: v3_badge_icon + entity: binary_sensor.kitchen_window + - type: custom:button-card + template: v3_badge_icon + entity: binary_sensor.kitchen_door + + - type: custom:decluttering-card + template: v3_section_title + variables: + - title: Lights + + - type: horizontal-stack + cards: + - type: custom:button-card + template: v3_button_light + entity: light.kitchen + name: All + - type: custom:button-card + template: v3_button_light + entity: light.kitchen_main + name: Main + - type: custom:button-card + template: v3_button_light + entity: light.kitchen_secondary + name: Secondary + + - type: vertical-stack + cards: + - type: custom:decluttering-card + template: v3_section_title + variables: + - title: Devices + - type: horizontal-stack + cards: + - type: custom:button-card + template: v3_button + entity: media_player.kitchen + name: Sonos + - type: custom:button-card + template: v3_button + entity: binary_sensor.sonos_is_kitchen_grouped + name: Sonos Grouped + tap_action: + action: call-service + service: "[[[ return entity.state == 'on' ? 'script.sonos_kitchen_unjoin' : 'script.sonos_kitchen_join' ]]]" + - type: custom:button-card + template: v3_button_radiator + entity: climate.kitchen_radiator_mode + name: Radiator + + - type: horizontal-stack + cards: + - type: custom:button-card + template: v3_button + entity: vacuum.vacuum + name: Vacuum + - type: custom:button-card + template: v3_button_brita_water + - type: custom:button-card + template: v3_button_power + entity: switch.kitchen_outlet + name: Outlet + variables: + power_sensor: sensor.kitchen_outlet_electric_consumption_w diff --git a/config/lovelace/home_dashboard/kitchen_dashboard_card.yaml b/config/lovelace/home_dashboard/kitchen_dashboard_card.yaml deleted file mode 100644 index cbb6f03..0000000 --- a/config/lovelace/home_dashboard/kitchen_dashboard_card.yaml +++ /dev/null @@ -1,87 +0,0 @@ -type: custom:layout-card -layout_type: custom:horizontal-layout -layout: - max_cols: 3 -cards: - - type: vertical-stack - cards: - - type: custom:decluttering-card - template: v3_title - variables: - - title: Kitchen - - type: horizontal-stack - cards: - - type: custom:button-card - template: v3_badge_temp - entity: sensor.kitchen_weather_temperature - - type: custom:button-card - template: v3_badge_humidity - entity: sensor.kitchen_weather_humidity - - type: custom:button-card - template: v3_badge_icon - entity: binary_sensor.kitchen_motion_occupancy - - type: custom:button-card - template: v3_badge_icon - entity: binary_sensor.kitchen_window - - type: custom:button-card - template: v3_badge_icon - entity: binary_sensor.kitchen_door - - - - type: custom:decluttering-card - template: v3_section_title - variables: - - title: Lights - - type: horizontal-stack - cards: - - type: custom:button-card - template: v3_button_light - entity: light.kitchen - name: All - - type: custom:button-card - template: v3_button_light - entity: light.kitchen_main - name: Main - - type: custom:button-card - template: v3_button_light - entity: light.kitchen_secondary - name: Secondary - - - type: vertical-stack - cards: - - type: custom:decluttering-card - template: v3_section_title - variables: - - title: Devices - - type: horizontal-stack - cards: - - type: custom:button-card - template: v3_button - entity: media_player.kitchen - name: Sonos - - type: custom:button-card - template: v3_button - entity: binary_sensor.sonos_is_kitchen_grouped - name: Sonos Grouped - tap_action: - action: call-service - service: "[[[ return entity.state == 'on' ? 'script.sonos_kitchen_unjoin' : 'script.sonos_kitchen_join' ]]]" - - type: custom:button-card - template: v3_button_radiator - entity: climate.kitchen_radiator_mode - name: Radiator - - - type: horizontal-stack - cards: - - type: custom:button-card - template: v3_button - entity: vacuum.vacuum - name: Vacuum - - type: custom:button-card - template: v3_button_brita_water - - type: custom:button-card - template: v3_button_power - entity: switch.kitchen_outlet - name: Outlet - variables: - power_sensor: sensor.kitchen_outlet_electric_consumption_w diff --git a/config/lovelace/home_dashboard/living_room_dashboard.yaml b/config/lovelace/home_dashboard/living_room_dashboard.yaml index cabd822..5c163f5 100644 --- a/config/lovelace/home_dashboard/living_room_dashboard.yaml +++ b/config/lovelace/home_dashboard/living_room_dashboard.yaml @@ -3,7 +3,7 @@ layout-card: .: | * { - --primary-color: #0040A0 + --primary-color: #6b8988 } $: @@ -26,6 +26,17 @@ template: v3_title variables: - title: Living room + - type: horizontal-stack + cards: + - type: custom:button-card + template: v3_badge_temp + entity: sensor.multisensor_6_temperature + - type: custom:button-card + template: v3_badge_humidity + entity: sensor.multisensor_6_relative_humidity + - type: custom:button-card + template: v3_badge + entity: sensor.aqara_tvoc_voc - type: horizontal-stack cards: - type: custom:button-card @@ -40,17 +51,6 @@ styles: card: - background-image: url("/local/images/people/maya.jpg") - - type: custom:button-card - template: v3_badge_temp - entity: sensor.multisensor_6_temperature - - type: custom:button-card - template: v3_badge_humidity - entity: sensor.multisensor_6_relative_humidity - - type: horizontal-stack - cards: - - type: custom:button-card - template: v3_badge - entity: sensor.aqara_tvoc_voc - type: custom:button-card template: v3_badge_icon entity: binary_sensor.toshiba_ac_conditions_met diff --git a/config/lovelace/home_dashboard/preferences_dashboard.yaml b/config/lovelace/home_dashboard/preferences_dashboard.yaml index 27f7ae8..f273aa9 100644 --- a/config/lovelace/home_dashboard/preferences_dashboard.yaml +++ b/config/lovelace/home_dashboard/preferences_dashboard.yaml @@ -28,24 +28,6 @@ - title: Preferences - type: horizontal-stack cards: - - type: custom:button-card - template: v3_button_person - entity: input_boolean.georgi_home - styles: - card: - - background-image: url("/local/images/people/georgi.jpg") - - type: custom:button-card - template: v3_button_person - entity: input_boolean.player_2_home - styles: - card: - - background-image: url("/local/images/people/maya.jpg") - # - type: custom:button-card - # template: v3_button_person - # entity: input_boolean.player_2_home - # styles: - # card: - # - background-image: url("/local/images/people/milena.jpg") - type: custom:button-card template: v3_badge entity: binary_sensor.someone_home @@ -53,6 +35,10 @@ template: v3_badge entity: binary_sensor.someone_sleeping + - type: custom:decluttering-card + template: v3_section_title + variables: + - title: Toggles - type: horizontal-stack cards: - type: custom:button-card diff --git a/config/ui-lovelace.yaml b/config/ui-lovelace.yaml index 76bb9e8..086aef0 100644 --- a/config/ui-lovelace.yaml +++ b/config/ui-lovelace.yaml @@ -15,42 +15,42 @@ views: path: default_view icon: "mdi:sofa" panel: true - background: 'center / cover no-repeat url("/local/images/wallpapers-3/living_room.jpg") #0040A0 fixed' + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPhone/Media Room.jpg") #6b8988 fixed' cards: !include lovelace/home_dashboard/living_room_dashboard.yaml theme: sarah-noctis-grey - title: Bedroom path: bedroom icon: "mdi:bed-empty" panel: true - background: 'center / cover no-repeat url("/local/images/wallpapers-3/bedroom.jpg") #871CAB fixed' + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPhone/Bedroom.jpg") #9489d1 fixed' cards: !include lovelace/home_dashboard/bedroom_dashboard.yaml theme: sarah-noctis-grey - title: Kitchen path: kitchen icon: "mdi:chef-hat" panel: true - background: 'center / cover no-repeat url("/local/images/wallpapers-3/kitchen_3.jpg") #58892D fixed' + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPhone/Kitchen.jpg") #bacd8c fixed' cards: !include lovelace/home_dashboard/kitchen_dashboard.yaml theme: sarah-noctis-grey - title: Bathroom path: bathroom icon: "mdi:shower-head" panel: true - background: 'center / cover no-repeat url("/local/images/wallpapers-3/bathroom_2.jpg") #FF7900 fixed' + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPhone/Bathroom.jpg") #2982c4 fixed' cards: !include lovelace/home_dashboard/bathroom_dashboard.yaml theme: sarah-noctis-grey - title: Hallway path: hallway icon: "mdi:door-closed" panel: true - background: 'center / cover no-repeat url("/local/images/wallpapers-3/hallway_2.jpg") #188A9C fixed' + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPhone/Hallway.jpg") #b1633e fixed' cards: !include lovelace/home_dashboard/hallway_dashboard.yaml theme: sarah-noctis-grey - title: Terrarium path: terrarium icon: "mdi:snake" panel: true - background: 'center / cover no-repeat url("/local/images/wallpapers-3/terrarium.jpg") #5E3C0F fixed' + background: 'top / 100% no-repeat url("/local/images/wallpapers-3/terrarium.jpg") #5E3C0F fixed' cards: !include lovelace/home_dashboard/terrarium_dashboard.yaml theme: sarah-noctis-grey - title: Guest Bedroom @@ -64,6 +64,6 @@ views: path: Preferences icon: "mdi:cogs" panel: true - background: 'center / cover no-repeat url("/local/images/wallpapers-3/preferences.jpg") #6A737A fixed' + background: 'top / 100% no-repeat url("/local/images/wallpapers/comic/iPhone/Work-Bench.jpg") #8aaec3 fixed' cards: !include lovelace/home_dashboard/preferences_dashboard.yaml theme: sarah-noctis-grey