ScoreKeeper/index.html at master · edank/ScoreKeeper · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Score Keeping admin</title>

		<!-- Latest compiled and minified CSS -->
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="style.css">

		<!-- Optional theme -->
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">

		<!-- Latest compiled and minified JavaScript -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
		<script src="index.js"></script>
	</head>
  	<body>
		<h1>Basis Ping Pong</h1>
		<div class="row">
			<div class="col-sm-offset-1 col-xs-12 col-sm-4">
				<h2>Standings & Results</h2>
				<table class="table">
					<caption>General Standings</caption>
					<tr>
						<th>Name</th>
						<th>Wins</th>
						<th>Losses</th>
					</tr>
					<!-- Insert actual poitions -->
					<tr>
						<td></td>
						<td></td>
						<td></td>
					</tr>
				</table>


				<table class="table table-striped">
					<caption>Matches</caption>
					<tr>
						<th colspan="2">Player 1</th>
						<th colspan="2">Player 2</th>
						<th>Date</th>
					</tr>
					<!-- Insert actual poitions -->
					<tr>
						<td>edan</td>
						<td>3</td>
						<td>2</td>
						<td>josh</td>
						<td>mar 12</td>
					</tr>
					<tr>
						<td>edan</td>
						<td>3</td>
						<td>2</td>
						<td>josh</td>
						<td>mar 12</td>
					</tr>
					<tr>
						<td>edan</td>
						<td>3</td>
						<td>2</td>
						<td>josh</td>
						<td>mar 12</td>
					</tr>
				</table>
			</div>

			<!-- Form -->
			<div class="newMatch col-sm-offset-1 col-xs-12 col-sm-5">
				<div class="content">
					<h2>New Match</h2>
					<form role="form" id="formMatch" class="form-inline">
					<!-- Player names -->
					<div class="form-group pName">
						<label for="player1">Player 1 (Door side)</label>
						<input type="text" class="form-control" id="player1" placeholder="Player 1">
					</div>
					<div class="form-group pName">
						<label for="player2">Player 2  (Window side)</label>
						<input type="text" class="form-control" id="player2" placeholder="Player 2">
					</div>
					<hr>
					<!-- Games -->
					<h4>Games</h4>
					<div class="games">
						<div class="row">
							<label class="col-sm-2">Game #</label>
							<label class="col-sm-2 p1name">Player 1</label>
							<label class="col-sm-3 p2name">Player 2</label>
						</div>
						<div class="row game ">
							<label class="gameNum col-sm-2">1</label>
							<div class="col-sm-2">
								<select id="p1g1" class="p1g form-control">
									<option>0</option>
									<option>1</option>
									<option>2</option>
								</select>
							</div>
							<div class="col-sm-3">
								<select id="p2g1" class="p2g form-control">
									<option>0</option>
									<option>1</option>
									<option>2</option>
								</select>
							</div>
						</div>

						<div class="addRemoveBtns">
							<!-- <div class="addGame ">Add Game</div> -->
							<span class="addGame btn btn-success btn-xs ">Add Game</span>
							<button  class="removeGame btn btn-danger btn-xs">Remove last Game</button>
						</div>
					</div>

					<hr>

					<button type="submit" class="submit btn btn-primary">Submit</button>
					</form>
				</div>
			</div>
		</div>

  </body>
</html>