Giter Club home page Giter Club logo

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

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.