broadage-widget-react

Broadage widgets react wrapper

• Tournament list widget
• Livescore widget
• Tournament Info widget
• Tournament Teams widget
• Tournament Fixture widget
• Team Fixture widget
• Tournament Standings widget
• Leaderboard widget
• Leaderboard Points widget
• Match Summary widget
• Match Boxscore widget
• Match Play by Play widget
• Team Squad widget
• Team Schedule widget
• Leaderboard widget
• Leaderboard Goals widget
• Leaderboard Assists widget
• Leaderboard Yellow Cards widget
• Leaderboard Red Cards widget
• Team Squad with Statistics widget
• Timeline widget
• Lineup widget
• Formation widget
• Lead Tracker widget
• Match Center widget
• Match Center widget
• more

Installation

yarn add broadage-widget-react
or
npm install broadage-widget-react --save

Products and Documentations

Main Page
Developers Guide
Widget Guide

Usage

import React, { Component } from 'react';
import BroadageWidget from 'broadage-widget-react';
 
export class SampleSoccerFixture extends Component {
     onActionCallback = (widgetType, actionType, actionPayload) => {
        console.log(widgetType, actionType, actionPayload);
     };
    
     render() {
         // Soccer Fixture Sample
         return (
             <BroadageWidget
                 requiredFields={{ tournamentId: 1 }}
                 options={{ lang: 'en-US' }}
                 widget="soccerFixture"
                 bundleId="soccer-fx"
                 accountId="0000-0000-0000"
                 className="widget-wrapper"
                 queryStringParse={{ tournamentId: "tid" }}
                 onActionCallback={this.onActionCallback}
             />
         )
     }
}
 
export class SampleBasketballMatchCenter extends Component {
     onActionCallback = (widgetType, actionType, actionPayload) => {
         console.log(widgetType, actionType, actionPayload);
     };
     
     render() {
         // Basketball Match Center Sample
         return (
             <BroadageWidget
                 requiredFields={{ matchId: 286298 }}
                 options={{ lang: 'fr-FR', theme: "darkBlue" }}
                 widget="basketballMatchCenter"
                 bundleId="basketball-mc"
                 accountId="0000-0000-0000"
                 className="widget-wrapper"
                 queryStringParse={{ matchId: "mid" }}
                 onActionCallback={this.onActionCallback}
             />
         )
     }
}

Props

Name	Type	Description
requiredFields	Object	Mandatory fields for widget in work are defined in this field
options (optional using)	Object	Language, theme, etc. properties are assigned in this field.
widget	String	The type of widget is define in this field
bundleId	String	The widget bundle id is define in this field
accountId	String	Broadage account number is defined in this field
className (optional using)	String	Assigns class name to main container
queryStringParse (optional using)	Object	Match the URL query string and widget mandatory fields to each other.
onActionCallback (optional using)	Function	This callback function is triggered by user changed filters, score change etc.

Widget type to bundleId

Type	Bundle Id
soccerFixture	soccer-fx
trioCombo	all-tc
liveScoreTicker	all-lst
liveScoreDetailed	all-lsd
liveScore	all-ls
iceHockeyScoreboard	iceHockey-sb
iceHockeyStandings	iceHockey-st
iceHockeyFixture	iceHockey-fx
baseballScoreboard	baseball-sb
baseballStandings	baseball-st
baseballFixture	baseball-fx
footballPlayByPlay	football-pbp
footballGameLeaders	football-gl
footballLiveTeamStatistics	football-ltsts
footballLiveMatchStatistics	football-lmsts
footballBoxScore	football-bs
footballScoreboard	football-sb
footballStandings	football-st
footballFixture	football-fx
volleyballH2hStandings	volleyball-hst
volleyballTeamStandings	volleyball-tst
volleyballStandings	volleyball-st
volleyballTeamSchedule	volleyball-ts
volleyballFixture	volleyball-fx
handballH2hStandings	handball-hst
handballStandings	handball-st
handballTeamSchedule	handball-ts
handballFixture	handball-fx
basketballMatchCenter	basketball-mc
basketballPlayByPlay	basketball-pbp
basketballLiveMatchStatistics	basketball-lmsts
basketballGameLeaders	basketball-gl
basketballLeadTracker	basketball-lt
basketballBoxScore	basketball-bs
basketballMatchInfo	basketball-mi
basketballScoreboard	basketball-sb
basketballTeamReboundsLeaderboardPerGame	basketball-trlbpg
basketballTeamPointsLeaderboardPerGame	basketball-tplbpg
basketballTeamAssistsLeaderboardPerGame	basketball-talbpg
basketballLeaderboardReboundsPerGame	basketball-lbrpg
basketballLeaderboardAssistsPerGame	basketball-lbapg
basketballLeaderboardPointsPerGame	basketball-lbppg
basketballSquadStats	basketball-sqs
basketballH2hStandings	basketball-hst
basketballTeamStandings	basketball-tst
basketballStandings	basketball-st
basketballTeamSchedule	basketball-ts
basketballFixture	basketball-fx
soccerMatchCenter	soccer-mc
soccerMatchInfo	soccer-mi
soccerFormation	soccer-fmt
soccerLineup	soccer-lu
soccerTimeline	soccer-tl
soccerLiveMatchStatistics	soccer-lmsts
soccerScoreboard	soccer-sb
soccerCommentary	soccer-cm
soccerLiveFixture	soccer-lfx
soccerTeamCardsLeaderboard	soccer-tclb
soccerTeamAssistsLeaderboard	soccer-talb
soccerTeamGoalsLeaderboard	soccer-tglb
soccerLeaderboardCards	soccer-lbc
soccerLeaderboardAssists	soccer-lba
soccerLeaderboardGoals	soccer-lbg
soccerSquadStats	soccer-sqs
soccerH2hStandings	soccer-hst
soccerTeamStandings	soccer-tst
soccerStandings	soccer-st
soccerTeamSchedule	soccer-ts