Move some bubble card button theming to modules

home_automation/Home-Assistant-Configs#249

admin_dashboard.yaml

@@ -354,42 +354,148 @@ 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
@@ -1386,6 +1492,9 @@ 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,17 +25,10 @@ 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: ''
@@ -94,30 +87,6 @@ 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
@@ -137,11 +106,16 @@ 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: ''
@@ -173,28 +147,6 @@ 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
@@ -214,11 +166,14 @@ 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: ''
@@ -1272,6 +1227,8 @@ views:
                       action: toggle
                     icon: mdi:palette
                 styles: ''
+                modules:
+                  - default
               - type: custom:bubble-card
                 card_type: separator
                 name: Lights
@@ -1454,6 +1411,9 @@ views:
                     button_action:
                       double_tap_action:
                         action: none
+                    button_type: switch
+                    modules:
+                      - default
                   - type: custom:bubble-card
                     card_type: button
                     button_type: switch
@@ -1485,8 +1445,26 @@ views:
                     button_action:
                       double_tap_action:
                         action: none
+                    button_type: switch
+                    modules:
+                      - default
                   - type: custom:bubble-card
-                    card_type: empty-column
+                    card_type: button
+                    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
@@ -1521,8 +1499,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:
@@ -3706,7 +3684,14 @@ views:
             entity: binary_sensor.lightning_warning
             state: 'on'
       - type: custom:mushroom-template-badge
-        content: It is currently raining!
+        content: >-
+          {% 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') %}
@@ -3786,6 +3771,22 @@ 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') %}
@@ -4078,6 +4079,22 @@ 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