rectest/test.html

117 lines
3.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Recollection Test</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1 class="until-testing">Recollection Test</h1>
<noscript>
<p>It appears that you have JavaScript disabled. Please consult your
browser's documentation to enable it before continuing. Don't worry - it
is <a href="http://www.gnu.org/philosophy/free-sw.html">Free Software</a>.
</p>
</noscript>
<div class="until hasjs">
Please wait while we get our act together... (Loading)
</div>
<!-- status (while testing) -->
<div class="statusbar-area while-testing">
<div class="statusbar">
TODO
</div>
</div>
<!-- configure -->
<div class="hasjs topbox notice while-idle">
Please configure the test using the form below.
</div>
<div class="hasjs config while-idle">
<h2 class="title">Test Setup</h2>
<dl>
<dt>Test Case</dt>
<dd>
<select id="case">
<option value="">(Select)</option>
</select>
</dd>
<dt>Set Complexity</dt>
<dd>
<select id="set">
<option value="0">Basic</option>
<option value="1">Fair</option>
<option value="2">Complex</option>
</select>
</dd>
<dt>Interval</dt>
<dd><input type="number" id="interval" value="5.0" /> seconds</dd>
<dt>Blank Period</dt>
<dd><input type="number" id="blank" value="5.0" /> seconds</dd>
<dt>Sample Size</dt>
<dd>
<input type="number" id="samples" value="10" />
<select id="ralgo">
<option value="0">Random, All Inclusive</option>
<option value="1">Random, Grouped</option>
<option value="2">Random</option>
<option value="3">Ordered</option>
</select>
</dd>
<dt>Begin Delay</dt>
<dd><input type="number" id="delay" value="5.0" /> seconds</dd>
</dl>
<button id="continue" class="action">Continue &raquo;</button>
<br clear="both" />
</div>
<!-- pending -->
<div class="topbox notice while-pending">
Test configured. Click "Begin Test" to continue, or "Reconfigure" to alter
the configuration.
</div>
<div class="while-pending">
<p>
To share this configuration with others, please use the following URL:
(TODO)
</p>
During the test, you may move your mouse cursor toward the bottom of the
screen to view test status and additional options. Please note that this
feature should be ignored during actual testing so as not to distract
the testee.
<p>
</p>
<div>
<button id="reconfigure">&laquo; Reconfigure</button>
<button id="run">Begin Test &raquo;</button>
</div>
</div>
<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="scripts/ease.min.js"></script>
<script type="text/javascript" src="scripts/main.js"></script>
<!-- we will have the option to minify these in the future; this is for
development purposes -->
<script type="text/javascript" src="scripts/set/Set.js"></script>
<script type="text/javascript" src="scripts/set/RandomGroupedSet.js"></script>
<script type="text/javascript" src="scripts/set/RandomAllInclusiveSet.js"></script>
<script type="text/javascript" src="scripts/set/SetFactory.js"></script>
<script type="text/javascript" src="scripts/TestCase.js"></script>
<script type="text/javascript" src="scripts/TestRun.js"></script>
<script type="text/javascript" src="scripts/TestRunner.js"></script>
<script type="text/javascript" src="scripts/ColorTestCase.js"></script>
<script type="text/javascript" src="scripts/RecTest.js"></script>
</body>
</html>