webaudioevaluationtool: test_create.html annotate

annotate test_create.html @ 3100:998e05c5769a

#171 Completed specification changes

author	Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
date	Wed, 17 Jan 2018 12:30:28 +0000
parents	fc9718756d55
children	1ae8c03dd6a6

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@3096	22 <h3>Test Creator <span class="label label-primary">v1.2.3</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">×</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">×</span></button>
b@2946	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="Default cross-fade time when switching between elements. Can be over-ridden on each page">
nicholas@2859	78 <span>Global Cross-fade time: </span>
n@2907	79 <input type="number" ng-model="specification.crossFade" min="0" step="0.1" placeholder="{{placeholder('crossFade')}}" />
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 pre-play element silence. Can be over-ridden on each page and element">
nicholas@2859	82 <span>Global Fragment Pre-Silence: </span>
n@2907	83 <input type="number" ng-model="specification.preSilence" min="0" step="0.1" placeholder="{{placeholder('preSilence')}}" />
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 post-play element silence. Can be over-ridden on each page and element">
nicholas@2859	86 <span>Global Fragment Post-Silence: </span>
n@2907	87 <input type="number" ng-model="specification.postSilence" min="0" step="0.1" placeholder="{{placeholder('postSilence')}}" />
nicholas@2859	88 </div>
nicholas@2884	89 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Disable switching of audio elements">
nicholas@2859	90 <span>Play audio one-at-a-time: </span>
nicholas@2859	91 <input type="checkbox" ng-model="specification.playOne" />
nicholas@2859	92 </div>
nicholas@2884	93 <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	94 <span>Minimum number of fragment plays</span>
n@2907	95 <input type="number" ng-model="specification.minNumberPlays" min="0" max="{{specification.maxNumberPlays}}" placeholder="{{placeholder('minNumberPlays')}}" />
nicholas@2874	96 </div>
nicholas@2884	97 <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	98 <span>Maximum number of fragment plays</span>
n@2907	99 <input type="number" ng-model="specification.maxNumberPlays" min="{{specification.minNumberPlays \|\| 0}}" placeholder="{{placeholder('maxNumberPlays')}}" />
nicholas@2874	100 </div>
nicholas@2859	101 </div>
nicholas@2859	102 <div class="node">
nicholas@2859	103 <h2>Test Completed Message</h2>
nicholas@2884	104 <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	105 </div>
nicholas@3100	106 <div class="node">
nicholas@3100	107 <h2>Pre-Test Calibrations</h2>
nicholas@3100	108 <div class="attributes">
nicholas@3100	109 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Perform a frequency listening response">
nicholas@3100	110 <span>Check Frequency Response</span>
nicholas@3100	111 <input type="checkbox" value="testTimer" ng-model="specification.calibration.checkFrequencies" />
nicholas@3100	112 </div>
nicholas@3100	113 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Set the output levels">
nicholas@3100	114 <span>Check Levels</span>
nicholas@3100	115 <input type="checkbox" value="testTimer" ng-model="specification.calibration.checkLevels" />
nicholas@3100	116 </div>
nicholas@3100	117 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Check L/R configuration">
nicholas@3100	118 <span>Check Channels</span>
nicholas@3100	119 <input type="checkbox" value="testTimer" ng-model="specification.calibration.checkChannels" />
nicholas@3100	120 </div>
nicholas@3100	121 </div>
nicholas@3100	122 </div>
nicholas@2859	123 <div id="metricsNode" class="node">
nicholas@2859	124 <h3>Session Metrics</h3>
nicholas@2859	125 <div class="attributes">
nicholas@2884	126 <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	127 <span>Collect Total Test Time: </span>
nicholas@2859	128 <input type="checkbox" value="testTimer" ng-click="enableMetric($event)" />
nicholas@2859	129 </div>
nicholas@2884	130 <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	131 <span>Collect Fragment Listen Time: </span>
nicholas@2859	132 <input type="checkbox" value="elementTimer" ng-click="enableMetric($event)" />
nicholas@2859	133 </div>
nicholas@2884	134 <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	135 <span>Collect Fragment Initial Position: </span>
nicholas@2859	136 <input type="checkbox" value="elementInitialPosition" ng-click="enableMetric($event)" />
nicholas@2859	137 </div>
nicholas@2884	138 <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	139 <span>Collect Fragment Movements: </span>
nicholas@2859	140 <input type="checkbox" value="elementTracker" ng-click="enableMetric($event)" />
nicholas@2859	141 </div>
nicholas@2884	142 <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	143 <span>Collect Fragment Listened To Flag: </span>
nicholas@2859	144 <input type="checkbox" value="elementFlagListenedTo" ng-click="enableMetric($event)" />
nicholas@2859	145 </div>
nicholas@2884	146 <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	147 <span>Collect Fragment Moved Flag: </span>
nicholas@2859	148 <input type="checkbox" value="elementFlagMoved" ng-click="enableMetric($event)" />
nicholas@2859	149 </div>
nicholas@2884	150 <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	151 <span>Collect Fragment Listened Flag: </span>
nicholas@2859	152 <input type="checkbox" value="elementListenTracker" ng-click="enableMetric($event)" />
nicholas@2859	153 </div>
nicholas@2859	154 </div>
nicholas@2859	155 </div>
nicholas@2859	156 <div id="globalpresurvey" class="node" ng-controller="survey" ng-init="survey = specification.preTest">
nicholas@2859	157 <h2>Pre Test Survey</h2>
nicholas@3021	158 <div class="attributes">
nicholas@3021	159 <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	160 <span>Show back button: </span>
nicholas@3021	161 <input type="checkbox" ng-model="survey.showBackButton" />
nicholas@3021	162 </div>
nicholas@3021	163 </div>
nicholas@2859	164 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
n@2911	165 <div class="node surveyentry" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859	166 <h3>Survey Entry</h3>
nicholas@2859	167 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859	168 <div class="attributes">
n@2911	169 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Type of survey entry.">
nicholas@2859	170 <span>Survey Type: </span>
nicholas@2859	171 <select ng-model="opt.type">
nicholas@2859	172 <option value="question">Question</option>
nicholas@2859	173 <option value="radio">Radio</option>
nicholas@2859	174 <option value="checkbox">Checkbox</option>
nicholas@2859	175 <option value="statement">Statement</option>
nicholas@2859	176 <option value="number">Number</option>
nicholas@2859	177 <option value="slider">Slider</option>
nicholas@2859	178 <option value="video">Video</option>
nicholas@2859	179 <option value="youtube">YouTube</option>
nicholas@2859	180 </select>
nicholas@2859	181 </div>
n@2911	182 <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	183 <span>Unique Survey Entry ID:</span>
nicholas@2877	184 <input type="text" ng-model="opt.id" required/>
nicholas@2859	185 </div>
n@2911	186 <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	187 <span>Entry Name:</span>
nicholas@2859	188 <input type="text" ng-model="opt.name" />
nicholas@2859	189 </div>
n@2911	190 <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	191 <span>Mandatory:</span>
nicholas@2859	192 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859	193 </div>
n@2911	194 <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	195 <span>Minimum Wait Time (s):</span>
nicholas@2859	196 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859	197 </div>
n@2911	198 <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	199 <span>Box Size:</span>
nicholas@2859	200 <select ng-model="opt.boxsize">
nicholas@2859	201 <option value="small">Small</option>
nicholas@2859	202 <option value="normal">Normal</option>
nicholas@2859	203 <option value="large">Large</option>
nicholas@2859	204 <option value="huge">Huge</option>
nicholas@2859	205 </select>
nicholas@2859	206 </div>
n@2911	207 <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	208 <span>Minimum Selected:</span>
nicholas@2859	209 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859	210 </div>
n@2911	211 <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	212 <span>Maximum Selected:</span>
nicholas@2859	213 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859	214 </div>
n@2911	215 <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	216 <span>Minimum Value:</span>
nicholas@2859	217 <input type="number" ng-model="opt.min" />
nicholas@2859	218 </div>
n@2911	219 <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	220 <span>Maximum Value:</span>
nicholas@2859	221 <input type="number" ng-model="opt.max" />
nicholas@2859	222 </div>
n@2911	223 <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	224 <span>Video URL:</span>
nicholas@2859	225 <input type="text" ng-model="opt.url" />
nicholas@2859	226 </div>
nicholas@2859	227 </div>
n@2911	228 <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	229 <h4>Statement</h4>
nicholas@2859	230 <textarea ng-model="opt.statement"></textarea>
nicholas@2859	231 </div>
nicholas@2859	232 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859	233 <h4>Options</h4>
nicholas@2859	234 <div>
nicholas@2859	235 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859	236 </div>
nicholas@2859	237 <div class="node" ng-repeat="option in opt.options">
nicholas@2859	238 <div class="attributes">
nicholas@2859	239 <div class="attribute">
nicholas@2859	240 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859	241 </div>
nicholas@2859	242 <div class="attribute">
nicholas@2859	243 <span>Name: </span>
nicholas@2877	244 <input type="text" ng-model="option.name" required/>
nicholas@2859	245 </div>
nicholas@2859	246 <div class="attribute">
nicholas@2859	247 <span>Displayed Text: </span>
nicholas@2877	248 <input type="text" ng-model="option.text" required/>
nicholas@2859	249 </div>
nicholas@2859	250 </div>
nicholas@2859	251 </div>
nicholas@2859	252 </div>
nicholas@2859	253 <div class="node">
nicholas@2859	254 <h4>Conditionals</h4>
nicholas@2859	255 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859	256 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859	257 <div class="attributes">
nicholas@2859	258 <div class="attribute">
nicholas@2859	259 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859	260 </div>
nicholas@2859	261 <div class="attribute">
nicholas@2859	262 <span>Check Type:</span>
nicholas@2859	263 <select ng-model="condition.check">
nicholas@2859	264 <option value="equals">Equal To</option>
nicholas@2859	265 <option value="lessThan">Less Than</option>
nicholas@2859	266 <option value="greaterThan">Greater Than</option>
nicholas@2859	267 <option value="stringContains">String Contains</option>
nicholas@2859	268 </select>
nicholas@2859	269 </div>
nicholas@2859	270 <div class="attribute">
nicholas@2859	271 <span>Value: </span>
nicholas@2877	272 <input type="text" ng-model="condition.value" required/>
nicholas@2859	273 </div>
nicholas@2859	274 <div class="attribute">
nicholas@2859	275 <span>Jump To On Pass: </span>
nicholas@2859	276 <select ng-model="condition.jumpToOnPass">
nicholas@2859	277 <option value="">None</option>
nicholas@2859	278 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859	279 </select>
nicholas@2859	280 </div>
nicholas@2859	281 <div class="attribute">
nicholas@2859	282 <span>Jump To On Fail: </span>
nicholas@2859	283 <select ng-model="condition.jumpToOnFail">
nicholas@2859	284 <option value="">None</option>
nicholas@2859	285 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859	286 </select>
nicholas@2859	287 </div>
nicholas@2859	288 </div>
nicholas@2859	289 </div>
nicholas@2859	290 </div>
nicholas@2859	291 </div>
nicholas@2859	292 </div>
nicholas@2859	293 <div id="globalpostsurvey" class="node" ng-controller="survey" ng-init="survey = specification.postTest">
nicholas@2859	294 <h2>Post Test Survey</h2>
nicholas@3021	295 <div class="attributes">
nicholas@3021	296 <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	297 <span>Show back button: </span>
nicholas@3021	298 <input type="checkbox" ng-model="survey.showBackButton" />
nicholas@3021	299 </div>
nicholas@3021	300 </div>
nicholas@2859	301 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
n@2911	302 <div class="node surveyentry" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859	303 <h3>Survey Entry</h3>
nicholas@2859	304 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859	305 <div class="attributes">
n@2911	306 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Type of survey entry.">
nicholas@2859	307 <span>Survey Type: </span>
nicholas@2859	308 <select ng-model="opt.type">
nicholas@2859	309 <option value="question">Question</option>
nicholas@2859	310 <option value="radio">Radio</option>
nicholas@2859	311 <option value="checkbox">Checkbox</option>
nicholas@2859	312 <option value="statement">Statement</option>
nicholas@2859	313 <option value="number">Number</option>
nicholas@2859	314 <option value="slider">Slider</option>
nicholas@2859	315 <option value="video">Video</option>
nicholas@2859	316 <option value="youtube">YouTube</option>
nicholas@2859	317 </select>
nicholas@2859	318 </div>
n@2911	319 <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	320 <span>Unique Survey Entry ID:</span>
nicholas@2877	321 <input type="text" ng-model="opt.id" required/>
nicholas@2859	322 </div>
n@2911	323 <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	324 <span>Entry Name:</span>
nicholas@2859	325 <input type="text" ng-model="opt.name" />
nicholas@2859	326 </div>
n@2911	327 <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	328 <span>Mandatory:</span>
nicholas@2859	329 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859	330 </div>
n@2911	331 <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	332 <span>Minimum Wait Time (s):</span>
nicholas@2859	333 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859	334 </div>
n@2911	335 <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	336 <span>Box Size:</span>
nicholas@2859	337 <select ng-model="opt.boxsize">
nicholas@2859	338 <option value="small">Small</option>
nicholas@2859	339 <option value="normal">Normal</option>
nicholas@2859	340 <option value="large">Large</option>
nicholas@2859	341 <option value="huge">Huge</option>
nicholas@2859	342 </select>
nicholas@2859	343 </div>
n@2911	344 <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	345 <span>Minimum Selected:</span>
nicholas@2859	346 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859	347 </div>
n@2911	348 <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	349 <span>Maximum Selected:</span>
nicholas@2859	350 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859	351 </div>
n@2911	352 <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	353 <span>Minimum Value:</span>
nicholas@2859	354 <input type="number" ng-model="opt.min" />
nicholas@2859	355 </div>
n@2911	356 <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	357 <span>Maximum Value:</span>
nicholas@2859	358 <input type="number" ng-model="opt.max" />
nicholas@2859	359 </div>
n@2911	360 <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	361 <span>Video URL:</span>
nicholas@2859	362 <input type="text" ng-model="opt.url" />
nicholas@2859	363 </div>
nicholas@2859	364 </div>
n@2911	365 <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	366 <h4>Statement</h4>
nicholas@2859	367 <textarea ng-model="opt.statement"></textarea>
nicholas@2859	368 </div>
nicholas@2859	369 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859	370 <h4>Options</h4>
nicholas@2859	371 <div>
nicholas@2859	372 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859	373 </div>
nicholas@2859	374 <div class="node" ng-repeat="option in opt.options">
nicholas@2859	375 <div class="attributes">
nicholas@2859	376 <div class="attribute">
nicholas@2859	377 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859	378 </div>
nicholas@2859	379 <div class="attribute">
nicholas@2859	380 <span>Name: </span>
nicholas@2877	381 <input type="text" ng-model="option.name" required/>
nicholas@2859	382 </div>
nicholas@2859	383 <div class="attribute">
nicholas@2859	384 <span>Displayed Text: </span>
nicholas@2877	385 <input type="text" ng-model="option.text" required/>
nicholas@2859	386 </div>
nicholas@2859	387 </div>
nicholas@2859	388 </div>
nicholas@2859	389 </div>
nicholas@2859	390 <div class="node">
nicholas@2859	391 <h4>Conditionals</h4>
nicholas@2859	392 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859	393 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859	394 <div class="attributes">
nicholas@2859	395 <div class="attribute">
nicholas@2859	396 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859	397 </div>
nicholas@2859	398 <div class="attribute">
nicholas@2859	399 <span>Check Type:</span>
nicholas@2859	400 <select ng-model="condition.check">
nicholas@2859	401 <option value="equals">Equal To</option>
nicholas@2859	402 <option value="lessThan">Less Than</option>
nicholas@2859	403 <option value="greaterThan">Greater Than</option>
nicholas@2859	404 <option value="stringContains">String Contains</option>
nicholas@2859	405 </select>
nicholas@2859	406 </div>
nicholas@2859	407 <div class="attribute">
nicholas@2859	408 <span>Value: </span>
nicholas@2877	409 <input type="text" ng-model="condition.value" required/>
nicholas@2859	410 </div>
nicholas@2859	411 <div class="attribute">
nicholas@2859	412 <span>Jump To On Pass: </span>
nicholas@2859	413 <select ng-model="condition.jumpToOnPass">
nicholas@2859	414 <option value="">None</option>
nicholas@2859	415 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859	416 </select>
nicholas@2859	417 </div>
nicholas@2859	418 <div class="attribute">
nicholas@2859	419 <span>Jump To On Fail: </span>
nicholas@2859	420 <select ng-model="condition.jumpToOnFail">
nicholas@2859	421 <option value="">None</option>
nicholas@2859	422 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859	423 </select>
nicholas@2859	424 </div>
nicholas@2859	425 </div>
nicholas@2859	426 </div>
nicholas@2859	427 </div>
nicholas@2859	428 </div>
nicholas@2859	429 </div>
nicholas@2859	430 <div id="globalinterface" class="node" ng-controller="interfaceNode" ng-init="interface = specification.interfaces">
nicholas@2859	431 <h2>Interface (Globals)</h2>
nicholas@2859	432 <div class="node interfaceOptions">
nicholas@2859	433 <div class="attributes">
n@2911	434 <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	435 <span>Check all fragments played: </span>
nicholas@2859	436 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	437 </div>
n@2911	438 <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	439 <span>Check all fragments fully played: </span>
nicholas@2859	440 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	441 </div>
n@2911	442 <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	443 <span>Check all fragments have been moved: </span>
nicholas@2859	444 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	445 </div>
n@2911	446 <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	447 <span>Check all fragments have comments: </span>
nicholas@2859	448 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	449 </div>
n@2911	450 <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	451 <span>Enforce a scale usage: </span>
nicholas@2859	452 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	453 <span>Minimum:</span>
nicholas@2859	454 <input type="number" min="0" max="100" name="min" />
nicholas@2859	455 <span>Maximum:</span>
nicholas@2859	456 <input type="number" min="0" max="100" name="max" />
nicholas@2859	457 </div>
n@2911	458 <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	459 <span>Show master volume control: </span>
nicholas@2859	460 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	461 </div>
n@2911	462 <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	463 <span>Show playhead: </span>
nicholas@2859	464 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	465 </div>
n@2911	466 <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	467 <span>Show Page Count: </span>
nicholas@2859	468 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	469 </div>
n@2911	470 <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	471 <span>Show Fragment Comments: </span>
nicholas@2859	472 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	473 </div>
nicholas@3042	474 <div class="attribute" name="ticks" type="show" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Show tick marks for each scale label">
nicholas@3042	475 <span>Show Scale Ticks: </span>
nicholas@3042	476 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@3042	477 </div>
nicholas@2859	478 </div>
nicholas@2859	479 </div>
nicholas@2859	480 </div>
nicholas@2859	481 </div>
nicholas@2859	482 <div style="text-align: center;">
nicholas@2859	483 <button type="button" class="btn btn-success" ng-click="addPage()">Add Page</button>
nicholas@2859	484 </div>
nicholas@3097	485 <div class="node pageNode" ng-controller="page" ng-repeat="page in specification.pages" dropzone>
nicholas@2859	486 <h2>Page</h2>
nicholas@2862	487 <button type="button" class="btn btn-danger" ng-click="removePage(page)">Remove Page</button>
nicholas@2859	488 <div class="attributes">
nicholas@2859	489 <div class="attribute">
nicholas@2859	490 <span>Unique ID: </span>
nicholas@2877	491 <input type="text" ng-model="page.id" required/>
nicholas@2859	492 </div>
nicholas@2884	493 <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	494 <span>Fragment common-root URL: </span>
nicholas@2859	495 <input type="text" ng-model="page.hostURL" />
nicholas@2859	496 </div>
nicholas@2859	497 <div class="attribute">
nicholas@2859	498 <span>Randomise Fragment Order: </span>
nicholas@2859	499 <input type="checkbox" ng-model="page.randomiseOrder" />
nicholas@2859	500 </div>
nicholas@2884	501 <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	502 <span>Numer of repetitions: </span>
n@2907	503 <input type="number" ng-model="page.repeatCount" value="0" step="1" placeholder="{{placeholder('repeatCount')}}" />
nicholas@2859	504 </div>
nicholas@2884	505 <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	506 <span>Loop audio: </span>
nicholas@2859	507 <input type="checkbox" ng-model="page.loop" />
nicholas@2859	508 </div>
nicholas@2884	509 <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	510 <span>Synchronous audio playback: </span>
nicholas@2859	511 <input type="checkbox" ng-model="page.synchronous" />
nicholas@2859	512 </div>
nicholas@2884	513 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Over-ride global loudness normalisation">
nicholas@2859	514 <span>Loudness (page): </span>
n@2907	515 <input type="number" ng-model="page.loudness" max="0" placeholder="{{specification.loudness \|\| placeholder('loudness')}}" />
nicholas@2859	516 </div>
nicholas@2884	517 <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	518 <span>Label type: </span>
nicholas@2859	519 <select ng-model="page.label">
nicholas@2859	520 <option value="default">Default</option>
nicholas@2859	521 <option value="none">None</option>
nicholas@2859	522 <option value="number">[1, 2, 3...]</option>
nicholas@2859	523 <option value="letter">[a, b, c...]</option>
nicholas@2859	524 <option value="capital">[A, B, C...]</option>
nicholas@2859	525 <option value="samediff" ng-show="specification.interface == 'AB'">[Same, Different]</option>
nicholas@2859	526 </select>
nicholas@2859	527 </div>
nicholas@2859	528 <div class="attribute" ng-show="page.label != 'default' && page.label != 'none'">
nicholas@2859	529 <span>Label Start: </span>
nicholas@2859	530 <input type="text" ng-model="page.labelStart" />
nicholas@2859	531 </div>
nicholas@2884	532 <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	533 <span>Fragment pool size: </span>
n@2907	534 <input type="number" ng-model="page.poolSize" min="0" max="page.audioElements.length" placeholder="{{placeholder('poolSize')}}" />
nicholas@2859	535 </div>
nicholas@2884	536 <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	537 <span>Always include page: </span>
nicholas@2859	538 <input type="checkbox" ng-model="page.alwaysInclude" />
nicholas@2859	539 </div>
nicholas@2884	540 <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	541 <span>Fixed Page Position: </span>
nicholas@2859	542 <input type="number" ng-model="page.position" min="0" max="{{specification.pages.length}}" />
nicholas@2859	543 </div>
nicholas@2884	544 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Over-ride global pre-silence">
nicholas@2859	545 <span>Fragment pre-silence: </span>
n@2907	546 <input type="number" ng-model="page.preSilence" min="0" step="0.1" placeholder="{{specification.preSilence \|\| placeholder('preSilence')}}" />
nicholas@2859	547 </div>
nicholas@2884	548 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Over-ride global post-silence">
nicholas@2859	549 <span>Fragment post-silence: </span>
n@2907	550 <input type="number" ng-model="page.postSilence" min="0" step="0.1" placeholder="{{specification.postSilence \|\| placeholder('postSilence')}}" />
nicholas@2859	551 </div>
nicholas@2884	552 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Disable switching of audio">
nicholas@2859	553 <span>Cannot interupt audio: </span>
nicholas@2859	554 <input type="checkbox" ng-model="page.playOne" />
nicholas@2859	555 </div>
nicholas@2884	556 <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	557 <span>Only move playing audio: </span>
nicholas@2859	558 <input type="checkbox" ng-model="page.restrictMovement" />
nicholas@2859	559 </div>
nicholas@2884	560 <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	561 <span>Minimum number of fragment plays</span>
n@2907	562 <input type="number" ng-model="page.minNumberPlays" min="0" max="{{page.maxNumberPlays \|\| specification.maxNumberPlays}}" placeholder="{{specification.minNumberPlays \|\| placeholder('minNumberPlays')}}" />
nicholas@2874	563 </div>
nicholas@2884	564 <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	565 <span>Maximum number of fragment plays</span>
n@2907	566 <input type="number" ng-model="page.maxNumberPlays" min="{{page.minNumberPlays \|\| specification.minNumberPlays \|\| 0}}" placeholder="{{specification.maxNumberPlays \|\| placeholder('maxNumberPlays')}}" />
nicholas@2874	567 </div>
nicholas@2859	568 </div>
nicholas@2884	569 <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	570 <h3>Page Title</h3>
nicholas@2859	571 <textarea ng-model="page.title"></textarea>
nicholas@2859	572 </div>
nicholas@2859	573 <div class="node">
nicholas@2859	574 <h3>Comment box text prefix</h3>
nicholas@2859	575 <textarea ng-model="page.commentboxprefix"></textarea>
nicholas@2859	576 <p>Example:
nicholas@2859	577 <span style="font-weight:600">{{page.commentboxprefix}} A</span>
nicholas@2859	578 </p>
nicholas@2859	579 </div>
nicholas@2859	580 <div class="node" ng-controller="survey" ng-init="survey = page.preTest">
nicholas@2859	581 <h2>Pre Page Survey</h2>
nicholas@3021	582 <div class="attributes">
nicholas@3021	583 <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	584 <span>Show back button: </span>
nicholas@3021	585 <input type="checkbox" ng-model="survey.showBackButton" />
nicholas@3021	586 </div>
nicholas@3021	587 </div>
nicholas@2859	588 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
n@2911	589 <div class="node surveyentry" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859	590 <h3>Survey Entry</h3>
nicholas@2859	591 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859	592 <div class="attributes">
n@2911	593 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Type of survey entry.">
nicholas@2859	594 <span>Survey Type: </span>
nicholas@2859	595 <select ng-model="opt.type">
nicholas@2859	596 <option value="question">Question</option>
nicholas@2859	597 <option value="radio">Radio</option>
nicholas@2859	598 <option value="checkbox">Checkbox</option>
nicholas@2859	599 <option value="statement">Statement</option>
nicholas@2859	600 <option value="number">Number</option>
nicholas@2859	601 <option value="slider">Slider</option>
nicholas@2859	602 <option value="video">Video</option>
nicholas@2859	603 <option value="youtube">YouTube</option>
nicholas@2859	604 </select>
nicholas@2859	605 </div>
n@2911	606 <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	607 <span>Unique Survey Entry ID:</span>
nicholas@2877	608 <input type="text" ng-model="opt.id" required/>
nicholas@2859	609 </div>
n@2911	610 <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	611 <span>Entry Name:</span>
nicholas@2859	612 <input type="text" ng-model="opt.name" />
nicholas@2859	613 </div>
n@2911	614 <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	615 <span>Mandatory:</span>
nicholas@2859	616 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859	617 </div>
n@2911	618 <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	619 <span>Minimum Wait Time (s):</span>
nicholas@2859	620 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859	621 </div>
n@2911	622 <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	623 <span>Box Size:</span>
nicholas@2859	624 <select ng-model="opt.boxsize">
nicholas@2859	625 <option value="small">Small</option>
nicholas@2859	626 <option value="normal">Normal</option>
nicholas@2859	627 <option value="large">Large</option>
nicholas@2859	628 <option value="huge">Huge</option>
nicholas@2859	629 </select>
nicholas@2859	630 </div>
n@2911	631 <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	632 <span>Minimum Selected:</span>
nicholas@2859	633 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859	634 </div>
n@2911	635 <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	636 <span>Maximum Selected:</span>
nicholas@2859	637 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859	638 </div>
n@2911	639 <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	640 <span>Minimum Value:</span>
nicholas@2859	641 <input type="number" ng-model="opt.min" />
nicholas@2859	642 </div>
n@2911	643 <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	644 <span>Maximum Value:</span>
nicholas@2859	645 <input type="number" ng-model="opt.max" />
nicholas@2859	646 </div>
n@2911	647 <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	648 <span>Video URL:</span>
nicholas@2859	649 <input type="text" ng-model="opt.url" />
nicholas@2859	650 </div>
nicholas@2859	651 </div>
n@2911	652 <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	653 <h4>Statement</h4>
nicholas@2859	654 <textarea ng-model="opt.statement"></textarea>
nicholas@2859	655 </div>
nicholas@2859	656 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859	657 <h4>Options</h4>
nicholas@2859	658 <div>
nicholas@2859	659 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859	660 </div>
nicholas@2859	661 <div class="node" ng-repeat="option in opt.options">
nicholas@2859	662 <div class="attributes">
nicholas@2859	663 <div class="attribute">
nicholas@2859	664 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859	665 </div>
nicholas@2859	666 <div class="attribute">
nicholas@2859	667 <span>Name: </span>
nicholas@2877	668 <input type="text" ng-model="option.name" required/>
nicholas@2859	669 </div>
nicholas@2859	670 <div class="attribute">
nicholas@2859	671 <span>Displayed Text: </span>
nicholas@2877	672 <input type="text" ng-model="option.text" required/>
nicholas@2859	673 </div>
nicholas@2859	674 </div>
nicholas@2859	675 </div>
nicholas@2859	676 </div>
nicholas@2859	677 <div class="node">
nicholas@2859	678 <h4>Conditionals</h4>
nicholas@2859	679 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859	680 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859	681 <div class="attributes">
nicholas@2859	682 <div class="attribute">
nicholas@2859	683 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859	684 </div>
nicholas@2859	685 <div class="attribute">
nicholas@2859	686 <span>Check Type:</span>
nicholas@2859	687 <select ng-model="condition.check">
nicholas@2859	688 <option value="equals">Equal To</option>
nicholas@2859	689 <option value="lessThan">Less Than</option>
nicholas@2859	690 <option value="greaterThan">Greater Than</option>
nicholas@2859	691 <option value="stringContains">String Contains</option>
nicholas@2859	692 </select>
nicholas@2859	693 </div>
nicholas@2859	694 <div class="attribute">
nicholas@2859	695 <span>Value: </span>
nicholas@2877	696 <input type="text" ng-model="condition.value" required/>
nicholas@2859	697 </div>
nicholas@2859	698 <div class="attribute">
nicholas@2859	699 <span>Jump To On Pass: </span>
nicholas@2859	700 <select ng-model="condition.jumpToOnPass">
nicholas@2859	701 <option value="">None</option>
nicholas@2859	702 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859	703 </select>
nicholas@2859	704 </div>
nicholas@2859	705 <div class="attribute">
nicholas@2859	706 <span>Jump To On Fail: </span>
nicholas@2859	707 <select ng-model="condition.jumpToOnFail">
nicholas@2859	708 <option value="">None</option>
nicholas@2859	709 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859	710 </select>
nicholas@2859	711 </div>
nicholas@2859	712 </div>
nicholas@2859	713 </div>
nicholas@2859	714 </div>
nicholas@2859	715 </div>
nicholas@2859	716 </div>
nicholas@2867	717 <div class="node" ng-controller="survey" ng-init="survey = page.postTest">
nicholas@2859	718 <h2>Post Page Survey</h2>
nicholas@3021	719 <div class="attributes">
nicholas@3021	720 <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	721 <span>Show back button: </span>
nicholas@3021	722 <input type="checkbox" ng-model="survey.showBackButton" />
nicholas@3021	723 </div>
nicholas@3021	724 </div>
nicholas@2859	725 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
n@2911	726 <div class="node surveyentry" ng-repeat="opt in survey.options" ng-controller="surveyOption">
nicholas@2859	727 <h3>Survey Entry</h3>
nicholas@2859	728 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
nicholas@2859	729 <div class="attributes">
n@2911	730 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Type of survey entry.">
nicholas@2859	731 <span>Survey Type: </span>
nicholas@2859	732 <select ng-model="opt.type">
nicholas@2859	733 <option value="question">Question</option>
nicholas@2859	734 <option value="radio">Radio</option>
nicholas@2859	735 <option value="checkbox">Checkbox</option>
nicholas@2859	736 <option value="statement">Statement</option>
nicholas@2859	737 <option value="number">Number</option>
nicholas@2859	738 <option value="slider">Slider</option>
nicholas@2859	739 <option value="video">Video</option>
nicholas@2859	740 <option value="youtube">YouTube</option>
nicholas@2859	741 </select>
nicholas@2859	742 </div>
n@2911	743 <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	744 <span>Unique Survey Entry ID:</span>
n@2911	745 <input type="text" ng-model="opt.id" required/>
nicholas@2859	746 </div>
n@2911	747 <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	748 <span>Entry Name:</span>
nicholas@2859	749 <input type="text" ng-model="opt.name" />
nicholas@2859	750 </div>
n@2911	751 <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	752 <span>Mandatory:</span>
nicholas@2859	753 <input type="checkbox" ng-model="opt.mandatory" />
nicholas@2859	754 </div>
n@2911	755 <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	756 <span>Minimum Wait Time (s):</span>
nicholas@2859	757 <input type="number" ng-model="opt.minWait" min="0" />
nicholas@2859	758 </div>
n@2911	759 <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	760 <span>Box Size:</span>
nicholas@2859	761 <select ng-model="opt.boxsize">
nicholas@2859	762 <option value="small">Small</option>
nicholas@2859	763 <option value="normal">Normal</option>
nicholas@2859	764 <option value="large">Large</option>
nicholas@2859	765 <option value="huge">Huge</option>
nicholas@2859	766 </select>
nicholas@2859	767 </div>
n@2911	768 <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	769 <span>Minimum Selected:</span>
nicholas@2859	770 <input type="number" ng-model="opt.min" min="0" />
nicholas@2859	771 </div>
n@2911	772 <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	773 <span>Maximum Selected:</span>
nicholas@2859	774 <input type="number" ng-model="opt.max" max="{{opt.options.length}}" />
nicholas@2859	775 </div>
n@2911	776 <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	777 <span>Minimum Value:</span>
nicholas@2859	778 <input type="number" ng-model="opt.min" />
nicholas@2859	779 </div>
n@2911	780 <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	781 <span>Maximum Value:</span>
nicholas@2859	782 <input type="number" ng-model="opt.max" />
nicholas@2859	783 </div>
n@2911	784 <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	785 <span>Video URL:</span>
nicholas@2859	786 <input type="text" ng-model="opt.url" />
nicholas@2859	787 </div>
nicholas@2859	788 </div>
n@2911	789 <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	790 <h4>Statement</h4>
nicholas@2859	791 <textarea ng-model="opt.statement"></textarea>
nicholas@2859	792 </div>
nicholas@2859	793 <div class="node" ng-show="['checkbox', 'radio'].indexOf(opt.type) >= 0">
nicholas@2859	794 <h4>Options</h4>
nicholas@2859	795 <div>
nicholas@2859	796 <button type="button" class="btn btn-default" ng-click="addOption();">Add Option</button>
nicholas@2859	797 </div>
nicholas@2859	798 <div class="node" ng-repeat="option in opt.options">
nicholas@2859	799 <div class="attributes">
nicholas@2859	800 <div class="attribute">
nicholas@2859	801 <button type="button" class="btn btn-default" ng-click="removeOption(option);">Remove</button>
nicholas@2859	802 </div>
nicholas@2859	803 <div class="attribute">
nicholas@2859	804 <span>Name: </span>
nicholas@2877	805 <input type="text" ng-model="option.name" required/>
nicholas@2859	806 </div>
nicholas@2859	807 <div class="attribute">
nicholas@2859	808 <span>Displayed Text: </span>
nicholas@2877	809 <input type="text" ng-model="option.text" required/>
nicholas@2859	810 </div>
nicholas@2859	811 </div>
nicholas@2859	812 </div>
nicholas@2859	813 </div>
nicholas@2859	814 <div class="node">
nicholas@2859	815 <h4>Conditionals</h4>
nicholas@2859	816 <button type="button" class="btn btn-default" ng-click="addCondition()">Add Condition</button>
nicholas@2859	817 <div class="node" ng-repeat="condition in opt.conditions">
nicholas@2859	818 <div class="attributes">
nicholas@2859	819 <div class="attribute">
nicholas@2859	820 <button type="button" class="btn btn-danger" ng-click="removeCondition(condition)">Remove</button>
nicholas@2859	821 </div>
nicholas@2859	822 <div class="attribute">
nicholas@2859	823 <span>Check Type:</span>
nicholas@2859	824 <select ng-model="condition.check">
nicholas@2859	825 <option value="equals">Equal To</option>
nicholas@2859	826 <option value="lessThan">Less Than</option>
nicholas@2859	827 <option value="greaterThan">Greater Than</option>
nicholas@2859	828 <option value="stringContains">String Contains</option>
nicholas@2859	829 </select>
nicholas@2859	830 </div>
nicholas@2859	831 <div class="attribute">
nicholas@2859	832 <span>Value: </span>
nicholas@2877	833 <input type="text" ng-model="condition.value" required/>
nicholas@2859	834 </div>
nicholas@2859	835 <div class="attribute">
nicholas@2859	836 <span>Jump To On Pass: </span>
nicholas@2859	837 <select ng-model="condition.jumpToOnPass">
nicholas@2859	838 <option value="">None</option>
nicholas@2859	839 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859	840 </select>
nicholas@2859	841 </div>
nicholas@2859	842 <div class="attribute">
nicholas@2859	843 <span>Jump To On Fail: </span>
nicholas@2859	844 <select ng-model="condition.jumpToOnFail">
nicholas@2859	845 <option value="">None</option>
nicholas@2859	846 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
nicholas@2859	847 </select>
nicholas@2859	848 </div>
nicholas@2859	849 </div>
nicholas@2859	850 </div>
nicholas@2859	851 </div>
nicholas@2859	852 </div>
nicholas@2859	853 </div>
nicholas@2859	854 <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	855 <div class="node interface" ng-repeat="interface in page.interfaces" ng-controller="interfaceNode">
nicholas@2859	856 <h2>Interface</h2>
nicholas@2859	857 <button type="button" class="btn btn-danger" ng-click="removeInterface(interface)">Remove Interface/Axis</button>
nicholas@2859	858 <div class="node interfaceOptions">
nicholas@2859	859 <div class="attributes">
nicholas@2859	860 <div class="attribute" name="fragmentPlayed" type="check">
nicholas@2859	861 <span>Check all fragments played: </span>
nicholas@2859	862 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	863 </div>
nicholas@2859	864 <div class="attribute" name="fragmentFullPlayback" type="check">
nicholas@2859	865 <span>Check all fragments fully played: </span>
nicholas@2859	866 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	867 </div>
nicholas@2859	868 <div class="attribute" name="fragmentMoved" type="check">
nicholas@2859	869 <span>Check all fragments have been moved: </span>
nicholas@2859	870 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	871 </div>
nicholas@2859	872 <div class="attribute" name="fragmentComments" type="check">
nicholas@2859	873 <span>Check all fragments have comments: </span>
nicholas@2859	874 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	875 </div>
nicholas@2859	876 <div class="attribute" name="scalerange" type="check">
nicholas@2859	877 <span>Enforce a scale usage: </span>
nicholas@2859	878 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	879 <span>Minimum:</span>
nicholas@2859	880 <input type="number" min="0" max="100" name="min" />
nicholas@2859	881 <span>Maximum:</span>
nicholas@2859	882 <input type="number" min="0" max="100" name="max" />
nicholas@2859	883 </div>
nicholas@2859	884 <div class="attribute" name="volume" type="show">
nicholas@2859	885 <span>Show master volume control: </span>
nicholas@2859	886 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	887 </div>
nicholas@2859	888 <div class="attribute" name="playhead" type="show">
nicholas@2859	889 <span>Show playhead: </span>
nicholas@2859	890 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	891 </div>
nicholas@2859	892 <div class="attribute" name="page-count" type="show">
nicholas@2859	893 <span>Show Page Count: </span>
nicholas@2859	894 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	895 </div>
nicholas@2859	896 <div class="attribute" name="comments" type="show">
nicholas@2859	897 <span>Show Fragment Comments: </span>
nicholas@2859	898 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@2859	899 </div>
nicholas@3042	900 <div class="attribute" name="ticks" type="show" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Show tick marks for each scale label">
nicholas@3042	901 <span>Show Scale Ticks: </span>
nicholas@3042	902 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
nicholas@3042	903 </div>
nicholas@2859	904 </div>
nicholas@2859	905 </div>
nicholas@2859	906 <div class="node">
nicholas@2859	907 <h3>Axis Title</h3>
nicholas@2859	908 <textarea ng-model="interface.title"></textarea>
nicholas@2859	909 <div class="attributes">
nicholas@2859	910 <div class="attribute">
nicholas@2859	911 <span>Axis name (in saves): </span>
nicholas@2859	912 <input type="text" ng-model="interface.name" />
nicholas@2859	913 </div>
nicholas@2859	914 </div>
nicholas@2859	915 </div>
nicholas@2859	916 <div class="node">
nicholas@2859	917 <h3>Axis Image</h3>
nicholas@2859	918 <textarea ng-model="interface.image"></textarea>
nicholas@2859	919 </div>
nicholas@2886	920 <div class="node" name="scale-selection">
nicholas@2859	921 <h3>Axis Scales</h3>
nicholas@2864	922 <button type="button" class="btn btn-success" ng-click="addScale();">Add</button>
nicholas@2864	923 <button type="button" class="btn btn-danger" ng-click="clearScales()" ng-show="interface.scales.length > 0">Clear Scales</button>
nicholas@2864	924 <div class="dropdown" style="display: inline-block;">
nicholas@2864	925 <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
nicholas@2886	926 Scales: {{selectedScale}}
nicholas@2864	927 <span class="caret"></span>
nicholas@2864	928 </button>
nicholas@2864	929 <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
nicholas@2886	930 <li ng-repeat="scale in scales" ng-click="useScales(scale)"><a href="#">{{scale.name}}</a></li>
nicholas@2864	931 </ul>
nicholas@2864	932 </div>
nicholas@2859	933 <div class="node" ng-repeat="scale in interface.scales">
nicholas@2859	934 <div class="attributes">
nicholas@2859	935 <div class="attribute">
nicholas@2859	936 <button type="button" class="btn btn-danger" ng-click="removeScale(scale);">Remove</button>
nicholas@2859	937 </div>
nicholas@2859	938 <div class="attribute">
nicholas@2859	939 <span>Position: </span>
nicholas@2877	940 <input type="number" min="0" max="100" ng-model="scale.position" required/>
nicholas@2859	941 </div>
nicholas@2859	942 <div class="attribute">
nicholas@2859	943 <span>Text: </span>
nicholas@2877	944 <input type="text" ng-model="scale.text" required/>
nicholas@2859	945 </div>
nicholas@2859	946 </div>
nicholas@2859	947 </div>
nicholas@2859	948 </div>
nicholas@2859	949 </div>
nicholas@2859	950 <div class="node">
nicholas@2859	951 <h3>Comment Questions</h3>
nicholas@2859	952 <button type="button" class="btn btn-success" ng-click="addCommentQuestion()">Add Comment Question</button>
nicholas@2859	953 <div class="node" ng-repeat="cq in page.commentQuestions">
nicholas@2859	954 <button type="button" class="btn btn-danger" ng-click="removeCommentQuestion(cq)">Remove Comment Question</button>
nicholas@2859	955 <div class="attributes">
nicholas@2859	956 <div class="attribute">
nicholas@3036	957 <span>Type:</span>
nicholas@3036	958 <select ng-model="cq.type">
nicholas@3036	959 <option value="question">Question</option>
nicholas@3036	960 <option value="checkbox">Checkbox</option>
nicholas@3036	961 <option value="radio">Radio</option>
nicholas@3036	962 <option value="slider">Slider</option>
nicholas@3036	963 </select>
nicholas@3036	964 </div>
nicholas@3036	965 <div class="attribute">
nicholas@2859	966 <span>Unique ID:</span>
nicholas@2877	967 <input type="text" ng-model="cq.id" required/>
nicholas@2859	968 </div>
nicholas@2859	969 <div class="attribute">
nicholas@2859	970 <span>Common Name:</span>
nicholas@2859	971 <input type="text" ng-model="cq.name" />
nicholas@2859	972 </div>
nicholas@3036	973 <div class="attribute">
nicholas@3036	974 <span>Mandatory:</span>
nicholas@3036	975 <input type="checkbox" ng-model="cq.mandatory" />
nicholas@3036	976 </div>
nicholas@2859	977 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859	978 <span>Minimum:</span>
nicholas@2859	979 <input type="number" ng-model="cq.min" />
nicholas@2859	980 </div>
nicholas@2859	981 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859	982 <span>Maximum:</span>
nicholas@2859	983 <input type="number" ng-model="cq.max" />
nicholas@2859	984 </div>
nicholas@2859	985 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859	986 <span>Step size:</span>
nicholas@2859	987 <input type="number" ng-model="cq.step" />
nicholas@2859	988 </div>
nicholas@2859	989 <div class="attribute" ng-show="cq.type == 'slider'">
nicholas@2859	990 <span>Initial Value:</span>
nicholas@2859	991 <input type="number" ng-model="cq.value" />
nicholas@2859	992 </div>
nicholas@2859	993 </div>
nicholas@2859	994 <div class="node">
nicholas@2859	995 <h4>Question:</h4>
nicholas@2859	996 <textarea ng-model="cq.statement"></textarea>
nicholas@2859	997 </div>
nicholas@2859	998 <div class="node" ng-show="['radio', 'checkbox'].indexOf(cq.type) >= 0">
nicholas@2859	999 <h4>Options</h4>
nicholas@2859	1000 <div class="node" ng-repeat="option in cq.options">
nicholas@2859	1001 <div class="attributes">
nicholas@2859	1002 <div class="attribute">
nicholas@2859	1003 <button type="button" class="btn btn-danger" ng-click="removeCommentQuestionOption(cq,option)">Remove</button>
nicholas@2859	1004 </div>
nicholas@2859	1005 <div class="attribute">
nicholas@2859	1006 <span>Name: </span>
nicholas@2877	1007 <input type="text" ng-model="option.name" required/>
nicholas@2859	1008 </div>
nicholas@2859	1009 <div class="attribute">
nicholas@2859	1010 <span>Display Text: </span>
nicholas@2877	1011 <input type="text" ng-model="option.text" required/>
nicholas@2859	1012 </div>
nicholas@2859	1013 </div>
nicholas@2859	1014 </div>
nicholas@2859	1015 </div>
nicholas@2859	1016 </div>
nicholas@2859	1017 </div>
nicholas@2859	1018 <button type="button" class="btn btn-success" ng-click="addAudioElement()">Add Fragment</button>
n@2911	1019 <div class="node audioelement" ng-repeat="fragment in page.audioElements">
nicholas@2859	1020 <h3>Audio Fragment</h3>
nicholas@2859	1021 <button type="button" class="btn btn-danger" ng-click="removeAudioElement(fragment)">Remove Fragment</button>
nicholas@2859	1022 <div class="attributes">
n@2911	1023 <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	1024 <span>Unique ID: </span>
nicholas@2877	1025 <input type="text" ng-model="fragment.id" required/>
nicholas@2859	1026 </div>
n@2911	1027 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="URL of the fragment.">
nicholas@2859	1028 <span>URL: </span>
nicholas@2877	1029 <input type="text" ng-model="fragment.url" required/>
nicholas@2859	1030 <span>Full URL: </span><span style="font-weight=600">{{page.hostURL}}{{fragment.url}}</span>
nicholas@2859	1031 </div>
nicholas@2884	1032 <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	1033 <span>Fragment Gain (dB): </span>
nicholas@2859	1034 <input type="number" ng-model="fragment.gain" />
nicholas@2859	1035 </div>
nicholas@2884	1036 <div class="attribute" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="Manually set the label">
nicholas@2859	1037 <span>Fragment Label: </span>
nicholas@2859	1038 <input type="text" ng-model="fragment.label" />
nicholas@2859	1039 </div>
nicholas@2859	1040 <div class="attribute">
nicholas@2859	1041 <span>Fragment Common name: </span>
nicholas@2859	1042 <input type="text" ng-model="fragment.name" />
nicholas@2859	1043 </div>
nicholas@2859	1044 <div class="attribute">
nicholas@2859	1045 <span>Fragment Type: </span>
nicholas@2859	1046 <select ng-model="fragment.type">
nicholas@2859	1047 <option value="normal">Normal</option>
nicholas@2859	1048 <option value="anchor">Hidden Anchor</option>
nicholas@2859	1049 <option value="reference">Hidden Reference</option>
nicholas@2859	1050 <option value="outside-reference">Outside Reference</option>
nicholas@2859	1051 </select>
nicholas@2859	1052 </div>
nicholas@2859	1053 <div class="attribute" ng-show="fragment.type == 'anchor'">
nicholas@2859	1054 <span>Anchor must be below: </span>
n@2911	1055 <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	1056 </div>
nicholas@2859	1057 <div class="attribute" ng-show="fragment.type == 'reference'">
nicholas@2859	1058 <span>Reference must be above: </span>
n@2911	1059 <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	1060 </div>
nicholas@2884	1061 <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	1062 <span>Loudness: </span>
n@2907	1063 <input type="number" ng-model="fragment.loudness" max="0" placeholder="{{page.loudness \|\| specification.loudness \|\| ''}}" />
nicholas@2859	1064 </div>
nicholas@2884	1065 <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	1066 <span>Always include fragment: </span>
nicholas@2859	1067 <input type="checkbox" ng-model="fragment.alwaysInclude" max="0" />
nicholas@2859	1068 </div>
nicholas@2884	1069 <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	1070 <span>Fragment Pre-Silence: </span>
nicholas@2859	1071 <input type="number" ng-model="fragment.preSilence" max="0" step="0.1" />
nicholas@2859	1072 </div>
nicholas@2884	1073 <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	1074 <span>Fragment Post-Silence: </span>
nicholas@2859	1075 <input type="number" ng-model="fragment.postSilence" max="0" step="0.1" />
nicholas@2859	1076 </div>
nicholas@2884	1077 <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	1078 <span>Fragment playback start position (s): </span>
nicholas@2859	1079 <input type="number" ng-model="fragment.startTime" min="0" max="{{fragment.stopTime}}" />
nicholas@2859	1080 </div>
nicholas@2884	1081 <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	1082 <span>Fragment playback stop position (s): </span>
nicholas@2859	1083 <input type="number" ng-model="fragment.stopTime" min="{{fragment.startTime}}" />
nicholas@2859	1084 </div>
nicholas@2859	1085 <div class="attribute">
nicholas@2859	1086 <span>Fragment sampling rate: </span>
nicholas@2859	1087 <input type="number" ng-model="fragment.sampleRate" min="1" />
nicholas@2859	1088 </div>
nicholas@2884	1089 <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	1090 <span>Fragment Image (URL): </span>
nicholas@2859	1091 <input type="text" ng-model="fragment.image" />
nicholas@2859	1092 </div>
nicholas@2874	1093 <div class="attribute">
nicholas@2874	1094 <span>Minimum number of plays</span>
nicholas@2874	1095 <input type="number" ng-model="fragment.minNumberPlays" min="0" max="{{fragment.maxNumberPlays \|\| page.maxNumberPlays \|\| specification.maxNumberPlays}}" />
nicholas@2874	1096 </div>
nicholas@2874	1097 <div class="attribute">
nicholas@2874	1098 <span>Maximum number of plays</span>
nicholas@2874	1099 <input type="number" ng-model="fragment.maxNumberPlays" min="{{fragment.minNumberPlays \|\| page.minNumberPlays \|\| specification.minNumberPlays \|\| 0}}" />
nicholas@2874	1100 </div>
nicholas@2859	1101 </div>
nicholas@2859	1102 </div>
nicholas@2859	1103 </div>
nicholas@2887	1104 </div>
nicholas@3098	1105 <div class="modal fade bs-example-modal-lg" id="popupHolder" tabindex="-1" role="dialog" ng-controller="introduction">
nicholas@3098	1106 <div class="modal-dialog modal-lg" role="document">
nicholas@3098	1107 <div class="modal-content">
nicholas@3098	1108 <div class="modal-header">
nicholas@3099	1109 <h3>Test Creator</h3>
nicholas@3099	1110 <h3 class="label label-primary">v1.2.3</h3>
nicholas@3098	1111 </div>
nicholas@3098	1112 <div class="modal-body" ng-switch="state">
nicholas@3098	1113 <div ng-switch-when="0">
nicholas@3098	1114 <div>
nicholas@3098	1115 <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.3 version.</span>
nicholas@3098	1116 </div>
nicholas@3098	1117 <div>
nicholas@3098	1118 <input type="file" id="files" ng-model="files" onchange="handleFiles(event)" />
nicholas@3098	1119 </div>
nicholas@2887	1120 </div>
nicholas@3098	1121 <div ng-switch-when="1">
nicholas@3098	1122 <div>
nicholas@3098	1123 <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@3098	1124 </div>
nicholas@3098	1125 <div class="row">
nicholas@3099	1126 <div class="col-md-6">
nicholas@3098	1127 <div class="new-test" ng-repeat="i in testSpecifications.interfaces" ng-mouseover="mouseover(i.name)" ng-click="select(i.name)">
nicholas@3098	1128 <label style="cursor:pointer">
nicholas@3098	1129 <input type="radio" name="new-test" value="{{i.name}}" id="i.name" style="cursor:pointer" /> {{i.name}}
nicholas@3098	1130 </label>
nicholas@3098	1131 </div>
nicholas@2887	1132 </div>
nicholas@3098	1133 <div class="col-md-6">
nicholas@3098	1134 <span>{{description}}</span>
nicholas@3098	1135 </div>
nicholas@2859	1136 </div>
nicholas@2859	1137 </div>
nicholas@3099	1138 <div ng-switch-when="2" dropzone>
nicholas@3099	1139 <div>
nicholas@3099	1140 <h4>Audio Files</h4>
nicholas@3099	1141 <p>{{selected}} is a pairwise test with only two fragments per page. To make it easy to add a lot of fragments (and therefore pages) you can automatically drop your fragments onto here, set a name for each and we will populate your page elements for you!</p>
nicholas@3099	1142 </div>
nicholas@3099	1143 <table class="table table-bordered">
nicholas@3099	1144 <tr>
nicholas@3099	1145 <td>Filename</td>
nicholas@3099	1146 <td>Name</td>
nicholas@3099	1147 </tr>
nicholas@3099	1148 <tr ng-repeat="elem in audioFragments">
nicholas@3099	1149 <td>{{elem.fname}}</td>
nicholas@3099	1150 <td>
nicholas@3099	1151 <input type="text" ng-model="elem.name" required />
nicholas@3099	1152 </td>
nicholas@3099	1153 </tr>
nicholas@3099	1154 </table>
nicholas@3099	1155 </div>
nicholas@2859	1156 </div>
nicholas@3098	1157 <div class="modal-footer">
nicholas@3098	1158 <button id="popupBack" type="button" class="btn btn-default" ng-show="state>0" ng-click="back()">Back</button>
nicholas@3099	1159 <button id="popupNext" type="button" class="btn btn-warning" ng-show="state>1" ng-click="skip()">Skip</button>
nicholas@3098	1160 <button id="popupNext" type="button" class="btn btn-default" ng-click="next()">Next</button>
nicholas@3098	1161 </div>
nicholas@2859	1162 </div>
nicholas@2859	1163 </div>
nicholas@2859	1164 </div>
nicholas@2887	1165 <div id="screenblank" ng-show="popupVisible"></div>
nicholas@2859	1166 </body>
nicholas@2859	1167
nicholas@2859	1168 </html>

Mercurial > hg > webaudioevaluationtool

annotate test_create.html @ 3100:998e05c5769a