comparison test_create.html @ 3099:fc9718756d55

#200 Auto-pair fragments for AB and ABX in test create.

     </div>
     <div class="modal fade bs-example-modal-lg" id="popupHolder" tabindex="-1" role="dialog" ng-controller="introduction">
         <div class="modal-dialog modal-lg" role="document">
             <div class="modal-content">
                 <div class="modal-header">
-                    <h4>Test Creator</h4>
-                    <h4 class="label label-primary">v1.2.3</h4>
+                    <h3>Test Creator</h3>
+                    <h3 class="label label-primary">v1.2.3</h3>
                 </div>
                 <div class="modal-body" ng-switch="state">
                     <div ng-switch-when="0">
                         <div>
                             <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>

                     <div ng-switch-when="1">
                         <div>
                             <span>Please select the interface you would like to use below. Selecting an interface will give a brief description of the interface type.</span>
                         </div>
                         <div class="row">
-                            <div class="col-md-6" style="overflow-y: scroll;height: 333px;">
+                            <div class="col-md-6">
                                 <div class="new-test" ng-repeat="i in testSpecifications.interfaces" ng-mouseover="mouseover(i.name)" ng-click="select(i.name)">
                                     <label style="cursor:pointer">
                                         <input type="radio" name="new-test" value="{{i.name}}" id="i.name" style="cursor:pointer" /> {{i.name}}
                                     </label>
                                 </div>

                             <div class="col-md-6">
                                 <span>{{description}}</span>
                             </div>
                         </div>
                     </div>
+                    <div ng-switch-when="2" dropzone>
+                        <div>
+                            <h4>Audio Files</h4>
+                            <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>
+                        </div>
+                        <table class="table table-bordered">
+                            <tr>
+                                <td>Filename</td>
+                                <td>Name</td>
+                            </tr>
+                            <tr ng-repeat="elem in audioFragments">
+                                <td>{{elem.fname}}</td>
+                                <td>
+                                    <input type="text" ng-model="elem.name" required />
+                                </td>
+                            </tr>
+                        </table>
+                    </div>
                 </div>
                 <div class="modal-footer">
                     <button id="popupBack" type="button" class="btn btn-default" ng-show="state>0" ng-click="back()">Back</button>
+                    <button id="popupNext" type="button" class="btn btn-warning" ng-show="state>1" ng-click="skip()">Skip</button>
                     <button id="popupNext" type="button" class="btn btn-default" ng-click="next()">Next</button>
                 </div>
             </div>
         </div>
     </div>