emp/index.html at master · ContentLEAD/emp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html ng-app="employmentApp">
    <head>
        <title>app | test</title>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/jquery.numberedtextarea.css"/>
        <link rel="stylesheet" href="css/angular-material.min.css"/>
        <link rel="stylesheet" href="css/style.css"/>
        <!-- For Live version from CDN
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css"/>

        <script src="https://code.angularjs.org/1.5.7/angular.min.js"></script>
        <script src="https://code.angularjs.org/1.5.7/angular-route.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>
        -->
        <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
        <script src="js/jquery.numberedtextarea.js"></script>
        <script src="js/angular.js"></script>
         <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script>
        <script src="js/angular-route.min.js"></script>
        <script src="js/angular-material.min.js"></script>
        <script src="js/app.js"></script>
    </head>
    <body>
        <div class="container" ng-controller="mainController">
            <div class="row">
                <div class="col-sm-9">
                    <h1>Employment Assesment</h1>
                    <div class="col-sm-6">
                    {{ userName }} {{ for }} {{ testType.value }}
                    </div>
                    <div class="col-sm-4">
                    Question {{ questionId }} of {{ testService.AllQuestions.length }}
                    </div>
                    <div class="col-sm-2">
                    {{ formatTime() }}
                    </div>
                </div>
            </div>
            <div class="col-sm-9">
                <form ng-hide="testStarted">
                <div class="col-sm-4 form-group">
                    Please enter your name<br/>
                    <input typ="text" ng-model="userName" class="form-control">
                </div>
                    <div class="col-sm-4 form-group">
                    What position are you applying for<br/>
                        <select ng-init="testType = testTypeOptions[0]" ng-model="testType" ng-options="testOp.name for testOp in testTypeOptions" class="form-control" >

                        </select>
                </div>
                    <input type="button" ng-click="startTest()" value="Start Test" class="next-question">
                </form>
            </div>
        </div>
        <div class="container">
            <div class="col-sm-9" ng-controller="testController" >
                <div ng-hide="testTimeOut">
                    <h3>{{ TestQuestion.Question }}</h3>
                    <ul ng-if="TestQuestion.Type == 'multiple-choice'" class="checkbox-answers">
                        <li ng-repeat="choice in TestQuestion.Options"><input type="checkbox" name="answer-{{ TestQuestion.Id }}" value="{{ choice }}"> {{ choice }}</li>
                    </ul>
                    <textarea ng-if="TestQuestion.Type == 'textarea-code'" class="open-ended"></textarea>
                    <textarea ng-if="TestQuestion.Type == 'textarea'" class="textarea-full"></textarea>
                    <input type="button" ng-click="nextQuestion()" value="Next" class="next-question" ng-if="TestQuestion.Id > 0"/>
                </div>
                <div ng-hide="!testTimeOut">
                    Your timeout has expired
                </div>
            </div>
        </div>
    </body>
</html>