Mercurial > hg > webaudioevaluationtool

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