Fix File
•
/
home
/
sportsfe...
/
.trash
/
OMAN VS ...
/
scorestr...
•
File:
inning2.html
•
Content:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Emirates D20 Scorestrip</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="styles.css"> <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Barlow&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Dosis&display=swap" rel="stylesheet"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> var url_string = window.location.href var url = new URL(url_string); var club = url.searchParams.get("clubId"); var match = url.searchParams.get("matchId"); var fixtureId = url.searchParams.get("fixtureId"); function formulaEcon(rs, bs) { var value = rs * 6 / bs; value = value.toFixed(2); return value; } function formulaEconOV(rs, ov) { ov = "" + ov; var ov_left = ov.toString().split(".")[0]; var ov_balls = ov.toString().split(".")[1]; if (ov_balls != null) { ov_balls = parseInt(ov_left) * 6 + parseInt(ov_balls); } else { ov_balls = parseInt(ov_left) * 6 } var value = rs * 6 / ov_balls; value = value.toFixed(2); return value; } function formulaSR(rs, bs) { var value = rs / bs; value = value * 100; value = value.toFixed(2); return value; } function ballsToOvers(balls) { if (balls == 0) { return "0.0"; } var retVal = ""; retVal += Math.floor(balls / 6); retVal += "." + balls % 6; return retVal; } var firstInningButtomTabRefreed = false; function refreshScore() { fisrtDataLoaded = true; var matchIdApi = parseInt(match, 10); var clubIdApi = parseInt(club, 10); var fixtureIdApi = parseInt(fixtureId, 10); var ajaxUrl = ''; ajaxUrl = 'https://cricclubs.com/liveScoreOverlayData.do?clubId=' + clubIdApi + '&matchId=' + matchIdApi; // var ajaxUrl = '/liveScoreOverlayData.do?clubId='+club+'&matchId='+match; $.ajax({ url: ajaxUrl, success: function (result) { if (result != '') { //alert(result); var returnedData = JSON.parse(result); /* UK */ if (returnedData.view == "1") { if (returnedData.values.batsman1IsOut == "1") { returnedData.values.batsman1Name = ""; returnedData.values.batsman1Balls = ""; returnedData.values.batsman1Fours = ""; returnedData.values.batsman1Runs = ""; returnedData.values.batsman1Sixers = ""; returnedData.values.batsman1ProfileImange = ""; } if (returnedData.values.batsman2IsOut == "1") { returnedData.values.batsman2Name = ""; returnedData.values.batsman2Balls = ""; returnedData.values.batsman2Fours = ""; returnedData.values.batsman2Runs = ""; returnedData.values.batsman2Sixers = ""; returnedData.values.batsman2ProfileImange = ""; } } //console.log(returnedData.view); if (!$('body').hasClass('activeIs' + returnedData.view)) { $('body').removeClass(); setTimeout(function () { $('body').addClass('activeIs' + returnedData.view); }, 2000); } /* add class is second innings */ false != 'false'; inningsClass = ''; var currentInnings = returnedData.isSecondInningsStarted if (currentInnings == false) { inningsClass = 'firstInn'; } else { inningsClass = 'secondInn'; } if (returnedData.view == "8" && (returnedData.values.isTestMatch == "true" || returnedData.values.isTestMatch == true)) { if (returnedData.values.fourthInningt1 == true || returnedData.values.fourthInningt2 == true || returnedData.values.thirdInningt2 == true || returnedData.values.thirdInningt1 == true) { inningsClass = 'secondInn'; } } $("body").removeClass('firstInn'); $("body").removeClass('secondInn'); $("body").addClass(inningsClass); if (!firstInningButtomTabRefreed) { if (returnedData.values.showInfoWithT1Buttom) { $("#firstInningButtomTab").empty(); $("#firstInningButtomTab").append("<div class='bottomLeft'> <span class='showScoreMsgForOpositTeam' id='showScoreMsgForOpositTeam'></span> </div> <div class='bottomMed showRunsRequired'> <div class='need-hide'> <span class='showMsgForScoreNeeded' id='showMsgForScoreNeeded'></span> </div> </div>"); } else { $("#firstInningButtomTab").empty(); $("#firstInningButtomTab").append("<span class='t1Name'></span> VS <span class='t2Name'></span>"); } firstInningButtomTabRefreed = true; } // match ended class if (returnedData.values.t1Overs == "0.0") { $('body').addClass('notYetStarted'); } else { $('body').removeClass('notYetStarted'); } // has first delivery bowled yet? if (returnedData.values.isMatchEnded == "1") { $('body').addClass('matchHasEnded'); } else { $('body').removeClass('matchHasEnded'); } setTimeout(function () { /* why timeout? so the content doesnt change while the animation is happening */ $.each(returnedData.values, function (name, value) { //alert(name + ": " + value); $("." + name).html(value); }); if (returnedData.view == 1) { //first name/first word for bowler var bwl = returnedData.values.bowlerName; var bwlFrstFind = bwl.indexOf(" "); var bwlFrst = bwl.substring(0, bwlFrstFind); // alert(bwlFrst); $(".bowlerName.bowlerleftscore").html(bwl);//bowlerName } $("span.runrate").text(function () { return $(this).text().replace("--.--", "0.00"); }) // get squads if (returnedData.view == 6 || returnedData.view == 7) { var playernamesContent = ""; var currentSquadViewPic = []; var currentSquadView = []; if (returnedData.view == "6") { currentSquadView = returnedData.values.t1Players; currentSquadViewPic = returnedData.values.t1PlayerPics; } else if (returnedData.view == "7") { currentSquadView = returnedData.values.t2Players; currentSquadViewPic = returnedData.values.t2PlayerPics; } playernamesContent += "<div class='players-body-sec'>" for (var i = 0; i < currentSquadView.length; i++) { playernamesContent += "<div class='playerbox'>" playernamesContent += "<div class='playerPic' style='background-image:url(https://cricclubs.com" + currentSquadViewPic[i] + ")'></div>" playernamesContent += "<div class='playerName'>" + currentSquadView[i] + "</div></div>" } playernamesContent += "</div><div style='clear:both'></div>" $("div.insideWrapInside.playingxinames").html(playernamesContent); } /* get summary*/ if (returnedData.view == 8) { var t1bat = returnedData.values.t1Batting; var t2bowl = returnedData.values.t2Bowling; var t2bat = []; var t1bowl = []; var t1_2bat = [];; var t2_2bowl = [];; var t2_2bat = []; var t1_2bowl = []; $(".tem2-sumary-hndl").hide(); $(".need-hide").hide(); $(".testHideAll").hide(); if (returnedData.isSecondInningsStarted) { $(".need-hide").show(); $(".tem2-sumary-hndl").show(); t2bat = returnedData.values.t2Batting; t1bowl = returnedData.values.t1Bowling; } if (returnedData.view == "8" && (returnedData.values.isTestMatch == "true" || returnedData.values.isTestMatch == true)) { if (returnedData.values.fourthInningt1 == "true" || returnedData.values.fourthInningt2 == "true" || returnedData.values.thirdInningt2 == "true" || returnedData.values.thirdInningt1 == "true") { inningsClass = 'secondInn'; $(".need-hide").show(); $(".testHideAll").show(); $(".tem2-sumary-hndl").show(); t2bat = returnedData.values.t2Batting; t1bowl = returnedData.values.t1Bowling; } } $(".tem1_2-sumary-hndl").hide(); $(".tem2_2-sumary-hndl").hide(); if (returnedData.values.isTestMatch == "true" || returnedData.values.isTestMatch == true) { // Handle UI of summary on the basis of innings t1-2 for both innings. if (returnedData.values.fourthInningt2 == "true" || returnedData.values.fourthInningt1 == "true") { $(".need-hide").show(); $(".tem1_2-sumary-hndl").show(); t1_2bat = returnedData.values.t1_2Batting; t2_2bowl = returnedData.values.t2_2Bowling; $(".need-hide").show(); $(".tem2_2-sumary-hndl").show(); t2_2bat = returnedData.values.t2_2Batting; t1_2bowl = returnedData.values.t1_2Bowling; } if (returnedData.values.thirdInningt2 == "true") { $(".need-hide").show(); $(".tem2_2-sumary-hndl").show(); t2_2bat = returnedData.values.t2_2Batting; t1_2bowl = returnedData.values.t1_2Bowling; } if (returnedData.values.thirdInningt1 == "true") { $(".need-hide").show(); $(".tem1_2-sumary-hndl").show(); t1_2bat = returnedData.values.t1_2Batting; t2_2bowl = returnedData.values.t2_2Bowling; } // get players t1 bat var summaryplayers = ""; $.each(t1_2bat, function (index, value) { var lastnamebatcard = value.firstName; var lastnameperiod = lastnamebatcard.slice(0, 1) + '.'; summaryplayers += '<div class="scoreRow sum_player"><div class="s_player">' + value.lastName + ' ' + lastnameperiod + '</div><div class="s_data">' + value.runsScored + '<span class="summaryballs">' + value.ballsFaced + '</span></div></div>'; }); $("div.summarydata.s_t1_2_bat").html(summaryplayers); // get players t1 bat var summaryplayers = ""; $.each(t2_2bat, function (index, value) { var lastnamebatcard = value.firstName; var lastnameperiod = lastnamebatcard.slice(0, 1) + '.'; summaryplayers += '<div class="scoreRow sum_player"><div class="s_player">' + value.lastName + ' ' + lastnameperiod + '</div><div class="s_data">' + value.runsScored + '<span class="summaryballs">' + value.ballsFaced + '</span></div></div>'; }); $("div.summarydata.s_t2_2_bat").html(summaryplayers); // get players t1 bowl var summaryplayers = ""; $.each(t1_2bowl, function (index, value) { var lastnamebatcard = value.firstName; var lastnameperiod = lastnamebatcard.slice(0, 1) + '.'; summaryplayers += '<div class="scoreRow sum_player"><div class="s_player">' + value.lastName + ' ' + lastnameperiod + '</div><div class="s_data">' + value.runs + '/' + value.wickets + '<span class="summaryballs">' + ballsToOvers(value.balls) + '</span></div></div>'; }); $("div.summarydata.s_t2_2_bowl").html(summaryplayers); // get players t2 bowl var summaryplayers = ""; $.each(t2_2bowl, function (index, value) { var lastnamebatcard = value.firstName; var lastnameperiod = lastnamebatcard.slice(0, 1) + '.'; summaryplayers += '<div class="scoreRow sum_player"><div class="s_player">' + value.lastName + ' ' + lastnameperiod + '</div><div class="s_data">' + value.runs + '/' + value.wickets + '<span class="summaryballs">' + ballsToOvers(value.balls) + '</span></div></div>'; }); $("div.summarydata.s_t1_2_bowl").html(summaryplayers); // Ends for Test match summary. } // get players t1 bat -- One Day match. var summaryplayers = ""; $.each(t1bat, function (index, value) { var lastnamebatcard = value.firstName; var lastnameperiod = lastnamebatcard.slice(0, 1) + '.'; summaryplayers += '<div class="scoreRow sum_player"><div class="s_player">' + value.lastName + ' ' + lastnameperiod + '</div><div class="s_data">' + value.runsScored + '<span class="summaryballs">' + value.ballsFaced + '</span></div></div>'; }); $("div.summarydata.s_t1_bat").html(summaryplayers); // get players t1 bat var summaryplayers = ""; $.each(t2bat, function (index, value) { var lastnamebatcard = value.firstName; var lastnameperiod = lastnamebatcard.slice(0, 1) + '.'; summaryplayers += '<div class="scoreRow sum_player"><div class="s_player">' + value.lastName + ' ' + lastnameperiod + '</div><div class="s_data">' + value.runsScored + '<span class="summaryballs">' + value.ballsFaced + '</span></div></div>'; }); $("div.summarydata.s_t2_bat").html(summaryplayers); // get players t1 bowl var summaryplayers = ""; $.each(t1bowl, function (index, value) { var lastnamebatcard = value.firstName; var lastnameperiod = lastnamebatcard.slice(0, 1) + '.'; summaryplayers += '<div class="scoreRow sum_player"><div class="s_player">' + value.lastName + ' ' + lastnameperiod + '</div><div class="s_data">' + value.runs + '-' + value.wickets + '<span class="summaryballs"></span></div></div>'; }); $("div.summarydata.s_t2_bowl").html(summaryplayers); // get players t2 bowl var summaryplayers = ""; $.each(t2bowl, function (index, value) { var lastnamebatcard = value.firstName; var lastnameperiod = lastnamebatcard.slice(0, 1) + '.'; summaryplayers += '<div class="scoreRow sum_player"><div class="s_player">' + value.lastName + ' ' + lastnameperiod + '</div><div class="s_data">' + value.runs + '-' + value.wickets + '</div></div>'; }); $("div.summarydata.s_t1_bowl").html(summaryplayers); } /* get bat scorecard */ if (returnedData.view == 2 || returnedData.view == 4 || returnedData.view == 32 || returnedData.view == 34) { if (returnedData.view == "2" || returnedData.view == "32") { var currentSquadView = returnedData.values.t1Batting; } else if (returnedData.view == "4" || returnedData.view == "34") { var currentSquadView = returnedData.values.t2Batting; } // get players var playersbat = ""; $.each(currentSquadView, function (index, value) { notoutclass = ""; if (value.outStringNoLink == 'not out' && value.isOut == '0') { var notoutclass = 'notout '; } if (value.isOut == undefined) { value.outStringNoLink = ''; value.runsScored = ''; value.ballsFaced = ''; } var lastnamebatcard = value.firstName; var lastnameperiod = lastnamebatcard.slice(0, 1) + '.'; // alert(bwlFrst); $(".bowlerName.bowlerleftscore").html(bwlFrst);//bowlerName playersbat += '<div class="scoreRow ' + notoutclass + ' batted_' + value.matchID + '"><div class="name">' + value.firstName + ' ' + value.lastName + '</div><div class="status">' + value.outStringNoLink + '</div><div class="runs">' + value.runsScored + '</div><div class="balls">' + value.ballsFaced + '</div></div>'; }); $("div.insideWrapInside.battingcard").html(playersbat); } /* get bowling scorecard */ if (returnedData.view == 3 || returnedData.view == 5 || returnedData.view == 33 || returnedData.view == 35) { if (returnedData.view == "5" || returnedData.view == "35") { var currentSquadView = returnedData.values.t1Bowling; } else if (returnedData.view == "3" || returnedData.view == "33") { var currentSquadView = returnedData.values.t2Bowling; } // get players var playersbowl = ""; $.each(currentSquadView, function (index, value) { playersbowl += '<div class="scoreRow players"><div class="name">' + value.firstName + ' ' + value.lastName + '</div><div class="oversbowled">' + ballsToOvers(value.balls) + '</div><div class="maidens">' + value.maidens + '</div><div class="bowlerruns">' + value.runs + '</div><div class="wickets">' + value.wickets + '</div><div class="economy">' + formulaEcon(value.runs, value.balls) + '</div></div>'; }); $("div.insideWrapInside.bowlingcard").html('<div class="scoreRow players labelhead"><div class="name"> </div><div class="oversbowled">O</div><div class="maidens">M</div><div class="bowlerruns">R</div><div class="wickets">W</div><div class="economy">E</div></div>' + playersbowl + '<div class="scoreRow fow"><div class="name fowViewTop">Fall Of Wickets</div></div><div class="scoreRow fow fow_bottom"><div class="name fowViewBottom"> </div></div>'); } /* get bowling scorecard */ if (returnedData.view == 20) { // insideWrapInside pointTableRecords var pointsTableTeams = returnedData.values.teams; var teamPointsTableDIV = ""; var teamPointsGroupNames = ""; var pointsTableGroups = returnedData.values.groups if (pointsTableGroups && pointsTableGroups.length > 1) { $.each(pointsTableGroups, function (index, value) { teamPointsTableDIV += '<div class="scoreRow players labelhead"><div class="group-name-header">' + value.groupName + '</div></div>'; var pointsTableTeamsGroup = value.teams; $.each(pointsTableTeamsGroup, function (index1, value1) { teamPointsTableDIV += '<div class="scoreRow players">' + '<div class="s-number">' + (index1 + 1) + '</div><div class="name">' + value1.team.teamName + '</div><div class="oversbowled">' + value1.team.matches + '</div><div class="maidens">' + value1.team.won + '</div><div class="bowlerruns">' + value1.team.lost + '</div><div class="wickets">' + value1.team.noResult + '</div><div class="economy">' + value1.team.points + '</div><div class="economy">' + value1.team.netRunRate + '</div></div>'; }); }); } else { $.each(pointsTableTeams, function (index, value) { teamPointsTableDIV += '<div class="scoreRow players">' + '<div class="s-number">' + (index + 1) + '</div><div class="name">' + value.teamName + '</div><div class="oversbowled">' + value.matches + '</div><div class="maidens">' + value.won + '</div><div class="bowlerruns">' + value.lost + '</div><div class="wickets">' + value.noResult + '</div><div class="economy">' + value.points + '</div><div class="economy">' + value.netRunRate + '</div></div>'; }); } $("div.insideWrapInside.bowlingcard").html('<div class="scoreRow players labelhead"><div class="s-number">#</div><div class="name">Team Name</div><div class="oversbowled">MAT</div><div class="maidens">WON</div><div class="bowlerruns">LOST</div><div class="wickets">N/R</div><div class="economy">PTS</div><div class="economy">NET RR</div></div>' + teamPointsTableDIV); } // Get FOW data and show on if (returnedData.view == 2 || returnedData.view == 4 || returnedData.view == 3 || returnedData.view == 5 || returnedData.view == 32 || returnedData.view == 34 || returnedData.view == 33 || returnedData.view == 35) { var fowtop = ""; var fowbottom = ""; $.each(Object.keys(returnedData.values.partnerShip), function (index, value) { fowtop += '<div class="fowboxes fow_top fow-remove">' + (index + 1) + '</div>'; }); $.each(returnedData.values.partnerShip, function (index, value) { fowbottom += '<div class="fowboxes fow_bottom fow-remove">' + value + '</div>'; }); $("div.fow-remove").remove(); $(".fowViewTop").after(fowtop); $(".fowViewBottom").after(fowbottom); //$("div.scoreRow.fow1").html(fowtop); //$("div.scoreRow.fow2").html(fowbottom); } if (returnedData.view == 21) { var ctx = document.getElementById("overByOverChart"); var ajaxUrl = 'https://sportapi.cricclubs.com/sport/app/scorecard/getChartsDataSets?clubId=' + clubIdApi + '&matchId=' + matchIdApi; $.ajax({ url: ajaxUrl, headers: { 'Content-Type': 'application/json', 'consumerKey': '9e9L7i5Te', 'ApiKey': 'Et5I7L9E9' }, success: function (response) { if (response.responseState) { chartData = response.data; displayChart(); } } }); function getDataSets() { var datasetValue = []; datasetValue[0] = { type: 'bar', label: chartData.team1Name, data: chartData.team1RunsChartData, wickets: chartData.team1WicketsChartData, backgroundColor: '#26578b' } datasetValue[1] = { type: 'bar', label: chartData.team2Name, data: chartData.team2RunsChartData, wickets: chartData.team2WicketsChartData, backgroundColor: '#d25e24' } var k = 1; for (var j = 2; j < 11; j++) { datasetValue[j] = { type: 'bubble', label: chartData.team1Name, data: chartData.team1WicketRunsData[k - 1], tpData: chartData.team1WicketTPData[k - 1], fill: false, borderColor: '#26578b', backgroundColor: '#26578b', pointBorderColor: '#26578b', pointBackgroundColor: '#26578b', hoverRadius: 1 } k = k + 1; } k = 1; for (var j = 11; j < 20; j++) { datasetValue[j] = { type: 'bubble', label: chartData.team2Name, data: chartData.team2WicketRunsData[k - 1], tpData: chartData.team2WicketTPData[k - 1], fill: false, borderColor: '#d25e24', backgroundColor: '#d25e24', pointBorderColor: '#d25e24', pointBackgroundColor: '#d25e24', hoverRadius: 1 } k = k + 1; } return datasetValue; } function displayChart() { document.getElementById("team1Score").innerHTML = chartData.team1Name + ' (' + chartData.team1TotalRuns + '/' + chartData.team1TotalWickets + ')'; document.getElementById("team2Score").innerHTML = chartData.team2Name + ' (' + chartData.team2TotalRuns + '/' + chartData.team2TotalWickets + ')'; var data = { labels: chartData.oversChartData, datasets: getDataSets() }; //options var options = { title: { display: false, position: "top", text: "Over By Over", fontSize: 18, fontColor: "#111" }, legend: { display: false, position: "bottom", labels: { fontColor: "#333", fontSize: 16 } }, scales: { xAxes: [{ gridLines: { display: false }, scaleLabel: { display: true, labelString: 'Overs', fontColor: 'blue', fontStyle: 'bold' }, ticks: { autoSkip: true, maxTicksLimit: 30, fontColor: 'blue', padding: 0 } }], yAxes: [{ scaleLabel: { display: true, labelString: 'Runs', fontColor: 'blue', fontStyle: 'bold' }, ticks: { min: 0, stepSize: chartData.barChartStepSizeY, fontColor: 'blue' } }] }, responsive: true, animation: { duration: 1, }, tooltips: { enabled: true, mode: 'single', callbacks: { label: function (tooltipItems, data) { var type = data.datasets[tooltipItems.datasetIndex].type; var label = data.datasets[tooltipItems.datasetIndex].label; if (type == 'bubble' && label == chartData.team1Name) { return label + ' ' + data.datasets[tooltipItems.datasetIndex].tpData[(tooltipItems.xLabel)]; } else if (type == 'bubble' && label == chartData.team2Name) { return label + ' ' + data.datasets[tooltipItems.datasetIndex].tpData[(tooltipItems.xLabel)]; } else if (type != 'bubble' && label == chartData.team1Name) { return chartData.team1Name + ' ' + tooltipItems.yLabel; } else if (type != 'bubble' && label == chartData.team2Name) { return chartData.team2Name + ' ' + tooltipItems.yLabel; } } } }, elements: { point: { radius: 4 } } }; var barChart = new Chart(ctx, { type: "bar", data: data, options: options, plugins: [{ afterUpdate: function (barChart, options) { for (var k = 2; k < 11; k++) { var localMap = new Map(Object.entries(barChart.config.data.datasets[k]._meta)); var iterator1 = localMap.keys(); var keyValue = parseInt(iterator1.next().value); //if(barChart.config.data.datasets[k]._meta[0] !== undefined){ for (var i = 0; i < barChart.config.data.datasets[k]._meta[keyValue].data.length; i++) { var barWidth = barChart.config.data.datasets[0]._meta[keyValue].data[i]._model.width; var barPercentage = barChart.config.data.datasets[k]._meta[keyValue].data[i]._xScale.options.barPercentage; barChart.config.data.datasets[k]._meta[keyValue].data[i]._model.x -= barWidth / (2 * barPercentage); barChart.config.data.datasets[k]._meta[keyValue].data[i]._model.controlPointNextX -= barWidth / (2 * barPercentage); barChart.config.data.datasets[k]._meta[keyValue].data[i]._model.controlPointPreviousX -= barWidth / (2 * barPercentage); } //} } for (var k = 11; k < 20; k++) { //if(barChart.config.data.datasets[k]._meta[0] !== undefined){ var localMap1 = new Map(Object.entries(barChart.config.data.datasets[k]._meta)); var iterator11 = localMap1.keys(); var keyValue1 = parseInt(iterator11.next().value); for (var i = 0; i < barChart.config.data.datasets[k]._meta[keyValue1].data.length; i++) { var barWidth = barChart.config.data.datasets[1]._meta[keyValue1].data[i]._model.width; var barPercentage = barChart.config.data.datasets[k]._meta[keyValue1].data[i]._xScale.options.barPercentage; barChart.config.data.datasets[k]._meta[keyValue1].data[i]._model.x += barWidth / (2 * barPercentage); barChart.config.data.datasets[k]._meta[keyValue1].data[i]._model.controlPointNextX += barWidth / (2 * barPercentage); barChart.config.data.datasets[k]._meta[keyValue1].data[i]._model.controlPointPreviousX += barWidth / (2 * barPercentage); } //} } } }] }); } } if (returnedData.view == 22) { var ctx = document.getElementById("wormChart"); var ajaxUrl = 'https://sportapi.cricclubs.com/sport/app/scorecard/getChartsDataSets?clubId=' + clubIdApi + '&matchId=' + matchIdApi; $.ajax({ url: ajaxUrl, headers: { 'Content-Type': 'application/json', 'consumerKey': '9e9L7i5Te', 'ApiKey': 'Et5I7L9E9' }, success: function (response) { if (response.responseState) { chartData = response.data; displayChart(); } } }); function getTeamOneChartData() { var tempData = []; tempData.push(0); if (chartData.overAndWorm.team1.length) { for (var i = 0; i < chartData.overAndWorm.team1.length; i++) { tempData.push(chartData.overAndWorm.team1[i].totalRuns); } } return tempData; } function getTeamTwoChartData() { var tempData = []; tempData.push(0); if (chartData.overAndWorm.team2.length) { for (var i = 0; i < chartData.overAndWorm.team2.length; i++) { tempData.push(chartData.overAndWorm.team2[i].totalRuns); } } return tempData; } function getOversLabels() { var tempLabels = []; if (chartData.overs) { for (var i = 0; i <= chartData.overs; i++) { tempLabels.push(i); } } return tempLabels; } function getDataSets() { var datasetValue = []; datasetValue[0] = { type: 'line', label: chartData.team1Name, data: getTeamOneChartData(), fill: false, borderColor: '#26578b', borderWidth: 2, backgroundColor: '#26578b', pointRadius: 0, hoverRadius: 0 } datasetValue[1] = { type: 'line', label: chartData.team2Name, data: getTeamTwoChartData(), borderColor: '#d25e24', fill: false, borderWidth: 2, backgroundColor: '#d25e24', pointRadius: 0, hoverRadius: 0 } var k = 1; for (var j = 2; j < 8; j++) { datasetValue[j] = { type: 'bubble', label: chartData.team1Name, data: getTeam1WicketsData(k), tpData: getTeam1TPData(k), borderColor: '#26578b', backgroundColor: '#26578b', pointBorderColor: '#26578b', pointBackgroundColor: '#26578b', hoverRadius: 1 } k = k + 1; } k = 1; for (var j = 8; j < 14; j++) { datasetValue[j] = { type: 'bubble', label: chartData.team2Name, data: getTeam2WicketsData(k), tpData: getTeam2TPData(k), borderColor: '#d25e24', backgroundColor: '#d25e24', pointBorderColor: '#d25e24', pointBackgroundColor: '#d25e24', hoverRadius: 1 } k = k + 1; } return datasetValue; } function getTeam1WicketsData(k) { var tempData = []; var emptyData = {}; tempData.push(emptyData); if (chartData.overAndWorm.team1.length) { for (var i = 0; i < chartData.overAndWorm.team1.length; i++) { if (k <= chartData.overAndWorm.team1[i].wickets) { var a = 0; for (var n = 1; n < k; n++) { a = a + getStepSize() * 0.4; } tempData.push(chartData.overAndWorm.team1[i].totalRuns + a); } else { tempData.push(emptyData); } } } return tempData; } function getTeam2WicketsData(k) { var tempData = []; var emptyData = {}; tempData.push(emptyData); if (chartData.overAndWorm.team2.length) { for (var i = 0; i < chartData.overAndWorm.team2.length; i++) { if (k <= chartData.overAndWorm.team2[i].wickets) { var a = 0; for (var n = 1; n < k; n++) { a = a + getStepSize() * 0.4; } tempData.push(chartData.overAndWorm.team2[i].totalRuns + a); } else { tempData.push(emptyData); } } } return tempData; } function getTeam1TPData(k) { var tempData = []; tempData.push(''); if (chartData.overAndWorm.team1.length) { for (var i = 0; i < chartData.overAndWorm.team1.length; i++) { var numWickets = chartData.overAndWorm.team1[i].wickets; if (numWickets >= k) { tempData.push(chartData.overAndWorm.team1[i].wicketsData[numWickets - k]); } else { tempData.push(''); } } } return tempData; } function getTeam2TPData(k) { var tempData = []; tempData.push(''); if (chartData.overAndWorm.team2.length) { for (var i = 0; i < chartData.overAndWorm.team2.length; i++) { var numWickets = chartData.overAndWorm.team2[i].wickets; if (numWickets >= k) { tempData.push(chartData.overAndWorm.team2[i].wicketsData[numWickets - k]); } else { tempData.push(''); } } } return tempData; } function getTeamRuns(runs) { var runsSteps = 5; if (runs > 50 && runs <= 100) { return runsSteps = 10; } else if (runs > 100 && runs <= 150) { return runsSteps = 15; } else if (runs > 150 && runs <= 200) { return runsSteps = 20; } else if (runs > 200 && runs <= 250) { return runsSteps = 25; } else if (runs > 250 && runs <= 300) { return runsSteps = 30; } else if (runs > 300 && runs <= 350) { return runsSteps = 35; } else if (runs > 350 && runs <= 400) { return runsSteps = 40; } else if (runs > 400) { return runsSteps = 50; } else { return runsSteps; } } function getStepSize() { var runsSteps = 5; if (chartData.team1TotalRuns > chartData.team2TotalRuns) { runsSteps = getTeamRuns(chartData.team1TotalRuns); } else { runsSteps = getTeamRuns(chartData.team2TotalRuns);; } return runsSteps; } function displayChart() { document.getElementById("team1Scorew").innerHTML = chartData.team1Name + ' (' + chartData.team1TotalRuns + '/' + chartData.team1TotalWickets + ')'; document.getElementById("team2Scorew").innerHTML = chartData.team2Name + ' (' + chartData.team2TotalRuns + '/' + chartData.team2TotalWickets + ')'; var data = { labels: getOversLabels(), datasets: getDataSets() }; //options var options = { responsive: true, elements: { point: { radius: 4 } }, title: { display: false, position: "top", text: "Worm", fontSize: 18, fontColor: "#111" }, legend: { display: false }, scales: { xAxes: [{ gridLines: { display: false }, scaleLabel: { display: true, labelString: 'Overs', fontColor: 'blue', fontStyle: 'bold' }, ticks: { autoSkip: true, maxTicksLimit: 40, fontColor: 'blue', padding: 0 } }], yAxes: [{ scaleLabel: { display: true, labelString: 'Runs', fontColor: 'blue', fontStyle: 'bold' }, ticks: { min: 0, stepSize: getStepSize(), fontColor: 'blue' } }] }, animation: { duration: 1, }, tooltips: { enabled: true, mode: 'single', callbacks: { label: function (tooltipItems, data) { var type = data.datasets[tooltipItems.datasetIndex].type; var label = data.datasets[tooltipItems.datasetIndex].label; if (type == 'bubble' && label == chartData.team1Name) { return label + ' ' + data.datasets[tooltipItems.datasetIndex].tpData[(tooltipItems.xLabel)]; } else if (type == 'bubble' && label == chartData.team2Name) { return label + ' ' + data.datasets[tooltipItems.datasetIndex].tpData[(tooltipItems.xLabel)]; } else if (type != 'bubble' && label == chartData.team1Name) { return chartData.team1Name + ' ' + tooltipItems.yLabel; } else if (type != 'bubble' && label == chartData.team2Name) { return chartData.team2Name + ' ' + tooltipItems.yLabel; } } } } }; var wormChart = new Chart(ctx, { type: "line", data: data, options: options }); } } if (returnedData.view == "23") { $(".partnershipImg1").css('background-image', 'url(https://cricclubs.com' + returnedData.values.currentPartnershipMap.partnershipBatsman1ProfilePic + ')'); $(".partnershipImg2").css('background-image', 'url(https://cricclubs.com' + returnedData.values.currentPartnershipMap.partnershipBatsman2ProfilePic + ')'); $(".p1pRuns").html(returnedData.values.currentPartnershipMap.partnershipBatsman1ContributionRuns); $(".p1pBalls").html(returnedData.values.currentPartnershipMap.partnershipBatsman1ContributionBalls); $(".p2pRuns").html(returnedData.values.currentPartnershipMap.partnershipBatsman2ContributionRuns); $(".p2pBalls").html(returnedData.values.currentPartnershipMap.partnershipBatsman2ContributionBalls); $(".p1tRuns").html(returnedData.values.batsman1Runs); $(".p1tBalls").html(returnedData.values.batsman1Balls); $(".p2tRuns").html(returnedData.values.batsman2Runs); $(".p2tBalls").html(returnedData.values.batsman2Balls); $(".p1pName").html(returnedData.values.currentPartnershipMap.partnershipBatsman1Name); $(".p2pName").html(returnedData.values.currentPartnershipMap.partnershipBatsman2Name); $(".ptRuns").html(returnedData.values.currentPartnershipMap.partnershipTotalRuns); $(".ptBalls").html(returnedData.values.currentPartnershipMap.partnershipTotalBalls); } // get logos $(".team1logo").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.firstLogo + ')'); $(".team2logo").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.secondLogo + ')'); $(".intro_team_1").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.t1Logo + ')'); $(".intro_team_2").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.t2Logo + ')'); $(".teamlogostat_bat").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.firstLogo + ')'); $(".teamlogostat_bowl").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.secondLogo + '); top:-25px;'); $(".batsman1ProfileImange_img").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.batsman1ProfileImange + ')'); $(".batsman2ProfileImange_img").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.batsman2ProfileImange + ')'); $(".lastOutProfileImange_img").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.lastOutProfileImange + ')'); $(".careerProfileImage_img").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.careerProfileImage + ')'); $(".bowlerProfileImange_img").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.bowlerProfileImange + ')'); // $(".batsman1ProfileImange_img").attr('https://cricclubs.com'+returnedData.values.batsman1ProfileImange+''); // $(".batsman2ProfileImange_img").attr('https://cricclubs.com'+returnedData.values.batsman2ProfileImange+''); // $(".lastOutProfileImange_img").attr('https://cricclubs.com'+returnedData.values.lastOutProfileImange+''); // $(".careerProfileImage_img").attr('https://cricclubs.com'+returnedData.values.careerProfileImage+''); // $(".bowlerProfileImange_img").attr('https://cricclubs.com'+returnedData.values.bowlerProfileImange+''); // $(".momImagepath_bg").css('background-image', 'url('+returnedData.values.momImagePath+')'); $(".momImagepath_bg").css('background-image', 'url(https://cricclubs.com' + returnedData.values.momImagePath + ')'); $(".lastOutProfileBgImange_img").css('background-image', 'url(https://cricclubs.com' + returnedData.values.lastOutProfileImange + ')'); $(".bowlerProfileBgImange_img").css('background-image', 'url(https://cricclubs.com' + returnedData.values.bowlerProfileImange + ')'); $(".batsman2ProfileBgImange_img").css('background-image', 'url(https://cricclubs.com' + returnedData.values.batsman2ProfileImange + ')'); $(".batsman1ProfileBgImange_img").css('background-image', 'url(https://cricclubs.com' + returnedData.values.batsman1ProfileImange + ')'); $(".careerProfileBgImage_img").css('background-image', 'url(https://cricclubs.com' + returnedData.values.careerProfileImage + ')'); // $(".lastOutProfileBgImange_img").css('background-image', 'url('+returnedData.values.lastOutProfileImange+')'); // $(".bowlerProfileBgImange_img").css('background-image', 'url('+returnedData.values.bowlerProfileImange+')'); // $(".batsman2ProfileBgImange_img").css('background-image', 'url('+returnedData.values.batsman2ProfileImange+')'); // $(".batsman1ProfileBgImange_img").css('background-image', 'url('+ returnedData.values.batsman1ProfileImange+')'); // $(".careerProfileBgImage_img").css('background-image', 'url('+ returnedData.values.careerProfileImage+')'); // strike rate $("div.stat_sr_current1").html(formulaSR(returnedData.values.batsman1Runs, returnedData.values.batsman1Balls)); $("div.stat_sr_current2").html(formulaSR(returnedData.values.batsman2Runs, returnedData.values.batsman2Balls)); if (returnedData.view == "19") { $("div.stat_sr_lastout").html(formulaSR(returnedData.values.lastOutRuns, returnedData.values.lastOutBalls)); } // economy bowl stat $("div.stat_ec_current").html(formulaEconOV(returnedData.values.bowlerRuns, returnedData.values.bowlerOvers)); // get balls // if (returnedData.view == "1") { // var ballContent = ""; // $.each(returnedData.balls, function (index, value) { // if (value.match("W$")) { // var wicketball = "WicketHighlight"; // } // ballContent += "<span class='currentball " + wicketball + "'><span>" + value + "<\/span><\/span> "; // }); // $(".ballsMainWrap").html(ballContent); // } if (returnedData.view == "1") { var ballContent = ""; $.each(returnedData.balls, function (index, value) { if (value.match("W$")) { var wicketball = "WicketHighlight"; } ballContent += "<span class='" + wicketball + "'><span>" + value + "<\/span><\/span> "; }); $(".ballstest").html("<span style='text-transform: uppercase; padding-right:10px;'>This Over </span>" + ballContent); } }, 1000); var runs = parseInt(returnedData.values.requiredRuns); if (!isNaN(runs) && runs > 0) { $(".showRunsRequired").show(); } else { //$(".showRunsRequired").hide(); } } } }); } refreshScore(); setInterval(function () { refreshScore(); }, 3000); </script> </head> <body> <div class="main"> <div class="grid-container"> <div class="team1_Code"> <span class="t2Code"></span> </div> <div class="team2_Code"> <span class="t1Code"></span> </div> <div class="batsman1_Name"> <span class="batsman1Name"></span> </div> <div class="batsman2_Name"> <span class="batsman2Name"></span> </div> <div class="batsman1_Stats"> <span class="batsman1Runs"></span> <span class="batsman1Balls"></span> </div> <div class="batsman2_Stats"> <span class="batsman2Runs"></span> <span class="batsman2Balls"></span> </div> <div class="total_Score"> <span class="t2Total"></span> - <span class="t2Wickets"></span> </div> <div class="total_Overs"> Overs: <span class="overs"></span> </div> <div class="bowler_Name"> <span class="bowlerName"></span> </div> <div class="bowler_Stats"> <span class="bowlerRuns"></span>-<span class="bowlerWickets"></span> <span class="bowlerOvers"></span> </div> <div class="slideshow-container"> <div class="mySlides fade"> <span class="ballstest"></span> </div> <div class="mySlides fade"> <span class="t1Name"></span> vs <span class="t2Name"></span> </div> <div class="mySlides fade"> <span class="">Dream11 Emirates D20 Tournament</span> </div> <div class="mySlides fade"> <span class="">Live from Dubai Cricket Stadium</span> </div> </div> </div> </div> <script> var slideIndex = 0; showSlides(); function showSlides() { var i; var slides = document.getElementsByClassName("mySlides"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slideIndex++; if (slideIndex > slides.length) { slideIndex = 1; } slides[slideIndex-1].style.display = "block"; if(slideIndex == 1){ setTimeout(showSlides, 5000); } else { setTimeout(showSlides, 2000); } } </script> <script src="" async defer></script> </body> </html>
•
Search:
•
Replace:
Function
Edit by line
Download
Information
Rename
Copy
Move
Delete
Chmod
List
