Documentation

Widgets.us.team.nhl.Schedule

us.team.nhl.schedule shows the team entire season's worth of games.

For the widget to render you need to provide teamUid.

new Schedule(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
teamUid number

Unique team id.
seasonId string <optional>

Season id.
sortDirection string <optional>
 'asc'

Changes groups and matches sort direction. Valid options are asc and desc.
disableHeader boolean <optional>

If true disables entire header section at once and displays all groups and matches.
disableTeamDropdown boolean <optional>

If true omits team dropdown; team can still be set by "teamUid" props.
disableGroupDropdown boolean <optional>

If true when true omits group dropdown and displays all groups and matches.
border boolean <optional>

If true enables a border around the widget.
onItemClick function <optional>

Function/event handler. Emits matchId, seasonId and other props on table row on click or touch. See example below.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.team.nhl.schedule" data-sr-team-uid="3691"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/uscommon/widgetloader" data-sr-language="en_us" async></script>

Please note that in HTML prop names changes from CamelCase to hyphen-word-delimited notation, i.e. pastGames to past-games

JS/Programmatic

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.team.nhl.schedule', {teamUid: 3691, seasonId: 54837});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handler

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.team.nhl.schedule', {teamUid: 3691, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>

Examples of onItemClick targets and emitted props

match:{"matchId":27669446,"seasonId":78917,"tournamentId":10560,"uniqueTournamentId":234,"realCategoryId":37,"sportId":4,"awayTeamUid":3703,"homeTeamUid":3694,"matchStatus":"post"}