Mercurial > hg > webaudioevaluationtool

annotate test_create/test_create.html @ 1591:bc550d00cb6d

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Stash for project creator
author Nicholas Jillings <nickjillings@users.noreply.github.com>
date Mon, 01 Jun 2015 12:55:21 +0100
parents
children 95ff666edb66
rev   line source
nickjillings@1591 1 <!DOCTYPE html>
nickjillings@1591 2 <html lang="en">
nickjillings@1591 3 <head>
nickjillings@1591 4 <meta charset="utf-8">
nickjillings@1591 5
nickjillings@1591 6 <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
nickjillings@1591 7 Remove this if you use the .htaccess -->
nickjillings@1591 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
nickjillings@1591 9
nickjillings@1591 10 <title>WAET Create Test</title>
nickjillings@1591 11 <meta name="description" content="">
nickjillings@1591 12 <meta name="author" content="">
nickjillings@1591 13
nickjillings@1591 14 <meta name="viewport" content="width=device-width; initial-scale=1.0">
nickjillings@1591 15
nickjillings@1591 16 <script type="text/javascript">
nickjillings@1591 17 // To aid 'one-page set-up' all scripts and CSS must be included directly in this file!
nickjillings@1591 18 var topLevel;
nickjillings@1591 19 window.onload = function() {
nickjillings@1591 20 // Initialise page
nickjillings@1591 21 topLevel = document.getElementById('topLevelBody');
nickjillings@1591 22 var setup = document.createElement('div');
nickjillings@1591 23 setup.id = 'setupTagDiv';
nickjillings@1591 24
nickjillings@1591 25 };
nickjillings@1591 26
nickjillings@1591 27 function attributePair(string, type){
nickjillings@1591 28 var id = document.createElement("span");
nickjillings@1591 29 id.textContent = string;
nickjillings@1591 30 var input = document.createElement("input");
nickjillings@1591 31 input.type = type;
nickjillings@1591 32 return [id, input];
nickjillings@1591 33 }
nickjillings@1591 34
nickjillings@1591 35 function questionNode() {
nickjillings@1591 36 var node = document.createElement("div");
nickjillings@1591 37 node.setAttribute('class','head');
nickjillings@1591 38 node.setAttribute('name','question-node');
nickjillings@1591 39 var nodeTitle = document.createElement("span");
nickjillings@1591 40 nodeTitle.textContent = "Question";
nickjillings@1591 41 var attributes = document.createElement("div");
nickjillings@1591 42 attributes.setAttribute('class','attrib');
nickjillings@1591 43 var id = attributePair("ID:","text");
nickjillings@1591 44 var question = attributePair("Question:","text");
nickjillings@1591 45 node.appendChild(nodeTitle);
nickjillings@1591 46 id.forEach(function(item){attributes.appendChild(item);},false);
nickjillings@1591 47 question.forEach(function(item){attributes.appendChild(item);},false);
nickjillings@1591 48 node.appendChild(attributes);
nickjillings@1591 49 return node;
nickjillings@1591 50 }
nickjillings@1591 51
nickjillings@1591 52 function statementNode() {
nickjillings@1591 53 var node = document.createElement("div");
nickjillings@1591 54 node.setAttribute('class','head');
nickjillings@1591 55 node.setAttribute('name','question-node');
nickjillings@1591 56 var nodeTitle = document.createElement("span");
nickjillings@1591 57 nodeTitle.textContent = "Statement";
nickjillings@1591 58 var attributes = document.createElement("div");
nickjillings@1591 59 attributes.setAttribute('class','attrib');
nickjillings@1591 60 var statement = attributePair("Statement:","text");
nickjillings@1591 61 node.appendChild(nodeTitle);
nickjillings@1591 62 statement.forEach(function(item){attributes.appendChild(item);},false);
nickjillings@1591 63 node.appendChild(attributes);
nickjillings@1591 64 return node;
nickjillings@1591 65 }
nickjillings@1591 66
nickjillings@1591 67 function audioHolderNode() {
nickjillings@1591 68 var audioHolderCounts = document.getElementsByName("audio-holder").length;
nickjillings@1591 69 var node = document.createElement("div");
nickjillings@1591 70 node.setAttribute("class","head");
nickjillings@1591 71 node.setAttribute("name","audio-holder");
nickjillings@1591 72 node.setAttribute("id","audio-holder-"+length);
nickjillings@1591 73 var nodeTitle = document.createElement("span");
nickjillings@1591 74 nodeTitle.textContent = "Audio Holder "+(length+1);
nickjillings@1591 75
nickjillings@1591 76 var attributes = document.createElement("div");
nickjillings@1591 77 attributes.setAttribute('class','attrib');
nickjillings@1591 78 var id = attributePair("ID:","text");
nickjillings@1591 79 id[1].value=length;
nickjillings@1591 80 }
nickjillings@1591 81 </script>
nickjillings@1591 82 <style>
nickjillings@1591 83 div {
nickjillings@1591 84 padding: 2px;
nickjillings@1591 85 margin-top: 2px;
nickjillings@1591 86 margin-bottom: 2px;
nickjillings@1591 87 }
nickjillings@1591 88 div.head{
nickjillings@1591 89 margin-left: 10px;
nickjillings@1591 90 border: black;
nickjillings@1591 91 border-width: 2px;
nickjillings@1591 92 border-style: solid;
nickjillings@1591 93 }
nickjillings@1591 94 div.attrib{
nickjillings@1591 95 margin-left:25px;
nickjillings@1591 96 border: black;
nickjillings@1591 97 border-width: 2px;
nickjillings@1591 98 border-style: dashed;
nickjillings@1591 99 margin-bottom: 10px;
nickjillings@1591 100 }
nickjillings@1591 101 </style>
nickjillings@1591 102
nickjillings@1591 103 </head>
nickjillings@1591 104
nickjillings@1591 105 <body>
nickjillings@1591 106 <h1>Create Test Setup XML</h1>
nickjillings@1591 107 <div id="topLevelBody" align="left">
nickjillings@1591 108 <!-- Interface goes here -->
nickjillings@1591 109 <div name='test-setup'>
nickjillings@1591 110 <div id="setup" class="head">
nickjillings@1591 111 <h2>Setup Tag</h2>
nickjillings@1591 112 <div id="setup-attribs" class="attrib">
nickjillings@1591 113 <span>Interface</span>
nickjillings@1591 114 <select id="interface">
nickjillings@1591 115 <option value='APE'>APE</option>
nickjillings@1591 116 </select>
nickjillings@1591 117 <span>Project Return</span>
nickjillings@1591 118 <input type="text" id="projectReturn">
nickjillings@1591 119 <span>Randomise Test Page Order</span>
nickjillings@1591 120 <input id="randomisePageOrder" type="checkbox" value="false">
nickjillings@1591 121 <span>Collect Session Metrics</span>
nickjillings@1591 122 <input id="collectMetrics" type="checkbox">
nickjillings@1591 123 </div>
nickjillings@1591 124 <div id="globalPreTest" class="head">
nickjillings@1591 125 <h3>Pre Test</h3>
nickjillings@1591 126 <button id="addPreTestQ" onclick="event.srcElement.parentElement.appendChild(questionNode());">Add Pre Test Question</button>
nickjillings@1591 127 <button id="addPreTestS" onclick="event.srcElement.parentElement.appendChild(statementNode());">Add Pre Test Statement</button>
nickjillings@1591 128 </div>
nickjillings@1591 129 <div id="globalPostTest" class="head">
nickjillings@1591 130 <h3>Post Test</h3>
nickjillings@1591 131 <button id="addPreTestQ" onclick="event.srcElement.parentElement.appendChild(questionNode());">Add Post Test Question</button>
nickjillings@1591 132 <button id="addPreTestS" onclick="event.srcElement.parentElement.appendChild(statementNode());">Add Post Test Statement</button>
nickjillings@1591 133 </div>
nickjillings@1591 134 <div id="globalMetric" class="head">
nickjillings@1591 135 <h3>Global Metrics</h3>
nickjillings@1591 136 <div id="globalMetric-attrib" class="attrib">
nickjillings@1591 137 <span>Test Timer</span>
nickjillings@1591 138 <input type="checkbox" id="testTimer" />
nickjillings@1591 139 <span>Element Playback Timer</span>
nickjillings@1591 140 <input type="checkbox" id="elementTimer" />
nickjillings@1591 141 <span>Element Initial Position</span>
nickjillings@1591 142 <input type="checkbox" id="elementInitialPosition" />
nickjillings@1591 143 <span>Element Tracker</span>
nickjillings@1591 144 <input type="checkbox" id="elementTracker" />
nickjillings@1591 145 <span>Element Flag Listened To</span>
nickjillings@1591 146 <input type="checkbox" id="elementFlagListened" />
nickjillings@1591 147 <span>Element Flag Moved</span>
nickjillings@1591 148 <input type="checkbox" id="elementFlagMoved" />
nickjillings@1591 149 </div>
nickjillings@1591 150 </div>
nickjillings@1591 151 <button id="addAudioHolder">Add AudioHolder / Test Page</button>
nickjillings@1591 152 </div>
nickjillings@1591 153 </div>
nickjillings@1591 154 </div>
nickjillings@1591 155 </body>
nickjillings@1591 156 </html>