Refactor code structure for improved readability and maintainability

lovelace/appliances/dishwasher.yaml

@@ -2,81 +2,91 @@ title: Dishwasher
 path: dishwasher
 icon: mdi:dishwasher
 subview: true
-type: sidebar
 badges: []
-cards:
-  - type: vertical-stack
+type: sections
+max_columns: 4
+sections:
+  - type: grid
     cards:
       - type: history-graph
         entities:
           - entity: sensor.pm_dishwasher_w
-        hours_to_show: 2
-
-  - type: vertical-stack
-    view_layout:
-      position: sidebar
+            name: Dishwasher Watts
+        grid_options:
+          columns: full
+        hours_to_show: 3
+    column_span: 4
+  - type: grid
     cards:
-      - type: grid
-        cards:
-          - type: tile
-            entity: sensor.dishwasher
-            name: Dishwasher
-            icon_tap_action:
-              action: navigate
-              navigation_path: /phone-yaml/dishwasher
-            tap_action:
-              action: navigate
-              navigation_path: /phone-yaml/dishwasher
-            show_entity_picture: true
-            vertical: true
-          - type: tile
-            entity: input_select.washing_machine_fun_status
-            name: Washing Machine
-            icon_tap_action:
-              action: navigate
-              navigation_path: /phone-yaml/washing-machine
-            tap_action:
-              action: navigate
-              navigation_path: /phone-yaml/washing-machine
-            show_entity_picture: true
-            vertical: true
-          - type: tile
-            entity: input_select.dryer_fun_status
-            name: Dryer
-            icon_tap_action:
-              action: navigate
-              navigation_path: /phone-yaml/tumble-dryer
-            tap_action:
-              action: navigate
-              navigation_path: /phone-yaml/tumble-dryer
-            show_entity_picture: true
-            vertical: true
-          - type: tile
-            entity: binary_sensor.keurig
-            icon_tap_action:
-              action: navigate
-              navigation_path: /phone-yaml/keurig
-            tap_action:
-              action: navigate
-              navigation_path: /phone-yaml/keurig
-            show_entity_picture: true
-            vertical: true
-          - type: tile
-            entity: binary_sensor.stove
-            icon_tap_action:
-              action: navigate
-              navigation_path: /phone-yaml/stove
-            tap_action:
-              action: navigate
-              navigation_path: /phone-yaml/stove
-            show_entity_picture: true
-            vertical: true
-      - type: glance
-        entities:
-          - entity: sensor.pm_dishwasher_w
-            name: Watts
-          - entity: binary_sensor.dishwasher_door_contact
-          - entity: input_text.dishwasher_runtime
-            name: Runtime
-          - entity: counter.dishwasher
-            name: Cycles
+      - type: tile
+        grid_options:
+          columns: 3
+          rows: 2
+        entity: sensor.dishwasher
+        hide_state: false
+        vertical: true
+        features_position: bottom
+      - type: tile
+        grid_options:
+          columns: 3
+          rows: 2
+        entity: sensor.washing_machine
+        vertical: true
+        features_position: bottom
+      - type: tile
+        entity: sensor.tumble_dryer
+        vertical: true
+        features_position: bottom
+        grid_options:
+          columns: 3
+          rows: 2
+      - type: tile
+        entity: sensor.pm_dishwasher_w
+        name: Watts
+        vertical: true
+        features_position: bottom
+        grid_options:
+          columns: 3
+          rows: 2
+      - type: tile
+        entity: sensor.dishwasher_door_device_temperature
+        name: Door Temp
+        vertical: true
+        features_position: bottom
+        grid_options:
+          columns: 3
+          rows: 2
+      - type: tile
+        grid_options:
+          columns: 3
+          rows: 2
+        entity: number.dishwasher_run_counter
+        name: Counter
+        vertical: true
+        features_position: bottom
+      - type: tile
+        grid_options:
+          columns: 3
+          rows: 2
+        entity: number.dishwasher_delay_on
+        name: Start
+        vertical: true
+        features_position: bottom
+      - type: tile
+        entity: timer.dishwasher_off
+        name: End
+        vertical: true
+        features_position: bottom
+        grid_options:
+          columns: 3
+          rows: 2
+      - type: tile
+        entity: timer.dishwasher_watchdog
+        name: Too Long
+        state_content: remaining_time
+        vertical: true
+        features_position: bottom
+        grid_options:
+          columns: 3
+          rows: 2
+    column_span: 4