TimeTable v4.1.0 - Dashboard Cards Collection

Three new specialized Lovelace cards for beautiful timetable display on your Home Assistant dashboard!

🎉 New Features

📱 Next Lesson Card

Compact, focused view of current and upcoming lessons

• Show current lesson only (when active) or include next lessons
• Option to display previous lesson (if recently ended)
• Configurable to show 1 or 2 upcoming lessons
• Status badges: "Now", "Next", "Previous", "Later"
• Perfect for dashboard quick glance and mobile views

type: custom:timetable-next-lesson-card
entity: sensor.timetable_current
show_upcoming: 2
show_room: true
show_teacher: true

📅 Full Schedule Card

Complete week grid layout with current lesson highlighting

• Responsive grid showing entire week (Mon-Fri or Mon-Sun)
• Current lesson highlighted with pulse animation
• Today column specially marked
• Compact mode for mobile devices
• Perfect for tablets and wall-mounted displays

type: custom:timetable-schedule-card
entity: sensor.timetable_current
show_weekends: false
compact_mode: false
highlight_current: true

🏫 Enhanced Original Card

Updated to v4.1.0 with logo support

• Integration logo displayed in header
• Material Design Icons auto-loading
• Improved styling and layout

✨ Features

• Integration Logo: All cards display your logo with automatic fallback to MDI icon
• Configurable: logo_url option for custom branding
• Material Design Icons: Automatically loaded, no dependencies
• Smooth Animations: Hover effects, pulse animations, transitions
• Theme Support: Perfect in both light and dark themes
• Mobile Responsive: All cards adapt to any screen size
• Professional Design: Clean, modern Mushroom-inspired aesthetic

📚 Documentation

• https://github.com/alles-automatisch/timetable/blob/main/CARDS.md - Complete guide with examples and use cases
• https://github.com/alles-automatisch/timetable/blob/main/RELEASE_NOTES_v4.1.0.md - Comprehensive release documentation

🚀 Installation

Via HACS (Recommended):

1. HACS → Integrations → TimeTable → Update
2. Restart Home Assistant
3. Hard refresh browser (Ctrl+F5 or Cmd+Shift+R)
4. Cards automatically available in card picker!

No breaking changes - All existing configurations continue to work.

📝 Quick Start Examples

Mobile Dashboard:

• type: custom:timetable-next-lesson-card
  entity: sensor.timetable_current
  show_current_only: true
  show_room: false

Tablet Overview:

• type: custom:timetable-schedule-card
  entity: sensor.timetable_current
  compact_mode: false
  show_weekends: false

Wall Display:

• type: custom:timetable-schedule-card
  entity: sensor.timetable_current
  show_weekends: true
  highlight_current: true

🎯 Card Comparison
┌──────────┬──────────────────┬───────────────────┬───────────────────┐
│ Feature │ Next Lesson │ Full Schedule │ Original │
├──────────┼──────────────────┼───────────────────┼───────────────────┤
│ Size │ Compact (2 rows) │ Large (6-10 rows) │ Medium (3-6 rows) │
├──────────┼──────────────────┼───────────────────┼───────────────────┤
│ Focus │ Current/Next │ Entire Week │ Today or Week │
├──────────┼──────────────────┼───────────────────┼───────────────────┤
│ Best For │ Quick glance │ Overview │ Flexible │
├──────────┼──────────────────┼───────────────────┼───────────────────┤
│ Mobile │ Excellent │ Good (compact) │ Good │
└──────────┴──────────────────┴───────────────────┴───────────────────┘
🔧 What's Changed

Added

• New card: timetable-next-lesson-card.js - Compact current/upcoming view
• New card: timetable-schedule-card.js - Full week grid with highlighting
• Logo support in all three cards with fallback
• Material Design Icons auto-loading
• Configurable logo_url option
• CARDS.md - Complete documentation guide

Enhanced

• Original timetable-card.js updated to v4.1.0
• Logo integration in headers
• Improved styling and animations

Documentation

• Comprehensive CARDS.md guide
• Configuration examples for all use cases
• Troubleshooting guide
• Layout examples

📊 Technical Details

• Three independent card files for modularity
• Registered in window.customCards for card picker
• Consistent design language across all cards
• Responsive grid layouts adapt to any screen
• Smooth animations with GPU acceleration
• Full theme support via CSS variables
• Browser compatible: Chrome 88+, Firefox 92+, Safari 14+

🎨 Design Highlights

• Clean, modern Mushroom-inspired aesthetic
• Color-coded lesson blocks
• Status badges for lesson timing
• Pulse animation on active lessons
• Professional logo integration
• Smooth hover effects
• Responsive layouts

📖 Documentation

• Full Guide: https://github.com/alles-automatisch/timetable/blob/main/CARDS.md
• Release Notes: https://github.com/alles-automatisch/timetable/blob/main/RELEASE_NOTES_v4.1.0.md
• Changelog: https://github.com/alles-automatisch/timetable/blob/main/CHANGELOG.md

🔗 Links

• Issues: https://github.com/alles-automatisch/timetable/issues
• Discussions: https://github.com/alles-automatisch/timetable/discussions
• HACS: Available in default repository

✅ Tested

• ✅ All icons display correctly
• ✅ Logos load with fallback
• ✅ Responsive on all screen sizes
• ✅ Works in light and dark themes
• ✅ Mobile optimized
• ✅ No console errors
• ✅ Production ready

---

Recommended upgrade for all users wanting beautiful dashboard integration! 📅✨