{"id":25193801,"url":"https://github.com/Edward13ruf/tfl-status-card","last_synced_at":"2026-05-02T03:32:05.261Z","repository":{"id":275477779,"uuid":"925834835","full_name":"ChevronTango/tfl-status-card","owner":"ChevronTango","description":"A card for displaying the status of London Underground lines in the style of the TFL status screen","archived":false,"fork":false,"pushed_at":"2025-03-08T22:14:31.000Z","size":11691,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-08T22:17:47.494Z","etag":null,"topics":["automation","card","custom","hassio","hassio-addon","home-assistant","lovelace","lovelace-custom-card","sensor"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ChevronTango.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-01T21:23:16.000Z","updated_at":"2025-03-08T22:13:29.000Z","dependencies_parsed_at":"2025-02-08T22:22:41.942Z","dependency_job_id":"e1d333d9-4ba5-48f7-8dc1-ee621f1a2fc1","html_url":"https://github.com/ChevronTango/tfl-status-card","commit_stats":null,"previous_names":["chevrontango/ha-tfl-status-card","chevrontango/tfl-status-card"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChevronTango%2Ftfl-status-card","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChevronTango%2Ftfl-status-card/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChevronTango%2Ftfl-status-card/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChevronTango%2Ftfl-status-card/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ChevronTango","download_url":"https://codeload.github.com/ChevronTango/tfl-status-card/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247187845,"owners_count":20898390,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["automation","card","custom","hassio","hassio-addon","home-assistant","lovelace","lovelace-custom-card","sensor"],"created_at":"2025-02-09T23:22:33.887Z","updated_at":"2026-05-02T03:32:05.203Z","avatar_url":"https://github.com/ChevronTango.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Lovelace TFL Status Card\nA status card for [Home Assistant](https://github.com/home-assistant/home-assistant) Lovelace UI for showing the London Underground lines and their current status.\n\nThe card works with entities from within the **sensor**  domain and is intended to be used with entities from the [London Underground Integration](https://www.home-assistant.io/integrations/london_underground/).\n\n![Preview](images/sample.png)\n\n## Install\n\n### HACS (recommended) \n\nThis card is not yet available in [HACS](https://hacs.xyz/) (Home Assistant Community Store) directly but can still be added manually.\n\u003csmall\u003e*HACS is a third party community store and is not included in Home Assistant out of the box.*\u003c/small\u003e\n\n1. Open HACS and navigate to Custom Repositories.\n\n2. Select `Dashboard` as the Type and enter `https://github.com/ChevronTango/tfl-status-card` as the repository. Save and refresh.\n\n3. Find `TFL Status Card` in the HACS store and select install.\n\n### Manual install\n\n1. Download and copy `tfl-status-card.js` from the [latest release](https://github.com/ChevronTango/tfl-status-card/releases/latest) into your `config/www` directory.\n\n2. Add the resource reference as decribed below.\n\n\n### CLI install\n\n1. Move into your `config/www` directory.\n\n2. Grab `tfl-status-card.js`:\n\n  ```\n  $ wget https://github.com/ChevronTango/ha-tfl-status-card/releases/download/v0.0.1/tfl-status-card.js\n  ```\n\n3. Add the resource reference as decribed below.\n\n### Add resource reference\n\nIf you configure Lovelace via YAML, add a reference to `tfl-status-card.js` inside your `configuration.yaml`:\n\n  ```yaml\n  resources:\n    - url: /local/tfl-status-card.js?v=0.0.1\n      type: module\n  ```\n\nElse, if you prefer the graphical editor, use the menu to add the resource:\n\n1. Make sure, advanced mode is enabled in your user profile (click on your user name to get there)\n2. Navigate to Configuration -\u003e Lovelace Dashboards -\u003e Resources Tab. Hit orange (+) icon\n3. Enter URL `/local/tfl-status-card.js` and select type \"JavaScript Module\".\n(Use `/hacsfiles/tfl-status-card/tfl-status-card.js` and select \"JavaScript Module\" for HACS install)\n4. Restart Home Assistant.\n\n## Using the card\n\nWe recommend looking at the [Example usage section](#example-usage) to understand the basics to configure this card.\n(also) pay attention to the **required** options mentioned below.\n\n### Options\n\n#### Card options\n| Name | Type | Default | Since | Description |\n|------|:----:|:-------:|:-----:|-------------|\n| type ***(required)*** | string |  | v0.0.1 | `custom:tfl-status-card`.\n| entities ***(required)*** | list |  | v0.0.1 | One or more sensor entities in a list, see [entities object](#entities-object) for additional entity options.\n\n\n#### Entities object\nEntities may be listed directly (as per `sensor.temperature` in the example below), or defined using\nproperties of the Entity object detailed in the following table (as per `sensor.pressure` in the example below).\n\n| Name | Type | Default | Description |\n|------|:----:|:-------:|-------------|\n| entity ***(required)*** | string |  | Entity id of the sensor.\n| name | string |  | Set a custom display name, defaults to entity's friendly_name.\n\n```yaml\nentities:\n  - sensor.picadilly\n  - entity: sensor.central\n    name: Central Line\n  - sensor.victoria\n```\n\n## Development\n\n1. Clone this repository into your `config/www` folder using git:\n\n```\n$ git clone https://github.com/ChevronTango/ha-tfl-status-card.git\n```\n\n2. Add a reference to the card in your `ui-lovelace.yaml`:\n\n```yaml\nresources:\n  - url: /local/tfl-status-card/dist/tfl-status-card.js\n    type: module\n```\n\n### Instructions\n\n*Requires `nodejs` \u0026 `npm`.*\n\n1. Move into the `tfl-status-card` repo, checkout the *dev* branch \u0026 install dependencies:\n```console\n$ cd tfl-status-card \u0026\u0026 git checkout dev \u0026\u0026 npm install\n```\n\n2. Make changes to the source code.\n\n3. Build the source by running:\n```console\n$ npm run build\n```\n\n4. Refresh the browser to see changes.\n\n    *Make sure cache is cleared or disabled.*\n\n5. *(Optional)* Watch the source and automatically rebuild on save:\n```console\n$ npm run watch\n```\n\n*The new `tfl-status-card.js` will be build and ready inside `/dist`.*\n\nNote that the `dev` branch is the most up-to-date and matches our beta releases.\n\nPlease refer to the [Contribution Guidelines](./CONTRIBUTING.md) if you're interested in contributing to the project. (And thanks for considering!)\n\n## Getting errors?\nMake sure you have `javascript_version: latest` in your `configuration.yaml` under `frontend:`.\n\nMake sure you have the latest versions of `tfl-status-card.js` \u0026 `tfl-status-lib.js`.\n\nIf you have issues after updating the card, try clearing your browser cache.\n\nIf you have issues displaying the card in older browsers, try changing `type: module` to `type: js` at the card reference in `ui-lovelace.yaml`.\n\n## License\nThis project is under the MIT license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FEdward13ruf%2Ftfl-status-card","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FEdward13ruf%2Ftfl-status-card","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FEdward13ruf%2Ftfl-status-card/lists"}