HVV departures card for Home Assistant.

This custom UI card shows the next departures at a certain station based on the HVV Departures integration.

• Visual Configuration Editor - Configure the card through the UI without writing YAML
• Displays upcoming departures with line, direction, and time
• Departures sorted by actual arrival time (scheduled time + delay)
• Delay information displayed in red when trains/buses are running late
• Cancelled departures shown with strikethrough and "Cancelled" badge
• Graceful handling when no departures are available ("No departures" message)
• Time filter to show departures after a specified offset
• Support for multiple stations in a single card
• Visual styling matching HVV line colors (U-Bahn, S-Bahn, Bus, etc.)

Install the HVV Departures integration and setup a departure sensor, e.g. sensor.departures_at_jungfernstieg.

HVV Card is available as a custom HACS repository. This is the recommended way to install the custom cards.

1. Open HACS and add this repository to your "Custom repositories".
2. "HVV Departure Card" will show up in the "Frontend" section
3. Click "Install" and continue to configure a card

1. Download the hvv-card.js to /config/www/.
2. Add the following to resources in your Lovelace config or use the Lovelace configuration UI.:

resources:
  - url: /local/hvv-card.js
    type: module

The easiest way to configure the card is through the visual editor:

1. Add a new card to your dashboard
2. Search for "HVV" or "Custom: HVV Card"
3. Use the visual editor to configure entities and options

Alternatively, add a card with type custom:hvv-card:

type: 'custom:hvv-card'
entities:
  - sensor.departures_at_jungfernstieg
  - sensor.departures_at_schlump

Here is a more exhaustive example of a configuration:

type: custom:hvv-card
entities:
  - sensor.departures_at_jungfernstieg
  - sensor.departures_at_schlump
max: 10
show_time: false
show_title: true
show_name: false
show_time_filter: true
title: HVV

Install dependencies and run the tests with:

npm install
npm test

Contributions are welcome! Please read our Contributing Guide for details on:

• Development setup
• Branch naming conventions
• Commit message format (Conventional Commits)
• Pull request process

This project is licensed under the MIT License - see the LICENSE file for details.