Documentation

Widgets.us.team.soccer.RecentGames

us.team.soccer.recentGames shows the next and/or past games of the selected team.

For the widget to render you need to provide teamUid with uniqueTournamentId or seasonId.

new RecentGames(props)

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

Season id.
uniqueTournamentId number

Unique tournament id.
teamUid number

Unique team id.
pastGames number <optional>
 20

Number of past games to show.
nextGames number <optional>
 1

Number of future games to show, if available.
currentSeason boolean <optional>
 true

If true filters matches of current season only.
sortDirection string <optional>
 'desc'

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

If true disables team selection dropdown.
disableHeader boolean <optional>

If true disables the entire header.
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.soccer.recentGames" data-sr-unique-tournement-id="242" data-sr-team-uid="2513"></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.soccer.recentGames', {sesonId: 73181, teamUid: 2513, data-sr-past-games="100" data-sr-next-games="5"});
</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.soccer.recentGames', {seasonId: 67681, teamUid: 2817, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>

Examples of onItemClick targets and emitted props

match:{"matchId":26574092,"seasonId":81550,"tournamentId":18,"uniqueTournamentId":242,"realCategoryId":26,"sportId":1,"awayTeamUid":2512,"homeTeamUid":2513,"matchStatus":"post"}