New idea for lights cards for each room

home_automation/Home-Assistant-Configs#245

admin_dashboard.yaml

@@ -405,6 +405,8 @@ views:
                 to: ''
               - from: Dimmer Switch
                 to: ''
+              - from: Home Tempest Cloud Sensors
+                to: Tempest Weather Station
             collapse:
               - name: 'Door Sensors (min: {min}%, count: {count})'
                 secondary_info: Battery levels {range}%

mobile_dashboard.yaml

@@ -34,20 +34,6 @@ streamline_templates:
           background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--bubble-main-background-color)'} !important;
           transition: background-color 1s !important;
         }
-        .bubble-icon-container {
-          background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
-        }
-        .bubble-icon-container::after {
-          opacity: ${state === 'on' ? 0.3 : 0} !important;
-          transition: all 1s !important;
-        }
-        .bubble-icon {
-          display: flex !important;
-          opacity: 0.5 !important;
-        }
-        .is-on .bubble-icon {
-          opacity: 1 !important;
-        }
       show_state: false
       columns: '[[columns]]'
   main_button_name:
@@ -123,24 +109,6 @@ streamline_templates:
             } !important;
             transition: background-color 1s !important;
           }
-          .bubble-icon-container {
-            background: ${
-              occupancy === 'on' ? 'var(--accent-color)' : 'var(--card-background-color)'
-            } !important;
-          }
-          .bubble-icon-container::after {
-            opacity: ${
-              occupancy === 'on' ? 0.3 : 0
-            } !important;
-            transition: all 1s !important;
-          }
-          .bubble-icon {
-            display: flex !important;
-            opacity: 0.5 !important;
-          }
-          .is-on .bubble-icon {
-            opacity: 1 !important;
-          }
           .bubble-sub-button {
             background: transparent
           }
@@ -174,6 +142,83 @@ streamline_templates:
         elements:
           sub_buttons:
             - 1
+  main_button_outdoors:
+    defaults:
+      name: ''
+      icon: ''
+      navigation_path: ''
+      occupancy_entity: ''
+      temp_entity: ''
+      lux_entity: ''
+    card:
+      type: custom:bubble-card
+      card_type: button
+      button_type: state
+      entity: '[[occupancy_entity]]'
+      name: '[[name]]'
+      icon: '[[icon]]'
+      show_state: false
+      double_tap_action:
+        action: none
+      hold_action:
+        action: none
+      tap_action:
+        action: navigate
+        navigation_path: '[[navigation_path]]'
+      button_action:
+        double_tap_action:
+          action: none
+        hold_action:
+          action: none
+        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
+          show_state: true
+          show_name: false
+          tap_action:
+            action: navigate
+            navigation_path: '[[navigation_path]]'
+          show_background: false
+        - entity: '[[lux_entity]]'
+          show_state: true
+          name: Lux
+          tap_action:
+            action: navigate
+            navigation_path: '[[navigation_path]]'
+          show_background: false
+      modules:
+        - default
+        - temperature_colouring
+      temperature_colouring:
+        temperature_sensor: '[[temp_entity]]'
+        elements:
+          sub_buttons:
+            - 1
   floors_separator:
     defaults:
       - name: ''
@@ -223,20 +268,6 @@ streamline_templates:
           background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
           transition: background-color 1s !important;
         }
-        .bubble-icon-container {
-          background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
-        }
-        .bubble-icon-container::after {
-          opacity: ${state === 'on' ? 0.3 : 0} !important;
-          transition: all 1s !important;
-        }
-        .bubble-icon {
-          display: flex !important;
-          opacity: 0.5 !important;
-        }
-        .is-on .bubble-icon {
-          opacity: 1 !important;
-        }
   popup_accent_color_button:
     defaults:
       - name: ''
@@ -263,9 +294,6 @@ streamline_templates:
           opacity: 1 !important;
           background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
         }
-        .bubble-icon {
-          color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
-        }
   popup_temperature_button:
     defaults:
       - name: ''
@@ -285,13 +313,6 @@ streamline_templates:
           background-color: ${hass.states['[[hot_entity]]'].state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
           transition: background-color 1s !important;
         }
-        .bubble-icon-container {
-          background: ${hass.states['[[hot_entity]]'].state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
-        }
-        .bubble-icon-container::after {
-          opacity: ${hass.states['[[hot_entity]]'].state === 'on' ? 0.3 : 0} !important;
-          transition: all 1s !important;
-        }
   popup_timer_card:
     defaults:
       name: ''
@@ -492,19 +513,6 @@ views:
                 layout: vertical
                 icon_type: entity-picture
                 fill_container: false
-          - type: heading
-            icon: mdi:calendar
-            heading: Calendar
-            heading_style: title
-          - type: custom:bubble-card
-            card_type: calendar
-            modules:
-              - default
-            entities:
-              - entity: calendar.family
-                color: '#608414'
-            show_end: true
-            show_progress: true
           - type: heading
             icon: mdi:cctv
             heading: Cameras
@@ -529,6 +537,54 @@ views:
               - condition: state
                 entity: camera.side_camera
                 state_not: unavailable
+          - type: heading
+            icon: mdi:calendar
+            heading: Calendar
+            heading_style: title
+          - entities:
+              - entity: calendar.family
+                label: mdi:human-male-female-child
+                color: green
+                accent_color: green
+              - entity: calendar.kallen_school_days
+                label: mdi:school
+                color: orange
+                accent_color: orange
+              - entity: calendar.tony_s_twitch_schedule
+                label: mdi:twitch
+                color: purple
+                accent_color: purple
+              - calendar.kallen_early_release
+              - calendar.tm24fan8_gmail_com
+              - calendar.irishpirate1988_gmail_com
+              - calendar.vacation
+            days_to_show: 5
+            week_separator_width: 1px
+            month_separator_width: 1px
+            today_indicator: dot
+            weekend_weekday_color: cyan
+            weekend_day_color: cyan
+            weekend_month_color: cyan
+            show_countdown: true
+            show_progress_bar: true
+            remove_location_country: true
+            weather:
+              position: both
+              date:
+                show_conditions: true
+                show_high_temp: true
+                show_low_temp: true
+                icon_size: 14px
+                font_size: 12px
+                color: var(--primary-text-color)
+              event:
+                show_conditions: true
+                show_temp: true
+                icon_size: 14px
+                font_size: 12px
+                color: var(--primary-text-color)
+              entity: weather.iron_nerd_weather_station
+            type: custom:calendar-card-pro
       - type: grid
         cards:
           - type: heading
@@ -608,38 +664,6 @@ views:
                   !important;
                   transition: background-color 1s !important;
                 }
-                .bubble-icon-container {
-                  background:
-                  {% set feeding_reminders = states('counter.rabbit_feeding_reminder_count') | int %}
-                  {% set cleaning_reminders = states('counter.rabbit_hutch_cleaning_reminder_count') | int %}
-                  {% if feeding_reminders == 0 and cleaning_reminders == 0 %}
-                    var(--card-background-color)
-                  {% elif feeding_reminders < 3 and cleaning_reminders < 3 %}
-                    var(--warning-color)
-                  {% else %}
-                    var(--error-color)
-                  {% endif %}
-                  !important;
-                }
-                .bubble-icon-container::after {
-                  opacity:
-                  {% set feeding_reminders = states('counter.rabbit_feeding_reminder_count') | int %}
-                  {% set cleaning_reminders = states('counter.rabbit_hutch_cleaning_reminder_count') | int %}
-                  {% if feeding_reminders > 0 or cleaning_reminders > 0 %}
-                    0.3
-                  {% else %}
-                    0
-                  {% endif %}
-                  !important;
-                  transition: all 1s !important;
-                }
-                .bubble-icon {
-                  display: flex !important;
-                  opacity: 0.5 !important;
-                }
-                .is-on .bubble-icon {
-                  opacity: 1 !important;
-                }
           - type: custom:streamline-card
             template: main_button_name
             variables:
@@ -755,46 +779,6 @@ views:
                   !important;
                   transition: background-color 1s !important;
                 }
-                .bubble-icon-container {
-                  background:
-                  {% set counters = states.counter
-                    | selectattr('entity_id','contains','tony')
-                    | selectattr('entity_id','contains','meds')
-                    | map(attribute='state')
-                    | max 
-                    | int %}
-                  {% if counters == 0 %}
-                    var(--card-background-color)
-                  {% elif counters < 3 %}
-                    var(--warning-color)
-                  {% else %}
-                    var(--error-color)
-                  {% endif %}
-                  !important;
-                }
-                .bubble-icon-container::after {
-                  opacity:
-                  {% set counters = states.counter
-                    | selectattr('entity_id','contains','tony')
-                    | selectattr('entity_id','contains','meds')
-                    | map(attribute='state')
-                    | max 
-                    | int %}
-                  {% if counters > 0 %}
-                    0.3
-                  {% else %}
-                    0
-                  {% endif %}
-                  !important;
-                  transition: all 1s !important;
-                }
-                .bubble-icon {
-                  display: flex !important;
-                  opacity: 0.5 !important;
-                }
-                .is-on .bubble-icon {
-                  opacity: 1 !important;
-                }
             visibility:
               - condition: user
                 users:
@@ -838,46 +822,6 @@ views:
                   !important;
                   transition: background-color 1s !important;
                 }
-                .bubble-icon-container {
-                  background:
-                  {% set counters = states.counter
-                    | selectattr('entity_id','contains','tina')
-                    | selectattr('entity_id','contains','meds')
-                    | map(attribute='state')
-                    | max 
-                    | int %}
-                  {% if counters == 0 %}
-                    var(--card-background-color)
-                  {% elif counters < 3 %}
-                    var(--warning-color)
-                  {% else %}
-                    var(--error-color)
-                  {% endif %}
-                  !important;
-                }
-                .bubble-icon-container::after {
-                  opacity:
-                  {% set counters = states.counter
-                    | selectattr('entity_id','contains','tina')
-                    | selectattr('entity_id','contains','meds')
-                    | map(attribute='state')
-                    | max 
-                    | int %}
-                  {% if counters > 0 %}
-                    0.3
-                  {% else %}
-                    0
-                  {% endif %}
-                  !important;
-                  transition: all 1s !important;
-                }
-                .bubble-icon {
-                  display: flex !important;
-                  opacity: 0.5 !important;
-                }
-                .is-on .bubble-icon {
-                  opacity: 1 !important;
-                }
             visibility:
               - condition: user
                 users:
@@ -929,46 +873,6 @@ views:
                   !important;
                   transition: background-color 1s !important;
                 }
-                .bubble-icon-container {
-                  background:
-                  {% set counters = states.counter
-                    | selectattr('entity_id','contains','kallen')
-                    | selectattr('entity_id','contains','meds')
-                    | map(attribute='state')
-                    | max 
-                    | int %}
-                  {% if counters == 0 %}
-                    var(--card-background-color)
-                  {% elif counters < 3 %}
-                    var(--warning-color)
-                  {% else %}
-                    var(--error-color)
-                  {% endif %}
-                  !important;
-                }
-                .bubble-icon-container::after {
-                  opacity:
-                  {% set counters = states.counter
-                    | selectattr('entity_id','contains','kallen')
-                    | selectattr('entity_id','contains','meds')
-                    | map(attribute='state')
-                    | max 
-                    | int %}
-                  {% if counters > 0 %}
-                    0.3
-                  {% else %}
-                    0
-                  {% endif %}
-                  !important;
-                  transition: all 1s !important;
-                }
-                .bubble-icon {
-                  display: flex !important;
-                  opacity: 0.5 !important;
-                }
-                .is-on .bubble-icon {
-                  opacity: 1 !important;
-                }
           - type: custom:bubble-card
             card_type: button
             button_type: name
@@ -1036,54 +940,15 @@ views:
               - icon: hue:room-outdoors
               - power_entity: sensor.outside_lights_power_sensor
               - lights_entity: light.outside_lights
-          - type: custom:bubble-card
-            card_type: button
-            button_type: state
-            entity: binary_sensor.front_doorbell_motion_mqtt
-            name: Front Porch
-            icon: hue:room-porch
-            show_state: false
-            double_tap_action:
-              action: none
-            hold_action:
-              action: none
-            button_action:
-              double_tap_action:
-                action: none
-              hold_action:
-                action: none
-              tap_action:
-                action: navigate
-                navigation_path: '#front-porch'
-            styles: |-
-              .is-unavailable {
-                opacity: 0.5 !important;
-              }
-              .bubble-button-background {
-                opacity: 1 !important;
-                background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'} !important;
-                transition: background-color 1s !important;
-              }
-              .bubble-icon-container {
-                background: ${state === 'on' ? 'var(--accent-color)' : 'var(--card-background-color)'} !important;
-              }
-              .bubble-icon-container::after {
-                opacity: ${state === 'on' ? 0.3 : 0} !important;
-                transition: all 1s !important;
-              }
-              .bubble-icon {
-                display: flex !important;
-                opacity: 0.5 !important;
-              }
-              .is-on .bubble-icon {
-                opacity: 1 !important;
-              }
-            tap_action:
-              action: navigate
-              navigation_path: '#front-porch'
-            sub_button: []
-            modules:
-              - default
+          - type: custom:streamline-card
+            template: main_button_outdoors
+            variables:
+              - name: Front Porch
+              - icon: hue:room-porch
+              - navigation_path: '#front-porch'
+              - occupancy_entity: binary_sensor.front_doorbell_motion_mqtt
+              - temp_entity: sensor.home_tempest_temperature
+              - lux_entity: sensor.home_tempest_illuminance
           - type: custom:streamline-card
             template: floors_separator
             variables:
@@ -1300,9 +1165,6 @@ views:
                         opacity: 1 !important;
                         background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
                       }
-                      .bubble-icon {
-                        color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
-                      }
                     modules:
                       - default
                     entity: switch.front_porch_storm_mode
@@ -1338,9 +1200,6 @@ views:
                         opacity: 1 !important;
                         background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
                       }
-                      .bubble-icon {
-                        color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
-                      }
                     modules:
                       - default
                   - type: custom:bubble-card
@@ -1362,14 +1221,24 @@ views:
                         opacity: 1 !important;
                         background-color: ${state === 'on' ? 'var(--success-color)' : 'var(--background-color-2)'} !important;
                       }
-                      .bubble-icon {
-                        color: ${state === 'on' ? 'var(--success-color)' : 'var(--text-color)'} !important;
-                      }
+                    modules:
+                      - default
+              - type: horizontal-stack
+                cards:
+                  - type: custom:bubble-card
+                    card_type: button
+                    button_type: state
+                    name: Lux
+                    modules:
+                      - default
+                    entity: sensor.home_tempest_illuminance
+                  - type: custom:bubble-card
+                    card_type: empty-column
               - type: custom:streamline-card
                 template: popup_timer_card
                 variables:
-                  - name: Lights Timer
-                  - entity: timer.front_porch_motion_timer
+                  name: Lights Timer
+                  entity: timer.front_porch_motion_timer
           - type: vertical-stack
             cards:
               - type: custom:bubble-card
@@ -2662,9 +2531,6 @@ views:
                               opacity: 1 !important;
                               background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
                             }
-                            .bubble-icon {
-                              color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
-                            }
                         - type: custom:bubble-card
                           card_type: button
                           button_type: state
@@ -2689,20 +2555,6 @@ views:
                               background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
                               transition: background-color 1s !important;
                             }
-                            .bubble-icon-container {
-                              background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
-                            }
-                            .bubble-icon-container::after {
-                              opacity: ${state === 'on' ? 0.3 : 0} !important;
-                              transition: all 1s !important;
-                            }
-                            .bubble-icon {
-                              display: flex !important;
-                              opacity: 0.5 !important;
-                            }
-                            .is-on .bubble-icon {
-                              opacity: 1 !important;
-                            }
               - type: horizontal-stack
                 cards:
                   - type: custom:bubble-card
@@ -3065,9 +2917,6 @@ views:
                               opacity: 1 !important;
                               background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
                             }
-                            .bubble-icon {
-                              color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
-                            }
                         - type: custom:bubble-card
                           card_type: button
                           button_type: state
@@ -3092,20 +2941,6 @@ views:
                               background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
                               transition: background-color 1s !important;
                             }
-                            .bubble-icon-container {
-                              background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
-                            }
-                            .bubble-icon-container::after {
-                              opacity: ${state === 'on' ? 0.3 : 0} !important;
-                              transition: all 1s !important;
-                            }
-                            .bubble-icon {
-                              display: flex !important;
-                              opacity: 0.5 !important;
-                            }
-                            .is-on .bubble-icon {
-                              opacity: 1 !important;
-                            }
               - type: conditional
                 conditions:
                   - condition: state
@@ -3236,20 +3071,6 @@ views:
                     background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
                     transition: background-color 1s !important;
                   }
-                  .bubble-icon-container {
-                    background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
-                  }
-                  .bubble-icon-container::after {
-                    opacity: ${state === 'on' ? 0.3 : 0} !important;
-                    transition: all 1s !important;
-                  }
-                  .bubble-icon {
-                    display: flex !important;
-                    opacity: 0.5 !important;
-                  }
-                  .is-on .bubble-icon {
-                    opacity: 1 !important;
-                  }
               - type: custom:bubble-card
                 card_type: separator
                 name: Doors
@@ -3504,6 +3325,8 @@ views:
                 button_type: name
                 name: Batteries
                 icon: mdi:battery-charging
+                modules:
+                  - default
               - type: custom:battery-state-card
                 sort_by_level: asc
                 bulk_rename:
@@ -3513,6 +3336,8 @@ views:
                     to: ''
                   - from: Dimmer Switch
                     to: ''
+                  - from: Home Tempest Cloud Sensors
+                    to: Tempest Weather Station
                 collapse:
                   - name: 'Door Sensors (min: {min}%, count: {count})'
                     secondary_info: Battery levels {range}%
@@ -3521,7 +3346,7 @@ views:
                       - sensor.front_door_battery
                       - sensor.back_door_battery
                       - sensor.basement_studio_door_battery
-                      - sensor.downstairs_bathroom_door_battery
+                      - sensor.emma_bedroom_door_battery
                   - name: 'Window Sensors (min: {min}%, count: {count})'
                     secondary_info: Battery levels {range}%
                     icon: mdi:window-closed
@@ -3864,8 +3689,9 @@ views:
             state: 'on'
       - type: custom:mushroom-template-badge
         content: >-
-          {{ states('sensor.blitzortung_lightning_counter') }} lightning strikes
-          nearby!
+          {{
+          states('sensor.home_tempest_cloud_sensors_lightning_strikes_last_hour')
+          }} strikes in last hour!
         icon: mdi:lightning-bolt
         color: |-
           {% if is_state('binary_sensor.lightning_warning','on') %}
@@ -3960,6 +3786,51 @@ views:
           - condition: state
             entity: binary_sensor.emma_bedroom_door
             state: 'on'
+      - type: custom:mushroom-template-badge
+        content: |-
+          {% if is_state('input_boolean.school_cancelled','on') %}
+          Cancelled
+          {% elif is_state('input_boolean.two_hour_delay','on') %}
+          Two Hour Delay
+          {% else %}
+          On Time
+          {% endif %}
+        icon: |-
+          {% if is_state('input_boolean.school_cancelled','on') %}
+          m3rf:cancel
+          {% elif is_state('input_boolean.two_hour_delay','on') %}
+          m3rf:clock-arrow-up
+          {% else %}
+          m3rf:check-circle
+          {% endif %}
+        color: |-
+          {% if is_state('input_boolean.school_cancelled','on') %}
+          red
+          {% elif is_state('input_boolean.two_hour_delay','on') %}
+          yellow
+          {% else %}
+          green
+          {% endif %}
+        label: School Status
+        tap_action:
+          action: url
+          url_path: https://1057thebull.iheart.com/content/school-delays/
+        hold_action:
+          action: none
+        double_tap_action:
+          action: none
+        visibility:
+          - condition: or
+            conditions:
+              - condition: state
+                entity: input_boolean.kallen_school_today
+                state: 'on'
+              - condition: state
+                entity: input_boolean.two_hour_delay
+                state: 'on'
+              - condition: state
+                entity: input_boolean.school_cancelled
+                state: 'on'
       - type: custom:mushroom-template-badge
         content: |-
           {% if is_state(entity,'on') %}