Mercurial > hg > webaudioevaluationtool

comparison test_create.html @ 2887:cedaf7ee1b81

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Reformat page layout
author Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
date Tue, 27 Jun 2017 20:52:07 +0100
parents c70036f28226
children a1e294297380
comparison
equal deleted inserted replaced
2886:c70036f28226 2887:cedaf7ee1b81
8 <script src="js/jquery-2.1.4.js"></script> 8 <script src="js/jquery-2.1.4.js"></script>
9 <script src="js/angular.min.js"></script> 9 <script src="js/angular.min.js"></script>
10 <script type="text/javascript" src="js/specification.js"></script> 10 <script type="text/javascript" src="js/specification.js"></script>
11 <script type="text/javascript" src="test_create/test_core.js"></script> 11 <script type="text/javascript" src="test_create/test_core.js"></script>
12 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 12 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
13 <script type="text/javascript" src="js/xmllint.js"></script>
13 14
14 <title>WAET 1.2.1 Test Creator</title> 15 <title>WAET 1.2.1 Test Creator</title>
15 </head> 16 </head>
16 17
17 <body> 18 <body ng-app="creator" ng-controller="view">
18 <div ng-app="creator" ng-controller="view"> 19 <div class="container">
19 <div id="pageRoot"> 20 <div id="pageRoot">
20 <h1>Web Audio Evaluation Tool - Test Creator</h1> 21 <h1>Web Audio Evaluation Tool - Test Creator</h1>
21 </div> 22 </div>
22 <button type="button" class="btn btn-success" ng-click="exportXML()">Export XML</button> 23 <button type="button" class="btn btn-info" ng-click="validate()">Validate</button>
24 <button type="button" class="btn btn-success" ng-click="exportXML()" ng-disabled="validated == false">Export XML</button>
25 <div ng-switch on="validated" ng-show="showValidationMessages">
26 <div class="panel panel-danger" ng-switch-when="false">
27 <div class="panel-heading">
28 <button type="button" class="close" data-dismiss="alert" aria-label="Close" ng-click="hideValidationMessages"><span aria-hidden="true">&times;</span></button>
29 <h3 class="panel-title">Invalid Specification!</h3>
30 </div>
31 <div class="panel-body">
32 <p>Your specification is invalid. Please fix the following issues!</p>
33 <ul id="validation-error-list">
34 <li>Errors</li>
35 </ul>
36 </div>
37 </div>
38 <div class="alert alert-success" role="alert" ng-switch-when="true">
39 <button type="button" class="close" data-dismiss="alert" aria-label="Close" ng-click="hideValidationMessages"><span aria-hidden="true">&times;</span></button>
40 <strong>Validates!</strong><span>Well done, you can export this specification!</span>
41 </div>
42 </div>
23 <div id="setupNode" class="node" ng-controller="setup"> 43 <div id="setupNode" class="node" ng-controller="setup">
24 <h2>Setup</h2> 44 <h2>Setup</h2>
25 <div class="attributes"> 45 <div class="attributes">
26 <div class="attribute"> 46 <div class="attribute">
27 <span>Interface: </span> 47 <span>Interface: </span>
1018 <input type="number" ng-model="fragment.maxNumberPlays" min="{{fragment.minNumberPlays || page.minNumberPlays || specification.minNumberPlays || 0}}" /> 1038 <input type="number" ng-model="fragment.maxNumberPlays" min="{{fragment.minNumberPlays || page.minNumberPlays || specification.minNumberPlays || 0}}" />
1019 </div> 1039 </div>
1020 </div> 1040 </div>
1021 </div> 1041 </div>
1022 </div> 1042 </div>
1023 <div id="popupHolder" ng-show="popupVisible"> 1043 </div>
1024 <div ng-controller="introduction" class="popup" ng-show="popupVisible"> 1044 <div id="popupHolder" ng-show="popupVisible">
1025 <div class="popupTitle" ng-switch="state"> 1045 <div ng-controller="introduction" class="popup" ng-show="popupVisible">
1026 <span ng-switch-when="0">Test Creator</span> 1046 <div class="popupTitle" ng-switch="state">
1027 <span ng-switch-when="1">Create New Test</span> 1047 <span ng-switch-when="0">Test Creator</span>
1028 </div> 1048 <span ng-switch-when="1">Create New Test</span>
1029 <div class="popupContent container-fluid" ng-switch="state"> 1049 </div>
1030 <div ng-switch-when="0"> 1050 <div class="popupContent container-fluid" ng-switch="state">
1031 <div> 1051 <div ng-switch-when="0">
1032 <span>Welcome to the WAET test creator tool. This will allow you to create a new test from scratch to suit your testing needs. If you wish to update a test file, please drag and drop the XML document into the area below for processing, otherwise press 'Next' to start a new test. This tool generates files for the WAET 1.2.1 version.</span> 1052 <div>
1033 </div> 1053 <span>Welcome to the WAET test creator tool. This will allow you to create a new test from scratch to suit your testing needs. If you wish to update a test file, please drag and drop the XML document into the area below for processing, otherwise press 'Next' to start a new test. This tool generates files for the WAET 1.2.1 version.</span>
1034 <div> 1054 </div>
1035 <input type="file" id="files" ng-model="files" onchange="handleFiles(event)" /> 1055 <div>
1036 </div> 1056 <input type="file" id="files" ng-model="files" onchange="handleFiles(event)" />
1037 </div> 1057 </div>
1038 <div ng-switch-when="1"> 1058 </div>
1039 <div> 1059 <div ng-switch-when="1">
1040 <span>Please select the interface you would like to use below. Selecting an interface will give a brief description of the interface type.</span> 1060 <div>
1041 </div> 1061 <span>Please select the interface you would like to use below. Selecting an interface will give a brief description of the interface type.</span>
1042 <div class="row"> 1062 </div>
1043 <div class="col-md-6" style="overflow-y: scroll;height: 333px;"> 1063 <div class="row">
1044 <div class="new-test" ng-repeat="i in testSpecifications.interfaces" ng-mouseover="mouseover(i.name)" ng-click="initialise(i.name)"> 1064 <div class="col-md-6" style="overflow-y: scroll;height: 333px;">
1045 <label style="cursor:pointer"> 1065 <div class="new-test" ng-repeat="i in testSpecifications.interfaces" ng-mouseover="mouseover(i.name)" ng-click="initialise(i.name)">
1046 <input type="radio" name="new-test" value="{{i.name}}" id="i.name" style="cursor:pointer" /> {{i.name}} 1066 <label style="cursor:pointer">
1047 </label> 1067 <input type="radio" name="new-test" value="{{i.name}}" id="i.name" style="cursor:pointer" /> {{i.name}}
1048 </div> 1068 </label>
1049 </div> 1069 </div>
1050 <div class="col-md-6"> 1070 </div>
1051 <span>{{description}}</span> 1071 <div class="col-md-6">
1052 </div> 1072 <span>{{description}}</span>
1053 </div> 1073 </div>
1054 </div> 1074 </div>
1055 </div> 1075 </div>
1056 <div class="popupButtons"> 1076 </div>
1057 <button id="popupBack" type="button" class="btn btn-default" ng-show="state>0" ng-click="back()">Back</button> 1077 <div class="popupButtons">
1058 <button id="popupNext" type="button" class="btn btn-default" ng-click="next()">Next</button> 1078 <button id="popupBack" type="button" class="btn btn-default" ng-show="state>0" ng-click="back()">Back</button>
1059 </div> 1079 <button id="popupNext" type="button" class="btn btn-default" ng-click="next()">Next</button>
1060 </div> 1080 </div>
1061 </div> 1081 </div>
1062 <div id="screenblank" ng-show="popupVisible"></div>
1063 </div> 1082 </div>
1083 <div id="screenblank" ng-show="popupVisible"></div>
1064 </body> 1084 </body>
1065 1085
1066 </html> 1086 </html>