Mercurial > hg > webaudioevaluationtool

annotate test_create.html @ 2859:d432bf25889b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Finalised test_create UI
author Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
date Thu, 27 Apr 2017 12:02:28 +0100
parents cffde1e75b2d
children 65b8d9ad75cc
rev   line source
nicholas@2859 1 <html>
nicholas@2859 2
nicholas@2859 3 <head>
nicholas@2859 4 <meta http-equiv="content-type" content="text/html; charset=utf-8">
nicholas@2859 5 <!-- This defines the test creator tool for the Web Audio Evaluation Toolbox -->
nicholas@2859 6 <link rel="stylesheet" type="text/css" href="test_create/style.css" />
nicholas@2859 7 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
nicholas@2859 8 <script src="js/jquery-2.1.4.js"></script>
nicholas@2859 9 <script src="js/angular.min.js"></script>
nicholas@2859 10 <script type="text/javascript" src="js/specification.js"></script>
nicholas@2859 11 <script type="text/javascript" src="test_create/test_core.js"></script>
nicholas@2859 12 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
nicholas@2859 13
nicholas@2859 14 <title>WAET 1.2.1 Test Creator</title>
nicholas@2859 15 </head>
nicholas@2859 16
nicholas@2859 17 <body>
nicholas@2859 18 <div ng-app="creator" ng-controller="view">
nicholas@2859 19 <div id="pageRoot">
nicholas@2859 20 <h1>Web Audio Evaluation Tool - Test Creator</h1>
nicholas@2859 21 </div>
nicholas@2859 22 <div id="setupNode" class="node" ng-controller="setup">
nicholas@2859 23 <h2>Setup</h2>
nicholas@2859 24 <div class="attributes">
nicholas@2859 25 <div class="attribute">
nicholas@2859 26 <span>Interface: </span>
nicholas@2859 27 <input type="text" ng-model="specification.interface" />
nicholas@2859 28 </div>
nicholas@2859 29 <div class="attribute">
nicholas@2859 30 <span>Save URL: </span>
nicholas@2859 31 <input type="text" ng-model="specification.projectReturn" />
nicholas@2859 32 </div>
nicholas@2859 33 <div class="attribute">
nicholas@2859 34 <span>Exit URL: </span>
nicholas@2859 35 <input type="text" ng-model="specification.returnURL" />
nicholas@2859 36 </div>
nicholas@2859 37 <div class="attribute">
nicholas@2859 38 <span>Randomise Page Order: </span>
nicholas@2859 39 <input type="checkbox" ng-model="specification.randomiseOrder" />
nicholas@2859 40 </div>
nicholas@2859 41 <div class="attribute">
nicholas@2859 42 <span>Page Pool Size: </span>
nicholas@2859 43 <input type="number" ng-model="specification.poolSize" min="0" />
nicholas@2859 44 </div>
nicholas@2859 45 <div class="attribute">
nicholas@2859 46 <span>Loudness Normalisation (LUFS): </span>
nicholas@2859 47 <input type="number" ng-model="specification.loudness" max="0" />
nicholas@2859 48 </div>
nicholas@2859 49 <div class="attribute">
nicholas@2859 50 <span>Fixed Sampling Rate: </span>
nicholas@2859 51 <input type="number" ng-model="specification.sampleRate" min="0" />
nicholas@2859 52 </div>
nicholas@2859 53 <div class="attribute">
nicholas@2859 54 <span>Pre-Test audio calibration: </span>
nicholas@2859 55 <input type="checkbox" ng-model="specification.calibration" />
nicholas@2859 56 </div>
nicholas@2859 57 <div class="attribute">
nicholas@2859 58 <span>Global Cross-fade time: </span>
nicholas@2859 59 <input type="number" ng-model="specification.crossFade" min="0" step="0.1" />
nicholas@2859 60 </div>
nicholas@2859 61 <div class="attribute">
nicholas@2859 62 <span>Global Fragment Pre-Silence: </span>
nicholas@2859 63 <input type="number" ng-model="specification.preSilence" min="0" step="0.1" />
nicholas@2859 64 </div>
nicholas@2859 65 <div class="attribute">
nicholas@2859 66 <span>Global Fragment Post-Silence: </span>
nicholas@2859 67 <input type="number" ng-model="specification.preSilence" min="0" step="0.1" />
nicholas@2859 68 </div>
nicholas@2859 69 <div class="attribute">
nicholas@2859 70 <span>Play audio one-at-a-time: </span>
nicholas@2859 71 <input type="checkbox" ng-model="specification.playOne" />
nicholas@2859 72 </div>
nicholas@2859 73 </div>
nicholas@2859 74 <div class="node">
nicholas@2859 75 <h2>Test Completed Message</h2>
nicholas@2859 76 <textarea ng-model="specification.exitText"></textarea>
nicholas@2859 77 </div>
nicholas@2859 78 <div id="metricsNode" class="node">
nicholas@2859 79 <h3>Session Metrics</h3>
nicholas@2859 80 <div class="attributes">
nicholas@2859 81 <div class="attribute">
nicholas@2859 82 <span>Collect Total Test Time: </span>
nicholas@2859 83 <input type="checkbox" value="testTimer" ng-click="enableMetric($event)" />
nicholas@2859 84 </div>
nicholas@2859 85 <div class="attribute">
nicholas@2859 86 <span>Collect Fragment Listen Time: </span>
nicholas@2859 87 <input type="checkbox" value="elementTimer" ng-click="enableMetric($event)" />
nicholas@2859 88 </div>
nicholas@2859 89 <div class="attribute">
nicholas@2859 90 <span>Collect Fragment Initial Position: </span>
nicholas@2859 91 <input type="checkbox" value="elementInitialPosition" ng-click="enableMetric($event)" />
nicholas@2859 92 </div>
nicholas@2859 93 <div class="attribute">
nicholas@2859 94 <span>Collect Fragment Position over Time: </span>
nicholas@2859 95 <input type="checkbox" value="elementTracker" ng-click="enableMetric($event)" />
nicholas@2859 96 </div>
nicholas@2859 97 <div class="attribute">
nicholas@2859 98 <span>Collect Fragment Listened To Flag: </span>
nicholas@2859 99 <input type="checkbox" value="elementFlagListenedTo" ng-click="enableMetric($event)" />
nicholas@2859 100 </div>
nicholas@2859 101 <div class="attribute">
nicholas@2859 102 <span>Collect Fragment Moved Flag: </span>
nicholas@2859 103 <input type="checkbox" value="elementFlagMoved" ng-click="enableMetric($event)" />
nicholas@2859 104 </div>
nicholas@2859 105 <div class="attribute">
nicholas@2859 106 <span>Collect Fragment Listened Flag: </span>
nicholas@2859 107 <input type="checkbox" value="elementListenTracker" ng-click="enableMetric($event)" />
nicholas@2859 108 </div>
nicholas@2859 109 </div>
nicholas@2859 110 </div>
nicholas@2859 111 <div id="globalpresurvey" class="node" ng-controller="survey" ng-init="survey = specification.preTest">
nicholas@2859 112 <h2>Pre Test Survey</h2>
nicholas@2859 113 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
nicholas@2859 114 <div class="node" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859 115 <h3>Survey Entry</h3>
nicholas@2859 116 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859 117 <div class="attributes">
nicholas@2859 118 <div class="attribute">
nicholas@2859 119 <span>Survey Type: </span>
nicholas@2859 120 <select ng-model="opt.type">
nicholas@2859 121 <option value="question">Question</option>
nicholas@2859 122 <option value="radio">Radio</option>
nicholas@2859 123 <option value="checkbox">Checkbox</option>
nicholas@2859 124 <option value="statement">Statement</option>
nicholas@2859 125 <option value="number">Number</option>
nicholas@2859 126 <option value="slider">Slider</option>
nicholas@2859 127 <option value="video">Video</option>
nicholas@2859 128 <option value="youtube">YouTube</option>
nicholas@2859 129 </select>
nicholas@2859 130 </div>
nicholas@2859 131 <div class="attribute">
nicholas@2859 132 <span>Unique Survey Entry ID:</span>
nicholas@2859 133 <input type="text" ng-model="opt.id" />
nicholas@2859 134 </div>
nicholas@2859 135 <div class="attribute">
nicholas@2859 136 <span>Entry Name:</span>
nicholas@2859 137 <input type="text" ng-model="opt.name" />
nicholas@2859 138 </div>
nicholas@2859 139 <div class="attribute" ng-show="['question', 'checkbox', 'radio', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 140 <span>Mandatory:</span>
nicholas@2859 141 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859 142 </div>
nicholas@2859 143 <div class="attribute">
nicholas@2859 144 <span>Minimum Wait Time (s):</span>
nicholas@2859 145 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859 146 </div>
nicholas@2859 147 <div class="attribute" ng-show="opt.type == 'question'">
nicholas@2859 148 <span>Box Size:</span>
nicholas@2859 149 <select ng-model="opt.boxsize">
nicholas@2859 150 <option value="small">Small</option>
nicholas@2859 151 <option value="normal">Normal</option>
nicholas@2859 152 <option value="large">Large</option>
nicholas@2859 153 <option value="huge">Huge</option>
nicholas@2859 154 </select>
nicholas@2859 155 </div>
nicholas@2859 156 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 157 <span>Minimum Selected:</span>
nicholas@2859 158 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859 159 </div>
nicholas@2859 160 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 161 <span>Maximum Selected:</span>
nicholas@2859 162 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859 163 </div>
nicholas@2859 164 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 165 <span>Minimum Value:</span>
nicholas@2859 166 <input type="number" ng-model="opt.min" />
nicholas@2859 167 </div>
nicholas@2859 168 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 169 <span>Maximum Value:</span>
nicholas@2859 170 <input type="number" ng-model="opt.max" />
nicholas@2859 171 </div>
nicholas@2859 172 <div class="attribute" ng-show="['video', 'youtube'].indexOf(opt.type) >= 0">
nicholas@2859 173 <span>Video URL:</span>
nicholas@2859 174 <input type="text" ng-model="opt.url" />
nicholas@2859 175 </div>
nicholas@2859 176 </div>
nicholas@2859 177 <div class="node">
nicholas@2859 178 <h4>Statement</h4>
nicholas@2859 179 <textarea ng-model="opt.statement"></textarea>
nicholas@2859 180 </div>
nicholas@2859 181 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 182 <h4>Options</h4>
nicholas@2859 183 <div>
nicholas@2859 184 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859 185 </div>
nicholas@2859 186 <div class="node" ng-repeat="option in opt.options">
nicholas@2859 187 <div class="attributes">
nicholas@2859 188 <div class="attribute">
nicholas@2859 189 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859 190 </div>
nicholas@2859 191 <div class="attribute">
nicholas@2859 192 <span>Name: </span>
nicholas@2859 193 <input type="text" ng-model="option.name" />
nicholas@2859 194 </div>
nicholas@2859 195 <div class="attribute">
nicholas@2859 196 <span>Displayed Text: </span>
nicholas@2859 197 <input type="text" ng-model="option.text" />
nicholas@2859 198 </div>
nicholas@2859 199 </div>
nicholas@2859 200 </div>
nicholas@2859 201 </div>
nicholas@2859 202 <div class="node">
nicholas@2859 203 <h4>Conditionals</h4>
nicholas@2859 204 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859 205 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859 206 <div class="attributes">
nicholas@2859 207 <div class="attribute">
nicholas@2859 208 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859 209 </div>
nicholas@2859 210 <div class="attribute">
nicholas@2859 211 <span>Check Type:</span>
nicholas@2859 212 <select ng-model="condition.check">
nicholas@2859 213 <option value="equals">Equal To</option>
nicholas@2859 214 <option value="lessThan">Less Than</option>
nicholas@2859 215 <option value="greaterThan">Greater Than</option>
nicholas@2859 216 <option value="stringContains">String Contains</option>
nicholas@2859 217 </select>
nicholas@2859 218 </div>
nicholas@2859 219 <div class="attribute">
nicholas@2859 220 <span>Value: </span>
nicholas@2859 221 <input type="text" ng-model="condition.value" />
nicholas@2859 222 </div>
nicholas@2859 223 <div class="attribute">
nicholas@2859 224 <span>Jump To On Pass: </span>
nicholas@2859 225 <select ng-model="condition.jumpToOnPass">
nicholas@2859 226 <option value="">None</option>
nicholas@2859 227 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 228 </select>
nicholas@2859 229 </div>
nicholas@2859 230 <div class="attribute">
nicholas@2859 231 <span>Jump To On Fail: </span>
nicholas@2859 232 <select ng-model="condition.jumpToOnFail">
nicholas@2859 233 <option value="">None</option>
nicholas@2859 234 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 235 </select>
nicholas@2859 236 </div>
nicholas@2859 237 </div>
nicholas@2859 238 </div>
nicholas@2859 239 </div>
nicholas@2859 240 </div>
nicholas@2859 241 </div>
nicholas@2859 242 <div id="globalpostsurvey" class="node" ng-controller="survey" ng-init="survey = specification.postTest">
nicholas@2859 243 <h2>Post Test Survey</h2>
nicholas@2859 244 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
nicholas@2859 245 <div class="node" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859 246 <h3>Survey Entry</h3>
nicholas@2859 247 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859 248 <div class="attributes">
nicholas@2859 249 <div class="attribute">
nicholas@2859 250 <span>Survey Type: </span>
nicholas@2859 251 <select ng-model="opt.type">
nicholas@2859 252 <option value="question">Question</option>
nicholas@2859 253 <option value="radio">Radio</option>
nicholas@2859 254 <option value="checkbox">Checkbox</option>
nicholas@2859 255 <option value="statement">Statement</option>
nicholas@2859 256 <option value="number">Number</option>
nicholas@2859 257 <option value="slider">Slider</option>
nicholas@2859 258 <option value="video">Video</option>
nicholas@2859 259 <option value="youtube">YouTube</option>
nicholas@2859 260 </select>
nicholas@2859 261 </div>
nicholas@2859 262 <div class="attribute">
nicholas@2859 263 <span>Unique Survey Entry ID:</span>
nicholas@2859 264 <input type="text" ng-model="opt.id" />
nicholas@2859 265 </div>
nicholas@2859 266 <div class="attribute">
nicholas@2859 267 <span>Entry Name:</span>
nicholas@2859 268 <input type="text" ng-model="opt.name" />
nicholas@2859 269 </div>
nicholas@2859 270 <div class="attribute" ng-show="['question', 'checkbox', 'radio', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 271 <span>Mandatory:</span>
nicholas@2859 272 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859 273 </div>
nicholas@2859 274 <div class="attribute">
nicholas@2859 275 <span>Minimum Wait Time (s):</span>
nicholas@2859 276 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859 277 </div>
nicholas@2859 278 <div class="attribute" ng-show="opt.type == 'question'">
nicholas@2859 279 <span>Box Size:</span>
nicholas@2859 280 <select ng-model="opt.boxsize">
nicholas@2859 281 <option value="small">Small</option>
nicholas@2859 282 <option value="normal">Normal</option>
nicholas@2859 283 <option value="large">Large</option>
nicholas@2859 284 <option value="huge">Huge</option>
nicholas@2859 285 </select>
nicholas@2859 286 </div>
nicholas@2859 287 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 288 <span>Minimum Selected:</span>
nicholas@2859 289 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859 290 </div>
nicholas@2859 291 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 292 <span>Maximum Selected:</span>
nicholas@2859 293 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859 294 </div>
nicholas@2859 295 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 296 <span>Minimum Value:</span>
nicholas@2859 297 <input type="number" ng-model="opt.min" />
nicholas@2859 298 </div>
nicholas@2859 299 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 300 <span>Maximum Value:</span>
nicholas@2859 301 <input type="number" ng-model="opt.max" />
nicholas@2859 302 </div>
nicholas@2859 303 <div class="attribute" ng-show="['video', 'youtube'].indexOf(opt.type) >= 0">
nicholas@2859 304 <span>Video URL:</span>
nicholas@2859 305 <input type="text" ng-model="opt.url" />
nicholas@2859 306 </div>
nicholas@2859 307 </div>
nicholas@2859 308 <div class="node">
nicholas@2859 309 <h4>Statement</h4>
nicholas@2859 310 <textarea ng-model="opt.statement"></textarea>
nicholas@2859 311 </div>
nicholas@2859 312 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 313 <h4>Options</h4>
nicholas@2859 314 <div>
nicholas@2859 315 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859 316 </div>
nicholas@2859 317 <div class="node" ng-repeat="option in opt.options">
nicholas@2859 318 <div class="attributes">
nicholas@2859 319 <div class="attribute">
nicholas@2859 320 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859 321 </div>
nicholas@2859 322 <div class="attribute">
nicholas@2859 323 <span>Name: </span>
nicholas@2859 324 <input type="text" ng-model="option.name" />
nicholas@2859 325 </div>
nicholas@2859 326 <div class="attribute">
nicholas@2859 327 <span>Displayed Text: </span>
nicholas@2859 328 <input type="text" ng-model="option.text" />
nicholas@2859 329 </div>
nicholas@2859 330 </div>
nicholas@2859 331 </div>
nicholas@2859 332 </div>
nicholas@2859 333 <div class="node">
nicholas@2859 334 <h4>Conditionals</h4>
nicholas@2859 335 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859 336 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859 337 <div class="attributes">
nicholas@2859 338 <div class="attribute">
nicholas@2859 339 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859 340 </div>
nicholas@2859 341 <div class="attribute">
nicholas@2859 342 <span>Check Type:</span>
nicholas@2859 343 <select ng-model="condition.check">
nicholas@2859 344 <option value="equals">Equal To</option>
nicholas@2859 345 <option value="lessThan">Less Than</option>
nicholas@2859 346 <option value="greaterThan">Greater Than</option>
nicholas@2859 347 <option value="stringContains">String Contains</option>
nicholas@2859 348 </select>
nicholas@2859 349 </div>
nicholas@2859 350 <div class="attribute">
nicholas@2859 351 <span>Value: </span>
nicholas@2859 352 <input type="text" ng-model="condition.value" />
nicholas@2859 353 </div>
nicholas@2859 354 <div class="attribute">
nicholas@2859 355 <span>Jump To On Pass: </span>
nicholas@2859 356 <select ng-model="condition.jumpToOnPass">
nicholas@2859 357 <option value="">None</option>
nicholas@2859 358 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 359 </select>
nicholas@2859 360 </div>
nicholas@2859 361 <div class="attribute">
nicholas@2859 362 <span>Jump To On Fail: </span>
nicholas@2859 363 <select ng-model="condition.jumpToOnFail">
nicholas@2859 364 <option value="">None</option>
nicholas@2859 365 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 366 </select>
nicholas@2859 367 </div>
nicholas@2859 368 </div>
nicholas@2859 369 </div>
nicholas@2859 370 </div>
nicholas@2859 371 </div>
nicholas@2859 372 </div>
nicholas@2859 373 <div id="globalinterface" class="node" ng-controller="interfaceNode" ng-init="interface = specification.interfaces">
nicholas@2859 374 <h2>Interface (Globals)</h2>
nicholas@2859 375 <div class="node interfaceOptions">
nicholas@2859 376 <div class="attributes">
nicholas@2859 377 <div class="attribute" name="fragmentPlayed" type="check">
nicholas@2859 378 <span>Check all fragments played: </span>
nicholas@2859 379 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 380 </div>
nicholas@2859 381 <div class="attribute" name="fragmentFullPlayback" type="check">
nicholas@2859 382 <span>Check all fragments fully played: </span>
nicholas@2859 383 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 384 </div>
nicholas@2859 385 <div class="attribute" name="fragmentMoved" type="check">
nicholas@2859 386 <span>Check all fragments have been moved: </span>
nicholas@2859 387 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 388 </div>
nicholas@2859 389 <div class="attribute" name="fragmentComments" type="check">
nicholas@2859 390 <span>Check all fragments have comments: </span>
nicholas@2859 391 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 392 </div>
nicholas@2859 393 <div class="attribute" name="scalerange" type="check">
nicholas@2859 394 <span>Enforce a scale usage: </span>
nicholas@2859 395 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 396 <span>Minimum:</span>
nicholas@2859 397 <input type="number" min="0" max="100" name="min" />
nicholas@2859 398 <span>Maximum:</span>
nicholas@2859 399 <input type="number" min="0" max="100" name="max" />
nicholas@2859 400 </div>
nicholas@2859 401 <div class="attribute" name="volume" type="show">
nicholas@2859 402 <span>Show master volume control: </span>
nicholas@2859 403 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 404 </div>
nicholas@2859 405 <div class="attribute" name="playhead" type="show">
nicholas@2859 406 <span>Show playhead: </span>
nicholas@2859 407 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 408 </div>
nicholas@2859 409 <div class="attribute" name="page-count" type="show">
nicholas@2859 410 <span>Show Page Count: </span>
nicholas@2859 411 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 412 </div>
nicholas@2859 413 <div class="attribute" name="comments" type="show">
nicholas@2859 414 <span>Show Fragment Comments: </span>
nicholas@2859 415 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 416 </div>
nicholas@2859 417 </div>
nicholas@2859 418 </div>
nicholas@2859 419 </div>
nicholas@2859 420 </div>
nicholas@2859 421 <div style="text-align: center;">
nicholas@2859 422 <button type="button" class="btn btn-success" ng-click="addPage()">Add Page</button>
nicholas@2859 423 </div>
nicholas@2859 424 <div class="node pageNode" ng-controller="page" ng-repeat="page in specification.pages">
nicholas@2859 425 <h2>Page</h2>
nicholas@2859 426 <div class="attributes">
nicholas@2859 427 <div class="attribute">
nicholas@2859 428 <span>Unique ID: </span>
nicholas@2859 429 <input type="text" ng-model="page.id" />
nicholas@2859 430 </div>
nicholas@2859 431 <div class="attribute">
nicholas@2859 432 <span>Fragment common-root URL: </span>
nicholas@2859 433 <input type="text" ng-model="page.hostURL" />
nicholas@2859 434 </div>
nicholas@2859 435 <div class="attribute">
nicholas@2859 436 <span>Randomise Fragment Order: </span>
nicholas@2859 437 <input type="checkbox" ng-model="page.randomiseOrder" />
nicholas@2859 438 </div>
nicholas@2859 439 <div class="attribute">
nicholas@2859 440 <span>Repeat Page N-times: </span>
nicholas@2859 441 <input type="number" ng-model="page.repeatCount" />
nicholas@2859 442 </div>
nicholas@2859 443 <div class="attribute">
nicholas@2859 444 <span>Loop audio: </span>
nicholas@2859 445 <input type="checkbox" ng-model="page.loop" />
nicholas@2859 446 </div>
nicholas@2859 447 <div class="attribute">
nicholas@2859 448 <span>Synchronous audio playback: </span>
nicholas@2859 449 <input type="checkbox" ng-model="page.synchronous" />
nicholas@2859 450 </div>
nicholas@2859 451 <div class="attribute">
nicholas@2859 452 <span>Loudness (page): </span>
nicholas@2859 453 <input type="number" ng-model="page.loudness" max="0" />
nicholas@2859 454 </div>
nicholas@2859 455 <div class="attribute">
nicholas@2859 456 <span>Label type: </span>
nicholas@2859 457 <select ng-model="page.label">
nicholas@2859 458 <option value="default">Default</option>
nicholas@2859 459 <option value="none">None</option>
nicholas@2859 460 <option value="number">[1, 2, 3...]</option>
nicholas@2859 461 <option value="letter">[a, b, c...]</option>
nicholas@2859 462 <option value="capital">[A, B, C...]</option>
nicholas@2859 463 <option value="samediff" ng-show="specification.interface == 'AB'">[Same, Different]</option>
nicholas@2859 464 </select>
nicholas@2859 465 </div>
nicholas@2859 466 <div class="attribute" ng-show="page.label != 'default' && page.label != 'none'">
nicholas@2859 467 <span>Label Start: </span>
nicholas@2859 468 <input type="text" ng-model="page.labelStart" />
nicholas@2859 469 </div>
nicholas@2859 470 <div class="attribute">
nicholas@2859 471 <span>Fragment pool size: </span>
nicholas@2859 472 <input type="number" ng-model="page.poolSize" min="0" max="page.audioElements.length" />
nicholas@2859 473 </div>
nicholas@2859 474 <div class="attribute" ng-show="specification.poolSize > 0">
nicholas@2859 475 <span>Always include page: </span>
nicholas@2859 476 <input type="checkbox" ng-model="page.alwaysInclude" />
nicholas@2859 477 </div>
nicholas@2859 478 <div class="attribute">
nicholas@2859 479 <span>Fixed Page Position: </span>
nicholas@2859 480 <input type="number" ng-model="page.position" max="{{specification.pages.length}}" />
nicholas@2859 481 </div>
nicholas@2859 482 <div class="attribute">
nicholas@2859 483 <span>Fixed Page Position: </span>
nicholas@2859 484 <input type="number" ng-model="page.position" min="0" max="{{specification.pages.length}}" />
nicholas@2859 485 </div>
nicholas@2859 486 <div class="attribute">
nicholas@2859 487 <span>Fragment pre-silence: </span>
nicholas@2859 488 <input type="number" ng-model="page.preSilence" min="0" step="0.1" />
nicholas@2859 489 </div>
nicholas@2859 490 <div class="attribute">
nicholas@2859 491 <span>Fragment post-silence: </span>
nicholas@2859 492 <input type="number" ng-model="page.postSilence" min="0" step="0.1" />
nicholas@2859 493 </div>
nicholas@2859 494 <div class="attribute">
nicholas@2859 495 <span>Cannot interupt audio: </span>
nicholas@2859 496 <input type="checkbox" ng-model="page.playOne" />
nicholas@2859 497 </div>
nicholas@2859 498 <div class="attribute">
nicholas@2859 499 <span>Only move playing audio: </span>
nicholas@2859 500 <input type="checkbox" ng-model="page.restrictMovement" />
nicholas@2859 501 </div>
nicholas@2859 502 </div>
nicholas@2859 503 <div class="node">
nicholas@2859 504 <h3>Page Title</h3>
nicholas@2859 505 <textarea ng-model="page.title"></textarea>
nicholas@2859 506 </div>
nicholas@2859 507 <div class="node">
nicholas@2859 508 <h3>Comment box text prefix</h3>
nicholas@2859 509 <textarea ng-model="page.commentboxprefix"></textarea>
nicholas@2859 510 <p>Example:
nicholas@2859 511 <span style="font-weight:600">{{page.commentboxprefix}} A</span>
nicholas@2859 512 </p>
nicholas@2859 513 </div>
nicholas@2859 514 <div class="node" ng-controller="survey" ng-init="survey = page.preTest">
nicholas@2859 515 <h2>Pre Page Survey</h2>
nicholas@2859 516 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
nicholas@2859 517 <div class="node" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859 518 <h3>Survey Entry</h3>
nicholas@2859 519 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859 520 <div class="attributes">
nicholas@2859 521 <div class="attribute">
nicholas@2859 522 <span>Survey Type: </span>
nicholas@2859 523 <select ng-model="opt.type">
nicholas@2859 524 <option value="question">Question</option>
nicholas@2859 525 <option value="radio">Radio</option>
nicholas@2859 526 <option value="checkbox">Checkbox</option>
nicholas@2859 527 <option value="statement">Statement</option>
nicholas@2859 528 <option value="number">Number</option>
nicholas@2859 529 <option value="slider">Slider</option>
nicholas@2859 530 <option value="video">Video</option>
nicholas@2859 531 <option value="youtube">YouTube</option>
nicholas@2859 532 </select>
nicholas@2859 533 </div>
nicholas@2859 534 <div class="attribute">
nicholas@2859 535 <span>Unique Survey Entry ID:</span>
nicholas@2859 536 <input type="text" ng-model="opt.id" />
nicholas@2859 537 </div>
nicholas@2859 538 <div class="attribute">
nicholas@2859 539 <span>Entry Name:</span>
nicholas@2859 540 <input type="text" ng-model="opt.name" />
nicholas@2859 541 </div>
nicholas@2859 542 <div class="attribute" ng-show="['question', 'checkbox', 'radio', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 543 <span>Mandatory:</span>
nicholas@2859 544 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859 545 </div>
nicholas@2859 546 <div class="attribute">
nicholas@2859 547 <span>Minimum Wait Time (s):</span>
nicholas@2859 548 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859 549 </div>
nicholas@2859 550 <div class="attribute" ng-show="opt.type == 'question'">
nicholas@2859 551 <span>Box Size:</span>
nicholas@2859 552 <select ng-model="opt.boxsize">
nicholas@2859 553 <option value="small">Small</option>
nicholas@2859 554 <option value="normal">Normal</option>
nicholas@2859 555 <option value="large">Large</option>
nicholas@2859 556 <option value="huge">Huge</option>
nicholas@2859 557 </select>
nicholas@2859 558 </div>
nicholas@2859 559 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 560 <span>Minimum Selected:</span>
nicholas@2859 561 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859 562 </div>
nicholas@2859 563 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 564 <span>Maximum Selected:</span>
nicholas@2859 565 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859 566 </div>
nicholas@2859 567 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 568 <span>Minimum Value:</span>
nicholas@2859 569 <input type="number" ng-model="opt.min" />
nicholas@2859 570 </div>
nicholas@2859 571 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 572 <span>Maximum Value:</span>
nicholas@2859 573 <input type="number" ng-model="opt.max" />
nicholas@2859 574 </div>
nicholas@2859 575 <div class="attribute" ng-show="['video', 'youtube'].indexOf(opt.type) >= 0">
nicholas@2859 576 <span>Video URL:</span>
nicholas@2859 577 <input type="text" ng-model="opt.url" />
nicholas@2859 578 </div>
nicholas@2859 579 </div>
nicholas@2859 580 <div class="node">
nicholas@2859 581 <h4>Statement</h4>
nicholas@2859 582 <textarea ng-model="opt.statement"></textarea>
nicholas@2859 583 </div>
nicholas@2859 584 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 585 <h4>Options</h4>
nicholas@2859 586 <div>
nicholas@2859 587 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859 588 </div>
nicholas@2859 589 <div class="node" ng-repeat="option in opt.options">
nicholas@2859 590 <div class="attributes">
nicholas@2859 591 <div class="attribute">
nicholas@2859 592 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859 593 </div>
nicholas@2859 594 <div class="attribute">
nicholas@2859 595 <span>Name: </span>
nicholas@2859 596 <input type="text" ng-model="option.name" />
nicholas@2859 597 </div>
nicholas@2859 598 <div class="attribute">
nicholas@2859 599 <span>Displayed Text: </span>
nicholas@2859 600 <input type="text" ng-model="option.text" />
nicholas@2859 601 </div>
nicholas@2859 602 </div>
nicholas@2859 603 </div>
nicholas@2859 604 </div>
nicholas@2859 605 <div class="node">
nicholas@2859 606 <h4>Conditionals</h4>
nicholas@2859 607 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859 608 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859 609 <div class="attributes">
nicholas@2859 610 <div class="attribute">
nicholas@2859 611 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859 612 </div>
nicholas@2859 613 <div class="attribute">
nicholas@2859 614 <span>Check Type:</span>
nicholas@2859 615 <select ng-model="condition.check">
nicholas@2859 616 <option value="equals">Equal To</option>
nicholas@2859 617 <option value="lessThan">Less Than</option>
nicholas@2859 618 <option value="greaterThan">Greater Than</option>
nicholas@2859 619 <option value="stringContains">String Contains</option>
nicholas@2859 620 </select>
nicholas@2859 621 </div>
nicholas@2859 622 <div class="attribute">
nicholas@2859 623 <span>Value: </span>
nicholas@2859 624 <input type="text" ng-model="condition.value" />
nicholas@2859 625 </div>
nicholas@2859 626 <div class="attribute">
nicholas@2859 627 <span>Jump To On Pass: </span>
nicholas@2859 628 <select ng-model="condition.jumpToOnPass">
nicholas@2859 629 <option value="">None</option>
nicholas@2859 630 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 631 </select>
nicholas@2859 632 </div>
nicholas@2859 633 <div class="attribute">
nicholas@2859 634 <span>Jump To On Fail: </span>
nicholas@2859 635 <select ng-model="condition.jumpToOnFail">
nicholas@2859 636 <option value="">None</option>
nicholas@2859 637 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 638 </select>
nicholas@2859 639 </div>
nicholas@2859 640 </div>
nicholas@2859 641 </div>
nicholas@2859 642 </div>
nicholas@2859 643 </div>
nicholas@2859 644 </div>
nicholas@2859 645 <div class="node" ng-controller="survey" ng-init="survey = specification.postTest">
nicholas@2859 646 <h2>Post Page Survey</h2>
nicholas@2859 647 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
nicholas@2859 648 <div class="node" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859 649 <h3>Survey Entry</h3>
nicholas@2859 650 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859 651 <div class="attributes">
nicholas@2859 652 <div class="attribute">
nicholas@2859 653 <span>Survey Type: </span>
nicholas@2859 654 <select ng-model="opt.type">
nicholas@2859 655 <option value="question">Question</option>
nicholas@2859 656 <option value="radio">Radio</option>
nicholas@2859 657 <option value="checkbox">Checkbox</option>
nicholas@2859 658 <option value="statement">Statement</option>
nicholas@2859 659 <option value="number">Number</option>
nicholas@2859 660 <option value="slider">Slider</option>
nicholas@2859 661 <option value="video">Video</option>
nicholas@2859 662 <option value="youtube">YouTube</option>
nicholas@2859 663 </select>
nicholas@2859 664 </div>
nicholas@2859 665 <div class="attribute">
nicholas@2859 666 <span>Unique Survey Entry ID:</span>
nicholas@2859 667 <input type="text" ng-model="opt.id" />
nicholas@2859 668 </div>
nicholas@2859 669 <div class="attribute">
nicholas@2859 670 <span>Entry Name:</span>
nicholas@2859 671 <input type="text" ng-model="opt.name" />
nicholas@2859 672 </div>
nicholas@2859 673 <div class="attribute" ng-show="['question', 'checkbox', 'radio', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 674 <span>Mandatory:</span>
nicholas@2859 675 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859 676 </div>
nicholas@2859 677 <div class="attribute">
nicholas@2859 678 <span>Minimum Wait Time (s):</span>
nicholas@2859 679 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859 680 </div>
nicholas@2859 681 <div class="attribute" ng-show="opt.type == 'question'">
nicholas@2859 682 <span>Box Size:</span>
nicholas@2859 683 <select ng-model="opt.boxsize">
nicholas@2859 684 <option value="small">Small</option>
nicholas@2859 685 <option value="normal">Normal</option>
nicholas@2859 686 <option value="large">Large</option>
nicholas@2859 687 <option value="huge">Huge</option>
nicholas@2859 688 </select>
nicholas@2859 689 </div>
nicholas@2859 690 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 691 <span>Minimum Selected:</span>
nicholas@2859 692 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859 693 </div>
nicholas@2859 694 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 695 <span>Maximum Selected:</span>
nicholas@2859 696 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859 697 </div>
nicholas@2859 698 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 699 <span>Minimum Value:</span>
nicholas@2859 700 <input type="number" ng-model="opt.min" />
nicholas@2859 701 </div>
nicholas@2859 702 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0">
nicholas@2859 703 <span>Maximum Value:</span>
nicholas@2859 704 <input type="number" ng-model="opt.max" />
nicholas@2859 705 </div>
nicholas@2859 706 <div class="attribute" ng-show="['video', 'youtube'].indexOf(opt.type) >= 0">
nicholas@2859 707 <span>Video URL:</span>
nicholas@2859 708 <input type="text" ng-model="opt.url" />
nicholas@2859 709 </div>
nicholas@2859 710 </div>
nicholas@2859 711 <div class="node">
nicholas@2859 712 <h4>Statement</h4>
nicholas@2859 713 <textarea ng-model="opt.statement"></textarea>
nicholas@2859 714 </div>
nicholas@2859 715 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 716 <h4>Options</h4>
nicholas@2859 717 <div>
nicholas@2859 718 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859 719 </div>
nicholas@2859 720 <div class="node" ng-repeat="option in opt.options">
nicholas@2859 721 <div class="attributes">
nicholas@2859 722 <div class="attribute">
nicholas@2859 723 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859 724 </div>
nicholas@2859 725 <div class="attribute">
nicholas@2859 726 <span>Name: </span>
nicholas@2859 727 <input type="text" ng-model="option.name" />
nicholas@2859 728 </div>
nicholas@2859 729 <div class="attribute">
nicholas@2859 730 <span>Displayed Text: </span>
nicholas@2859 731 <input type="text" ng-model="option.text" />
nicholas@2859 732 </div>
nicholas@2859 733 </div>
nicholas@2859 734 </div>
nicholas@2859 735 </div>
nicholas@2859 736 <div class="node">
nicholas@2859 737 <h4>Conditionals</h4>
nicholas@2859 738 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859 739 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859 740 <div class="attributes">
nicholas@2859 741 <div class="attribute">
nicholas@2859 742 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859 743 </div>
nicholas@2859 744 <div class="attribute">
nicholas@2859 745 <span>Check Type:</span>
nicholas@2859 746 <select ng-model="condition.check">
nicholas@2859 747 <option value="equals">Equal To</option>
nicholas@2859 748 <option value="lessThan">Less Than</option>
nicholas@2859 749 <option value="greaterThan">Greater Than</option>
nicholas@2859 750 <option value="stringContains">String Contains</option>
nicholas@2859 751 </select>
nicholas@2859 752 </div>
nicholas@2859 753 <div class="attribute">
nicholas@2859 754 <span>Value: </span>
nicholas@2859 755 <input type="text" ng-model="condition.value" />
nicholas@2859 756 </div>
nicholas@2859 757 <div class="attribute">
nicholas@2859 758 <span>Jump To On Pass: </span>
nicholas@2859 759 <select ng-model="condition.jumpToOnPass">
nicholas@2859 760 <option value="">None</option>
nicholas@2859 761 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 762 </select>
nicholas@2859 763 </div>
nicholas@2859 764 <div class="attribute">
nicholas@2859 765 <span>Jump To On Fail: </span>
nicholas@2859 766 <select ng-model="condition.jumpToOnFail">
nicholas@2859 767 <option value="">None</option>
nicholas@2859 768 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 769 </select>
nicholas@2859 770 </div>
nicholas@2859 771 </div>
nicholas@2859 772 </div>
nicholas@2859 773 </div>
nicholas@2859 774 </div>
nicholas@2859 775 </div>
nicholas@2859 776 <button type="button" class="btn btn-success" ng-show="specification.interface == 'APE' || page.interfaces.length == 0" ng-click="addInterface()">Add Interface/Axis</button>
nicholas@2859 777 <div class="node" ng-repeat="interface in page.interfaces" ng-controller="interfaceNode">
nicholas@2859 778 <h2>Interface</h2>
nicholas@2859 779 <button type="button" class="btn btn-danger" ng-click="removeInterface(interface)">Remove Interface/Axis</button>
nicholas@2859 780 <div class="node interfaceOptions">
nicholas@2859 781 <div class="attributes">
nicholas@2859 782 <div class="attribute" name="fragmentPlayed" type="check">
nicholas@2859 783 <span>Check all fragments played: </span>
nicholas@2859 784 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 785 </div>
nicholas@2859 786 <div class="attribute" name="fragmentFullPlayback" type="check">
nicholas@2859 787 <span>Check all fragments fully played: </span>
nicholas@2859 788 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 789 </div>
nicholas@2859 790 <div class="attribute" name="fragmentMoved" type="check">
nicholas@2859 791 <span>Check all fragments have been moved: </span>
nicholas@2859 792 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 793 </div>
nicholas@2859 794 <div class="attribute" name="fragmentComments" type="check">
nicholas@2859 795 <span>Check all fragments have comments: </span>
nicholas@2859 796 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 797 </div>
nicholas@2859 798 <div class="attribute" name="scalerange" type="check">
nicholas@2859 799 <span>Enforce a scale usage: </span>
nicholas@2859 800 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 801 <span>Minimum:</span>
nicholas@2859 802 <input type="number" min="0" max="100" name="min" />
nicholas@2859 803 <span>Maximum:</span>
nicholas@2859 804 <input type="number" min="0" max="100" name="max" />
nicholas@2859 805 </div>
nicholas@2859 806 <div class="attribute" name="volume" type="show">
nicholas@2859 807 <span>Show master volume control: </span>
nicholas@2859 808 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 809 </div>
nicholas@2859 810 <div class="attribute" name="playhead" type="show">
nicholas@2859 811 <span>Show playhead: </span>
nicholas@2859 812 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 813 </div>
nicholas@2859 814 <div class="attribute" name="page-count" type="show">
nicholas@2859 815 <span>Show Page Count: </span>
nicholas@2859 816 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 817 </div>
nicholas@2859 818 <div class="attribute" name="comments" type="show">
nicholas@2859 819 <span>Show Fragment Comments: </span>
nicholas@2859 820 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 821 </div>
nicholas@2859 822 </div>
nicholas@2859 823 </div>
nicholas@2859 824 <div class="node">
nicholas@2859 825 <h3>Axis Title</h3>
nicholas@2859 826 <textarea ng-model="interface.title"></textarea>
nicholas@2859 827 <div class="attributes">
nicholas@2859 828 <div class="attribute">
nicholas@2859 829 <span>Axis name (in saves): </span>
nicholas@2859 830 <input type="text" ng-model="interface.name" />
nicholas@2859 831 </div>
nicholas@2859 832 </div>
nicholas@2859 833 </div>
nicholas@2859 834 <div class="node">
nicholas@2859 835 <h3>Axis Image</h3>
nicholas@2859 836 <textarea ng-model="interface.image"></textarea>
nicholas@2859 837 </div>
nicholas@2859 838 <div class="node">
nicholas@2859 839 <h3>Axis Scales</h3>
nicholas@2859 840 <button type="button" class="btn btn-default" ng-click="addScale();">Add</button>
nicholas@2859 841 <div class="node" ng-repeat="scale in interface.scales">
nicholas@2859 842 <div class="attributes">
nicholas@2859 843 <div class="attribute">
nicholas@2859 844 <button type="button" class="btn btn-danger" ng-click="removeScale(scale);">Remove</button>
nicholas@2859 845 </div>
nicholas@2859 846 <div class="attribute">
nicholas@2859 847 <span>Position: </span>
nicholas@2859 848 <input type="number" min="0" max="100" ng-model="scale.position" />
nicholas@2859 849 </div>
nicholas@2859 850 <div class="attribute">
nicholas@2859 851 <span>Text: </span>
nicholas@2859 852 <input type="text" ng-model="scale.text" />
nicholas@2859 853 </div>
nicholas@2859 854 </div>
nicholas@2859 855 </div>
nicholas@2859 856 </div>
nicholas@2859 857 </div>
nicholas@2859 858 <div class="node">
nicholas@2859 859 <h3>Comment Questions</h3>
nicholas@2859 860 <button type="button" class="btn btn-success" ng-click="addCommentQuestion()">Add Comment Question</button>
nicholas@2859 861 <div class="node" ng-repeat="cq in page.commentQuestions">
nicholas@2859 862 <button type="button" class="btn btn-danger" ng-click="removeCommentQuestion(cq)">Remove Comment Question</button>
nicholas@2859 863 <div class="attributes">
nicholas@2859 864 <div class="attribute">
nicholas@2859 865 <span>Unique ID:</span>
nicholas@2859 866 <input type="text" ng-model="cq.id" />
nicholas@2859 867 </div>
nicholas@2859 868 <div class="attribute">
nicholas@2859 869 <span>Common Name:</span>
nicholas@2859 870 <input type="text" ng-model="cq.name" />
nicholas@2859 871 </div>
nicholas@2859 872 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859 873 <span>Minimum:</span>
nicholas@2859 874 <input type="number" ng-model="cq.min" />
nicholas@2859 875 </div>
nicholas@2859 876 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859 877 <span>Maximum:</span>
nicholas@2859 878 <input type="number" ng-model="cq.max" />
nicholas@2859 879 </div>
nicholas@2859 880 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859 881 <span>Step size:</span>
nicholas@2859 882 <input type="number" ng-model="cq.step" />
nicholas@2859 883 </div>
nicholas@2859 884 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859 885 <span>Initial Value:</span>
nicholas@2859 886 <input type="number" ng-model="cq.value" />
nicholas@2859 887 </div>
nicholas@2859 888 </div>
nicholas@2859 889 <div class="node">
nicholas@2859 890 <h4>Question:</h4>
nicholas@2859 891 <textarea ng-model="cq.statement"></textarea>
nicholas@2859 892 </div>
nicholas@2859 893 <div class="node" ng-show="['radio', 'checkbox'].indexOf(cq.type) >= 0">
nicholas@2859 894 <h4>Options</h4>
nicholas@2859 895 <div class="node" ng-repeat="option in cq.options">
nicholas@2859 896 <div class="attributes">
nicholas@2859 897 <div class="attribute">
nicholas@2859 898 <button type="button" class="btn btn-danger" ng-click="removeCommentQuestionOption(cq,option)">Remove</button>
nicholas@2859 899 </div>
nicholas@2859 900 <div class="attribute">
nicholas@2859 901 <span>Name: </span>
nicholas@2859 902 <input type="text" ng-model="option.name" />
nicholas@2859 903 </div>
nicholas@2859 904 <div class="attribute">
nicholas@2859 905 <span>Display Text: </span>
nicholas@2859 906 <input type="text" ng-model="option.text" />
nicholas@2859 907 </div>
nicholas@2859 908 </div>
nicholas@2859 909 </div>
nicholas@2859 910 </div>
nicholas@2859 911 </div>
nicholas@2859 912 </div>
nicholas@2859 913 <button type="button" class="btn btn-success" ng-click="addAudioElement()">Add Fragment</button>
nicholas@2859 914 <div class="node" ng-repeat="fragment in page.audioElements">
nicholas@2859 915 <h3>Audio Fragment</h3>
nicholas@2859 916 <button type="button" class="btn btn-danger" ng-click="removeAudioElement(fragment)">Remove Fragment</button>
nicholas@2859 917 <div class="attributes">
nicholas@2859 918 <div class="attribute">
nicholas@2859 919 <span>Unique ID: </span>
nicholas@2859 920 <input type="text" ng-model="fragment.id" />
nicholas@2859 921 </div>
nicholas@2859 922 <div class="attribute">
nicholas@2859 923 <span>URL: </span>
nicholas@2859 924 <input type="text" ng-model="fragment.url" />
nicholas@2859 925 <span>Full URL: </span><span style="font-weight=600">{{page.hostURL}}{{fragment.url}}</span>
nicholas@2859 926 </div>
nicholas@2859 927 <div class="attribute">
nicholas@2859 928 <span>Fragment Gain (dB): </span>
nicholas@2859 929 <input type="number" ng-model="fragment.gain" />
nicholas@2859 930 </div>
nicholas@2859 931 <div class="attribute">
nicholas@2859 932 <span>Fragment Label: </span>
nicholas@2859 933 <input type="text" ng-model="fragment.label" />
nicholas@2859 934 </div>
nicholas@2859 935 <div class="attribute">
nicholas@2859 936 <span>Fragment Common name: </span>
nicholas@2859 937 <input type="text" ng-model="fragment.name" />
nicholas@2859 938 </div>
nicholas@2859 939 <div class="attribute">
nicholas@2859 940 <span>Fragment Type: </span>
nicholas@2859 941 <select ng-model="fragment.type">
nicholas@2859 942 <option value="normal">Normal</option>
nicholas@2859 943 <option value="anchor">Hidden Anchor</option>
nicholas@2859 944 <option value="reference">Hidden Reference</option>
nicholas@2859 945 <option value="outside-reference">Outside Reference</option>
nicholas@2859 946 </select>
nicholas@2859 947 </div>
nicholas@2859 948 <div class="attribute" ng-show="fragment.type == 'anchor'">
nicholas@2859 949 <span>Anchor must be below: </span>
nicholas@2859 950 <input type="number" ng-model="fragment.marker" min="0" max="100" />
nicholas@2859 951 </div>
nicholas@2859 952 <div class="attribute" ng-show="fragment.type == 'reference'">
nicholas@2859 953 <span>Reference must be above: </span>
nicholas@2859 954 <input type="number" ng-model="fragment.marker" min="0" max="100" />
nicholas@2859 955 </div>
nicholas@2859 956 <div class="attribute">
nicholas@2859 957 <span>Loudness: </span>
nicholas@2859 958 <input type="number" ng-model="fragment.loudness" max="0" />
nicholas@2859 959 </div>
nicholas@2859 960 <div class="attribute" ng-show="page.poolSize > 0">
nicholas@2859 961 <span>Always include fragment: </span>
nicholas@2859 962 <input type="checkbox" ng-model="fragment.alwaysInclude" max="0" />
nicholas@2859 963 </div>
nicholas@2859 964 <div class="attribute">
nicholas@2859 965 <span>Fragment Pre-Silence: </span>
nicholas@2859 966 <input type="number" ng-model="fragment.preSilence" max="0" step="0.1" />
nicholas@2859 967 </div>
nicholas@2859 968 <div class="attribute">
nicholas@2859 969 <span>Fragment Post-Silence: </span>
nicholas@2859 970 <input type="number" ng-model="fragment.postSilence" max="0" step="0.1" />
nicholas@2859 971 </div>
nicholas@2859 972 <div class="attribute">
nicholas@2859 973 <span>Fragment playback start position (s): </span>
nicholas@2859 974 <input type="number" ng-model="fragment.startTime" min="0" max="{{fragment.stopTime}}" />
nicholas@2859 975 </div>
nicholas@2859 976 <div class="attribute">
nicholas@2859 977 <span>Fragment playback stop position (s): </span>
nicholas@2859 978 <input type="number" ng-model="fragment.stopTime" min="{{fragment.startTime}}" />
nicholas@2859 979 </div>
nicholas@2859 980 <div class="attribute">
nicholas@2859 981 <span>Fragment sampling rate: </span>
nicholas@2859 982 <input type="number" ng-model="fragment.sampleRate" min="1" />
nicholas@2859 983 </div>
nicholas@2859 984 <div class="attribute">
nicholas@2859 985 <span>Fragment Image (URL): </span>
nicholas@2859 986 <input type="text" ng-model="fragment.image" />
nicholas@2859 987 </div>
nicholas@2859 988 </div>
nicholas@2859 989 </div>
nicholas@2859 990 </div>
nicholas@2859 991 <div id="popupHolder" ng-show="popupVisible">
nicholas@2859 992 <div ng-controller="introduction" class="popup" ng-show="popupVisible">
nicholas@2859 993 <div class="popupTitle" ng-switch="state">
nicholas@2859 994 <span ng-switch-when="0">Test Creator</span>
nicholas@2859 995 <span ng-switch-when="1">Create New Test</span>
nicholas@2859 996 </div>
nicholas@2859 997 <div class="popupContent container-fluid" ng-switch="state">
nicholas@2859 998 <div ng-switch-when="0">
nicholas@2859 999 <div>
nicholas@2859 1000 <span>Welcome to the WAET test creator tool. This will allow you to create a new test from scratch to suit your testing needs. If you wish to update a test file, please drag and drop the XML document into the area below for processing, otherwise press 'Next' to start a new test. This tool generates files for the WAET 1.2.1 version.</span>
nicholas@2859 1001 </div>
nicholas@2859 1002 <div class="drag-drop" id="introdragdrop"><span>Upload XML here</span></div>
nicholas@2859 1003 </div>
nicholas@2859 1004 <div ng-switch-when="1">
nicholas@2859 1005 <div>
nicholas@2859 1006 <span>Please select the interface you would like to use below. Selecting an interface will give a brief description of the interface type.</span>
nicholas@2859 1007 </div>
nicholas@2859 1008 <div class="row">
nicholas@2859 1009 <div class="col-md-6" style="overflow-y: scroll;height: 333px;">
nicholas@2859 1010 <div class="new-test" ng-repeat="i in interfaces" ng-mouseover="mouseover(i.name)" ng-click="initialise(i.name)">
nicholas@2859 1011 <label style="cursor:pointer">
nicholas@2859 1012 <input type="radio" name="new-test" value="{{i.name}}" id="i.name" style="cursor:pointer" /> {{i.name}}
nicholas@2859 1013 </label>
nicholas@2859 1014 </div>
nicholas@2859 1015 </div>
nicholas@2859 1016 <div class="col-md-6">
nicholas@2859 1017 <span>{{description}}</span>
nicholas@2859 1018 </div>
nicholas@2859 1019 </div>
nicholas@2859 1020 </div>
nicholas@2859 1021 </div>
nicholas@2859 1022 <div class="popupButtons">
nicholas@2859 1023 <button id="popupBack" type="button" class="btn btn-default" ng-show="state>0" ng-click="back()">Back</button>
nicholas@2859 1024 <button id="popupNext" type="button" class="btn btn-default" ng-click="next()">Next</button>
nicholas@2859 1025 </div>
nicholas@2859 1026 </div>
nicholas@2859 1027 </div>
nicholas@2859 1028 <div id="screenblank" ng-show="popupVisible"></div>
nicholas@2859 1029 </div>
nicholas@2859 1030 </body>
nicholas@2859 1031
nicholas@2859 1032 </html>