Mercurial > hg > webaudioevaluationtool

annotate test_create.html @ 3036:ae0950bc1c99

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Close #218. Added to test_create.
author Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
date Tue, 26 Sep 2017 11:22:47 +0100
parents a5a6c44bab6e
children fb29981a2fad
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@2887 13 <script type="text/javascript" src="js/xmllint.js"></script>
nicholas@2859 14
n@2907 15 <title>WAET 1.2.2 Test Creator</title>
nicholas@2859 16 </head>
nicholas@2859 17
nicholas@2887 18 <body ng-app="creator" ng-controller="view">
nicholas@2887 19 <div class="container">
nicholas@2859 20 <div id="pageRoot">
n@2907 21 <h1>Web Audio Evaluation Tool</h1>
n@2907 22 <h3>Test Creator <span class="label label-primary">v1.2.2</span></h3>
nicholas@2859 23 </div>
nicholas@2887 24 <button type="button" class="btn btn-info" ng-click="validate()">Validate</button>
nicholas@2887 25 <button type="button" class="btn btn-success" ng-click="exportXML()" ng-disabled="validated == false">Export XML</button>
nicholas@2887 26 <div ng-switch on="validated" ng-show="showValidationMessages">
nicholas@2887 27 <div class="panel panel-danger" ng-switch-when="false">
nicholas@2887 28 <div class="panel-heading">
nicholas@2887 29 <button type="button" class="close" data-dismiss="alert" aria-label="Close" ng-click="hideValidationMessages"><span aria-hidden="true">&times;</span></button>
nicholas@2887 30 <h3 class="panel-title">Invalid Specification!</h3>
nicholas@2887 31 </div>
nicholas@2887 32 <div class="panel-body">
nicholas@2887 33 <p>Your specification is invalid. Please fix the following issues!</p>
nicholas@2887 34 <ul id="validation-error-list">
nicholas@2887 35 <li>Errors</li>
nicholas@2887 36 </ul>
nicholas@2887 37 </div>
nicholas@2887 38 </div>
nicholas@2887 39 <div class="alert alert-success" role="alert" ng-switch-when="true">
nicholas@2887 40 <button type="button" class="close" data-dismiss="alert" aria-label="Close" ng-click="hideValidationMessages"><span aria-hidden="true">&times;</span></button>
nicholas@2887 41 <strong>Validates!</strong><span>Well done, you can export this specification!</span>
nicholas@2887 42 </div>
nicholas@2887 43 </div>
nicholas@2859 44 <div id="setupNode" class="node" ng-controller="setup">
nicholas@2859 45 <h2>Setup</h2>
nicholas@2859 46 <div class="attributes">
nicholas@2859 47 <div class="attribute">
nicholas@2859 48 <span>Interface: </span>
n@2912 49 <select type="text" ng-model="specification.interface" required>
n@2912 50 <option value="{{i.name}}" ng-repeat="i in availableInterfaceModules">{{i.name}}</option>
n@2912 51 </select>
nicholas@2859 52 </div>
nicholas@2884 53 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="If you would like to save to a server other than your hosting server, you can place the full WAET URL here">
nicholas@2859 54 <span>Save URL: </span>
nicholas@2877 55 <input type="text" ng-model="specification.projectReturn" placeholder="save.php" />
nicholas@2859 56 </div>
nicholas@2884 57 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Once the test is completed and save confirmed, the browser will redirect to this page, if not defined.">
nicholas@2859 58 <span>Exit URL: </span>
n@2907 59 <input type="text" ng-model="specification.returnURL" placeholder="{{placeholder('returnURL')}}" />
nicholas@2859 60 </div>
nicholas@2884 61 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Randomise the page order">
nicholas@2859 62 <span>Randomise Page Order: </span>
nicholas@2859 63 <input type="checkbox" ng-model="specification.randomiseOrder" />
nicholas@2859 64 </div>
nicholas@2884 65 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Set the number of pages to present to the user. This includes repeated pages. Set to '0' or blank to ignore. Randomise page order must be selected.">
nicholas@2859 66 <span>Page Pool Size: </span>
n@2907 67 <input type="number" ng-model="specification.poolSize" min="0" placeholder="{{placeholder('poolSize')}}" />
nicholas@2859 68 </div>
nicholas@2884 69 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Automatically analyse and normalsie audio to this target LUFS. If unsure, use -25LUFS. 0 or blank disables normalisation">
nicholas@2859 70 <span>Loudness Normalisation (LUFS): </span>
n@2907 71 <input type="number" ng-model="specification.loudness" max="0" placeholder="{{placeholder('loudness')}}" />
nicholas@2859 72 </div>
nicholas@2884 73 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Only perform the test if the browser reported sampling rate matches this.">
nicholas@2859 74 <span>Fixed Sampling Rate: </span>
n@2907 75 <input type="number" ng-model="specification.sampleRate" min="0" placeholder="{{placeholder('sampleRate')}}" />
nicholas@2859 76 </div>
nicholas@2884 77 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Show a 'method of adjustment' audio calibration before testing.">
nicholas@2859 78 <span>Pre-Test audio calibration: </span>
nicholas@2859 79 <input type="checkbox" ng-model="specification.calibration" />
nicholas@2859 80 </div>
nicholas@2884 81 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Default cross-fade time when switching between elements. Can be over-ridden on each page">
nicholas@2859 82 <span>Global Cross-fade time: </span>
n@2907 83 <input type="number" ng-model="specification.crossFade" min="0" step="0.1" placeholder="{{placeholder('crossFade')}}" />
nicholas@2859 84 </div>
nicholas@2884 85 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Default pre-play element silence. Can be over-ridden on each page and element">
nicholas@2859 86 <span>Global Fragment Pre-Silence: </span>
n@2907 87 <input type="number" ng-model="specification.preSilence" min="0" step="0.1" placeholder="{{placeholder('preSilence')}}" />
nicholas@2859 88 </div>
nicholas@2884 89 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Default post-play element silence. Can be over-ridden on each page and element">
nicholas@2859 90 <span>Global Fragment Post-Silence: </span>
n@2907 91 <input type="number" ng-model="specification.postSilence" min="0" step="0.1" placeholder="{{placeholder('postSilence')}}" />
nicholas@2859 92 </div>
nicholas@2884 93 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Disable switching of audio elements">
nicholas@2859 94 <span>Play audio one-at-a-time: </span>
nicholas@2859 95 <input type="checkbox" ng-model="specification.playOne" />
nicholas@2859 96 </div>
nicholas@2884 97 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Minimum number of times an audio fragment must be played">
nicholas@2874 98 <span>Minimum number of fragment plays</span>
n@2907 99 <input type="number" ng-model="specification.minNumberPlays" min="0" max="{{specification.maxNumberPlays}}" placeholder="{{placeholder('minNumberPlays')}}" />
nicholas@2874 100 </div>
nicholas@2884 101 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Maximum number of times an audio fragment can be played">
nicholas@2874 102 <span>Maximum number of fragment plays</span>
n@2907 103 <input type="number" ng-model="specification.maxNumberPlays" min="{{specification.minNumberPlays || 0}}" placeholder="{{placeholder('maxNumberPlays')}}" />
nicholas@2874 104 </div>
nicholas@2859 105 </div>
nicholas@2859 106 <div class="node">
nicholas@2859 107 <h2>Test Completed Message</h2>
nicholas@2884 108 <textarea ng-model="specification.exitText" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Once the test is completed, you can show a message to the user. Markdown syntax is supported for formatting."></textarea>
nicholas@2859 109 </div>
nicholas@2859 110 <div id="metricsNode" class="node">
nicholas@2859 111 <h3>Session Metrics</h3>
nicholas@2859 112 <div class="attributes">
nicholas@2884 113 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Report the total test participation time">
nicholas@2859 114 <span>Collect Total Test Time: </span>
nicholas@2859 115 <input type="checkbox" value="testTimer" ng-click="enableMetric($event)" />
nicholas@2859 116 </div>
nicholas@2884 117 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Collect the accumulative listening time for each fragment">
nicholas@2859 118 <span>Collect Fragment Listen Time: </span>
nicholas@2859 119 <input type="checkbox" value="elementTimer" ng-click="enableMetric($event)" />
nicholas@2859 120 </div>
nicholas@2884 121 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Store the initial position of the fragment">
nicholas@2859 122 <span>Collect Fragment Initial Position: </span>
nicholas@2859 123 <input type="checkbox" value="elementInitialPosition" ng-click="enableMetric($event)" />
nicholas@2859 124 </div>
nicholas@2884 125 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Store each movement / value change of each fragment with page-relative timestamps.">
nicholas@2884 126 <span>Collect Fragment Movements: </span>
nicholas@2859 127 <input type="checkbox" value="elementTracker" ng-click="enableMetric($event)" />
nicholas@2859 128 </div>
nicholas@2884 129 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Store boolean reporting if a fragment has been played">
nicholas@2859 130 <span>Collect Fragment Listened To Flag: </span>
nicholas@2859 131 <input type="checkbox" value="elementFlagListenedTo" ng-click="enableMetric($event)" />
nicholas@2859 132 </div>
nicholas@2884 133 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Store boolean reporting if a fragment has been moved">
nicholas@2859 134 <span>Collect Fragment Moved Flag: </span>
nicholas@2859 135 <input type="checkbox" value="elementFlagMoved" ng-click="enableMetric($event)" />
nicholas@2859 136 </div>
nicholas@2884 137 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Store each time a fragment starts and stops playback with page relative timestamps. Also holds fragment relative timestamps.">
nicholas@2859 138 <span>Collect Fragment Listened Flag: </span>
nicholas@2859 139 <input type="checkbox" value="elementListenTracker" ng-click="enableMetric($event)" />
nicholas@2859 140 </div>
nicholas@2859 141 </div>
nicholas@2859 142 </div>
nicholas@2859 143 <div id="globalpresurvey" class="node" ng-controller="survey" ng-init="survey = specification.preTest">
nicholas@2859 144 <h2>Pre Test Survey</h2>
nicholas@3021 145 <div class="attributes">
nicholas@3021 146 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Allow users to go both back and forward in the test">
nicholas@3021 147 <span>Show back button: </span>
nicholas@3021 148 <input type="checkbox" ng-model="survey.showBackButton" />
nicholas@3021 149 </div>
nicholas@3021 150 </div>
nicholas@2859 151 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
n@2911 152 <div class="node surveyentry" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859 153 <h3>Survey Entry</h3>
nicholas@2859 154 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859 155 <div class="attributes">
n@2911 156 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Type of survey entry.">
nicholas@2859 157 <span>Survey Type: </span>
nicholas@2859 158 <select ng-model="opt.type">
nicholas@2859 159 <option value="question">Question</option>
nicholas@2859 160 <option value="radio">Radio</option>
nicholas@2859 161 <option value="checkbox">Checkbox</option>
nicholas@2859 162 <option value="statement">Statement</option>
nicholas@2859 163 <option value="number">Number</option>
nicholas@2859 164 <option value="slider">Slider</option>
nicholas@2859 165 <option value="video">Video</option>
nicholas@2859 166 <option value="youtube">YouTube</option>
nicholas@2859 167 </select>
nicholas@2859 168 </div>
n@2911 169 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Unique across the entire session of all ID entries. ">
nicholas@2859 170 <span>Unique Survey Entry ID:</span>
nicholas@2877 171 <input type="text" ng-model="opt.id" required/>
nicholas@2859 172 </div>
n@2911 173 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Friendly name. Will be used in test results parsers instead of the ID, if defined.">
nicholas@2859 174 <span>Entry Name:</span>
nicholas@2859 175 <input type="text" ng-model="opt.name" />
nicholas@2859 176 </div>
n@2911 177 <div class="attribute" ng-show="['question', 'checkbox', 'radio', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="An answer must be given to continue with the test.">
nicholas@2859 178 <span>Mandatory:</span>
nicholas@2859 179 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859 180 </div>
n@2911 181 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Minimum time in seconds before continuing.">
nicholas@2859 182 <span>Minimum Wait Time (s):</span>
nicholas@2859 183 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859 184 </div>
n@2911 185 <div class="attribute" ng-show="opt.type == 'question'" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Size of the displayed text box. Does not limit entry but may discourage (or encourage) longer ansewrs if bigger.">
nicholas@2859 186 <span>Box Size:</span>
nicholas@2859 187 <select ng-model="opt.boxsize">
nicholas@2859 188 <option value="small">Small</option>
nicholas@2859 189 <option value="normal">Normal</option>
nicholas@2859 190 <option value="large">Large</option>
nicholas@2859 191 <option value="huge">Huge</option>
nicholas@2859 192 </select>
nicholas@2859 193 </div>
n@2911 194 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="The minimum number of options that must be selected before continuing">
nicholas@2859 195 <span>Minimum Selected:</span>
nicholas@2859 196 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859 197 </div>
n@2911 198 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Maximum number of options that can be selected to continue.">
nicholas@2859 199 <span>Maximum Selected:</span>
nicholas@2859 200 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859 201 </div>
n@2911 202 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Minimum numerical value">
nicholas@2859 203 <span>Minimum Value:</span>
nicholas@2859 204 <input type="number" ng-model="opt.min" />
nicholas@2859 205 </div>
n@2911 206 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Maximum numerical value">
nicholas@2859 207 <span>Maximum Value:</span>
nicholas@2859 208 <input type="number" ng-model="opt.max" />
nicholas@2859 209 </div>
n@2911 210 <div class="attribute" ng-show="['video', 'youtube'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="URL of the video to embed.">
nicholas@2859 211 <span>Video URL:</span>
nicholas@2859 212 <input type="text" ng-model="opt.url" />
nicholas@2859 213 </div>
nicholas@2859 214 </div>
n@2911 215 <div class="node" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Statement / Question to pose to the subject.">
nicholas@2859 216 <h4>Statement</h4>
nicholas@2859 217 <textarea ng-model="opt.statement"></textarea>
nicholas@2859 218 </div>
nicholas@2859 219 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 220 <h4>Options</h4>
nicholas@2859 221 <div>
nicholas@2859 222 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859 223 </div>
nicholas@2859 224 <div class="node" ng-repeat="option in opt.options">
nicholas@2859 225 <div class="attributes">
nicholas@2859 226 <div class="attribute">
nicholas@2859 227 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859 228 </div>
nicholas@2859 229 <div class="attribute">
nicholas@2859 230 <span>Name: </span>
nicholas@2877 231 <input type="text" ng-model="option.name" required/>
nicholas@2859 232 </div>
nicholas@2859 233 <div class="attribute">
nicholas@2859 234 <span>Displayed Text: </span>
nicholas@2877 235 <input type="text" ng-model="option.text" required/>
nicholas@2859 236 </div>
nicholas@2859 237 </div>
nicholas@2859 238 </div>
nicholas@2859 239 </div>
nicholas@2859 240 <div class="node">
nicholas@2859 241 <h4>Conditionals</h4>
nicholas@2859 242 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859 243 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859 244 <div class="attributes">
nicholas@2859 245 <div class="attribute">
nicholas@2859 246 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859 247 </div>
nicholas@2859 248 <div class="attribute">
nicholas@2859 249 <span>Check Type:</span>
nicholas@2859 250 <select ng-model="condition.check">
nicholas@2859 251 <option value="equals">Equal To</option>
nicholas@2859 252 <option value="lessThan">Less Than</option>
nicholas@2859 253 <option value="greaterThan">Greater Than</option>
nicholas@2859 254 <option value="stringContains">String Contains</option>
nicholas@2859 255 </select>
nicholas@2859 256 </div>
nicholas@2859 257 <div class="attribute">
nicholas@2859 258 <span>Value: </span>
nicholas@2877 259 <input type="text" ng-model="condition.value" required/>
nicholas@2859 260 </div>
nicholas@2859 261 <div class="attribute">
nicholas@2859 262 <span>Jump To On Pass: </span>
nicholas@2859 263 <select ng-model="condition.jumpToOnPass">
nicholas@2859 264 <option value="">None</option>
nicholas@2859 265 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 266 </select>
nicholas@2859 267 </div>
nicholas@2859 268 <div class="attribute">
nicholas@2859 269 <span>Jump To On Fail: </span>
nicholas@2859 270 <select ng-model="condition.jumpToOnFail">
nicholas@2859 271 <option value="">None</option>
nicholas@2859 272 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 273 </select>
nicholas@2859 274 </div>
nicholas@2859 275 </div>
nicholas@2859 276 </div>
nicholas@2859 277 </div>
nicholas@2859 278 </div>
nicholas@2859 279 </div>
nicholas@2859 280 <div id="globalpostsurvey" class="node" ng-controller="survey" ng-init="survey = specification.postTest">
nicholas@2859 281 <h2>Post Test Survey</h2>
nicholas@3021 282 <div class="attributes">
nicholas@3021 283 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Allow users to go both back and forward in the test">
nicholas@3021 284 <span>Show back button: </span>
nicholas@3021 285 <input type="checkbox" ng-model="survey.showBackButton" />
nicholas@3021 286 </div>
nicholas@3021 287 </div>
nicholas@2859 288 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
n@2911 289 <div class="node surveyentry" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859 290 <h3>Survey Entry</h3>
nicholas@2859 291 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859 292 <div class="attributes">
n@2911 293 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Type of survey entry.">
nicholas@2859 294 <span>Survey Type: </span>
nicholas@2859 295 <select ng-model="opt.type">
nicholas@2859 296 <option value="question">Question</option>
nicholas@2859 297 <option value="radio">Radio</option>
nicholas@2859 298 <option value="checkbox">Checkbox</option>
nicholas@2859 299 <option value="statement">Statement</option>
nicholas@2859 300 <option value="number">Number</option>
nicholas@2859 301 <option value="slider">Slider</option>
nicholas@2859 302 <option value="video">Video</option>
nicholas@2859 303 <option value="youtube">YouTube</option>
nicholas@2859 304 </select>
nicholas@2859 305 </div>
n@2911 306 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Unique across the entire session of all ID entries. ">
nicholas@2859 307 <span>Unique Survey Entry ID:</span>
nicholas@2877 308 <input type="text" ng-model="opt.id" required/>
nicholas@2859 309 </div>
n@2911 310 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Friendly name. Will be used in test results parsers instead of the ID, if defined.">
nicholas@2859 311 <span>Entry Name:</span>
nicholas@2859 312 <input type="text" ng-model="opt.name" />
nicholas@2859 313 </div>
n@2911 314 <div class="attribute" ng-show="['question', 'checkbox', 'radio', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="An answer must be given to continue with the test.">
nicholas@2859 315 <span>Mandatory:</span>
nicholas@2859 316 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859 317 </div>
n@2911 318 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Minimum time in seconds before continuing.">
nicholas@2859 319 <span>Minimum Wait Time (s):</span>
nicholas@2859 320 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859 321 </div>
n@2911 322 <div class="attribute" ng-show="opt.type == 'question'" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Size of the displayed text box. Does not limit entry but may discourage (or encourage) longer ansewrs if bigger.">
nicholas@2859 323 <span>Box Size:</span>
nicholas@2859 324 <select ng-model="opt.boxsize">
nicholas@2859 325 <option value="small">Small</option>
nicholas@2859 326 <option value="normal">Normal</option>
nicholas@2859 327 <option value="large">Large</option>
nicholas@2859 328 <option value="huge">Huge</option>
nicholas@2859 329 </select>
nicholas@2859 330 </div>
n@2911 331 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="The minimum number of options that must be selected before continuing">
nicholas@2859 332 <span>Minimum Selected:</span>
nicholas@2859 333 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859 334 </div>
n@2911 335 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Maximum number of options that can be selected to continue.">
nicholas@2859 336 <span>Maximum Selected:</span>
nicholas@2859 337 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859 338 </div>
n@2911 339 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Minimum numerical value">
nicholas@2859 340 <span>Minimum Value:</span>
nicholas@2859 341 <input type="number" ng-model="opt.min" />
nicholas@2859 342 </div>
n@2911 343 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Maximum numerical value">
nicholas@2859 344 <span>Maximum Value:</span>
nicholas@2859 345 <input type="number" ng-model="opt.max" />
nicholas@2859 346 </div>
n@2911 347 <div class="attribute" ng-show="['video', 'youtube'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="URL of the video to embed.">
nicholas@2859 348 <span>Video URL:</span>
nicholas@2859 349 <input type="text" ng-model="opt.url" />
nicholas@2859 350 </div>
nicholas@2859 351 </div>
n@2911 352 <div class="node" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Statement / Question to pose to the subject.">
nicholas@2859 353 <h4>Statement</h4>
nicholas@2859 354 <textarea ng-model="opt.statement"></textarea>
nicholas@2859 355 </div>
nicholas@2859 356 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 357 <h4>Options</h4>
nicholas@2859 358 <div>
nicholas@2859 359 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859 360 </div>
nicholas@2859 361 <div class="node" ng-repeat="option in opt.options">
nicholas@2859 362 <div class="attributes">
nicholas@2859 363 <div class="attribute">
nicholas@2859 364 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859 365 </div>
nicholas@2859 366 <div class="attribute">
nicholas@2859 367 <span>Name: </span>
nicholas@2877 368 <input type="text" ng-model="option.name" required/>
nicholas@2859 369 </div>
nicholas@2859 370 <div class="attribute">
nicholas@2859 371 <span>Displayed Text: </span>
nicholas@2877 372 <input type="text" ng-model="option.text" required/>
nicholas@2859 373 </div>
nicholas@2859 374 </div>
nicholas@2859 375 </div>
nicholas@2859 376 </div>
nicholas@2859 377 <div class="node">
nicholas@2859 378 <h4>Conditionals</h4>
nicholas@2859 379 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859 380 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859 381 <div class="attributes">
nicholas@2859 382 <div class="attribute">
nicholas@2859 383 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859 384 </div>
nicholas@2859 385 <div class="attribute">
nicholas@2859 386 <span>Check Type:</span>
nicholas@2859 387 <select ng-model="condition.check">
nicholas@2859 388 <option value="equals">Equal To</option>
nicholas@2859 389 <option value="lessThan">Less Than</option>
nicholas@2859 390 <option value="greaterThan">Greater Than</option>
nicholas@2859 391 <option value="stringContains">String Contains</option>
nicholas@2859 392 </select>
nicholas@2859 393 </div>
nicholas@2859 394 <div class="attribute">
nicholas@2859 395 <span>Value: </span>
nicholas@2877 396 <input type="text" ng-model="condition.value" required/>
nicholas@2859 397 </div>
nicholas@2859 398 <div class="attribute">
nicholas@2859 399 <span>Jump To On Pass: </span>
nicholas@2859 400 <select ng-model="condition.jumpToOnPass">
nicholas@2859 401 <option value="">None</option>
nicholas@2859 402 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 403 </select>
nicholas@2859 404 </div>
nicholas@2859 405 <div class="attribute">
nicholas@2859 406 <span>Jump To On Fail: </span>
nicholas@2859 407 <select ng-model="condition.jumpToOnFail">
nicholas@2859 408 <option value="">None</option>
nicholas@2859 409 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 410 </select>
nicholas@2859 411 </div>
nicholas@2859 412 </div>
nicholas@2859 413 </div>
nicholas@2859 414 </div>
nicholas@2859 415 </div>
nicholas@2859 416 </div>
nicholas@2859 417 <div id="globalinterface" class="node" ng-controller="interfaceNode" ng-init="interface = specification.interfaces">
nicholas@2859 418 <h2>Interface (Globals)</h2>
nicholas@2859 419 <div class="node interfaceOptions">
nicholas@2859 420 <div class="attributes">
n@2911 421 <div class="attribute" name="fragmentPlayed" type="check" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="A page can only be submitted if all fragments have been played">
nicholas@2859 422 <span>Check all fragments played: </span>
nicholas@2859 423 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 424 </div>
n@2911 425 <div class="attribute" name="fragmentFullPlayback" type="check" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="A page can only be submitted if all fragments have been played completely.">
nicholas@2859 426 <span>Check all fragments fully played: </span>
nicholas@2859 427 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 428 </div>
n@2911 429 <div class="attribute" name="fragmentMoved" type="check" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="A page can only be submitted if all fragments have been moved">
nicholas@2859 430 <span>Check all fragments have been moved: </span>
nicholas@2859 431 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 432 </div>
n@2911 433 <div class="attribute" name="fragmentComments" type="check" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="A page can only be submitted if all fragments have their comment boxes completed.">
nicholas@2859 434 <span>Check all fragments have comments: </span>
nicholas@2859 435 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 436 </div>
n@2911 437 <div class="attribute" name="scalerange" type="check" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="A page can only be submitted if there are fragments above and below the maximum and minimum ranges.">
nicholas@2859 438 <span>Enforce a scale usage: </span>
nicholas@2859 439 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 440 <span>Minimum:</span>
nicholas@2859 441 <input type="number" min="0" max="100" name="min" />
nicholas@2859 442 <span>Maximum:</span>
nicholas@2859 443 <input type="number" min="0" max="100" name="max" />
nicholas@2859 444 </div>
n@2911 445 <div class="attribute" name="volume" type="show" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Show the master volume control on each page.">
nicholas@2859 446 <span>Show master volume control: </span>
nicholas@2859 447 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 448 </div>
n@2911 449 <div class="attribute" name="playhead" type="show" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Show the playhead for the fragments.">
nicholas@2859 450 <span>Show playhead: </span>
nicholas@2859 451 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 452 </div>
n@2911 453 <div class="attribute" name="page-count" type="show" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Show number of completed and remaining pages.">
nicholas@2859 454 <span>Show Page Count: </span>
nicholas@2859 455 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 456 </div>
n@2911 457 <div class="attribute" name="comments" type="show" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Show comment boxes for each fragment.">
nicholas@2859 458 <span>Show Fragment Comments: </span>
nicholas@2859 459 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 460 </div>
nicholas@2859 461 </div>
nicholas@2859 462 </div>
nicholas@2859 463 </div>
nicholas@2859 464 </div>
nicholas@2859 465 <div style="text-align: center;">
nicholas@2859 466 <button type="button" class="btn btn-success" ng-click="addPage()">Add Page</button>
nicholas@2859 467 </div>
nicholas@2859 468 <div class="node pageNode" ng-controller="page" ng-repeat="page in specification.pages">
nicholas@2859 469 <h2>Page</h2>
nicholas@2862 470 <button type="button" class="btn btn-danger" ng-click="removePage(page)">Remove Page</button>
nicholas@2859 471 <div class="attributes">
nicholas@2859 472 <div class="attribute">
nicholas@2859 473 <span>Unique ID: </span>
nicholas@2877 474 <input type="text" ng-model="page.id" required/>
nicholas@2859 475 </div>
nicholas@2884 476 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Define the common root of each fragment URL. For example if every fragment URL starts with 'http://example.org/media/' then this can be placed here and the remainder for each fragment in their respective URL boxed.">
nicholas@2859 477 <span>Fragment common-root URL: </span>
nicholas@2859 478 <input type="text" ng-model="page.hostURL" />
nicholas@2859 479 </div>
nicholas@2859 480 <div class="attribute">
nicholas@2859 481 <span>Randomise Fragment Order: </span>
nicholas@2859 482 <input type="checkbox" ng-model="page.randomiseOrder" />
nicholas@2859 483 </div>
nicholas@2884 484 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Specify if this page should be repeated and how many times. Please note, that if page-pooling is also selected then it 'may' not repeat as many times.">
n@2911 485 <span>Numer of repetitions: </span>
n@2907 486 <input type="number" ng-model="page.repeatCount" value="0" step="1" placeholder="{{placeholder('repeatCount')}}" />
nicholas@2859 487 </div>
nicholas@2884 488 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Loop audio playback until manually stopped or the page submit button is pressed">
nicholas@2859 489 <span>Loop audio: </span>
nicholas@2859 490 <input type="checkbox" ng-model="page.loop" />
nicholas@2859 491 </div>
nicholas@2884 492 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Synchronise playback of each fragment in this page. If all fragments have the same audio (such as mix evaluations) then this can enable users to seemlessly transition. Otherwise audio will start from the beginning of each fragment">
nicholas@2859 493 <span>Synchronous audio playback: </span>
nicholas@2859 494 <input type="checkbox" ng-model="page.synchronous" />
nicholas@2859 495 </div>
nicholas@2884 496 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Over-ride global loudness normalisation">
nicholas@2859 497 <span>Loudness (page): </span>
n@2907 498 <input type="number" ng-model="page.loudness" max="0" placeholder="{{specification.loudness || placeholder('loudness')}}" />
nicholas@2859 499 </div>
nicholas@2884 500 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Label type to display on the fragments.">
nicholas@2859 501 <span>Label type: </span>
nicholas@2859 502 <select ng-model="page.label">
nicholas@2859 503 <option value="default">Default</option>
nicholas@2859 504 <option value="none">None</option>
nicholas@2859 505 <option value="number">[1, 2, 3...]</option>
nicholas@2859 506 <option value="letter">[a, b, c...]</option>
nicholas@2859 507 <option value="capital">[A, B, C...]</option>
nicholas@2859 508 <option value="samediff" ng-show="specification.interface == 'AB'">[Same, Different]</option>
nicholas@2859 509 </select>
nicholas@2859 510 </div>
nicholas@2859 511 <div class="attribute" ng-show="page.label != 'default' && page.label != 'none'">
nicholas@2859 512 <span>Label Start: </span>
nicholas@2859 513 <input type="text" ng-model="page.labelStart" />
nicholas@2859 514 </div>
nicholas@2884 515 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Select a subgroup of the given audio fragments to display. 0 or blank means all fragments will be displayed.">
nicholas@2859 516 <span>Fragment pool size: </span>
n@2907 517 <input type="number" ng-model="page.poolSize" min="0" max="page.audioElements.length" placeholder="{{placeholder('poolSize')}}" />
nicholas@2859 518 </div>
nicholas@2884 519 <div class="attribute" ng-show="specification.poolSize > 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Always display this page, even after sub-pooling of pages">
nicholas@2859 520 <span>Always include page: </span>
nicholas@2859 521 <input type="checkbox" ng-model="page.alwaysInclude" />
nicholas@2859 522 </div>
nicholas@2884 523 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Always show this page in this position. Useful for training pages to ensure they are always positioned first.">
nicholas@2859 524 <span>Fixed Page Position: </span>
nicholas@2859 525 <input type="number" ng-model="page.position" min="0" max="{{specification.pages.length}}" />
nicholas@2859 526 </div>
nicholas@2884 527 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Over-ride global pre-silence">
nicholas@2859 528 <span>Fragment pre-silence: </span>
n@2907 529 <input type="number" ng-model="page.preSilence" min="0" step="0.1" placeholder="{{specification.preSilence || placeholder('preSilence')}}" />
nicholas@2859 530 </div>
nicholas@2884 531 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Over-ride global post-silence">
nicholas@2859 532 <span>Fragment post-silence: </span>
n@2907 533 <input type="number" ng-model="page.postSilence" min="0" step="0.1" placeholder="{{specification.postSilence || placeholder('postSilence')}}" />
nicholas@2859 534 </div>
nicholas@2884 535 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Disable switching of audio">
nicholas@2859 536 <span>Cannot interupt audio: </span>
nicholas@2859 537 <input type="checkbox" ng-model="page.playOne" />
nicholas@2859 538 </div>
nicholas@2884 539 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Only allow playing fragments' interface handle to be manipulated during playback.">
nicholas@2859 540 <span>Only move playing audio: </span>
nicholas@2859 541 <input type="checkbox" ng-model="page.restrictMovement" />
nicholas@2859 542 </div>
nicholas@2884 543 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Over-ride global minimum number of fragment plays">
nicholas@2874 544 <span>Minimum number of fragment plays</span>
n@2907 545 <input type="number" ng-model="page.minNumberPlays" min="0" max="{{page.maxNumberPlays || specification.maxNumberPlays}}" placeholder="{{specification.minNumberPlays || placeholder('minNumberPlays')}}" />
nicholas@2874 546 </div>
nicholas@2884 547 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Over-ride global maximum number of fragment plays">
nicholas@2874 548 <span>Maximum number of fragment plays</span>
n@2907 549 <input type="number" ng-model="page.maxNumberPlays" min="{{page.minNumberPlays || specification.minNumberPlays || 0}}" placeholder="{{specification.maxNumberPlays || placeholder('maxNumberPlays')}}" />
nicholas@2874 550 </div>
nicholas@2859 551 </div>
nicholas@2884 552 <div class="node" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Set the title of the page">
nicholas@2859 553 <h3>Page Title</h3>
nicholas@2859 554 <textarea ng-model="page.title"></textarea>
nicholas@2859 555 </div>
nicholas@2859 556 <div class="node">
nicholas@2859 557 <h3>Comment box text prefix</h3>
nicholas@2859 558 <textarea ng-model="page.commentboxprefix"></textarea>
nicholas@2859 559 <p>Example:
nicholas@2859 560 <span style="font-weight:600">{{page.commentboxprefix}} A</span>
nicholas@2859 561 </p>
nicholas@2859 562 </div>
nicholas@2859 563 <div class="node" ng-controller="survey" ng-init="survey = page.preTest">
nicholas@2859 564 <h2>Pre Page Survey</h2>
nicholas@3021 565 <div class="attributes">
nicholas@3021 566 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Allow users to go both back and forward in the test">
nicholas@3021 567 <span>Show back button: </span>
nicholas@3021 568 <input type="checkbox" ng-model="survey.showBackButton" />
nicholas@3021 569 </div>
nicholas@3021 570 </div>
nicholas@2859 571 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
n@2911 572 <div class="node surveyentry" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859 573 <h3>Survey Entry</h3>
nicholas@2859 574 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859 575 <div class="attributes">
n@2911 576 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Type of survey entry.">
nicholas@2859 577 <span>Survey Type: </span>
nicholas@2859 578 <select ng-model="opt.type">
nicholas@2859 579 <option value="question">Question</option>
nicholas@2859 580 <option value="radio">Radio</option>
nicholas@2859 581 <option value="checkbox">Checkbox</option>
nicholas@2859 582 <option value="statement">Statement</option>
nicholas@2859 583 <option value="number">Number</option>
nicholas@2859 584 <option value="slider">Slider</option>
nicholas@2859 585 <option value="video">Video</option>
nicholas@2859 586 <option value="youtube">YouTube</option>
nicholas@2859 587 </select>
nicholas@2859 588 </div>
n@2911 589 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Unique across the entire session of all ID entries. ">
nicholas@2859 590 <span>Unique Survey Entry ID:</span>
nicholas@2877 591 <input type="text" ng-model="opt.id" required/>
nicholas@2859 592 </div>
n@2911 593 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Friendly name. Will be used in test results parsers instead of the ID, if defined.">
nicholas@2859 594 <span>Entry Name:</span>
nicholas@2859 595 <input type="text" ng-model="opt.name" />
nicholas@2859 596 </div>
n@2911 597 <div class="attribute" ng-show="['question', 'checkbox', 'radio', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="An answer must be given to continue with the test.">
nicholas@2859 598 <span>Mandatory:</span>
nicholas@2859 599 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859 600 </div>
n@2911 601 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Minimum time in seconds before continuing.">
nicholas@2859 602 <span>Minimum Wait Time (s):</span>
nicholas@2859 603 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859 604 </div>
n@2911 605 <div class="attribute" ng-show="opt.type == 'question'" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Size of the displayed text box. Does not limit entry but may discourage (or encourage) longer ansewrs if bigger.">
nicholas@2859 606 <span>Box Size:</span>
nicholas@2859 607 <select ng-model="opt.boxsize">
nicholas@2859 608 <option value="small">Small</option>
nicholas@2859 609 <option value="normal">Normal</option>
nicholas@2859 610 <option value="large">Large</option>
nicholas@2859 611 <option value="huge">Huge</option>
nicholas@2859 612 </select>
nicholas@2859 613 </div>
n@2911 614 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="The minimum number of options that must be selected before continuing">
nicholas@2859 615 <span>Minimum Selected:</span>
nicholas@2859 616 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859 617 </div>
n@2911 618 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Maximum number of options that can be selected to continue.">
nicholas@2859 619 <span>Maximum Selected:</span>
nicholas@2859 620 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859 621 </div>
n@2911 622 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Minimum numerical value">
nicholas@2859 623 <span>Minimum Value:</span>
nicholas@2859 624 <input type="number" ng-model="opt.min" />
nicholas@2859 625 </div>
n@2911 626 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Maximum numerical value">
nicholas@2859 627 <span>Maximum Value:</span>
nicholas@2859 628 <input type="number" ng-model="opt.max" />
nicholas@2859 629 </div>
n@2911 630 <div class="attribute" ng-show="['video', 'youtube'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="URL of the video to embed.">
nicholas@2859 631 <span>Video URL:</span>
nicholas@2859 632 <input type="text" ng-model="opt.url" />
nicholas@2859 633 </div>
nicholas@2859 634 </div>
n@2911 635 <div class="node" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Statement / Question to pose to the subject.">
nicholas@2859 636 <h4>Statement</h4>
nicholas@2859 637 <textarea ng-model="opt.statement"></textarea>
nicholas@2859 638 </div>
nicholas@2859 639 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 640 <h4>Options</h4>
nicholas@2859 641 <div>
nicholas@2859 642 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859 643 </div>
nicholas@2859 644 <div class="node" ng-repeat="option in opt.options">
nicholas@2859 645 <div class="attributes">
nicholas@2859 646 <div class="attribute">
nicholas@2859 647 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859 648 </div>
nicholas@2859 649 <div class="attribute">
nicholas@2859 650 <span>Name: </span>
nicholas@2877 651 <input type="text" ng-model="option.name" required/>
nicholas@2859 652 </div>
nicholas@2859 653 <div class="attribute">
nicholas@2859 654 <span>Displayed Text: </span>
nicholas@2877 655 <input type="text" ng-model="option.text" required/>
nicholas@2859 656 </div>
nicholas@2859 657 </div>
nicholas@2859 658 </div>
nicholas@2859 659 </div>
nicholas@2859 660 <div class="node">
nicholas@2859 661 <h4>Conditionals</h4>
nicholas@2859 662 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859 663 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859 664 <div class="attributes">
nicholas@2859 665 <div class="attribute">
nicholas@2859 666 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859 667 </div>
nicholas@2859 668 <div class="attribute">
nicholas@2859 669 <span>Check Type:</span>
nicholas@2859 670 <select ng-model="condition.check">
nicholas@2859 671 <option value="equals">Equal To</option>
nicholas@2859 672 <option value="lessThan">Less Than</option>
nicholas@2859 673 <option value="greaterThan">Greater Than</option>
nicholas@2859 674 <option value="stringContains">String Contains</option>
nicholas@2859 675 </select>
nicholas@2859 676 </div>
nicholas@2859 677 <div class="attribute">
nicholas@2859 678 <span>Value: </span>
nicholas@2877 679 <input type="text" ng-model="condition.value" required/>
nicholas@2859 680 </div>
nicholas@2859 681 <div class="attribute">
nicholas@2859 682 <span>Jump To On Pass: </span>
nicholas@2859 683 <select ng-model="condition.jumpToOnPass">
nicholas@2859 684 <option value="">None</option>
nicholas@2859 685 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 686 </select>
nicholas@2859 687 </div>
nicholas@2859 688 <div class="attribute">
nicholas@2859 689 <span>Jump To On Fail: </span>
nicholas@2859 690 <select ng-model="condition.jumpToOnFail">
nicholas@2859 691 <option value="">None</option>
nicholas@2859 692 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 693 </select>
nicholas@2859 694 </div>
nicholas@2859 695 </div>
nicholas@2859 696 </div>
nicholas@2859 697 </div>
nicholas@2859 698 </div>
nicholas@2859 699 </div>
nicholas@2867 700 <div class="node" ng-controller="survey" ng-init="survey = page.postTest">
nicholas@2859 701 <h2>Post Page Survey</h2>
nicholas@3021 702 <div class="attributes">
nicholas@3021 703 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Allow users to go both back and forward in the test">
nicholas@3021 704 <span>Show back button: </span>
nicholas@3021 705 <input type="checkbox" ng-model="survey.showBackButton" />
nicholas@3021 706 </div>
nicholas@3021 707 </div>
nicholas@2859 708 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
n@2911 709 <div class="node surveyentry" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859 710 <h3>Survey Entry</h3>
nicholas@2859 711 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859 712 <div class="attributes">
n@2911 713 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Type of survey entry.">
nicholas@2859 714 <span>Survey Type: </span>
nicholas@2859 715 <select ng-model="opt.type">
nicholas@2859 716 <option value="question">Question</option>
nicholas@2859 717 <option value="radio">Radio</option>
nicholas@2859 718 <option value="checkbox">Checkbox</option>
nicholas@2859 719 <option value="statement">Statement</option>
nicholas@2859 720 <option value="number">Number</option>
nicholas@2859 721 <option value="slider">Slider</option>
nicholas@2859 722 <option value="video">Video</option>
nicholas@2859 723 <option value="youtube">YouTube</option>
nicholas@2859 724 </select>
nicholas@2859 725 </div>
n@2911 726 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Unique across the entire session of all ID entries. ">
nicholas@2859 727 <span>Unique Survey Entry ID:</span>
n@2911 728 <input type="text" ng-model="opt.id" required/>
nicholas@2859 729 </div>
n@2911 730 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Friendly name. Will be used in test results parsers instead of the ID, if defined.">
nicholas@2859 731 <span>Entry Name:</span>
nicholas@2859 732 <input type="text" ng-model="opt.name" />
nicholas@2859 733 </div>
n@2911 734 <div class="attribute" ng-show="['question', 'checkbox', 'radio', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="An answer must be given to continue with the test.">
nicholas@2859 735 <span>Mandatory:</span>
nicholas@2859 736 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859 737 </div>
n@2911 738 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Minimum time in seconds before continuing.">
nicholas@2859 739 <span>Minimum Wait Time (s):</span>
nicholas@2859 740 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859 741 </div>
n@2911 742 <div class="attribute" ng-show="opt.type == 'question'" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Size of the displayed text box. Does not limit entry but may discourage (or encourage) longer ansewrs if bigger.">
nicholas@2859 743 <span>Box Size:</span>
nicholas@2859 744 <select ng-model="opt.boxsize">
nicholas@2859 745 <option value="small">Small</option>
nicholas@2859 746 <option value="normal">Normal</option>
nicholas@2859 747 <option value="large">Large</option>
nicholas@2859 748 <option value="huge">Huge</option>
nicholas@2859 749 </select>
nicholas@2859 750 </div>
n@2911 751 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="The minimum number of options that must be selected before continuing">
nicholas@2859 752 <span>Minimum Selected:</span>
nicholas@2859 753 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859 754 </div>
n@2911 755 <div class="attribute" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Maximum number of options that can be selected to continue.">
nicholas@2859 756 <span>Maximum Selected:</span>
nicholas@2859 757 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859 758 </div>
n@2911 759 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Minimum numerical value">
nicholas@2859 760 <span>Minimum Value:</span>
nicholas@2859 761 <input type="number" ng-model="opt.min" />
nicholas@2859 762 </div>
n@2911 763 <div class="attribute" ng-show="['slider', 'number'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Maximum numerical value">
nicholas@2859 764 <span>Maximum Value:</span>
nicholas@2859 765 <input type="number" ng-model="opt.max" />
nicholas@2859 766 </div>
n@2911 767 <div class="attribute" ng-show="['video', 'youtube'].indexOf(opt.type) >= 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="URL of the video to embed.">
nicholas@2859 768 <span>Video URL:</span>
nicholas@2859 769 <input type="text" ng-model="opt.url" />
nicholas@2859 770 </div>
nicholas@2859 771 </div>
n@2911 772 <div class="node" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Statement / Question to pose to the subject.">
nicholas@2859 773 <h4>Statement</h4>
nicholas@2859 774 <textarea ng-model="opt.statement"></textarea>
nicholas@2859 775 </div>
nicholas@2859 776 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859 777 <h4>Options</h4>
nicholas@2859 778 <div>
nicholas@2859 779 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859 780 </div>
nicholas@2859 781 <div class="node" ng-repeat="option in opt.options">
nicholas@2859 782 <div class="attributes">
nicholas@2859 783 <div class="attribute">
nicholas@2859 784 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859 785 </div>
nicholas@2859 786 <div class="attribute">
nicholas@2859 787 <span>Name: </span>
nicholas@2877 788 <input type="text" ng-model="option.name" required/>
nicholas@2859 789 </div>
nicholas@2859 790 <div class="attribute">
nicholas@2859 791 <span>Displayed Text: </span>
nicholas@2877 792 <input type="text" ng-model="option.text" required/>
nicholas@2859 793 </div>
nicholas@2859 794 </div>
nicholas@2859 795 </div>
nicholas@2859 796 </div>
nicholas@2859 797 <div class="node">
nicholas@2859 798 <h4>Conditionals</h4>
nicholas@2859 799 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859 800 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859 801 <div class="attributes">
nicholas@2859 802 <div class="attribute">
nicholas@2859 803 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859 804 </div>
nicholas@2859 805 <div class="attribute">
nicholas@2859 806 <span>Check Type:</span>
nicholas@2859 807 <select ng-model="condition.check">
nicholas@2859 808 <option value="equals">Equal To</option>
nicholas@2859 809 <option value="lessThan">Less Than</option>
nicholas@2859 810 <option value="greaterThan">Greater Than</option>
nicholas@2859 811 <option value="stringContains">String Contains</option>
nicholas@2859 812 </select>
nicholas@2859 813 </div>
nicholas@2859 814 <div class="attribute">
nicholas@2859 815 <span>Value: </span>
nicholas@2877 816 <input type="text" ng-model="condition.value" required/>
nicholas@2859 817 </div>
nicholas@2859 818 <div class="attribute">
nicholas@2859 819 <span>Jump To On Pass: </span>
nicholas@2859 820 <select ng-model="condition.jumpToOnPass">
nicholas@2859 821 <option value="">None</option>
nicholas@2859 822 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 823 </select>
nicholas@2859 824 </div>
nicholas@2859 825 <div class="attribute">
nicholas@2859 826 <span>Jump To On Fail: </span>
nicholas@2859 827 <select ng-model="condition.jumpToOnFail">
nicholas@2859 828 <option value="">None</option>
nicholas@2859 829 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859 830 </select>
nicholas@2859 831 </div>
nicholas@2859 832 </div>
nicholas@2859 833 </div>
nicholas@2859 834 </div>
nicholas@2859 835 </div>
nicholas@2859 836 </div>
nicholas@2859 837 <button type="button" class="btn btn-success" ng-show="specification.interface == 'APE' || page.interfaces.length == 0" ng-click="addInterface()">Add Interface/Axis</button>
n@2911 838 <div class="node interface" ng-repeat="interface in page.interfaces" ng-controller="interfaceNode">
nicholas@2859 839 <h2>Interface</h2>
nicholas@2859 840 <button type="button" class="btn btn-danger" ng-click="removeInterface(interface)">Remove Interface/Axis</button>
nicholas@2859 841 <div class="node interfaceOptions">
nicholas@2859 842 <div class="attributes">
nicholas@2859 843 <div class="attribute" name="fragmentPlayed" type="check">
nicholas@2859 844 <span>Check all fragments played: </span>
nicholas@2859 845 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 846 </div>
nicholas@2859 847 <div class="attribute" name="fragmentFullPlayback" type="check">
nicholas@2859 848 <span>Check all fragments fully played: </span>
nicholas@2859 849 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 850 </div>
nicholas@2859 851 <div class="attribute" name="fragmentMoved" type="check">
nicholas@2859 852 <span>Check all fragments have been moved: </span>
nicholas@2859 853 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 854 </div>
nicholas@2859 855 <div class="attribute" name="fragmentComments" type="check">
nicholas@2859 856 <span>Check all fragments have comments: </span>
nicholas@2859 857 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 858 </div>
nicholas@2859 859 <div class="attribute" name="scalerange" type="check">
nicholas@2859 860 <span>Enforce a scale usage: </span>
nicholas@2859 861 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 862 <span>Minimum:</span>
nicholas@2859 863 <input type="number" min="0" max="100" name="min" />
nicholas@2859 864 <span>Maximum:</span>
nicholas@2859 865 <input type="number" min="0" max="100" name="max" />
nicholas@2859 866 </div>
nicholas@2859 867 <div class="attribute" name="volume" type="show">
nicholas@2859 868 <span>Show master volume control: </span>
nicholas@2859 869 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 870 </div>
nicholas@2859 871 <div class="attribute" name="playhead" type="show">
nicholas@2859 872 <span>Show playhead: </span>
nicholas@2859 873 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 874 </div>
nicholas@2859 875 <div class="attribute" name="page-count" type="show">
nicholas@2859 876 <span>Show Page Count: </span>
nicholas@2859 877 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 878 </div>
nicholas@2859 879 <div class="attribute" name="comments" type="show">
nicholas@2859 880 <span>Show Fragment Comments: </span>
nicholas@2859 881 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859 882 </div>
nicholas@2859 883 </div>
nicholas@2859 884 </div>
nicholas@2859 885 <div class="node">
nicholas@2859 886 <h3>Axis Title</h3>
nicholas@2859 887 <textarea ng-model="interface.title"></textarea>
nicholas@2859 888 <div class="attributes">
nicholas@2859 889 <div class="attribute">
nicholas@2859 890 <span>Axis name (in saves): </span>
nicholas@2859 891 <input type="text" ng-model="interface.name" />
nicholas@2859 892 </div>
nicholas@2859 893 </div>
nicholas@2859 894 </div>
nicholas@2859 895 <div class="node">
nicholas@2859 896 <h3>Axis Image</h3>
nicholas@2859 897 <textarea ng-model="interface.image"></textarea>
nicholas@2859 898 </div>
nicholas@2886 899 <div class="node" name="scale-selection">
nicholas@2859 900 <h3>Axis Scales</h3>
nicholas@2864 901 <button type="button" class="btn btn-success" ng-click="addScale();">Add</button>
nicholas@2864 902 <button type="button" class="btn btn-danger" ng-click="clearScales()" ng-show="interface.scales.length > 0">Clear Scales</button>
nicholas@2864 903 <div class="dropdown" style="display: inline-block;">
nicholas@2864 904 <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
nicholas@2886 905 Scales: {{selectedScale}}
nicholas@2864 906 <span class="caret"></span>
nicholas@2864 907 </button>
nicholas@2864 908 <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
nicholas@2886 909 <li ng-repeat="scale in scales" ng-click="useScales(scale)"><a href="#">{{scale.name}}</a></li>
nicholas@2864 910 </ul>
nicholas@2864 911 </div>
nicholas@2859 912 <div class="node" ng-repeat="scale in interface.scales">
nicholas@2859 913 <div class="attributes">
nicholas@2859 914 <div class="attribute">
nicholas@2859 915 <button type="button" class="btn btn-danger" ng-click="removeScale(scale);">Remove</button>
nicholas@2859 916 </div>
nicholas@2859 917 <div class="attribute">
nicholas@2859 918 <span>Position: </span>
nicholas@2877 919 <input type="number" min="0" max="100" ng-model="scale.position" required/>
nicholas@2859 920 </div>
nicholas@2859 921 <div class="attribute">
nicholas@2859 922 <span>Text: </span>
nicholas@2877 923 <input type="text" ng-model="scale.text" required/>
nicholas@2859 924 </div>
nicholas@2859 925 </div>
nicholas@2859 926 </div>
nicholas@2859 927 </div>
nicholas@2859 928 </div>
nicholas@2859 929 <div class="node">
nicholas@2859 930 <h3>Comment Questions</h3>
nicholas@2859 931 <button type="button" class="btn btn-success" ng-click="addCommentQuestion()">Add Comment Question</button>
nicholas@2859 932 <div class="node" ng-repeat="cq in page.commentQuestions">
nicholas@2859 933 <button type="button" class="btn btn-danger" ng-click="removeCommentQuestion(cq)">Remove Comment Question</button>
nicholas@2859 934 <div class="attributes">
nicholas@2859 935 <div class="attribute">
nicholas@3036 936 <span>Type:</span>
nicholas@3036 937 <select ng-model="cq.type">
nicholas@3036 938 <option value="question">Question</option>
nicholas@3036 939 <option value="checkbox">Checkbox</option>
nicholas@3036 940 <option value="radio">Radio</option>
nicholas@3036 941 <option value="slider">Slider</option>
nicholas@3036 942 </select>
nicholas@3036 943 </div>
nicholas@3036 944 <div class="attribute">
nicholas@2859 945 <span>Unique ID:</span>
nicholas@2877 946 <input type="text" ng-model="cq.id" required/>
nicholas@2859 947 </div>
nicholas@2859 948 <div class="attribute">
nicholas@2859 949 <span>Common Name:</span>
nicholas@2859 950 <input type="text" ng-model="cq.name" />
nicholas@2859 951 </div>
nicholas@3036 952 <div class="attribute">
nicholas@3036 953 <span>Mandatory:</span>
nicholas@3036 954 <input type="checkbox" ng-model="cq.mandatory" />
nicholas@3036 955 </div>
nicholas@2859 956 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859 957 <span>Minimum:</span>
nicholas@2859 958 <input type="number" ng-model="cq.min" />
nicholas@2859 959 </div>
nicholas@2859 960 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859 961 <span>Maximum:</span>
nicholas@2859 962 <input type="number" ng-model="cq.max" />
nicholas@2859 963 </div>
nicholas@2859 964 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859 965 <span>Step size:</span>
nicholas@2859 966 <input type="number" ng-model="cq.step" />
nicholas@2859 967 </div>
nicholas@2859 968 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859 969 <span>Initial Value:</span>
nicholas@2859 970 <input type="number" ng-model="cq.value" />
nicholas@2859 971 </div>
nicholas@2859 972 </div>
nicholas@2859 973 <div class="node">
nicholas@2859 974 <h4>Question:</h4>
nicholas@2859 975 <textarea ng-model="cq.statement"></textarea>
nicholas@2859 976 </div>
nicholas@2859 977 <div class="node" ng-show="['radio', 'checkbox'].indexOf(cq.type) >= 0">
nicholas@2859 978 <h4>Options</h4>
nicholas@2859 979 <div class="node" ng-repeat="option in cq.options">
nicholas@2859 980 <div class="attributes">
nicholas@2859 981 <div class="attribute">
nicholas@2859 982 <button type="button" class="btn btn-danger" ng-click="removeCommentQuestionOption(cq,option)">Remove</button>
nicholas@2859 983 </div>
nicholas@2859 984 <div class="attribute">
nicholas@2859 985 <span>Name: </span>
nicholas@2877 986 <input type="text" ng-model="option.name" required/>
nicholas@2859 987 </div>
nicholas@2859 988 <div class="attribute">
nicholas@2859 989 <span>Display Text: </span>
nicholas@2877 990 <input type="text" ng-model="option.text" required/>
nicholas@2859 991 </div>
nicholas@2859 992 </div>
nicholas@2859 993 </div>
nicholas@2859 994 </div>
nicholas@2859 995 </div>
nicholas@2859 996 </div>
nicholas@2859 997 <button type="button" class="btn btn-success" ng-click="addAudioElement()">Add Fragment</button>
n@2911 998 <div class="node audioelement" ng-repeat="fragment in page.audioElements">
nicholas@2859 999 <h3>Audio Fragment</h3>
nicholas@2859 1000 <button type="button" class="btn btn-danger" ng-click="removeAudioElement(fragment)">Remove Fragment</button>
nicholas@2859 1001 <div class="attributes">
n@2911 1002 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="The unique ID of this fragment. Must be unique across the entire session">
nicholas@2859 1003 <span>Unique ID: </span>
nicholas@2877 1004 <input type="text" ng-model="fragment.id" required/>
nicholas@2859 1005 </div>
n@2911 1006 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="URL of the fragment.">
nicholas@2859 1007 <span>URL: </span>
nicholas@2877 1008 <input type="text" ng-model="fragment.url" required/>
nicholas@2859 1009 <span>Full URL: </span><span style="font-weight=600">{{page.hostURL}}{{fragment.url}}</span>
nicholas@2859 1010 </div>
nicholas@2884 1011 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Set the gain of this fragment. This is applied after any normalisation">
nicholas@2859 1012 <span>Fragment Gain (dB): </span>
nicholas@2859 1013 <input type="number" ng-model="fragment.gain" />
nicholas@2859 1014 </div>
nicholas@2884 1015 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Manually set the label">
nicholas@2859 1016 <span>Fragment Label: </span>
nicholas@2859 1017 <input type="text" ng-model="fragment.label" />
nicholas@2859 1018 </div>
nicholas@2859 1019 <div class="attribute">
nicholas@2859 1020 <span>Fragment Common name: </span>
nicholas@2859 1021 <input type="text" ng-model="fragment.name" />
nicholas@2859 1022 </div>
nicholas@2859 1023 <div class="attribute">
nicholas@2859 1024 <span>Fragment Type: </span>
nicholas@2859 1025 <select ng-model="fragment.type">
nicholas@2859 1026 <option value="normal">Normal</option>
nicholas@2859 1027 <option value="anchor">Hidden Anchor</option>
nicholas@2859 1028 <option value="reference">Hidden Reference</option>
nicholas@2859 1029 <option value="outside-reference">Outside Reference</option>
nicholas@2859 1030 </select>
nicholas@2859 1031 </div>
nicholas@2859 1032 <div class="attribute" ng-show="fragment.type == 'anchor'">
nicholas@2859 1033 <span>Anchor must be below: </span>
n@2911 1034 <input type="number" ng-model="fragment.marker" min="0" max="100" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="If this is set, the page cannot be submitted if this fragment is above this point." />
nicholas@2859 1035 </div>
nicholas@2859 1036 <div class="attribute" ng-show="fragment.type == 'reference'">
nicholas@2859 1037 <span>Reference must be above: </span>
n@2911 1038 <input type="number" ng-model="fragment.marker" min="0" max="100" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="If this is set, the page cannot be submitted if this fragment is below this point." />
nicholas@2859 1039 </div>
nicholas@2884 1040 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Over-ride global and page loudness">
nicholas@2859 1041 <span>Loudness: </span>
n@2907 1042 <input type="number" ng-model="fragment.loudness" max="0" placeholder="{{page.loudness || specification.loudness || ''}}" />
nicholas@2859 1043 </div>
nicholas@2884 1044 <div class="attribute" ng-show="page.poolSize > 0" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Always include this fragment after any sub-pooling">
nicholas@2859 1045 <span>Always include fragment: </span>
nicholas@2859 1046 <input type="checkbox" ng-model="fragment.alwaysInclude" max="0" />
nicholas@2859 1047 </div>
nicholas@2884 1048 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Over-ride global / page pre-silence">
nicholas@2859 1049 <span>Fragment Pre-Silence: </span>
nicholas@2859 1050 <input type="number" ng-model="fragment.preSilence" max="0" step="0.1" />
nicholas@2859 1051 </div>
nicholas@2884 1052 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Over-ride global / page post-silence">
nicholas@2859 1053 <span>Fragment Post-Silence: </span>
nicholas@2859 1054 <input type="number" ng-model="fragment.postSilence" max="0" step="0.1" />
nicholas@2859 1055 </div>
nicholas@2884 1056 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="By default the fragment will start playback at the beginning.">
nicholas@2859 1057 <span>Fragment playback start position (s): </span>
nicholas@2859 1058 <input type="number" ng-model="fragment.startTime" min="0" max="{{fragment.stopTime}}" />
nicholas@2859 1059 </div>
nicholas@2884 1060 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="By default the fragment will play until the end">
nicholas@2859 1061 <span>Fragment playback stop position (s): </span>
nicholas@2859 1062 <input type="number" ng-model="fragment.stopTime" min="{{fragment.startTime}}" />
nicholas@2859 1063 </div>
nicholas@2859 1064 <div class="attribute">
nicholas@2859 1065 <span>Fragment sampling rate: </span>
nicholas@2859 1066 <input type="number" ng-model="fragment.sampleRate" min="1" />
nicholas@2859 1067 </div>
nicholas@2884 1068 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Associate an image with this fragment">
nicholas@2859 1069 <span>Fragment Image (URL): </span>
nicholas@2859 1070 <input type="text" ng-model="fragment.image" />
nicholas@2859 1071 </div>
nicholas@2874 1072 <div class="attribute">
nicholas@2874 1073 <span>Minimum number of plays</span>
nicholas@2874 1074 <input type="number" ng-model="fragment.minNumberPlays" min="0" max="{{fragment.maxNumberPlays || page.maxNumberPlays || specification.maxNumberPlays}}" />
nicholas@2874 1075 </div>
nicholas@2874 1076 <div class="attribute">
nicholas@2874 1077 <span>Maximum number of plays</span>
nicholas@2874 1078 <input type="number" ng-model="fragment.maxNumberPlays" min="{{fragment.minNumberPlays || page.minNumberPlays || specification.minNumberPlays || 0}}" />
nicholas@2874 1079 </div>
nicholas@2859 1080 </div>
nicholas@2859 1081 </div>
nicholas@2859 1082 </div>
nicholas@2887 1083 </div>
nicholas@2887 1084 <div id="popupHolder" ng-show="popupVisible">
nicholas@2887 1085 <div ng-controller="introduction" class="popup" ng-show="popupVisible">
nicholas@2887 1086 <div class="popupTitle" ng-switch="state">
n@2907 1087 <span ng-switch-when="0">Test Creator <span class="label label-primary">v1.2.2</span></span>
nicholas@2887 1088 <span ng-switch-when="1">Create New Test</span>
nicholas@2887 1089 </div>
nicholas@2887 1090 <div class="popupContent container-fluid" ng-switch="state">
nicholas@2887 1091 <div ng-switch-when="0">
nicholas@2887 1092 <div>
n@2907 1093 <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.2 version.</span>
nicholas@2887 1094 </div>
nicholas@2887 1095 <div>
nicholas@2887 1096 <input type="file" id="files" ng-model="files" onchange="handleFiles(event)" />
nicholas@2887 1097 </div>
nicholas@2859 1098 </div>
nicholas@2887 1099 <div ng-switch-when="1">
nicholas@2887 1100 <div>
nicholas@2887 1101 <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@2887 1102 </div>
nicholas@2887 1103 <div class="row">
nicholas@2887 1104 <div class="col-md-6" style="overflow-y: scroll;height: 333px;">
n@2908 1105 <div class="new-test" ng-repeat="i in testSpecifications.interfaces" ng-mouseover="mouseover(i.name)" ng-click="select(i.name)">
nicholas@2887 1106 <label style="cursor:pointer">
nicholas@2887 1107 <input type="radio" name="new-test" value="{{i.name}}" id="i.name" style="cursor:pointer" /> {{i.name}}
nicholas@2887 1108 </label>
nicholas@2887 1109 </div>
nicholas@2859 1110 </div>
nicholas@2887 1111 <div class="col-md-6">
nicholas@2887 1112 <span>{{description}}</span>
nicholas@2859 1113 </div>
nicholas@2859 1114 </div>
nicholas@2859 1115 </div>
nicholas@2887 1116 </div>
nicholas@2887 1117 <div class="popupButtons">
nicholas@2887 1118 <button id="popupBack" type="button" class="btn btn-default" ng-show="state>0" ng-click="back()">Back</button>
nicholas@2887 1119 <button id="popupNext" type="button" class="btn btn-default" ng-click="next()">Next</button>
nicholas@2859 1120 </div>
nicholas@2859 1121 </div>
nicholas@2859 1122 </div>
nicholas@2887 1123 <div id="screenblank" ng-show="popupVisible"></div>
nicholas@2859 1124 </body>
nicholas@2859 1125
nicholas@2859 1126 </html>