Adaptive Dashboard

lovelace/batteries.yaml

@@ -1,11 +1,15 @@
-- type: 'custom:button-card'
+- view_layout:
+    grid-area: "card1"
+  type: 'custom:button-card'
   template: card_title
   name: Batteries
 
 
 - type: "horizontal-stack"
   cards:
-    - type: 'custom:button-card'
+    - view_layout:
+        grid-area: "card1"
+      type: 'custom:button-card'
       template: card_battery
       entity: sensor.iphone_battery_level
       variables:
@@ -14,7 +18,9 @@
         ulm_card_battery_battery_level_warning: 80
         ulm_card_battery_name: iPhone
 
-    - type: 'custom:button-card'
+    - view_layout:
+        grid-area: "card1"
+      type: 'custom:button-card'
       template: card_battery
       entity: sensor.ipad_battery_level
       variables:

lovelace/climate.yaml

@@ -1,13 +1,19 @@
-- type: 'custom:button-card'
+- view_layout:
+    grid-area: "card1"
+  type: 'custom:button-card'
   template: card_title
   name: Climate
 
 
-- type: custom:button-card
+- view_layout:
+    grid-area: "card1"
+  type: custom:button-card
   template: custom_card_httpedo13_sun
 
 
-- type: "custom:button-card"
+- view_layout:
+    grid-area: "card1"
+  type: "custom:button-card"
   template: card_weather
   entity: weather.dark_sky
   variables:
@@ -19,7 +25,9 @@
       fade: true
 
 
-- type: 'custom:button-card'
+- view_layout:
+    grid-area: "card1"
+  type: 'custom:button-card'
   template: card_graph
   entity: sensor.temperature_kai_temperature
   variables:
@@ -34,13 +42,17 @@
 
 - type: "horizontal-stack"
   cards:
-    - type: 'custom:button-card'
+    - view_layout:
+        grid-area: "card1"
+      type: 'custom:button-card'
       template: card_generic
       entity: sensor.temperature_kai_humidity
       variables:
         ulm_card_generic_name: Humidity
 
-    - type: 'custom:button-card'
+    - view_layout:
+        grid-area: "card1"
+      type: 'custom:button-card'
       template: card_generic
       entity: sensor.temperature_kai_pressure
       variables:

lovelace/energy.yaml

@@ -1,9 +1,13 @@
-- type: 'custom:button-card'
+- view_layout:
+    grid-area: "card1"
+  type: 'custom:button-card'
   template: card_title
   name: Energy
 
 
-- type: 'custom:button-card'
+- view_layout:
+    grid-area: "card1"
+  type: 'custom:button-card'
   template: card_graph
   entity: sensor.schreibtisch_current_consumption
   variables:
@@ -16,14 +20,18 @@
 
 - type: "horizontal-stack"
   cards:
-    - type: 'custom:button-card'
+    - view_layout:
+        grid-area: "card1"
+      type: 'custom:button-card'
       template: card_generic
       entity: sensor.schreibtisch_today_s_consumption
       variables:
         ulm_card_generic_name: Today
         ulm_card_generic_icon: "mdi:home-lightning-bolt"
 
-    - type: 'custom:button-card'
+    - view_layout:
+        grid-area: "card1"
+      type: 'custom:button-card'
       template: card_generic
       entity: sensor.schreibtisch_total_consumption
       variables:

lovelace/lights.yaml

@@ -1,19 +1,27 @@
-- type: 'custom:button-card'
+- view_layout:
+    grid-area: "card1"
+  type: 'custom:button-card'
   template: card_title
   name: Lights
 
 
 - type: "horizontal-stack"
   cards:
-    - type: 'custom:button-card'
+    - view_layout:
+        grid-area: "card1"
+      type: 'custom:button-card'
       template: card_light_slider_collapse
       variables:
         ulm_card_light_slider_collapse_name: Indirect
         ulm_card_light_enable_collapse: false
         ulm_card_light_name: Indirect
+        ulm_input_select_option: light indirect
+        ulm_input_select: input_select.minimalist_ui_switch
       entity: light.all_indirect
 
-    - type: 'custom:button-card'
+    - view_layout:
+        grid-area: "card1"
+      type: 'custom:button-card'
       template: card_light_slider_collapse
       variables:
         ulm_card_light_slider_collapse_name: Direct
@@ -22,7 +30,9 @@
       entity: light.all_direct
 
 
-- type: 'custom:button-card'
+- view_layout:
+    grid-area: "card1"
+  type: 'custom:button-card'
   template: card_input_boolean
   entity: switch.circadian_lighting_circadian_lighting
   variables:

lovelace/nas.yaml

@@ -1,11 +1,15 @@
-- type: 'custom:button-card'
+- view_layout:
+    grid-area: "card1"
+  type: 'custom:button-card'
   template: card_title
   name: NAS
 
 
 - type: "horizontal-stack"
   cards:
-    - type: 'custom:button-card'
+    - view_layout:
+        grid-area: "card1"
+      type: 'custom:button-card'
       template: card_script
       variables:
         ulm_card_script_title: WOL
@@ -16,7 +20,9 @@
         service_data:
           entity_id: switch.server
 
-    - type: 'custom:button-card'
+    - view_layout:
+        grid-area: "card1"
+      type: 'custom:button-card'
       template: card_binary_sensor
       variables:
         ulm_card_binary_sensor_alert: true

lovelace/popup.yaml

@@ -0,0 +1,16 @@
+- type: custom:state-switch
+  view_layout:
+    grid-area: popup
+    show:
+      mediaquery: "(min-width: 1100px)"
+  entity: input_select.minimalist_ui
+  default: default
+  transition: slide-down
+  transition_time: 500
+  states:
+    ## Lights
+    light indirect:
+      type: "custom:button-card"
+      template: "popup_light_brightness"
+      variables:
+        ulm_popup_light_entity: lights.all_indirect

lovelace/welcome.yaml

@@ -1,7 +1,11 @@
-- type: 'custom:button-card'
+- view_layout:
+    grid-area: "card1"
+  type: 'custom:button-card'
   template: card_title
   name: Home Assistant
-- type: "custom:button-card"
+- view_layout:
+    grid-area: "card1"
+  type: "custom:button-card"
   template: "card_welcome_scenes"
   triggers_update: input_boolean.welcome_collapse
   entity: input_boolean.welcome_collapse

packages/homeassistant/lovelace.yaml

@@ -19,4 +19,9 @@ lovelace:
     - url: /hacsfiles/simple-weather-card/simple-weather-card-bundle.js
       type: module
     - url: /hacsfiles/home-assistant-sun-card/home-assistant-sun-card.js
-      type: module
+      type: module
+    - url: /hacsfiles/lovelace-layout-card/layout-card.js
+      type: module
+    - url: /hacsfiles/lovelace-state-switch/state-switch.js
+      type: module
+                

packages/minimalist/custom_entities.yaml

@@ -1,3 +1,11 @@
 input_boolean:
   welcome_collapse:
-    name: welcome_collapse
+    name: welcome_collapse
+
+
+input_select:
+  minimalist_ui_switch:
+    name: Select popup/view
+    options:
+      - light.all_indirect
+      - light.all_direct

ui-lovelace.yaml

@@ -34,4 +34,8 @@ views:
 
       - type: "vertical-stack"
         cards:
-          !include lovelace/nas.yaml
+          !include lovelace/nas.yaml
+
+      - type: "vertical-stack"
+        cards:
+          !include lovelace/popup.yaml