Fix File

• File: cp.html

• Content:

<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="bootstrap.css" media="all" >
<style>

@font-face {
font-family: 'Gotham Narrow Bold';
font-style: normal;
font-weight: normal;
src: local('font/Gotham Narrow Bold'), url('font/GothamNarrow-Bold.woff') format('woff');
}

body {
    padding: 0;
    margin: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: #8ecbe6;
    /* padding-top: 100px; */
    box-sizing: border-box;
    font-family: 'Gotham Narrow Bold', sans-serif;
}

.switcher[data-view="1"] {
    /* background: gainsboro; */
}

div#placeholder {
    display: none;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;

& > [class^="col-"],
  & > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
.switcher {
    height: 14%;
    display: table;
    width: 100%;
    background: #3D94F6;
    background-image: linear-gradient(to bottom, #087afb, #295fd6);
    color: #FFFFFF;
    font-size: 21px;
    font-weight: 100;
    border-top: solid #ffffff2b 1px;
    border-bottom: solid #00000026 1px;
    border-right: solid #ffffff30 1px;
    border-left: solid rgba(0, 0, 0, .1) 1px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #22478c;
    text-transform: uppercase;
    position: relative;
    padding: 15px;
}

.switcher.half-col {
    width: 50%;
    float: left;
    /* box-sizing: border-box; */
}

.topBar {
    font-size: 24px;
    top: 0;
    position: absolute;
    height: 100px;
    background: firebrick;
    width: 100%;
    display: table;
    box-sizing: border-box;
    padding: 20px;
    background-image: url(images/cpback.jpg);
    background-size: 100% 100%;
    color: white;
}

.topBar > div {
    display: table-cell;
    vertical-align: middle;
}

.switcher > span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.switcher.active {
    background-image: linear-gradient(to bottom, #0b478c, #00226d);
    box-shadow: 0 0 80px 0 black inset;
    color: #5589c7;
}

.switcher:hover {
    background-image: linear-gradient(to bottom, #0d5db7, #153b8e);
}

.switcher:active {
    box-shadow: 0 0 50px 0 black inset;
    background-image: linear-gradient(to bottom, #1d5da7, #07276d);
    color: #6aa5ca;
}

* {
    box-sizing: border-box;
    font-family: 'Gotham Narrow Bold', sans-serif;
}

.switcher.loading:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000c7;
    background-image: url(images/spin.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70px;
}

.switcher.third-col {
    width: 33%;
    float: left;
}

.switcher.third-fix {
    width:34%;
}

.wrap-iframe
{
    width: 1280px; /* same size as frame */
    height: 768px;
    -ms-zoom: 0.25; /* for IE 8 ONLY */
}
.wrap-iframe
{
    width: 320px;
    height: 192px;
    padding: 0;
    overflow: hidden;
}

.frame-ifreame
{
    width: 1280px;
    height: 786px;
    border: 0;

-ms-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -o-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    transform: scale(0.25);

-ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
</style>

$(function() {

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");
	var matchIdApi = parseInt(match, 10);
	var fixtureIdApi = parseInt(fixtureId, 10);
    var ajaxUrl = '';
    ajaxUrl = 'https://cricclubs.com/liveScoreOverlayData.do?clubId='+club+'&matchId='+matchIdApi;

// Function to get the current view and highlight the control panel button	
	function grabViewAndApply() {
	// var ajaxUrl = ajaxUrl;
		$.ajax({
			url: ajaxUrl,
			success: function(result) {
				if (result != '') {
					//alert(result);
					var returnedData = JSON.parse(result);
					
					if (!$('div[data-view="'+returnedData.view+'"]').hasClass('active')) {

$('.switcher').removeClass('active');
						
						$('div[data-view="'+returnedData.view+'"]').addClass('active');

$('.switcher').removeClass('loading');

}
					
				}
			}
		});
	}

// Run this to show active view
	grabViewAndApply();

$(".switcher").click(function(event) {
		
		if ($(this).hasClass('active')) {

return false;
		}

$('.switcher').removeClass('loading');

$(this).addClass('loading');
        var ajaxUrlForChangeConfig = '';
        
        ajaxUrlForChangeConfig = 'https://cricclubs.com/matchOverlayConfig.do?clubId='+club+'&matchId='+matchIdApi+'&viewId=' + $(this).attr('data-view');

$("#placeholder").load(ajaxUrlForChangeConfig, function() {
			// View is set so now we run this again and highlight the current view
			grabViewAndApply();

});
	});

$("#updateMatchSummy").click(function(event) {
			var ajaxUrlForChangeConfig = 'https://cricclubs.com/updateLiveStreamURLFromCP.do?clubId='+club+'&matchId='+match+'&liveStreamURL=' + $('#liveStreamingLink').val();

$("#placeholder").load(ajaxUrlForChangeConfig, function() {
				location.reload(true);
			});
		});

});
  
</script>
<head>
  <meta charset="utf-8">
  <title></title>
</head>
<body>

</div>
		
		<div class="row no-gutters">
			<div class="switcher col-md-12" data-view="1"><span>Scorebar</span></div>
		</div>
        <div class="row no-gutters">
            <div class="col-md-4">
                <div class="switcher" data-view="1" onclick="localStorage.setItem('targettag', 'test'); localStorage.removeItem('requiretag');"><span>Target</span></div>
            </div>
            <div class="col-md-4">
                <div class="switcher" data-view="1" onclick="localStorage.removeItem('targettag'); localStorage.setItem('requiretag', 'test')"><span>Required</span></div>
            </div>
            <div class="col-md-4">
                <div class="switcher" data-view="1" onclick="localStorage.removeItem('requiretag'); localStorage.removeItem('targettag')"><span>HIDE Target/Require</span></div>
            </div>
        </div>
		<div class="row no-gutters">
			
			<div class="col-md-4"><div class="switcher" data-view="2"><span>Batting Team 1(I1) <p style="font-size:10px; !important">Ue Falcons</p></span></div></div>
			<div class="col-md-4"><div class="switcher" data-view="3"><span>Bowling Team 1(I1) <p style="font-size:10px; !important">Mansua Royals</p></span></div></div>
			
            
        </div>
		
		<div class="row no-gutters">
			<div class="col-md-4"><div class="switcher" data-view="4"><span>Batting Team 2(I1) <p style="font-size:10px; !important">Mansua Royals</p> </span></div></div>
			<div class="col-md-4"><div class="switcher" data-view="5"><span>Bowling Team 2(I1) <p style="font-size:10px; !important">Ue Falcons</p></span></div></div>
			<div class="col-md-4" style="margin-top: -5vmin;"><div class="switcher" data-view="7"><span>LINE UP TEAM <p style="font-size:10px; !important">Mansua Royals</p></span></div></div>
		</div>
		
		
		
		<div class="row no-gutters">
			<div class="col-md-3"><div class="switcher" data-view="16"><span>Batsman Stats</span></div></div>
			<div class="col-md-3"><div class="switcher" data-view="17"><span>Runner Stats</span></div></div>
			<div class="col-md-3"><div class="switcher" data-view="18"><span>Bowler Stats</span></div></div>
			<div class="col-md-3"><div class="switcher" data-view="19"><span>Out Batsman</span></div></div>
		</div>
		
		<div class="row no-gutters">
			<div class="col-md-3"><div class="switcher" data-view="23"><span>Partnership</span></div></div>
			<div class="col-md-3"><div class="switcher" data-view="8"><span>Summary</span></div></div>
			<div class="col-md-3"><div class="switcher" data-view="20"><span>Points Table</span></div></div>
			<div class="col-md-3"><div class="switcher" data-view="0"><span>Hide</span></div></div>
		</div>
		
		<div class="row no-gutters">
			<div class="col-md-4"><div class="switcher" data-view="21"><span>Over by Over</span></div></div>
			<div class="col-md-4"><div class="switcher" data-view="22"><span>Worm</span></div></div>
			<div class="col-md-4"><div class="switcher" data-view="29"><span>Man of the Match</span></div></div>
		</div>

<div id="placeholder"></div>
</body>
</html>

• Search:

• Replace: