Add kitchen dashboard

config/configuration.yaml

@@ -30,7 +30,13 @@ lovelace:
       title: Home
       icon: mdi:home
       show_in_sidebar: true
-      filename: home-lovelace.yaml
+      filename: ui-lovelace.yaml
+    lovelace-kitchen:
+      mode: yaml
+      title: Kitchen
+      icon: mdi:chef-hat
+      show_in_sidebar: false
+      filename: kitchen-lovelace.yaml
     lovelace-floorlan:
       mode: yaml
       title: Floorplan

config/kitchen-lovelace.yaml

@@ -0,0 +1,24 @@
+custom_header:
+  compact_mode: true
+  hide_config: true
+  hide_help: true
+  hide_unused: true
+  hide_reload_resources: true
+  indicator_top: true
+
+
+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
+
+title: Kitchen
+views:
+  - title: Kitchen
+    path: default_view
+    icon: "mdi:chef-hat"
+    cards: !include lovelace/home_dashboard/kitchen_dashboard.yaml
+  - title: Home
+    path: home_view
+    icon: "mdi:home"
+    panel: true
+    cards: !include lovelace/home_dashboard/main_dashboard.yaml

config/lovelace/button_card_templates/xs_button.yaml

@@ -0,0 +1,25 @@
+xs:
+  size: 20px
+  hold_action:
+    action: more-info
+  styles:
+    card:
+      - height: 70px
+      - font-size: 12px
+    name:
+      - height: 24px
+  state:
+    - value: 'on'
+      styles:
+        card:
+          - background-color: var(--primary-color)
+          - color: black
+        icon:
+          - color: black
+    - value: 'home'
+      styles:
+        card:
+          - background-color: var(--primary-color)
+          - color: black
+        icon:
+          - color: black

config/lovelace/home_dashboard/kitchen_dashboard.yaml

@@ -0,0 +1,119 @@
+- type: custom:mod-card
+  style:
+    layout-card:
+      $:
+        .: |
+          #columns {
+            padding: 0 10px;
+          }
+          #columns .column {
+            padding: 10px 10px;
+          }
+  card:
+    type: custom:layout-card
+    layout: horizontal
+    max_columns: 1
+    cards:
+      - type: horizontal-stack
+        title: Lights
+        cards:
+          - type: custom:button-card
+            template: small
+            entity: light.tuya_kitchen_all_lights
+            name: All lights
+          - type: custom:button-card
+            template: small
+            entity: light.tuya_kitchen_main_lights
+            name: Main
+          - type: custom:button-card
+            template: small
+            entity: light.tuya_kitchen_secondary_lights
+            name: Secondary
+
+      - type: horizontal-stack
+        title: Hallway
+        cards:
+          - type: custom:button-card
+            template: small
+            entity: light.hallway_all_lights
+            name: All lights
+          - type: custom:button-card
+            template: small
+            entity: light.hallway_entrance_lights
+            name: Entrance
+          - type: custom:button-card
+            template: small
+            entity: light.tuya_hallway_main_lights
+            name: Main
+
+      - type: vertical-stack
+        cards:
+          - type: vertical-stack
+            title: Media
+            cards:
+              - type: custom:decluttering-card
+                template: sonos_media_player
+                variables:
+                  - player: media_player.kitchen
+              - type: horizontal-stack
+                cards:
+                  - type: custom:button-card
+                    template: xs
+                    entity: sensor.philip_defranco
+                    name: Latest PDS
+                    tap_action:
+                      action: call-service
+                      service: script.youtube_play_latest_pds
+                  - type: custom:button-card
+                    template: xs
+                    entity: script.music_play
+                    name: Chill
+                    icon: mdi:music
+                    tap_action:
+                      action: toggle
+                  - type: custom:button-card
+                    template: xs
+                    entity: script.music_play
+                    name: Retro
+                    icon: mdi:music
+                    tap_action:
+                      action: call-service
+                      service: script.music_play
+                      service_data:
+                        playlist: "Retro"
+                  - type: custom:button-card
+                    template: xs
+                    entity: script.sonos_join_bedroom
+                    name: Bedroom
+                    icon: mdi:speaker-multiple
+                    tap_action:
+                      action: toggle
+                  - type: custom:button-card
+                    template: xs
+                    entity: script.sonos_join_tv
+                    icon: mdi:speaker-multiple
+                    name: TV
+                    tap_action:
+                      action: toggle
+
+      - type: horizontal-stack
+        cards:
+          - type: custom:button-card
+            template: xs
+            entity: binary_sensor.browser_kitchen
+            name: Motion
+          - type: custom:button-card
+            template: xs
+            entity: binary_sensor.motion_1_ias_zone
+            name: Motion 2
+          - type: custom:button-card
+            template: xs
+            entity: binary_sensor.motion_2_ias_zone
+            name: Hallway
+          - type: custom:button-card
+            template: xs
+            entity: media_player.nvidia_shield
+            name: Shield
+          - type: custom:button-card
+            template: xs
+            entity: switch.titanium_power

config/lovelace/home_dashboard/main_dashboard.yaml

@@ -1,8 +1,3 @@
-title: Home
-path: default_view
-icon: "mdi:home"
-panel: true
-cards:
 - type: custom:mod-card
   style:
     layout-card:

config/lovelace/popup_cards.yaml

@@ -125,16 +125,16 @@ media_player.nvidia_shield:
   card:
     type: vertical-stack
     cards:
-      - type: custom:decluttering-card
+      - type: "custom:mini-media-player"
-        template: sonos_media_player
+        entity: media_player.nvidia_shield
-        variables:
-          - player: media_player.living_room
 
       - type: "custom:mini-media-player"
         entity: media_player.living_room_tv
 
-      - type: "custom:mini-media-player"
+      - type: custom:decluttering-card
-        entity: media_player.nvidia_shield
+        template: sonos_media_player
+        variables:
+          - player: media_player.living_room
 
 light.living_room_main_lights:
   title: Living room lights

config/ui-lovelace.yaml

@@ -7,4 +7,8 @@ popup_cards: !include lovelace/popup_cards.yaml
 
 title: Home
 views:
-  - !include lovelace/home_dashboard/main_dashboard.yaml
+  - title: Home
+    path: default_view
+    icon: "mdi:home"
+    panel: true
+    cards: !include lovelace/home_dashboard/main_dashboard.yaml