https://github.com/math0ne/translink-card
:busstop: This Lovelace custom card displays Translink data from the public api for a given stop and route
https://github.com/math0ne/translink-card
home-assistant javascript react ui-lovelace
Last synced: 11 months ago
JSON representation
:busstop: This Lovelace custom card displays Translink data from the public api for a given stop and route
- Host: GitHub
- URL: https://github.com/math0ne/translink-card
- Owner: math0ne
- Created: 2019-10-12T23:48:14.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-01-31T12:47:44.000Z (over 4 years ago)
- Last Synced: 2025-04-01T11:50:32.600Z (about 1 year ago)
- Topics: home-assistant, javascript, react, ui-lovelace
- Language: JavaScript
- Homepage:
- Size: 17.6 KB
- Stars: 8
- Watchers: 1
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
[](https://github.com/custom-components/hacs)
# Lovelace Translink Card
This Lovelace custom card displays Translink data from the public api for a given stop and route.
This is designed to work with the translink sensor: https://github.com/math0ne/translink_sensor

### Manual install
1. Download and copy 'translink-card.js' into your 'config/www' directory.
2. Add a reference to 'mini-graph-card-bundle.js' inside your 'ui-lovelace.yaml' or at the top of the *raw config editor UI*:
```yaml
resources:
- url: /local/translink-card.js
type: js
```
### HACS Custom Install
1. Go to the community tab of your home assistant installation
2. Click settings
3. Add "https://github.com/math0ne/translink-card" with the type **Plugin**
4. Click Save
### Using the card
Add the following lines to your ui-lovelace.yaml (entity should be the ids of translink sensors):
```yaml
cards:
- type: "custom:translink-card"
entities:
- entity: sensor.translink_next_bus
- entity: sensor.translink_next_bus_2
```