Add mobile device trackers page to mobile dashboard

mobile_dashboard.yaml

@@ -300,6 +300,124 @@ streamline_templates:
         - state_color_button
       state_color_button:
         color: '[[color]]'
+  phone_info_grid:
+    card:
+      type: custom:stack-in-card
+      card_mod:
+        style: |
+          ha-card {
+            overflow: visible !important;
+          }
+      cards:
+        - type: glance
+          entities:
+            - entity: device_tracker.[[device]]
+              name: Location
+            - entity: sensor.[[device]]_interval
+              name: Interval
+              icon: mdi:clock-start
+            - entity: sensor.[[device]]_travel_time
+              name: TravTime
+              icon: mdi:clock-outline
+            - entity: sensor.[[device]]_zone_distance
+              name: Home
+              icon: mdi:map-marker-distance
+            - entity: sensor.[[device]]_next_update
+              name: NextUpdt
+              icon: mdi:update
+          state_color: false
+        - type: glance
+          entities:
+            - entity: sensor.[[device]]_waze_distance
+              name: WazeDist
+              icon: mdi:map-marker-distance
+            - entity: sensor.[[device]]_calc_distance
+              name: CalcDist
+              icon: mdi:map-marker-distance
+            - entity: sensor.[[device]]_dir_of_travel
+              name: Direction
+              icon: mdi:compass-outline
+            - entity: sensor.[[device]]_last_located
+              name: Located
+              icon: mdi:map-clock
+            - entity: sensor.[[device]]_last_update
+              name: LastUpdt
+              icon: mdi:history
+        - type: horizontal-stack
+          cards:
+            - type: entities
+              entities:
+                - entity: sensor.[[device]]_info
+                  name: Info
+                  icon: mdi:information-outline
+  iphone_entities_card:
+    card:
+      type: entities
+      entities:
+        - entity: device_tracker.[[device]]_app
+          name: App Location
+        - type: custom:battery-state-entity
+          entity: sensor.[[device]]_battery
+          name: Battery
+          tap_action: more-info
+          charging_state:
+            entity_id: sensor.[[device]]_battery_status
+            state: Charging
+        - type: custom:template-entity-row
+          name: Connection Type
+          entity: sensor.[[device]]_connection_type
+          state: |
+            {% if is_state('sensor.[[device]]_connection_type','Cellular') %}
+              {{ state_attr('sensor.[[device]]_connection_type','Cellular Technology') }}
+            {% elif is_state('sensor.[[device]]_connection_type','Wi-Fi') %}
+              Wi-Fi
+            {% else %}
+              Unknown
+            {% endif %}
+        - entity: sensor.[[device]]_ssid
+          name: SSID
+        - entity: sensor.[[device]]_steps
+          name: Steps Today
+        - entity: binary_sensor.[[device]]_focus
+          name: Focus
+        - entity: sensor.[[device]]_storage
+          name: Storage
+      show_header_toggle: false
+      state_color: true
+  ipad_entities_card:
+    card:
+      type: entities
+      entities:
+        - entity: device_tracker.[[device]]_app
+          name: App Location
+        - type: custom:battery-state-entity
+          entity: sensor.[[device]]_battery
+          name: Battery
+          tap_action: more-info
+          charging_state:
+            entity_id: sensor.[[device]]_battery_status
+            state: Charging
+        - type: custom:template-entity-row
+          name: Connection Type
+          entity: sensor.[[device]]_connection_type
+          state: |
+            {% if is_state('sensor.[[device]]_connection_type','Cellular') %}
+              {{ state_attr('sensor.[[device]]_connection_type','Cellular Technology') }}
+            {% elif is_state('sensor.[[device]]_connection_type','Wi-Fi') %}
+              Wi-Fi
+            {% else %}
+              Unknown
+            {% endif %}
+        - entity: sensor.[[device]]_ssid
+          name: SSID
+        - entity: binary_sensor.[[device]]_focus
+          name: Focus
+        - entity: sensor.[[device]]_storage
+          name: Storage
+        - entity: sensor.[[device]]_info
+          name: Info
+      show_header_toggle: false
+      state_color: true
 views:
   - title: Home
     path: home
@@ -356,6 +474,13 @@ views:
                 layout: vertical
                 icon_type: entity-picture
                 fill_container: false
+          - type: custom:streamline-card
+            template: main_button_name
+            variables:
+              name: Mobile Devices
+              icon: mdi:cellphone-information
+              navigation_path: /dashboard-mobile/mobile-devices
+              columns: '4'
           - type: heading
             icon: mdi:cctv
             heading: Cameras
@@ -509,6 +634,19 @@ views:
                   !important;
                   transition: background-color 1s !important;
                 }
+                .bubble-icon {
+                  color:
+                  {% 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(--bubble-main-icon-color)
+                  {% elif feeding_reminders < 3 and cleaning_reminders < 3 %}
+                    var(--warning-color)
+                  {% else %}
+                    var(--error-color)
+                  {% endif %}
+                  !important;
+                  transition: color 1s !important;
           - type: custom:streamline-card
             template: main_button_name
             variables:
@@ -624,6 +762,24 @@ views:
                   !important;
                   transition: background-color 1s !important;
                 }
+                .bubble-icon {
+                  color:
+                  {% set counters = states.counter
+                    | selectattr('entity_id','contains','tony')
+                    | selectattr('entity_id','contains','meds')
+                    | map(attribute='state')
+                    | max 
+                    | int %}
+                  {% if counters == 0 %}
+                    var(--bubble-main-icon-color)
+                  {% elif counters < 3 %}
+                    var(--warning-color)
+                  {% else %}
+                    var(--error-color)
+                  {% endif %}
+                  !important;
+                  transition: color 1s !important;
+                }
             visibility:
               - condition: user
                 users:
@@ -667,6 +823,24 @@ views:
                   !important;
                   transition: background-color 1s !important;
                 }
+                .bubble-icon {
+                  color:
+                  {% set counters = states.counter
+                    | selectattr('entity_id','contains','tina')
+                    | selectattr('entity_id','contains','meds')
+                    | map(attribute='state')
+                    | max 
+                    | int %}
+                  {% if counters == 0 %}
+                    var(--bubble-main-icon-color)
+                  {% elif counters < 3 %}
+                    var(--warning-color)
+                  {% else %}
+                    var(--error-color)
+                  {% endif %}
+                  !important;
+                  transition: color 1s !important;
+                }
             visibility:
               - condition: user
                 users:
@@ -718,6 +892,24 @@ views:
                   !important;
                   transition: background-color 1s !important;
                 }
+                .bubble-icon {
+                  color:
+                  {% set counters = states.counter
+                    | selectattr('entity_id','contains','kallen')
+                    | selectattr('entity_id','contains','meds')
+                    | map(attribute='state')
+                    | max 
+                    | int %}
+                  {% if counters == 0 %}
+                    var(--bubble-main-icon-color)
+                  {% elif counters < 3 %}
+                    var(--warning-color)
+                  {% else %}
+                    var(--error-color)
+                  {% endif %}
+                  !important;
+                  transition: color 1s !important;
+                }
           - type: custom:bubble-card
             card_type: button
             button_type: name
@@ -5991,6 +6183,172 @@ views:
     cards: []
     badges: []
     subview: true
+  - title: Mobile Devices
+    path: mobile-devices
+    icon: mdi:cellphone-information
+    type: sections
+    sections:
+      - type: grid
+        cards:
+          - type: heading
+            heading: Tony's iPhone
+          - type: custom:streamline-card
+            template: iphone_entities_card
+            variables:
+              - device: tony_s_iphone
+          - type: custom:streamline-card
+            template: phone_info_grid
+            variables:
+              - device: tony_s_iphone
+        column_span: 2
+      - type: grid
+        cards:
+          - type: heading
+            heading: Tina's iPhone
+          - type: custom:streamline-card
+            template: iphone_entities_card
+            variables:
+              - device: tinas_iphone
+          - type: custom:streamline-card
+            template: phone_info_grid
+            variables:
+              - device: tinas_iphone
+        column_span: 2
+      - type: grid
+        cards:
+          - type: heading
+            heading: Kallen's iPhone
+          - type: custom:streamline-card
+            template: iphone_entities_card
+            variables:
+              - device: kallen_iphone
+          - type: custom:streamline-card
+            template: phone_info_grid
+            variables:
+              - device: kallen_iphone
+        column_span: 2
+      - type: grid
+        cards:
+          - type: heading
+            heading: Map
+          - type: map
+            entities:
+              - entity: person.tony_stork
+              - entity: person.christina_stork
+              - entity: person.kallen_stork
+              - entity: zone.bob_evans
+              - entity: zone.home
+              - entity: zone.aldi
+              - entity: zone.chief
+              - entity: zone.courtney_cave
+              - entity: zone.dollar_general_clinton_st
+              - entity: zone.elementary_school
+              - entity: zone.kroger
+              - entity: zone.meijer
+              - entity: zone.menards
+              - entity: zone.middle_school
+              - entity: zone.rite_aid
+              - entity: zone.the_elder_storks
+              - entity: zone.wal_mart
+              - entity: zone.latty
+            hours_to_show: 24
+            theme_mode: dark
+      - type: grid
+        cards:
+          - type: heading
+            heading: Tony's iPad
+          - type: custom:streamline-card
+            template: ipad_entities_card
+            variables:
+              - device: tony_s_ipad
+      - type: grid
+        cards:
+          - type: heading
+            heading: Tina’s iPad
+          - type: custom:streamline-card
+            template: ipad_entities_card
+            variables:
+              - device: tinas_ipad
+      - type: grid
+        cards:
+          - type: heading
+            heading: Tony's Accessories
+          - type: entities
+            entities:
+              - type: custom:battery-state-entity
+                entity: sensor.tony_s_apple_watch_battery
+                name: Battery
+                tap_action: more-info
+                charging_state:
+                  entity_id: sensor.tony_s_apple_watch_battery_status
+                  state: Charging
+              - entity: sensor.tony_s_apple_watch_zone_distance
+                name: Distance
+              - entity: sensor.tony_s_apple_watch_info
+                name: Info
+            show_header_toggle: false
+            state_color: true
+            title: Apple Watch
+          - type: entities
+            entities:
+              - entity: sensor.tonys_airpods_pro_zone_distance
+                name: Distance
+              - entity: sensor.tonys_airpods_pro_info
+                name: Info
+            state_color: true
+            show_header_toggle: false
+            title: Airpods Pro
+      - type: grid
+        cards:
+          - type: heading
+            heading: Tina's Accessories
+          - type: entities
+            entities:
+              - type: custom:battery-state-entity
+                entity: sensor.christinas_apple_watch_battery
+                name: Battery
+                tap_action: more-info
+                charging_state:
+                  entity_id: sensor.christinas_apple_watch_battery_status
+                  state: Charging
+              - entity: sensor.christinas_apple_watch_zone_distance
+                name: Distance
+              - entity: sensor.christinas_apple_watch_info
+                name: Info
+            show_header_toggle: false
+            state_color: true
+            title: Apple Watch
+          - type: entities
+            entities:
+              - entity: sensor.tinas_airpods_pro_zone_distance
+                name: Distance
+              - entity: sensor.tinas_airpods_pro_info
+                name: Info
+            show_header_toggle: false
+            state_color: true
+            title: Airpods Pro
+    max_columns: 4
+    cards: []
+    badges:
+      - type: entity
+        show_name: true
+        show_state: true
+        show_icon: true
+        entity: person.tony_stork
+        color: ''
+      - type: entity
+        show_name: true
+        show_state: true
+        show_icon: true
+        entity: person.christina_stork
+        color: ''
+      - type: entity
+        show_name: true
+        show_state: true
+        show_icon: true
+        entity: person.kallen_stork
+        color: ''
+    subview: true
   - type: sections
     max_columns: 4
     title: Test
@@ -6197,7 +6555,7 @@ views:
           - type: custom:bubble-card
             card_type: button
             button_type: state
-            entity: binary_sensor.living_room_front_motion
+            entity: binary_sensor.living_room_back_motion
             name: State Color Button
             show_state: true
             tap_action: