Awesome
Home Assistant Real-Time Sports Score Card
A Home Assistant frontend custom card that will display real-time updates for teams tracked with the ha-teamtracker integration by @vasqued2. Has custom in-game layouts for football, baseball, basketball, soccer, hockey, volleyball, golf, tennis, mma, and racing.
This card was strongly based on the fantastic ha-nfl-card by @D34DC3N73R.
Version Compatibility
- Releases for ha-teamtracker and ha-teamtracker-card will follow the MAJOR.MINOR.PATCH convention.
- All teamtracker and teamtracker-card releases with the same MAJOR and MINOR version numbers will be compatible, regardless of PATCH version.
- For example, any teamtracker v0.2.x will be compatible with any teamtracker-card v0.2.y.
- Compatibility is not guaranteed across MAJOR or MINOR version numbers.
PRE Game Examples
<img width="409" alt="PRE-football" src="https://user-images.githubusercontent.com/17114183/187316418-86927b91-d4cb-4d6d-9125-13045a1b6c9a.png"> <img width="410" alt="PRE-hockey" src="https://user-images.githubusercontent.com/17114183/187316485-68bd6d2a-2784-4c4c-8793-045b83335cef.png"> <img width="409" alt="PRE-basketball" src="https://user-images.githubusercontent.com/17114183/187316566-27edc6c2-b68d-4b12-ae58-a56bb6a4db59.png">IN Game Examples
POST Game Examples
NOT_FOUND (No Upcoming Game, API Error) and BYE Examples
HACS Installation
OR Manually
- Open the HACS section of Home Assistant.
- Click the "+ EXPLORE & DOWNLOAD REPOSITORIES" button in the bottom right corner.
- In the window that opens search for "Team Tracker Card".
- Select "Team Tracker Card" from the list
- Select the "Download" button in the buttom right corner.
- Select "Download" from the window to download the button.
- When given the Option, Reload.
- HACS should automatically add the following to your resources:
url: /hacsfiles/ha-teamtracker-card/ha-teamtracker-card.js
type: Javascript Module
Manual Installation
- Download ha-teamtracker-card.js
- Copy to www/community/ha-teamtracker-card/ (make the ha-teamtracker-card directory first)
- Add the following to your resources
url: /hacsfiles/ha-teamtracker-card/ha-teamtracker-card.js
type: Javascript Module
Adding the Card to the Dashboard
Add a Manual card to the dashboard and enter the YAML to configure it as desired.
Options
Name | Description | Default | Required | Values |
---|---|---|---|---|
entity | Name of ha-teamtracker sensor | sensor.team_tracker | Yes | Valid sensor |
card_title | Overrides show_league and displays the specified string at the top of the card | None | No | Any string value |
home_side | Force the home team to the left or right side of scoreboard | Team displayed on left and opponent displayed on right | No | left right |
outline | Outline team colors (helpful w/ dark themes) | false | No | true false |
outline_color | Specifies outline color. | white | No | CSS color or hex value |
show_timeouts | Specifies if timeout indicators should be shown. | true | No | true false |
show_rank | Specifies if team rank should be shown. | true | No | true false |
show_league | Specifies if league should be shown at the top of the card. | false | No | true false |
team_url | Provides an override url when the Home logo is tapped or 'more-info' to allow for more-info to be displayed on double-tap. | No override | No | Any valid URL (i.e. "https://www.espn.com") or "more-info" |
opponent_url | Provides an override url when the Oppenent logo is tapped or 'more-info' to allow for more-info to be displayed on double-tap. | No override | No | Any valid URL (i.e. "https://www.espn.com") or "more-info" |
bottom_url | Provides an override url when the bottom of the card is tapped or 'more-info' to allow for more-info to be displayed double-tap. | No override | No | Any valid URL (i.e. "https://www.espn.com") or "more-info" |
Examples
Example 1
type: 'custom:teamtracker-card'
entity: sensor.team_tracker
outline: true
outline_color: deeppink
Example 2
type: 'custom:teamtracker-card'
entity: sensor.team_tracker
outline: true
outline_color: '#ffe500'
Example 3
type: 'custom:teamtracker-card'
entity: sensor.team_tracker
outline: true
outline_color: lightgray
show_timeouts: false
show_rank: true
Minimal Required Configuration
type: 'custom:teamtracker-card'
entity: sensor.team_tracker
Where sensor.team_tracker
is the sensor name from the ha-teamtracker integration.