Giter Site home page Giter Site logo

nilstgmd / hvv-card Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 7.0 300 KB

Custom Home Assistant card showing HVV departures ๐Ÿš

License: MIT License

JavaScript 100.00%
home-assistant hassio lovelace-ui lovelace custom-cards home-assistant-frontend home-assistant-custom

hvv-card's Introduction

HVV Card

hacs_badge release badge

HVV departures card for Home Assistant.

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

HVV Card dark HVV Card light

Installation

Prerequisite

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

HACS

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

Manual

  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

Configuration

Add a card with type custom:hvv-card:

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

Options

Name Type Default Since Description
type string required v0.1.0 custom:hvv-card
entities array required v0.2.0 Array of entity_ids from the HVV departures integration, that will be shown on the card.
title string optional (Default: HVV Departures) v0.2.0 Title shown on the card.
show_title boolean optional (Default: true) v0.2.0 Shows the title of the card
max int optional (Default: 5) v0.1.0 Set the max. listed departures
show_time boolean optional (Default: false) v0.1.7 Shows the departure time instead of the minutes
show_name boolean optional (Default: true) v0.2.0 Shows the name of the departure sensor

Example

Here is a more exhaustive example of a configuration:

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

hvv-card's People

Contributors

bastiankamp avatar joerny avatar n1c093 avatar nilstgmd avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

hvv-card's Issues

Card disappears on no departures

When there is no departures for a station, the card disappears completely, even if several entities were assigned to the card, and some of them still have departures

My config is:

type: custom:hvv-card
entities:
  - sensor.borstelmannsweg_133_departures
  - sensor.schadesweg_departures

When the last 530 has departed, the card fails to render

Multiple stations

First of all, I like your card very much. Thanks for your work! :-)

My question:
It is possible to show departures from more than one station.

In my example I have two bus stations near to my apartment.
Would be nice when I can show the departures from both bus stations in one card.

Delay is treated as hours

If there is a delay. The card shows it as hours.
E.g.
8 minutes delayed on the hvv website are +480minutes in the card.

Departures not sorted by time

I really love this custom card. Especially since I never really got in to templating.

However, I'm having the issue that the departures are not always sorted by departure time. How can I fix that?

Abfahrtzeiten

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.