Add browser-mod-automation.yaml

2025-12-31 04:26:21 -08:00
parent c5c5e66f87
commit 650d8cdc87
1 changed files with 77 additions and 0 deletions
--- a/browser-mod-automation.yaml
+++ b/browser-mod-automation.yaml
@@ -0,0 +1,77 @@
+# Browser Mod Auto-Scroll Automation
+# Add this to your Home Assistant automations.yaml or create via UI
+
+automation:
+  - alias: "Kiosk Dashboard Auto-Scroll"
+    description: "Auto-scroll dashboard cards every 5 seconds"
+    trigger:
+      - platform: state
+        entity_id: browser_mod.browser_kiosk
+        to: "on"
+      - platform: homeassistant
+        event: start
+    condition:
+      - condition: state
+        entity_id: browser_mod.browser_kiosk
+        state: "on"
+    action:
+      - delay: "00:00:03"  # Wait 3 seconds for page to load
+      - service: browser_mod.execute_script
+        target:
+          entity_id: browser_mod.browser_kiosk
+        data:
+          command: |
+            (function() {
+              'use strict';
+              console.log('Auto-scroll script starting...');
+              
+              // Get all cards
+              const cards = Array.from(document.querySelectorAll('ha-card'));
+              console.log(`Found ${cards.length} cards`);
+              
+              if (cards.length === 0) {
+                console.error('No cards found!');
+                return;
+              }
+              
+              // Ensure each card takes full viewport height
+              cards.forEach((card, index) => {
+                card.style.minHeight = window.innerHeight + 'px';
+                card.style.scrollMarginTop = '0px';
+                console.log(`Card ${index + 1}: Set min-height to ${window.innerHeight}px`);
+              });
+              
+              // Scroll to first card
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+              
+              let currentIndex = 0;
+              
+              // Function to scroll to next card
+              function scrollToNext() {
+                currentIndex = (currentIndex + 1) % cards.length;
+                const targetCard = cards[currentIndex];
+                
+                if (targetCard) {
+                  targetCard.scrollIntoView({ 
+                    behavior: 'smooth', 
+                    block: 'start',
+                    inline: 'nearest'
+                  });
+                  console.log(`Scrolled to card ${currentIndex + 1} of ${cards.length}`);
+                }
+              }
+              
+              // Start auto-scrolling every 5 seconds
+              const intervalId = setInterval(scrollToNext, 5000);
+              console.log('Auto-scroll enabled: scrolling every 5 seconds');
+              
+              // Store interval ID for cleanup
+              window.dashboardScrollInterval = intervalId;
+              
+              // Cleanup function (optional)
+              window.stopAutoScroll = function() {
+                clearInterval(intervalId);
+                console.log('Auto-scroll stopped');
+              };
+              
+            })();