Add dashboard-kiosk-auto-scroll.yaml

2025-12-31 04:26:32 -08:00
parent ae660113b1
commit 8ef31a54b1
1 changed files with 141 additions and 0 deletions
--- a/dashboard-kiosk-auto-scroll.yaml
+++ b/dashboard-kiosk-auto-scroll.yaml
@@ -0,0 +1,141 @@
+title: Kiosk Dashboard
+path: dashboard-kiosk
+icon: mdi:view-dashboard
+panel: false
+type: sidebar
+views:
+  - title: Kiosk View
+    path: default_view
+    cards:
+      # Auto-scroll injection card (runs JavaScript on load)
+      - type: markdown
+        content: |
+          <script>
+            (function() {
+              setTimeout(function() {
+                const cards = Array.from(document.querySelectorAll('ha-card'));
+                if (cards.length === 0) {
+                  setTimeout(arguments.callee, 1000);
+                  return;
+                }
+                
+                // Make cards full height and larger text
+                cards.forEach(card => {
+                  card.style.minHeight = window.innerHeight + 'px';
+                  card.style.fontSize = '2.5em';
+                  const content = card.querySelector('.card-content, ha-card');
+                  if (content) {
+                    content.style.fontSize = '2em';
+                  }
+                });
+                
+                // Auto-scroll function
+                let currentIndex = 0;
+                function scrollToNext() {
+                  if (cards.length === 0) return;
+                  currentIndex = (currentIndex + 1) % cards.length;
+                  cards[currentIndex].scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'start'
+                  });
+                }
+                
+                // Start auto-scrolling every 5 seconds
+                setInterval(scrollToNext, 5000);
+                window.scrollTo({ top: 0, behavior: 'smooth' });
+                
+                console.log('Auto-scroll enabled: ' + cards.length + ' cards');
+              }, 2000);
+            })();
+          </script>
+          <div style="display:none;">Auto-scroll initializing...</div>
+      - type: markdown
+        content: |
+          <h1 style="font-size: 72px; text-align: center; margin: 40px 0; padding: 60px;">{{ now().strftime('%A, %B %d, %Y') }}</h1>
+          <h2 style="font-size: 48px; text-align: center; margin: 20px 0;">{{ now().strftime('%I:%M %p') }}</h2>
+      - type: weather-forecast
+        entity: weather.forecast_home
+        name: Current Weather
+        show_forecast: true
+        forecast_type: daily
+      - type: entities
+        title: 🌅 Sun Information
+        entities:
+          - entity: sun.sun
+            name: Sun Position
+            icon: mdi:weather-sunny
+          - entity: sensor.sun_next_rising
+            name: Sunrise
+            icon: mdi:weather-sunset-up
+          - entity: sensor.sun_next_setting
+            name: Sunset
+            icon: mdi:weather-sunset-down
+          - entity: sensor.sun_next_dawn
+            name: Dawn
+            icon: mdi:weather-sunset-up
+          - entity: sensor.sun_next_dusk
+            name: Dusk
+            icon: mdi:weather-sunset-down
+      - type: entities
+        title: 🚆 Public Transport
+        entities:
+          - entity: sensor.roslagsbanan_line_28_to_stockholms_ostra
+            name: To Stockholm Östra
+            icon: mdi:train
+          - entity: sensor.roslagsbanan_line_28_to_akersberga
+            name: To Åkersberga
+            icon: mdi:train
+          - entity: sensor.sl_departure_sensor_9636_bravalavagen
+            name: SL Departure
+            icon: mdi:bus
+          - entity: sensor.next_departure_time
+            name: Next Departure
+            icon: mdi:clock-outline
+      - type: entities
+        title: 📹 Camera Status
+        entities:
+          - entity: binary_sensor.backyard_motion
+            name: Backyard Motion
+            icon: mdi:motion-sensor
+          - entity: binary_sensor.frontdoor_motion
+            name: Front Door Motion
+            icon: mdi:motion-sensor
+          - entity: binary_sensor.driveway_motion
+            name: Driveway Motion
+            icon: mdi:motion-sensor
+          - entity: binary_sensor.roofcam_motion
+            name: Roof Camera Motion
+            icon: mdi:motion-sensor
+      - type: entities
+        title: 👥 Occupancy Summary
+        entities:
+          - entity: sensor.backyard_person_count
+            name: Backyard People
+            icon: mdi:account-group
+          - entity: sensor.frontdoor_person_count
+            name: Front Door People
+            icon: mdi:account-group
+          - entity: sensor.driveway_person_count
+            name: Driveway People
+            icon: mdi:account-group
+          - entity: sensor.roofcam_person_count
+            name: Roof Camera People
+            icon: mdi:account-group
+      - type: entities
+        title: 🌐 Network Status
+        entities:
+          - entity: sensor.xe75_download_speed
+            name: Download Speed
+            icon: mdi:download
+          - entity: sensor.xe75_upload_speed
+            name: Upload Speed
+            icon: mdi:upload
+          - entity: sensor.external_ip
+            name: External IP
+            icon: mdi:ip-network
+          - entity: binary_sensor.xe75_wan_status
+            name: WAN Status
+            icon: mdi:router-wireless
+      - type: markdown
+        content: |
+          <div style="height: 100vh;"></div>