add summary page

ITCSsDeveloper · ITCSsDeveloper · commit 09fb6de5978f · 2017-09-19T08:20:48.000+07:00
diff --git a/view/_exam.html b/view/_exam.html
@@ -1,5 +1,4 @@
 <style type="text/css">
-
 .data-choice{
   text-align: left;
 }
@@ -59,13 +58,18 @@ <h3 id="timer" style="padding-left: 10px; color: #63b359;">Time 10: 10</h3>
   var lblDisplayNo = $('#lblDisplayNo');
   var btnNext     = $('#btnNext');
 
-  var countDownDate = new Date("Sep 15, 2017 00:50:00").getTime();
+  var questionId = '00001';
+  var n = '10';
+  var nTotal = '';
+
+  var countDownDate = new Date("Sep 15, 2018 21:50:00").getTime();
 
   $(function() {
-    $.post('api/api_exam.php?GET_QUESTION', { token: 'test', questionId: '00001', questionNo: '10' }).done(function(data) {
+    $.post('api/api_exam.php?GET_QUESTION', { token: 'test', questionId: questionId, questionNo: n }).done(function(data) {
       data = $.parseJSON(data);
       question.html(data.question);
       lblDisplayNo.html(data.n+' / '+data.nTotal);
+
       $.each(data.choices, function(index, val) {
         $('#'+index).html(val)
       });
@@ -84,14 +88,17 @@ <h3 id="timer" style="padding-left: 10px; color: #63b359;">Time 10: 10</h3>
   btnNext.click(function(){
     $.post('api/api_exam.php?SEND_ANSWER', { token: 'test' }).done(function(data) {
     });
+
+    $.post('api/api_exam.php?SEND_ANSWER', { token: 'test' }).done(function(data) {
+    });
   });
 
   btnPrevious.click(function(){
 
   });
 
   function BlockUI(){
-   $.blockUI({ message : '<h3>หมดเวลา<br><br>ระบบกำลังส่งคำตอบ <br><br> โปรดรอสักครู่ .... </h3>',
+   $.blockUI({ message : '<h3>หมดเวลา<br><br>ระบบกำลังส่งคำตอบ<br><br> โปรดรอสักครู่ .... </h3>',
     css: { 
      width:'80%',
      left:'10%',
diff --git a/view/_summary.html b/view/_summary.html
@@ -0,0 +1,50 @@
+
+
+<div class="row">
+	<div class="col-md-9" id="exam"> </div>
+	<div class="col-md-3">
+		<h2>ผลสอบ</h2>
+		<h2>หมวด xxxx, บท .....</h2>
+		<h2>Username : XXXXX</h2>
+		<h2>Result : 10/20</h2>
+		<hr>
+		<div class="table-responsive table-bordered">
+			<table class="table">
+				<thead>
+					<tr>
+						<th>xxxxxx</th>
+						<th>xxxxxx</th>
+						<th>xxxxxx</th>
+						<th>xxxxxx</th>
+						<th>xxxxxx</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td>xxxxxx</td>
+						<td>xxxxxx</td>
+						<td>xxxxxx</td>
+						<td>xxxxxx</td>
+						<td>xxxxxx</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+		<hr>
+		<div class="progress">
+			<div class="progress-bar progress-bar-success" role="progressbar" style="width:50%">
+				50
+			</div>
+			<div class="progress-bar progress-bar-danger" role="progressbar" style="width:50%">
+				50
+			</div>
+		</div>
+	</div>
+</div>
+
+<script type="text/javascript">
+	var exam = $('#exam')
+
+exam.load('view/_exam.html');
+
+</script>
