New idea for lights cards for each room

admin_dashboard.yaml

@@ -354,148 +354,42 @@ views:
               - entity: automation.family_has_left
               - entity: switch.presence_simulation
               - entity: binary_sensor.front_door
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.back_door
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.basement_studio_door
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.emma_bedroom_door
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.front_window_1
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.front_window_2
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.kitchen_big_window
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.living_room_front_motion
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: binary_sensor.downstairs_bathroom_motion
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: binary_sensor.upstairs_bathroom_motion
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: binary_sensor.stairwell_bottom_motion
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: binary_sensor.emma_bedroom_motion
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: binary_sensor.living_room_back_motion
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: binary_sensor.mud_room_motion
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: binary_sensor.basement_studio_motion
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: binary_sensor.stairwell_top_motion
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: binary_sensor.kallen_bedroom_motion
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: binary_sensor.master_bedroom_motion
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: alarm_control_panel.nerdhome_alarm_panel
                 name: Nerd Home Alarm
-                state_map:
-                  disarmed: Disarmed
-                  armed_home: Armed Home
-                  armed_away: Armed Away
               - entity: binary_sensor.front_doorbell_ding_mqtt
-                state_map:
-                  'on': Ringing
-                  'off': Clear
               - entity: binary_sensor.front_doorbell_motion_mqtt
-                state_map:
-                  'on': Detected
-                  'off': Clear
               - entity: binary_sensor.stairway_window_lower
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.mud_room_window
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: input_boolean.lockdown_issue
               - entity: binary_sensor.front_window_3
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.side_window_1
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.side_window_2
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.side_window_3
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.side_window_4
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.back_window_1
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.back_window_2
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.kitchen_sink_window
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.downstairs_bathroom_window_1
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.downstairs_bathroom_window_2
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.stairway_window_upper
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: binary_sensor.upstairs_bathroom_window
-                state_map:
-                  'on': Open
-                  'off': Closed
               - entity: sensor.living_room_windows_open
                 name: Living Room Windows
       - type: grid
@@ -1492,9 +1386,6 @@ views:
                 name: Wakeup Fade - Day
               - entity: input_number.wakeup_lights_fade_night
                 name: Wakeup Fade - Night
-              - entity: input_number.sunset_lights_outdoor_lux_threshold
-                name: Sunset Lights Threshold
-              - entity: input_boolean.sunset_lights_triggered
             show_header_toggle: false
             state_color: true
           - type: entities

mobile_dashboard.yaml

@@ -25,10 +25,17 @@ streamline_templates:
           action: none
         hold_action:
           action: more-info
+      styles: |-
+        .is-unavailable {
+          opacity: 0.5 !important;
+        }
+        .bubble-button-background {
+          opacity: 1 !important;
+          background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--bubble-main-background-color)'} !important;
+          transition: background-color 1s !important;
+        }
       show_state: false
       columns: '[[columns]]'
-      modules:
-        - main_button_state_red
   main_button_name:
     default:
       - name: ''
@@ -87,6 +94,30 @@ streamline_templates:
         tap_action:
           action: navigate
           navigation_path: '[[navigation_path]]'
+      styles_javascript: |
+        const occupancy = states['[[occupancy_entity]]'].state;
+        const hot = states['[[hot_entity]]'].state;
+        const cold = states['[[cold_entity]]'].state;
+        return `
+          .is-unavailable {
+            opacity: 0.5 !important;
+          }
+          .bubble-button-background {
+            opacity: 1 !important;
+            background-color: ${
+              occupancy === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'
+            } !important;
+            transition: background-color 1s !important;
+          }
+          .bubble-sub-button {
+            background: transparent
+          }
+          .bubble-sub-button-1 {
+            background-color: ${
+              hot === 'on' ? 'var(--error-color)' : cold === 'on' ? 'var(--purple-color)' : occupancy === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'
+            } !important;
+          }
+        `;
       sub_button:
         - entity: '[[temp_entity]]'
           name: Temp
@@ -106,16 +137,11 @@ streamline_templates:
       modules:
         - default
         - temperature_colouring
-        - main_button_floors
       temperature_colouring:
         temperature_sensor: '[[temp_entity]]'
         elements:
           sub_buttons:
             - 1
-      main_button_floors:
-        occupancy_entity: '[[occupancy_entity]]'
-        hot_entity: '[[hot_entity]]'
-        cold_entity: '[[cold_entity]]'
   main_button_outdoors:
     defaults:
       name: ''
@@ -147,6 +173,28 @@ streamline_templates:
         tap_action:
           action: navigate
           navigation_path: '[[navigation_path]]'
+      styles_javascript: |
+        const occupancy = states['[[occupancy_entity]]'].state;
+        return `
+          .is-unavailable {
+            opacity: 0.5 !important;
+          }
+          .bubble-button-background {
+            opacity: 1 !important;
+            background-color: ${
+              occupancy === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'
+            } !important;
+            transition: background-color 1s !important;
+          }
+          .bubble-sub-button {
+            background: transparent
+          }
+          .bubble-sub-button-1 {
+            background-color: ${
+              occupancy === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'
+            } !important;
+          }
+        `;
       sub_button:
         - entity: '[[temp_entity]]'
           name: Temp
@@ -166,14 +214,11 @@ streamline_templates:
       modules:
         - default
         - temperature_colouring
-        - main_button_outdoors
       temperature_colouring:
         temperature_sensor: '[[temp_entity]]'
         elements:
           sub_buttons:
             - 1
-      main_button_outdoors:
-        occupancy_entity: '[[occupancy_entity]]'
   floors_separator:
     defaults:
       - name: ''
@@ -214,9 +259,15 @@ streamline_templates:
           action: none
         hold_action:
           action: none
-      modules:
+      styles: |-
-        - default
+        .is-unavailable {
-        - popup_security_button
+          opacity: 0.5 !important;
+        }
+        .bubble-button-background {
+          opacity: 1 !important;
+          background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
+          transition: background-color 1s !important;
+        }
   popup_accent_color_button:
     defaults:
       - name: ''
@@ -238,14 +289,14 @@ streamline_templates:
           action: none
         hold_action:
           action: none
-      modules:
+      styles: |-
-        - default
+        .bubble-button-background {
-        - popup_accent_color_button
+          opacity: 1 !important;
+          background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
+        }
   popup_temperature_button:
     defaults:
       - name: ''
-      - hot_entity: ''
-      - cold_entity: ''
     card:
       type: custom:bubble-card
       card_type: button
@@ -253,12 +304,15 @@ streamline_templates:
       entity: '[[entity]]'
       name: '[[name]]'
       show_attribute: false
-      modules:
+      styles: |
-        - default
+        .is-unavailable {
-        - popup_temperature_button
+          opacity: 0.5 !important;
-      popup_temperature_button:
+        }
-        hot_entity: '[[hot_entity]]'
+        .bubble-button-background {
-        cold_entity: '[[cold_entity]]'
+          opacity: 1 !important;
+          background-color: ${hass.states['[[hot_entity]]'].state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
+          transition: background-color 1s !important;
+        }
   popup_timer_card:
     defaults:
       name: ''
@@ -1218,8 +1272,6 @@ views:
                       action: toggle
                     icon: mdi:palette
                 styles: ''
-                modules:
-                  - default
               - type: custom:bubble-card
                 card_type: separator
                 name: Lights
@@ -1402,9 +1454,6 @@ views:
                     button_action:
                       double_tap_action:
                         action: none
-                    button_type: switch
-                    modules:
-                      - default
                   - type: custom:bubble-card
                     card_type: button
                     button_type: switch
@@ -1436,26 +1485,8 @@ views:
                     button_action:
                       double_tap_action:
                         action: none
-                    button_type: switch
-                    modules:
-                      - default
                   - type: custom:bubble-card
-                    card_type: button
+                    card_type: empty-column
-                    name: Recliner Mode
-                    show_state: true
-                    tap_action:
-                      action: toggle
-                    double_tap_action:
-                      action: none
-                    hold_action:
-                      action: more-info
-                    button_action:
-                      double_tap_action:
-                        action: none
-                    button_type: switch
-                    modules:
-                      - default
-                    entity: input_boolean.recliner_mode
               - type: custom:bubble-card
                 card_type: separator
                 name: Status
@@ -1490,8 +1521,8 @@ views:
                   - type: custom:streamline-card
                     template: popup_accent_color_button
                     variables:
-                      name: Motion
+                      - name: Motion
-                      entity: binary_sensor.basement_studio_motion
+                      - entity: binary_sensor.basement_studio_motion
                   - type: custom:streamline-card
                     template: popup_accent_color_button
                     variables:
@@ -3675,14 +3706,7 @@ views:
             entity: binary_sensor.lightning_warning
             state: 'on'
       - type: custom:mushroom-template-badge
-        content: >-
+        content: It is currently raining!
-          {% if
-          states('sensor.home_tempest_cloud_sensors_precipitation_intensity')
-          not in ['unavailable','unknown','no_rain'] %}
-            {{ states('sensor.home_tempest_cloud_sensors_precipitation_intensity') | replace('_',' ') | title }}
-          {% else %}
-            It is currently raining!
-          {% endif %}
         icon: mdi:weather-rainy
         color: |-
           {% if is_state('binary_sensor.raining','on') %}
@@ -3762,22 +3786,6 @@ views:
           - condition: state
             entity: binary_sensor.emma_bedroom_door
             state: 'on'
-      - type: custom:mushroom-template-badge
-        content: '{{ states(entity) | title }}'
-        icon: fas:shower
-        entity: input_boolean.shower_mode
-        label: Shower Mode
-        color: var(--warning-color)
-        tap_action:
-          action: none
-        hold_action:
-          action: none
-        double_tap_action:
-          action: none
-        visibility:
-          - condition: state
-            entity: input_boolean.shower_mode
-            state: 'on'
       - type: custom:mushroom-template-badge
         content: |-
           {% if is_state('input_boolean.school_cancelled','on') %}
@@ -4070,22 +4078,6 @@ views:
           - condition: state
             entity: input_boolean.emma_sleeping
             state: 'on'
-      - type: custom:mushroom-template-badge
-        icon: mdi:wrench-clock
-        entity: input_boolean.server_maintenance
-        color: var(--warning-color)
-        label: Server Maintenance
-        content: Interruptions Possible
-        tap_action:
-          action: none
-        hold_action:
-          action: none
-        double_tap_action:
-          action: none
-        visibility:
-          - condition: state
-            entity: input_boolean.server_maintenance
-            state: 'on'
     header:
       card:
         type: markdown