-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
96 lines (85 loc) · 4.88 KB
/
index.html
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
<html>
<head>
<title>BGG Play Logger</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="./js/bgg-play-logger-logic.js"></script>
<link rel="stylesheet" type="text/css" href="./css/bgg-play-logger.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="./css/easy-autocomplete.themes.min.css">
<link rel="stylesheet" type="text/css" href="./css/easy-autocomplete.min.css">
<script src="./js/jquery.easy-autocomplete.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<a class="navbar-brand" href="#">BGG Play Logger</a>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Log Plays<span class="sr-only">(current)</span></a></li>
<li><a href="#">More</a></li>
</ul>
</nav>
<div class="container">
<div class="page-header">
<h1>
BGG Play Logger <small>Save your plays on BoardGameGeek!</small>
</h1>
</div>
<div class="alert alert-info">
<strong>Important!</strong> You need to be logged on BoardGameGeek to post your plays. Visit <strong><a href="https://boardgamegeek.com/login">this page</a></strong> in order to authenticate.<br> <br> This page <strong>DOES NOT</strong> store
any personal data, as it relies only on browser cookies.
</div>
<div id="data-entry">
<form action='https://www.boardgamegeek.com/geekplay.php' class='form-horizontal' method='post' id="bgg-form">
<!-- HIDDEN INPUTS FOR BGG HANDLING -->
<input type='hidden' name='action' value='save'> <input type='hidden' name='version' id='quickplay_version' value='2'> <input type='hidden' name='objecttype' id='quickplay_objecttype' value='thing'> <input type='hidden'
name='playid' id='quickplay_playid' value=''> <input type='hidden' name='action' id='quickplay_action' value='save'>
<!-- END HIDDEN INPUTS SECTION -->
<div class="panel panel-default">
<div class="panel-heading">Game data</div>
<div class="panel-body">
<label for="playDate" class="control-label">Date:</label> <input type="date" class="form-control" id="playDate" name="playdate"> <br> <label for="quantity" class="control-label">Number</label> <input type='number' class="form-control"
id="quantity" name='quantity' value='1'> <br> <label for="location" class="control-label">Location</label> <input type='text' class="form-control" id="location" name='location' value='Home'> <br> <label for="game-search"
class="control-label">Game</label> <input class="form-control" id="game-search" name="objectid" /> <br> <label for="game-search" class="control-label">Duration</label> <input class="form-control" id="duration" name="length" />
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">Player data</div>
<div class="panel-body">
<table id="playersTable">
<thead>
<th class="td-med">Player</th>
<th class="td-max">Name</th>
<th class="td-med">Username</th>
<th class="td-min">Score</th>
<th class="td-min">Win</th>
<th class="td-min">New</th>
</thead>
<tbody>
<tr>
<td>Player 1</td>
<td><input type='text' class='form-control' name='players[1][name]' value='' placeholder="Name"></td>
<td><input type='text' class='form-control' name='players[1][username]' value=''></td>
<td><input type='text' class='form-control' name='players[1][score]' value=''></td>
<td><input type='checkbox' class='form-control' name='players[1][win]' id='players[1][win]' value=1>
<td><input type='checkbox' class='form-control' name='players[1][new]' id='players[1][new]' value=1>
</tr>
</tbody>
</table>
<button type="button" class="btn btn-warning" id="addPlayerButton">Add Player</button>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">Any comments?</div>
<div class="panel-body">
<input type="textarea" name="comments" class="form-control" placeholder="Insert a comment about this play.." />
</div>
</div>
<button type="reset" class="btn btn-reset">Reset</button>
<button class="btn btn-primary " name='B1'>Submit</button>
</form>
</div>
</div>
<center> ver. b 0.0.1 </center>
</body>
</html>