comparison test_create.html @ 2859:d432bf25889b

Finalised test_create UI
author Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
date Thu, 27 Apr 2017 12:02:28 +0100
parents cffde1e75b2d
children 65b8d9ad75cc
comparison
equal deleted inserted replaced
2858:cffde1e75b2d 2859:d432bf25889b
509 <textarea ng-model="page.commentboxprefix"></textarea> 509 <textarea ng-model="page.commentboxprefix"></textarea>
510 <p>Example: 510 <p>Example:
511 <span style="font-weight:600">{{page.commentboxprefix}} A</span> 511 <span style="font-weight:600">{{page.commentboxprefix}} A</span>
512 </p> 512 </p>
513 </div> 513 </div>
514 <div class="node"> 514 <div class="node" ng-controller="survey" ng-init="survey = page.preTest">
515 <h2>Pre Page Survey</h2> 515 <h2>Pre Page Survey</h2>
516 <button type="button" class="btn btn-success" ng-click="page.preTest.addOption()">Add Entry</button> 516 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
517 <div class="node" ng-repeat="opt in page.preTest.options" ng-controller="surveyOption"> 517 <div class="node" ng-repeat="opt in survey.options" ng-controller="surveyOption">
518 <h3>Survey Entry</h3> 518 <h3>Survey Entry</h3>
519 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
519 <div class="attributes"> 520 <div class="attributes">
520 <div class="attribute"> 521 <div class="attribute">
521 <span>Survey Type: </span> 522 <span>Survey Type: </span>
522 <select ng-model="opt.type"> 523 <select ng-model="opt.type">
523 <option value="question">Question</option> 524 <option value="question">Question</option>
624 </div> 625 </div>
625 <div class="attribute"> 626 <div class="attribute">
626 <span>Jump To On Pass: </span> 627 <span>Jump To On Pass: </span>
627 <select ng-model="condition.jumpToOnPass"> 628 <select ng-model="condition.jumpToOnPass">
628 <option value="">None</option> 629 <option value="">None</option>
629 <option ng-repeat="entry in page.postTest.options" value="{{entry.id}}">{{entry.id}}</option> 630 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
630 </select> 631 </select>
631 </div> 632 </div>
632 <div class="attribute"> 633 <div class="attribute">
633 <span>Jump To On Fail: </span> 634 <span>Jump To On Fail: </span>
634 <select ng-model="condition.jumpToOnFail"> 635 <select ng-model="condition.jumpToOnFail">
635 <option value="">None</option> 636 <option value="">None</option>
636 <option ng-repeat="entry in page.postTest.options" value="{{entry.id}}">{{entry.id}}</option> 637 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
637 </select> 638 </select>
638 </div> 639 </div>
639 </div> 640 </div>
640 </div> 641 </div>
641 </div> 642 </div>
642 </div> 643 </div>
643 </div> 644 </div>
644 <div class="node"> 645 <div class="node" ng-controller="survey" ng-init="survey = specification.postTest">
645 <h2>Post Page Survey</h2> 646 <h2>Post Page Survey</h2>
646 <button type="button" class="btn btn-success" ng-click="page.postTest.addOption()">Add Entry</button> 647 <button type="button" class="btn btn-success" ng-click="addSurveyEntry()">Add Entry</button>
647 <div class="node" ng-repeat="opt in page.postTest.options" ng-controller="surveyOption"> 648 <div class="node" ng-repeat="opt in survey.options" ng-controller="surveyOption">
648 <h3>Survey Entry</h3> 649 <h3>Survey Entry</h3>
650 <button type="button" class="btn btn-danger" ng-click="removeSurveyEntry(opt);">Delete Entry</button>
649 <div class="attributes"> 651 <div class="attributes">
650 <div class="attribute"> 652 <div class="attribute">
651 <span>Survey Type: </span> 653 <span>Survey Type: </span>
652 <select ng-model="opt.type"> 654 <select ng-model="opt.type">
653 <option value="question">Question</option> 655 <option value="question">Question</option>
754 </div> 756 </div>
755 <div class="attribute"> 757 <div class="attribute">
756 <span>Jump To On Pass: </span> 758 <span>Jump To On Pass: </span>
757 <select ng-model="condition.jumpToOnPass"> 759 <select ng-model="condition.jumpToOnPass">
758 <option value="">None</option> 760 <option value="">None</option>
759 <option ng-repeat="entry in page.postTest.options" value="{{entry.id}}">{{entry.id}}</option> 761 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
760 </select> 762 </select>
761 </div> 763 </div>
762 <div class="attribute"> 764 <div class="attribute">
763 <span>Jump To On Fail: </span> 765 <span>Jump To On Fail: </span>
764 <select ng-model="condition.jumpToOnFail"> 766 <select ng-model="condition.jumpToOnFail">
765 <option value="">None</option> 767 <option value="">None</option>
766 <option ng-repeat="entry in page.postTest.options" value="{{entry.id}}">{{entry.id}}</option> 768 <option ng-repeat="entry in survey.options" value="{{entry.id}}">{{entry.id}}</option>
767 </select> 769 </select>
768 </div> 770 </div>
769 </div> 771 </div>
770 </div> 772 </div>
771 </div> 773 </div>
772 </div> 774 </div>
773 </div> 775 </div>
776 <button type="button" class="btn btn-success" ng-show="specification.interface == 'APE' || page.interfaces.length == 0" ng-click="addInterface()">Add Interface/Axis</button>
774 <div class="node" ng-repeat="interface in page.interfaces" ng-controller="interfaceNode"> 777 <div class="node" ng-repeat="interface in page.interfaces" ng-controller="interfaceNode">
775 <h2>Interface</h2> 778 <h2>Interface</h2>
779 <button type="button" class="btn btn-danger" ng-click="removeInterface(interface)">Remove Interface/Axis</button>
776 <div class="node interfaceOptions"> 780 <div class="node interfaceOptions">
777 <div class="attributes"> 781 <div class="attributes">
778 <div class="attribute" name="fragmentPlayed" type="check"> 782 <div class="attribute" name="fragmentPlayed" type="check">
779 <span>Check all fragments played: </span> 783 <span>Check all fragments played: </span>
780 <input type="checkbox" ng-click="enableInterfaceOption($event)" /> 784 <input type="checkbox" ng-click="enableInterfaceOption($event)" />
851 </div> 855 </div>
852 </div> 856 </div>
853 </div> 857 </div>
854 <div class="node"> 858 <div class="node">
855 <h3>Comment Questions</h3> 859 <h3>Comment Questions</h3>
860 <button type="button" class="btn btn-success" ng-click="addCommentQuestion()">Add Comment Question</button>
856 <div class="node" ng-repeat="cq in page.commentQuestions"> 861 <div class="node" ng-repeat="cq in page.commentQuestions">
862 <button type="button" class="btn btn-danger" ng-click="removeCommentQuestion(cq)">Remove Comment Question</button>
857 <div class="attributes"> 863 <div class="attributes">
858 <div class="attribute"> 864 <div class="attribute">
859 <span>Unique ID:</span> 865 <span>Unique ID:</span>
860 <input type="text" ng-model="cq.id" /> 866 <input type="text" ng-model="cq.id" />
861 </div> 867 </div>
902 </div> 908 </div>
903 </div> 909 </div>
904 </div> 910 </div>
905 </div> 911 </div>
906 </div> 912 </div>
913 <button type="button" class="btn btn-success" ng-click="addAudioElement()">Add Fragment</button>
907 <div class="node" ng-repeat="fragment in page.audioElements"> 914 <div class="node" ng-repeat="fragment in page.audioElements">
908 <h3>Audio Fragment</h3> 915 <h3>Audio Fragment</h3>
916 <button type="button" class="btn btn-danger" ng-click="removeAudioElement(fragment)">Remove Fragment</button>
909 <div class="attributes"> 917 <div class="attributes">
910 <div class="attribute"> 918 <div class="attribute">
911 <span>Unique ID: </span> 919 <span>Unique ID: </span>
912 <input type="text" ng-model="fragment.id" /> 920 <input type="text" ng-model="fragment.id" />
913 </div> 921 </div>