IQTester/index.html at master · viswanathm/IQTester · 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!doctype html>
<!--[if lt IE 7 ]>
<html lang="en" class="ie6"> <![endif]--> <!--[if IE 7 ]>
<html lang="en" class="ie7"> <![endif]--> <!--[if IE 8 ]>
<html lang="en" class="ie8"> <![endif]--> <!--[if IE 9 ]>
<html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en"> <!--<![endif]-->
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>IQ Tester</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="css/style.css?v=2">
  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>

<script type="text/x-handlebars" data-template-name="question-view">
  <div id="topBar" class="navBar">
     <div class="rowContainer">
       <span id="questionNo">Question {{App.QuizController.currentQuestionIndexDisplay}}/{{App.QuizController.content.length}}</span>
       <span id="timerText">{{App.TimerController.timer.timeLeft}}</span>
       <span id="weight">Weight {{App.QuizController.currentQuestion.weight}}</span>
     </div>
   </div>
  <div id="questionContainer">
    {{#if view.content.isFillIn}}
      <img {{bindAttr src="App.QuizController.currentQuestion.imageURL"}}/>
      <p class="questionText">{{view.content.question}}</p>
      <input type="text" {{action "fillInKeyUp" on="keyUp"}}/>
    {{else}}
      <p class="questionText">{{view.content.question}}</p>
      {{#collection contentBinding="view.content.options" class="questionOptions" tagName="ul"}}
      {{view App.RadioView contentBinding="view.content"}}
      {{/collection}}
    {{/if}}
   </div>
   <div id="bottomNavBar" class="navBar">
      <span><a class="navLink leftNav" {{action "quit" on="click"}}>Quit</a></span>
      <span>{{view App.NextButton}}</span>
      <span><a class="navLink rightNav" {{action "pass" on="click"}}>Pass</a></span>
   </div>
</script>

<script type="text/x-handlebars" data-template-name="results-view">
  <div class="logo"></div>
   <h3 class="resultsHeading">Results</h3>

   <div id="scoreContainer">
     <h4>Congratulations!</h4>
  <span class="scoreText">
    Your Score is <div>{{App.QuizController.score}}</div>
  </span>
   </div>
   <p id="correctAnswerCountContainer"><span
     class="correctCountText">{{App.QuizController.correctAnswersCount}}</span>&#47;<span>{{App.QuizController.content.length}}</span>
   </p>
   <button id="playAgainBtn" class="navBtn" {{action "playAgain" on="click"}}>Play Again</button>
   <button id="newGameBtn" class="navBtn" {{action "newGame" on="click"}}>New Game</button>
</script>

<script type="text/x-handlebars" data-template-name="home-view">
  <div class="logo"></div>
  <label for="participantName" class="enterName">Enter your name</label>
  <input type="text" id="participantName"/>
  <button id="startTestBtn" class="navBtn" {{action "startGame" on="click"}}>Start</button>
  <button id="helpBtn" class="navBtn">Help</button>
</script>

<div class="page">
<script type="text/x-handlebars">
  <!-- start page -->
{{view App.StartPageView}}

  <!-- questions page -->
{{#view App.QuestionsPageView}}
  {{#view App.TimerView}}
       {{view TimerCanvasView}}
  {{/view}}
  {{view App.QuizView}}
{{/view}}

  <!-- result page -->
 {{view App.ResultPageView}}
 </script>
</div>

<!-- The missing protocol means that it will match the current protocol, either http or https. If running locally, we use the local jQuery. -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="libs/jquery-1.7.2.min.js"><\/script>')</script>
<script src="libs/handlebars-1.0.0.beta.6.js"></script>
<script src="libs/ember-1.0.pre.min.js"></script>
<script src="app/app.js"></script>
<script src="model/Question.js"></script>
<script src="model/Answer.js"></script>
<script src="controller/timerController.js"></script>
<script src="controller/quizController.js"></script>
<script src="view/StartPageView.js"></script>
<script src="view/QuestionsPageView.js"></script>
<script src="view/ResultPageView.js"></script>
<script src="view/QuizView.js"></script>
<script src="view/RadioView.js"></script>
<script src="view/NextButton.js"></script>
<script src="view/PlayAgainButton.js"></script>
<script src="view/ImageView.js"></script>
<script src="view/TimerView.js"></script>
<script src="model/Timer.js"></script>
</body>
</html>