Permalink
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
263 lines (232 sloc) 10.2 KB
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>GolfApp: Home</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/stylesLogin.css">
<link rel="stylesheet" href="./css/stylesScores.css">
<link rel="stylesheet" href="./css/stylesDashboard.css">
<link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<!-- <div id="loading">
<img src="assets/loading.svg" alt="Loading spinner">
</div> -->
<nav class="container">
<div class="navbar-header">
<button id="btnRound" class="btn btn-primary btn-margin btn-lg">
Round
</button>
<button id="btnScores" class="btn btn-primary btn-margin btn-lg">
Scores
</button>
<button id="btnDashboard" class="btn btn-primary btn-margin btn-lg">
Dashboard
</button>
<button id="btnDistances" class="btn btn-primary btn-margin btn-lg">
Distances
</button>
<button id="btnAll" class="btn btn-primary btn-margin btn-lg">
Show All
</button>
<a href="/logout" id="btnLogOut" class="btn btn-primary btn-margin btn-lg">
Log Out
</a>
</div>
</nav>
<!-- <div class="content">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Auth0 - JavaScript</a>
<button id="btn-home-view" class="btn btn-primary btn-margin">
Home
</button>
<button id="qsLoginBtn" class="btn btn-primary btn-margin">
Log In
</button>
<button id="qsLogoutBtn" class="btn btn-primary btn-margin">
Log Out
</button>
</div>
</div>
</nav>
<main class="container">
<div id="home-view">
<h4></h4>
</div>
</main>
</div>-->
<!-- <div id="loginBox" class="container">
<div id="loginStatus">You are not logged in.</div>
<button id="btnLogIn">Log In</button>
<img id="loadingSpinner" src="assets/loading.svg" alt="Loading spinner">
</div> -->
<div id="mainRound">
<h1>Round Details</h1>
<table id="generalTable">
<tr>
<td>Date</td>
<!-- Can't seem to set pattern to display in dd-mmm-yyyy format-->
<td><input type="date" id="date2" pattern="(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])/(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])/(?:30))|(?:(?:0[13578]|1[02])-31))"></td>
</tr>
<tr>
<td>Course</td>
<td id="coursesList" onchange="setTees()"></td>
</tr>
<tr>
<td>Tees</td>
<td id="teesList"></td>
</tr>
<tr>
<td>Standard Scratch</td>
<td><input id="ss"></td>
</tr>
<tr>
<td>Competition</td>
<td><input id="competition"></td>
</tr>
<tr>
<td>Competition Format</td>
<td>
<select id="format" onchange="setFormat()">
<option disabled selected value="nil">---select---</option>
<option value="strokeplay">Strokeplay</option>
<option value="stableford">Stableford</option>
</select>
</td>
</tr>
<tr>
<td>Competition Standard Scratch</td>
<td><input placeholder="Can fill in online when final results published" id="css"></td>
</tr>
<tr>
<td>Competition Handicap</td>
<td><input id="handicap" type="number" placeholder="Insert round number" step="1" min="0" max="28"></td>
</tr>
</table>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">&times;</span>
<p></p>
<table id="newCourseTable">
<tr><th>Course Name</th><td><input id="newCourseName"></td></tr>
<tr><th>Tees</th><td><input id="newCourseTees"></td></tr>
<tr><th>Standard Scratch</th><td><input id="c"></td></tr>
<tr><th>Competition Standard Scratch</th><td><input></td></tr>
<tr><th>Hole</th><th>Yards</th><th>Par</th><th>SI</th></tr>
<tr><td>1</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></td></tr>
<tr><td>2</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>3</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>4</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>5</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>6</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>7</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>8</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>9</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>10</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>11</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>12</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>13</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>14</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>15</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>16</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>17</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
<tr><td>18</td><td><input class="a"></td><td><input class="b"></td><td><input class="d"></tr>
</table>
<!--<input type="submit" value="Submit">-->
<button id="newCourseStatsBtn">Finished</button>
<p></p>
</div>
</div>
</div>
<div id="mainScores" class="hidden">
<h1>Scores</h1>
<button id="holeBtn">Start</button>
<button id="distBtn" disabled>Drive</button>
<button id="btnFinish">Finish Round</button>
<table id="statsTable">
<tr>
<!-- Add video later -->
<th>Hole</th>
<th class="hideSmall">Yards</th>
<th class="hideSmall">Par</th>
<th class="hideSmall">SI</th>
<th>Score</th>
<th class="stablefordColumn">Points</th>
<th>Fairway</th>
<th>Drive Club</th>
<th class="hideSmall">Drive Dist (yds)</th>
<th>Green</th>
<th>Up and Down</th>
<th>Sand Save</th>
<th>Putts</th>
<th>1st Putt Dist (ft)</th>
<th class="hideSmall">Strokes Gained Putting</th>
</tr>
</table>
<p></p>
<div class="mapholder"></div>
</div>
<div id="mainDistances" class="hidden">
<h1>Distances</h1>
<table id="distTable" alignText="center">
<tr>
<th>Location</th>
<th>Latitude</th>
<th>Longitude</th>
<th>Accuracy (metres)</th>
<th>Distance (metres)</th>
<th>Distance (yards)</th>
</tr>
</table>
<p></p>
<div class="mapholder"></div>
</div>
<div id="mainDashboard" class="hidden">
<h1>Dashboard</h1>
<div id="chart1">
<svg id="svg1"></svg>
</div>
<div id="chart2">
<svg id="svg2"></svg>
</div>
<!-- <svg id="svg3"></svg>
<div id="div1"></div> -->
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- <script src="./js/auth0-variables.js"></script>
<script src="./js/auth0-authorisation.js"></script> -->
<script src="./js/scores_setInitialTable.js"></script>
<script src="./js/scores_populateTable.js"></script>
<script src="./js/scores_newCourseModal.js"></script>
<script src="./js/scores_strokesGained.js"></script>
<script src="./js/scores_addingUp.js"></script>
<script src="./js/scores_geolocation.js"></script>
<script src="./js/buttons.js"></script>
<script src="./js/scores_screenResizing.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.5/nv.d3.min.js"></script>
<script src="./js/dashboard2.js"></script>
</body>
</html>