Git Product home page Git Product logo

hasl-cards's Introduction

ha_version version Maintenance License

Important: This repo is not going to be maintained in the future. The cards for the HASL platform moved to:

The new repositories don't use custom updater any more but HACS.

Home Assistant SL Sensor (HASL) Cards

These cards can be used in Home Assistant together with Home Assistant SL Sensor

SL Departure Lovelace Card (hasl-departure-card.js)

Present departure times from HASL Combination sensors. Huge thanks to @dimmanramone for pimping the card!

card

Installation

Copy www/hasl-departure-card.js to <config>/www/hasl-departure-card.js

where <config> is your Home Assistant configuration directory. Then use the following in your ui-lovelace.yaml file:

resources:
  - url: /local/hasl-departure-card.js
    type: js

and use the card through this example:

cards:
  - type: "custom:hasl-departure-card"
    header: false
    departures: true
    deviations: true
    timeleft: false
    updated: true
    name: Departures
    adjust_times: false
    hide_departed: false
    language: en-EN
    entities:
      - sensor.hasl_name

SL Departure Lovelace Card (hasl-departure-card.js) Configuration variables

  • show_cardname: Render card name, default true

  • header: Render headers in the such as "line", "destination" and "time"

  • departures (Optional): Render departure section, default false

  • deviations (Optional): Render deviation section, default false

  • updated (Optional): Render the last updated time section

  • timeleft (Optional): Show as SL real time with minutes instead of time. If using adjust_times then this must be specified.

  • adjust_times (Optional): Calculate time left adjusted to last update (used in conjunction with timeleft)

  • hide_departed (Optional): This can hide already departured transports

  • language (Optional): The texts will be rendered in this language. Can be one of sv-SE or en-EN-

  • name (Optional): If specified it will not render titles per entitiy in the card, but rather have this as the card name. If not speficied it will render each sensors name

  • max_departures (Optional): Max departures to show, default to all.

  • max_deviations (Optional): Max deviations to show, defaults to all.

  • compact (Optional): Compact style of the card. Default value is true

SL Traffic Status Lovelace Card (hasl-departure-card.js)

Present traffic status from HASL Combination sensors.

card

Installation

Copy www/hasl-traffic-status-card.js to <config>/www/hasl-traffic-status-card.js

where <config> is your Home Assistant configuration directory. Then use the following in your ui-lovelace.yaml file:

resources:
  - url: /local/hasl-traffic-status-card.js
    type: js

and use the card through this example:

cards:
  - type: custom:hasl-traffic-status-card
        name: Traffic Status
        language: en-EN
        show_time: false
        hide_events: false
        show_only_disturbances: false
        entities:
          - sensor.traffic_status

SL Traffic Status Lovelace Card (hasl-traffic-status-card.js) Configuration variables

  • name (Optional): If specified it will not render titles per entitiy in the card, but rather have this as the card name. If not speficied it will render each sensors name

  • show_cardname: Render card name, default true

  • language (Optional): The texts will be rendered in this language. Can be one of sv-SE or en-EN

  • show_time (Optional): Render the time beside the name of the card, default false

  • hide_events (Optional): Hide all events and renders just the headers, default false

  • show_only_disturbances (Optional): Renders just disturbances in the traffic, default false

Automatic update of cards

For update check of cards, add the following to your configuration.yaml.

custom_updater:
  track:
    - cards
  card_urls:
    - https://raw.githubusercontent.com/DSorlov/hasl-cards/master/custom_updater.json

hasl-cards's People

Contributors

dimmanramone avatar dsorlov avatar fredrikbaberg avatar

Watchers

James Cloos avatar

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.