forked from jwholdsworth/JSProve
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (128 loc) · 8.51 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
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
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="description" content="Browser based Peal proving program by Paul Brook and James Holdsworth" />
<title>JSProve</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" media="screen" />
<link href="css/jsprove.css" rel="stylesheet" media="screen" />
<!--link href="css/jquery.css" rel="stylesheet" type="text/css" media="screen" /-->
</head>
<body>
<section class="alert">
<button type="button" class="close" data-dismiss="alert">×</button>
<div></div>
</section>
<div class="navbar">
<div class="navbar-inner">
<h1><a class="brand" href="#">JSProve</a></h1>
<ul class="nav">
<li><a href="https://github.com/jwholdsworth/JSProve">GitHub</a></li>
<li><a href="https://github.com/jwholdsworth/JSProve/archive/master.zip">Download</a></li>
</ul>
</div>
</div>
<noscript><p class="error">This application requires JavaScript to be enabled within your browser. Please enable it before continuing.</p></noscript>
<section id="tabs">
<ul class="nav nav-tabs">
<li><a href="#methods" data-toggle="tab">Methods and Composition</a></li>
<li><a href="#calls" data-toggle="tab">Calls</a></li>
<li><a href="#musicInput" data-toggle="tab">Music</a></li>
<li><a href="#about" data-toggle="tab">About</a></li>
</ul>
<section class="tab-content">
<section id="calls" class="tab-pane">
<h2>Calls</h2>
<table class="form-horizontal">
<tr>
<th>Symbol</th><th>Notation</th><th>Location</th>
</tr>
<tr>
<td><input type="text" size="1" maxlength="1" name="symbol0" id="symbol0" value="/" /></td>
<td><input type="text" size="3" name="callNtn0" id="callNtn0" value="14" /></td>
<td><select class="callLocation" name="callLocation0" id="callLocation0"><option value="le">Lead End</option><option value="hl">Half Lead</option></select></td>
</tr>
<tr>
<td><input type="text" size="1" maxlength="1" name="symbol1" id="symbol1" value=";" /></td>
<td><input type="text" size="3" name="callNtn1" id="callNtn1" value="1234" /></td>
<td><select class="callLocation" name="callLocation1" id="callLocation1"><option value="le">Lead End</option><option value="hl">Half Lead</option></select></td>
</tr>
</table>
<input type="button" value="Add more calls" id="btnAddMoreCalls" class="btn btn-primary" />
</section>
<section id="musicInput" class="tab-pane">
<h2>Music</h2>
Enter your own music, e.g. ****4678 for rows ending in 4678. One entry per line please.<br />JSProve will count the 4-bell runs for you.<br />
<textarea id="userMusicList" rows="5" cols="40"></textarea>
</section>
<section id="methods" class="tab-pane">
<section id="input">
<h2>Methods</h2>
<div class="form-horizontal">
<select name="methodRank" id="methodRank">
<option value="6">Minor</option>
<option value="8" selected="selected">Major</option>
<option value="10">Royal</option>
<option value="12">Maximus</option>
</select>
<!--input type="button" value="Add Method" id="moreMethods" /-->
<select name="class" id="class">
<option value="D">Delight</option>
<option value="P">Plain</option>
<option value="S" selected="selected">Surprise</option>
<option value="T">Treble Bob</option>
</select>
<input type="button" value="Load Method from Library" id="searchMethod" class="btn btn-primary" /> <input type="button" value="+" id="moreMethods" class="btn btn-success" />
</div>
<div id="methodList" class="form-horizontal"></div>
<h2>Composition</h2>
<div><label for="shorthand"><abbr title="For single method compositions only. E.g. mhwvf">Shorthand</abbr> (uses first method from selection above)</label><br /><input type="text" value="hhh" name="shorthand" id="shorthand" size="60" /> <input type="button" id="generateShorthand" value="Generate" class="btn btn-primary" /></div>
<div><label for="liveProve"><abbr title="Proves for every keystroke. Not great on slower machines.">Live Prove</abbr></label><input type="checkbox" name="liveProve" id="liveProve" checked="checked" /></div>
<div style="overflow:hidden;">
<textarea id="composition" rows="10" cols="40" style="float:left;">YYYYYYY</textarea>
<pre style="float:left; width:100px; margin:0; padding:0;" id="courseEnds"></pre>
</div>
<input type="button" id="prove" value="Prove" class="btn btn-success" />
</section>
<section id="output">
<h3 id="results"></h3>
<div id="music"></div>
<h3 id="com"></h3>
<div id="atw"><pre></pre></div>
</section>
</section>
<section id="about" class="tab-pane">
<h2>About JSProve</h2>
<p>Created by Paul Brook and James Holdsworth. Written in HTML5 and JavaScript.</p>
<h3>Feature Requests</h3>
<ul>
<li><del>Parse place notations and generate rows</del> PB Feb 2011</li>
<li><del>Prove truth of a composition at all stages from place notation and user input</del> PB Feb 2011</li>
<li><del>Informative Music output for all stages</del> PB/JH Feb/Mar 2011</li>
<li><del>Variety of Call Types</del> JH Mar 2011</li>
<li><del>Shorthand generation of composition</del> JH Jun 2011</li>
<li>Central Council (standard) formatting of true compositions</li>
<li><del>Method loader - using XHR from CC library files</del> JH Apr 2011</li>
<li><del>Use more than one method (spliced)</del> JH Jun 2011</li>
<li><del>Snap start - user can just create a "new method" by inputing full lead place notation, missing off first 2 changes</del></li>
<li>Half lead calls</li>
<li><del>All the work checker for spliced compositions</del> JH Nov 2012</li>
<li><del>Change of method counter</del> JH Nov 2012</li>
<li>Stage beyond Maximus</li>
</ul>
</section>
</section>
</section>
<section id="popup"></section>
<!-- import javascript libraries and files -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" defer></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js" defer></script>
<script type="text/javascript" src="js/bootstrap.min.js" defer></script>
<script type="text/javascript" src="js/pealprover.js" defer></script>
<script type="text/javascript" src="js/methodlib.js" defer></script>
<script type="text/javascript" src="js/frontend.js" defer></script>
<script type="text/javascript" src="jquery/jquery.elastic.js" defer></script>
</body>
</html>