105 lines
3.4 KiB
Bash
105 lines
3.4 KiB
Bash
#!/bin/bash
|
|
# Inject auto-scroll JavaScript into Firefox
|
|
# This will make the dashboard auto-scroll every 5 seconds
|
|
|
|
echo "Setting up auto-scroll for Home Assistant Dashboard..."
|
|
echo ""
|
|
echo "This script will create a Firefox user script that auto-scrolls the dashboard."
|
|
echo ""
|
|
|
|
# Create Firefox user script directory
|
|
FIREFOX_PROFILE="$HOME/.mozilla/firefox"
|
|
USER_SCRIPT_DIR="$FIREFOX_PROFILE/auto-scroll-script"
|
|
|
|
mkdir -p "$USER_SCRIPT_DIR"
|
|
|
|
# Create the auto-scroll script
|
|
cat > "$USER_SCRIPT_DIR/auto-scroll.js" << 'EOF'
|
|
// Auto-scroll script for Home Assistant Kiosk Dashboard
|
|
(function() {
|
|
console.log('Auto-scroll script loaded');
|
|
|
|
let currentIndex = 0;
|
|
const scrollInterval = 5000; // 5 seconds
|
|
let cards = [];
|
|
let scrollTimer = null;
|
|
|
|
function initAutoScroll() {
|
|
// Wait for cards to load
|
|
cards = document.querySelectorAll('ha-card');
|
|
|
|
if (cards.length === 0) {
|
|
console.log('No cards found, retrying...');
|
|
setTimeout(initAutoScroll, 1000);
|
|
return;
|
|
}
|
|
|
|
console.log(`Found ${cards.length} cards`);
|
|
|
|
// Make each card full viewport height
|
|
cards.forEach((card, index) => {
|
|
card.style.minHeight = window.innerHeight + 'px';
|
|
card.style.scrollMargin = '0';
|
|
});
|
|
|
|
// Function to scroll to next card
|
|
function scrollToNext() {
|
|
if (cards.length === 0) return;
|
|
|
|
currentIndex = (currentIndex + 1) % cards.length;
|
|
const targetCard = cards[currentIndex];
|
|
|
|
if (targetCard) {
|
|
targetCard.scrollIntoView({
|
|
behavior: 'smooth',
|
|
block: 'start'
|
|
});
|
|
console.log(`Scrolled to card ${currentIndex + 1} of ${cards.length}`);
|
|
}
|
|
}
|
|
|
|
// Start auto-scrolling
|
|
console.log('Starting auto-scroll: changing card every 5 seconds');
|
|
scrollTimer = setInterval(scrollToNext, scrollInterval);
|
|
|
|
// Scroll to first card immediately
|
|
if (cards.length > 0) {
|
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
setTimeout(() => {
|
|
cards[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
}, 500);
|
|
}
|
|
}
|
|
|
|
// Start when page loads
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', initAutoScroll);
|
|
} else {
|
|
initAutoScroll();
|
|
}
|
|
|
|
// Re-initialize if cards change (for dynamic content)
|
|
const observer = new MutationObserver(() => {
|
|
const newCards = document.querySelectorAll('ha-card');
|
|
if (newCards.length !== cards.length) {
|
|
console.log('Cards changed, re-initializing...');
|
|
if (scrollTimer) clearInterval(scrollTimer);
|
|
initAutoScroll();
|
|
}
|
|
});
|
|
|
|
observer.observe(document.body, { childList: true, subtree: true });
|
|
})();
|
|
EOF
|
|
|
|
echo "✓ Created auto-scroll script at: $USER_SCRIPT_DIR/auto-scroll.js"
|
|
echo ""
|
|
echo "To inject this script into Firefox:"
|
|
echo "1. Open the dashboard in Firefox"
|
|
echo "2. Press F12 to open Developer Tools"
|
|
echo "3. Go to Console tab"
|
|
echo "4. Copy and paste the contents of: $USER_SCRIPT_DIR/auto-scroll.js"
|
|
echo "5. Press Enter"
|
|
echo ""
|
|
echo "Or, you can inject it automatically by adding it to the dashboard launch script."
|