Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

broadage-widget-react

1.0.11 • Public • Published

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

Install

npm i broadage-widget-react

DownloadsWeekly Downloads

1

Version

1.0.11

License

MIT

Unpacked Size

33.9 kB

Total Files

9

Homepage

broadage.com

Last publish

Collaborators

  • avatar