<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<meta name="author" content="Felix Knoll">
<link rel="stylesheet" type="text/css" href="css/sb.min.css" />
<link rel="license" href="license.txt">
<script src="js/jquery-3.6.4.min.js"></script>
<script src="js/sb.min.js"></script>
                

<title>Scoreboard for Cuesports</title>

</head>
<body>

<div id="content">
	<div id="leftscoring" class="column farleft">
 		<div id="leftinput0" class="left input click breakinput" data-action="addscore" data-what="0" data-who="left">0</div>
		<div id="leftinput1" class="left input click" data-action="addscore" data-what="1" data-who="left">1</div>
		<div id="leftinput2" class="left input click" data-action="addscore" data-what="2" data-who="left">2</div>
		<div id="leftinput3" class="left input click" data-action="addscore" data-what="3" data-who="left">3</div>
		<div id="leftinput4" class="left input click" data-action="addscore" data-what="4" data-who="left">4</div>
		<div id="leftinput5" class="left input click" data-action="addscore" data-what="5" data-who="left">5</div>
		<div id="leftinput6" class="left input click" data-action="addscore" data-what="6" data-who="left">6</div>
		<div id="leftinput7" class="left input click" data-action="addscore" data-what="7" data-who="left">7</div>
		<div id="leftinput8" class="left input click breakinput" data-action="addscore" data-what="8" data-who="left">8</div>
		<div id="leftinput9" class="left input click breakinput" data-action="addscore" data-what="9" data-who="left">9</div>
		<div id="leftinputf" class="left input click" data-action="foulselection" data-what="F" data-who="left" title="Foul selection">F</div>
		<div id="leftinputfb" class="left input click" data-action="freeballselection" data-what="FB" data-who="left" title="Freeball selection">FB</div>
	</div><div id="middlewrapper" class="column">
		<div id="leftcolumn" class="column leftcolumn yellow">
			<div  class="topbox outerbox "><div id="left_overlay" ><div id="left_namebox" class="namebox"></div></div></div>
			<div id="left_breakbox" class="outerbox  "></div>
			<div id="left_pointsbox" class="outerbox "></div>
			<div id="left_framesbox" class="outerbox bottombox "></div>
		</div><div id="middlecolumn" class="column middlecolumn">
			<div class="topbox centerbox red" ><div id="timertype" class="yellowtext"></div><div id="timerbox"><div id="displayhours" class="time-number"></div><div class="time-colon"></div><div id="displayminutes" class="time-number"></div><div class="time-colon"></div><div id="displayseconds" class="time-number"></div>
		</div></div>
	<div id="breakbox" class="yellowtext centerbox red ">BREAK</div>
	<div id="pointsbox" class="yellowtext centerbox red">POINTS</div>
	<div id="framesbox" class="yellowtext centerbox bottombox red "></div>
</div><div id="rightcolumn" class="column rightcolumn">
	<div class="topbox outerbox"><div id="right_overlay">
	<div id="right_namebox" class="namebox"><br/></div></div></div>
	<div id="right_breakbox" class="outerbox"></div>
	<div id="right_pointsbox" class="outerbox"></div>
	<div id="right_framesbox" class="outerbox bottombox"></div>
</div>
<div id="tablenamebox" class="yellowtext red bottomstatusbox"></div>
<div id="statusbox" class="red bottomstatusbox">
        <ul id="statusboxcontent">
                <li>
                        <div>
                                <table>
                                        <tr id="firststatusrow"><td>some label:</td><td>some value</td></tr>
                                        <tr id="secondstatusrow"><td>some label:</td><td>some value</td></tr>
                                </table>
                        </div>
                </li>
        </ul>
</div>

<div id="bottominput">
        <div id="leftbottominput">
                <div id="leftinputeov" class="floatleft left input click inline" data-action="endofvisit" data-who="left" title="End of visit">eov</div>
                <div id="leftinputactive" class="floatleft left input click inline" data-action="activateplayer" data-who="right" title="Switch active player"></div>
        </div>
        <div id="rightbottominput">
                <div id="rightinputeov" class="floatright right input click" data-action="endofvisit" data-who="right" title="End of visit">eov</div>
                <div id="rightinputactive" class="floatright right input click" data-action="activateplayer" data-who="left" title="Switch active player"></div>
        </div>
<div id="centerinputu" class="bottom input click" data-action="undo" data-who="left" title="Undo"></div><div id="centerinputr" class="bottom input click" data-action="redo" data-who="left" title="Redo"></div><div id="centerinpute" class="bottom input click" data-action="endofframe" data-who="normal" title="End of frame"></div><div id="centerinputfs" class="bottom input click" data-action="fullscreen" title="Toggle full screen"></div><div id="centerinputreset" class="bottom input click" data-action="reset" title="Rerack / Full reset"></div><div id="centerinputsu" class="bottom input click" data-action="showsettings" title="Show / Hide settings"></div><div id="centerinputinfo" class="bottom input click" data-action="showinfo" title="Show / Hide match summary"></div><div id="centerstartstoptimer" class="bottom input click" data-action="startstoptimer" title="Start / Stop timer"></div>
<div class="footer">
Scoreboard for Cuesports and Manager are private software and work in progress. They are provided as is and without any warranty - use at own risk.
</div>
</div>
</div><div id="rightscoring" class="column farright">
   	<div id="rightinput0" class="right input click breakinput" data-action="addscore" data-what="0" data-who="right">0</div>
	<div id="rightinput1" class="right input click" data-action="addscore" data-what="1" data-who="right">1</div>
        <div id="rightinput2" class="right input click" data-action="addscore" data-what="2" data-who="right">2</div>
        <div id="rightinput3" class="right input click" data-action="addscore" data-what="3" data-who="right">3</div>
        <div id="rightinput4" class="right input click" data-action="addscore" data-what="4" data-who="right">4</div>
        <div id="rightinput5" class="right input click" data-action="addscore" data-what="5" data-who="right">5</div>
        <div id="rightinput6" class="right input click" data-action="addscore" data-what="6" data-who="right">6</div>
        <div id="rightinput7" class="right input click" data-action="addscore" data-what="7" data-who="right">7</div>
        <div id="rightinput8" class="right input click breakinput" data-action="addscore" data-what="8" data-who="right">8</div>
        <div id="rightinput9" class="right input click breakinput" data-action="addscore" data-what="9" data-who="right">9</div>
	<div id="rightinputf" class="right input click" data-action="foulselection" data-what="F" data-who="right" title="Foul selection">F</div>
	<div id="rightinputfb" class="right input click" data-action="freeballselection" data-what="FB" data-who="right" title="Freeball selection">FB</div>
 </div>




</div>



</div>

</div>

<div id="settings">
	<div class="leftsettings">
		
		<div><label>Table number:</label>
		<input id="table_number" class="settings_input manager_setting" type="number" min="1" />
		</div>
		<div><label>Management station URL:</label>
		<input id="manager_address" class="settings_input" type="text" placeholder="http(s)://management.station.address/io.php" />
		</div>
		<div><label>Management station status:</label>
		<input id="manager_status" class="settings_input" disabled type="text" />
		</div>
		<div>&nbsp;</div>
	
		<div><label>Match type:</label>
			<select id="match_type" class="settings_input manager_setting">
				<option value="snooker">Snooker</option>
				<option value="ebtimed">Billiards Timed / Long up</option>
				<option value="ebgames">Billiards Best Of Games</option>
			</select>
		</div>
		<div><label>Match best of frames:</label>
			<select id="match_target" class="settings_input manager_setting">
				<option value="1">1</option>
				<option value="3" selected>3</option>
				<option value="5">5</option>
				<option value="7">7</option>
				<option value="9">9</option>
				<option value="11">11</option>
			</select>
		</div>
		<div><label>Timer type:</label>
			<select id="match_timer_type" class="settings_input manager_setting">
				<option value="match time">Match time</option>
				<option value="countdown">Countdown</option>
			</select>
		</div>
		<div><label>Timer value (minutes):</label>
		<input id="match_timer_minutes" class="settings_input manager_setting" type="number" />
		</div>
		<div>&nbsp;</div>
		<div><label>Left player first name:</label>
		<input id="left_firstname" class="settings_input manager_setting" type="text" />
		</div>
		<div><label>Left player last name:</label>
		<input id="left_lastname" class="settings_input manager_setting" type="text" />
		</div>
		<div><label>Right player first name:</label>
		<input id="right_firstname" class="settings_input manager_setting" type="text" />
		</div>
		<div><label>Right player last name:</label>
		<input id="right_lastname" class="settings_input manager_setting" type="text" />
		</div>
		<div>&nbsp;</div>
		<div><label>Score input method:</label>
			<select id="scoring_method" class="settings_input">
				<option value="single">Single score</option>
				<option value="break">Finshed break</option>
			</select>
		</div>
		
	</div>
</div>
<div id="summary">
	
</div>



</body>
</html>
