Giter VIP home page Giter VIP logo

rononline / ha-teamtracker-card Goto Github PK

View Code? Open in Web Editor NEW

This project forked from vasqued2/ha-teamtracker-card

0.0 0.0 0.0 106 KB

A Home Assistant frontend custom card that will display real-time updates for teams tracked with the ha-teamtracker integration. Has custom in-game layouts for football, baseball, basketball, hockey, soccer, golf, tennis, racing, and mma.

License: GNU General Public License v3.0

ha-teamtracker-card's Introduction

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

PRE-football

PRE-hockey

PRE-basketball

IN Game Examples

IN-baseball IN-soccer-CLB IN-football

POST Game Examples

POST-football POST-soccer2

NOT_FOUND (No Upcoming Game, API Error) and BYE Examples

NoScheduledGames APIerror NF-football

HACS Installation

Use this button: Open your Home Assistant instance and open a repository inside the Home Assistant Community Store.

OR Manually

  1. Open the HACS section of Home Assistant.
  2. Click the "+ EXPLORE & DOWNLOAD REPOSITORIES" button in the bottom right corner.
  3. In the window that opens search for "Team Tracker Card".
  4. Select "Team Tracker Card" from the list
  5. Select the "Download" button in the buttom right corner.
  6. Select "Download" from the window to download the button.
  7. 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

Examples

Example 1

type: 'custom:teamtracker-card'
entity: sensor.team_tracker
outline: true
outline_color: deeppink

PINK-example

Example 2

type: 'custom:teamtracker-card'
entity: sensor.team_tracker
outline: true
outline_color: '#ffe500'

OUTLINE-example

Example 3

type: 'custom:teamtracker-card'
entity: sensor.team_tracker
outline: true
outline_color: lightgray
show_timeouts: false
show_rank: true

RankNoTimeouts-dark

Minimal Required Configuration

type: 'custom:teamtracker-card'
entity: sensor.team_tracker

Where sensor.team_tracker is the sensor name from the ha-teamtracker integration.

ha-teamtracker-card's People

Contributors

vasqued2 avatar d34dc3n73r avatar prprod 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.