ADAM / AIAHTML5

Commit 197bb850557e8cdf8da95824a4a18e6cfd5d6a8a

Authored by unknown
1 parent ede6803d

added popup functionality

Inline Side-by-side
Showing 2 changed files with 167 additions and 112 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/LabExercController.js
  View file @197bb85
... ... @@ -1290,7 +1290,9 @@ function ($scope, $rootScope, pages, log, $http, $timeout, DataService, $filter,
1290 1290 }
1291 1291 $scope.reportCopyStatus = false;
1292 1292 $scope.SendLabEXMailToUser = function (User) {
1293   - var reportHtml = '';
  1293 +
  1294 + var reportHtml = '';
  1295 +
1294 1296 reportHtml += '<table style="width:100%;"><thead><th style="padding:15px;border:1px solid #cccccc"><strong>Question</strong></th><th style="padding:15px;border:1px solid #cccccc"><strong>Activity Title</strong></th><th style="padding:15px;border:1px solid #cccccc"><strong>Status</strong></th></thead><tbody>';
1295 1297 $("#resultLabData tr").each(function () {
1296 1298 reportHtml += '<tr>';
... ... @@ -1305,7 +1307,16 @@ function ($scope, $rootScope, pages, log, $http, $timeout, DataService, $filter,
1305 1307  
1306 1308 });
1307 1309 reportHtml += '</tbody></table>';
1308   - $scope.reportImage = "<table style='width:100%;'><tr><td style='padding:15px;'><strong>"+$("#submitResultHtml .panel-heading .row div:nth-child(1)").text()+"</strong></td><td style='padding:15px;'>Performance Report</td><td style='padding:15px;text-align:right;'><span>" + $("#submitResultHtml .panel-heading .row div:nth-child(3)").text() + "</span></td></tr></table><table style='width:100%;'><thead><th style='text-align:center;padding:15px;border:1px solid #cccccc;'><strong>Total Question</strong></th><th style='border:1px solid #cccccc;text-align:center;padding:15px;'><strong>Correct Answers</strong></th><th style='border:1px solid #cccccc;padding:15px;text-align:center;'><strong>Incorrect Answers</strong></th></thead><tr><td style='border:1px solid #cccccc;padding:15px;text-align:center;'><span>" + $("#questionStatus tbody tr td:nth-child(1)").text() + "</span></td><td style='text-align:center;border:1px solid #cccccc;padding:15px;'><span>" + $("#questionStatus tbody tr td:nth-child(2)").text() + "</span></td><td style='text-align:center;border:1px solid #cccccc;padding:15px;'><span>" + $("#questionStatus tbody tr td:nth-child(3)").text() + "</span></td></tr></table><br/><br/>" + reportHtml + "";
  1310 +
  1311 + if ($("#emailComment").val() == undefined || $("#emailComment").val() == "") {
  1312 +
  1313 + $scope.reportImage = "<h1 style='font-size:20px;'>Report Result:</h1><br/><table style='width:100%;'><tr><td style='padding:15px;'><strong>" + $("#submitResultHtml .panel-heading .row div:nth-child(1)").text() + "</strong></td><td style='padding:15px;'>Performance Report</td><td style='padding:15px;text-align:right;'><span>" + $("#submitResultHtml .panel-heading .row div:nth-child(3)").text() + "</span></td></tr></table><table style='width:100%;'><thead><th style='text-align:center;padding:15px;border:1px solid #cccccc;'><strong>Total Question</strong></th><th style='border:1px solid #cccccc;text-align:center;padding:15px;'><strong>Correct Answers</strong></th><th style='border:1px solid #cccccc;padding:15px;text-align:center;'><strong>Incorrect Answers</strong></th></thead><tr><td style='border:1px solid #cccccc;padding:15px;text-align:center;'><span>" + $("#questionStatus tbody tr td:nth-child(1)").text() + "</span></td><td style='text-align:center;border:1px solid #cccccc;padding:15px;'><span>" + $("#questionStatus tbody tr td:nth-child(2)").text() + "</span></td><td style='text-align:center;border:1px solid #cccccc;padding:15px;'><span>" + $("#questionStatus tbody tr td:nth-child(3)").text() + "</span></td></tr></table><br/><br/>" + reportHtml + "";
  1314 + }
  1315 + else {
  1316 +
  1317 + $scope.reportImage = "<h6 style='font-size:15px;'>" + $("#emailComment").val() + "</h6><br/><h1 style='font-size:20px;'>Report Result:</h1><br/><table style='width:100%;'><tr><td style='padding:15px;'><strong>" + $("#submitResultHtml .panel-heading .row div:nth-child(1)").text() + "</strong></td><td style='padding:15px;'>Performance Report</td><td style='padding:15px;text-align:right;'><span>" + $("#submitResultHtml .panel-heading .row div:nth-child(3)").text() + "</span></td></tr></table><table style='width:100%;'><thead><th style='text-align:center;padding:15px;border:1px solid #cccccc;'><strong>Total Question</strong></th><th style='border:1px solid #cccccc;text-align:center;padding:15px;'><strong>Correct Answers</strong></th><th style='border:1px solid #cccccc;padding:15px;text-align:center;'><strong>Incorrect Answers</strong></th></thead><tr><td style='border:1px solid #cccccc;padding:15px;text-align:center;'><span>" + $("#questionStatus tbody tr td:nth-child(1)").text() + "</span></td><td style='text-align:center;border:1px solid #cccccc;padding:15px;'><span>" + $("#questionStatus tbody tr td:nth-child(2)").text() + "</span></td><td style='text-align:center;border:1px solid #cccccc;padding:15px;'><span>" + $("#questionStatus tbody tr td:nth-child(3)").text() + "</span></td></tr></table><br/><br/>" + reportHtml + "";
  1318 + }
  1319 +
1309 1320 $scope.reportTitle = "Lab Exercise Report for " + $("#submitResultHtml .panel-heading .row div:nth-child(1)").text();
1310 1321 $scope.senderEmails = $("#emailTo").val();
1311 1322  
... ... @@ -1320,7 +1331,10 @@ function ($scope, $rootScope, pages, log, $http, $timeout, DataService, $filter,
1320 1331 }
1321 1332 )
1322 1333 // for closing email popup
1323   - $rootScope.closeLabExEmailModel();
  1334 + $rootScope.closeLabExEmailModel();
  1335 +
  1336 + document.getElementById('labExEmailSentModalID').style.display = "block";
  1337 + document.getElementById('labExModalbackground').style.display = "block";
1324 1338 }
1325 1339 $rootScope.closeLabExEmailModel = function () {
1326 1340 document.getElementById("LabExerciseForm").reset();
... ... @@ -1330,6 +1344,7 @@ function ($scope, $rootScope, pages, log, $http, $timeout, DataService, $filter,
1330 1344 document.getElementById('labExModalbackground').style.display = "none";
1331 1345 document.getElementById('labExModalID').style.display = "none";
1332 1346 $scope.reportCopyStatus = false;
  1347 +
1333 1348 }
1334 1349 $rootScope.sendMail = function () {
1335 1350 window.scrollTo(0, 0);
... ... @@ -1337,7 +1352,11 @@ function ($scope, $rootScope, pages, log, $http, $timeout, DataService, $filter,
1337 1352 document.getElementById('labExModalbackground').style.display = "block";
1338 1353 document.getElementById('labExModalID').style.display = "block";
1339 1354 }
  1355 + $rootScope.emailNotification = function () {
  1356 + document.getElementById('labExEmailSentModalID').style.display = "none";
  1357 + document.getElementById('labExModalbackground').style.display = "none";
1340 1358  
  1359 + }
1341 1360 }]
1342 1361  
1343 1362 );
... ...
400-SOURCECODE/AIAHTML5.Web/app/views/LabExerc/lab-exercises-detail.html
  View file @197bb85
... ... @@ -82,7 +82,7 @@
82 82 <label for="">Note(optional)</label>
83 83 </div>
84 84 <div class="col-sm-7">
85   - <textarea name="" id="" class="form-control" cols="30" rows="5" ng-model="User.comments"></textarea>
  85 + <textarea name="" id="emailComment" class="form-control" cols="30" rows="5"></textarea>
86 86 <div class="help-block">255 character limit </div>
87 87 </div>
88 88 </div>
... ... @@ -108,7 +108,43 @@
108 108 </div>
109 109  
110 110  
  111 +
  112 + <!-- Modal -->
  113 + <!--<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  114 + <div class="modal-dialog" role="document">
  115 + <div class="modal-content">
  116 + <div class="modal-header">
  117 + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  118 + <h4 class="modal-title" id="myModalLabel">Modal title</h4>
  119 + </div>
  120 + <div class="modal-body">
  121 + ...
  122 + </div>
  123 + <div class="modal-footer">
  124 + <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
  125 +
  126 + </div>
  127 + </div>
  128 + </div>
  129 + </div>-->
  130 +
  131 + <div class="labExModal" id="labExEmailSentModalID" style="display: none; position: absolute; z-index: 12000001; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 400px;height:400px;">
  132 + <div class="modal-content">
  133 + <div class="modal-header">
  134 +
  135 + <h4 class="modal-title" id="myModalLabel">Email </h4>
  136 + </div>
  137 + <div class="modal-body ">
  138 + <div class="modal-body" style="padding:10px;font-size:15px;">
  139 + Email Sent Successfully.
  140 + </div>
  141 + </div>
  142 + <div class="modal-footer">
  143 + <button type="button" class="btn btn-primary" ng-click="emailNotification()">Close</button>
111 144  
  145 + </div>
  146 + </div>
  147 + </div>
112 148  
113 149  
114 150  
... ... @@ -116,144 +152,144 @@
116 152  
117 153  
118 154  
119   - <div class="col-sm-12">
120   - <div class="pull-left btn-group LabEx-Panel-state-minimized" id="LabExMinimizedId">
121   - <p class="pull-left" style="color:#fff">LAB Ex ...</p>
122   - <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default" ng-click="maxLabExPanel()"><i class="fa fa-clone"></i></a> <a href="lab-exercises" ng-click="IsVisible()" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a>
  155 + <div class="col-sm-12">
  156 + <div class="pull-left btn-group LabEx-Panel-state-minimized" id="LabExMinimizedId">
  157 + <p class="pull-left" style="color:#fff">LAB Ex ...</p>
  158 + <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default" ng-click="maxLabExPanel()"><i class="fa fa-clone"></i></a> <a href="lab-exercises" ng-click="IsVisible()" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a>
  159 + </div>
123 160 </div>
124   - </div>
125 161  
126   - <div class="col-sm-12">
  162 + <div class="col-sm-12">
127 163  
128   - <div class="container-fluid main-full">
129   - <div class="row">
130   - <div class="panel panel-default" id="questionHtml" style="margin-bottom:0;">
131   - <div class="col-xs-12 panel-heading">
132   - <div class="col-xs-3" style="padding-left:5px;">
133   - {{activityTitle}}
134   - </div>
135   - <div class="col-xs-6 text-primary text-center">{{Title}}</div>
136   - <div class="text-right col-xs-3" style="padding-right:5px;">
137   - Question <strong id="quizNo">{{quiznumber}}</strong> of {{TotalNumberofQuiz}}
138   - </div>
139   - </div>
140   - <div class="panel-body" style="padding:2px;overflow:scroll">
141   - <div id="textblock" style="margin: 80px 20px; display block;width:1200px;">
142   - <div style="margin: 20px;" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}">
143   - <div style="position:relative;" ng-bind-html="deliberatelyTrustDangerousSnippet(optionbox.QuizText)"></div>
  164 + <div class="container-fluid main-full">
  165 + <div class="row">
  166 + <div class="panel panel-default" id="questionHtml" style="margin-bottom:0;">
  167 + <div class="col-xs-12 panel-heading">
  168 + <div class="col-xs-3" style="padding-left:5px;">
  169 + {{activityTitle}}
  170 + </div>
  171 + <div class="col-xs-6 text-primary text-center">{{Title}}</div>
  172 + <div class="text-right col-xs-3" style="padding-right:5px;">
  173 + Question <strong id="quizNo">{{quiznumber}}</strong> of {{TotalNumberofQuiz}}
144 174 </div>
145   - <!--<ul>
146   - <li ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" ng-bind-html="'{{optionbox.QuizText}}' | to_trusted"></li>
147   - </ul>-->
148 175 </div>
149   - <div align="center" class="dragger">
150   - <!--<div class="col-sm-2" style="padding-top: 150px; height: 500px; " id="divleft" droppable="true">
151   - <div draggable="true" ng-repeat="option in LabExerciseModules.Options | filter:{'textalign':'left'}" ng-style="{'width': '150px', 'height':'40px','font-size':'8px;','valign':'middle','text-align':'center', 'vertical-align:middle','background-color': '#808080','margin':'10px !important','float':'{{option.textalign}}'} " style="margin-bottom: 10px !important; width: 180px; z-index:9;" class="thumbnail caption col-sm-2 col-lg-3 ui-draggable marginR5 " id="block-{{option.OptionNumber}}">{{option.OptionTitle}}</div>
152   - </div>-->
153   - <div class="col-sm-12">
154   - <div style="position: relative;" id="imgdiv">
155   - <div id="imgblock">
156   - <img id="droppable" ng-src="content/images/LE/{{Imagepath}}" alt="" ng-click="onClick()" ondragstart="return false;" imageonload />
157   - </div>
158   -
159   - <div ng-show="IsVisible" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}" ng-style="{'top':{{optionbox.topcoord}}, 'left':{{optionbox.leftcoord}},'position': 'absolute', 'width': '155px', 'height':'30px', 'border':'0px solid #333', 'background': '#E8E8E8' }">{{optionbox.Answervalue}}</div>
160   - <div draggable="true" ng-repeat="ans in DraggedList" droppable="true" class="droppable ui-droppable answerdroppable" id="blockans-{{ans.id}}" draggedattr="{{ans.DraggedAttr}}" ng-style="{'top':{{ans.topcoord}}, 'left':{{ans.leftcoord}},'position': 'absolute', 'width': '158px', 'height':'30px', 'border':'0px solid #333', 'background': 'transparent','font-size': '12px','border-color':'#FF0000','padding-top':'4px','line-height':'1'}">{{ans.Value}}</div>
  176 + <div class="panel-body" style="padding:2px;overflow:scroll">
  177 + <div id="textblock" style="margin: 80px 20px; display block;width:1200px;">
  178 + <div style="margin: 20px;" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}">
  179 + <div style="position:relative;" ng-bind-html="deliberatelyTrustDangerousSnippet(optionbox.QuizText)"></div>
161 180 </div>
  181 + <!--<ul>
  182 + <li ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" ng-bind-html="'{{optionbox.QuizText}}' | to_trusted"></li>
  183 + </ul>-->
  184 + </div>
  185 + <div align="center" class="dragger">
  186 + <!--<div class="col-sm-2" style="padding-top: 150px; height: 500px; " id="divleft" droppable="true">
  187 + <div draggable="true" ng-repeat="option in LabExerciseModules.Options | filter:{'textalign':'left'}" ng-style="{'width': '150px', 'height':'40px','font-size':'8px;','valign':'middle','text-align':'center', 'vertical-align:middle','background-color': '#808080','margin':'10px !important','float':'{{option.textalign}}'} " style="margin-bottom: 10px !important; width: 180px; z-index:9;" class="thumbnail caption col-sm-2 col-lg-3 ui-draggable marginR5 " id="block-{{option.OptionNumber}}">{{option.OptionTitle}}</div>
  188 + </div>-->
  189 + <div class="col-sm-12">
  190 + <div style="position: relative;" id="imgdiv">
  191 + <div id="imgblock">
  192 + <img id="droppable" ng-src="content/images/LE/{{Imagepath}}" alt="" ng-click="onClick()" ondragstart="return false;" imageonload />
  193 + </div>
  194 +
  195 + <div ng-show="IsVisible" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}" ng-style="{'top':{{optionbox.topcoord}}, 'left':{{optionbox.leftcoord}},'position': 'absolute', 'width': '155px', 'height':'30px', 'border':'0px solid #333', 'background': '#E8E8E8' }">{{optionbox.Answervalue}}</div>
  196 + <div draggable="true" ng-repeat="ans in DraggedList" droppable="true" class="droppable ui-droppable answerdroppable" id="blockans-{{ans.id}}" draggedattr="{{ans.DraggedAttr}}" ng-style="{'top':{{ans.topcoord}}, 'left':{{ans.leftcoord}},'position': 'absolute', 'width': '158px', 'height':'30px', 'border':'0px solid #333', 'background': 'transparent','font-size': '12px','border-color':'#FF0000','padding-top':'4px','line-height':'1'}">{{ans.Value}}</div>
  197 + </div>
162 198  
163   - <div class="col-sm-12" style=" margin-top: 20px; min-height:100px;" id="divoptions" droppable="true">
164   - <!--<div class="col-sm-3 col-lg-3 ui-draggable" >-->
165   - <div draggable="true" ng-repeat="option in LabExerciseModules.Options" ng-style="{'width': '150px', 'height':'40px','font-size':'8px;','valign':'middle','text-align':'center', 'vertical-align:middle','background-color': '#808080','margin':'5px !important','float':'{{option.textalign}}'} " style="margin-bottom: 5px !important; width: 180px;" class="thumbnail caption col-sm-2 col-lg-3 ui-draggable marginR5 " id="block-{{option.OptionNumber}}">{{option.OptionTitle}}</div>
  199 + <div class="col-sm-12" style=" margin-top: 20px; min-height:100px;" id="divoptions" droppable="true">
  200 + <!--<div class="col-sm-3 col-lg-3 ui-draggable" >-->
  201 + <div draggable="true" ng-repeat="option in LabExerciseModules.Options" ng-style="{'width': '150px', 'height':'40px','font-size':'8px;','valign':'middle','text-align':'center', 'vertical-align:middle','background-color': '#808080','margin':'5px !important','float':'{{option.textalign}}'} " style="margin-bottom: 5px !important; width: 180px;" class="thumbnail caption col-sm-2 col-lg-3 ui-draggable marginR5 " id="block-{{option.OptionNumber}}">{{option.OptionTitle}}</div>
  202 + </div>
166 203 </div>
167 204 </div>
168   - </div>
169   - <!--<div class="col-sm-12" style="padding-top: 15px;min-height:100px;" id="divright" droppable="true">
  205 + <!--<div class="col-sm-12" style="padding-top: 15px;min-height:100px;" id="divright" droppable="true">
170 206 <div draggable="true" ng-repeat="option in LabExerciseModules.Options" ng-style="{'width': '150px', 'height':'40px','font-size':'8px;','valign':'middle','text-align':'center', 'vertical-align:middle','background-color': '#808080','margin':'10px !important','float':'{{option.textalign}}'} " style="margin-bottom: 10px !important; width: 180px; z-index: 9;" class="thumbnail caption col-sm-2 col-lg-3 ui-draggable marginR5 " id="block-{{option.OptionNumber}}">{{option.OptionTitle}}</div>
171 207 </div>-->
172   - </div>
173   -
174   - <div class="panel-footer">
175   - <div class="pull-left">
176   - <!--<p>Question <strong>{{quiznumber}}</strong> of {{TotalNumberofQuiz}}</p>-->
177 208 </div>
178   - <div class="pull-right">
179   - <div class="btn-group pull-left marginR5">
180   - <button class="btn btn-sm btn-primary" style="display:none;" ng-click="SubmitAttempt()" id="quizSubmitBtn">Submit</button>
181   - <button class="btn btn-sm btn-primary" style="display:none;" id="reportBtn" ng-click="ReportGen()">Report</button>
182   - <button class="btn btn-sm btn-primary" id="saveBtn" ng-click="SaveAnswer()">Save</button>
183   - <button class="btn btn-sm btn-primary" id="reviewBtn" ng-click="ReviewAttempt()">Review Your Attempt</button>
184   - <button class="btn btn-sm btn-primary" id="resetBtn" ng-click="OnResetClick()">Reset</button>
  209 +
  210 + <div class="panel-footer">
  211 + <div class="pull-left">
  212 + <!--<p>Question <strong>{{quiznumber}}</strong> of {{TotalNumberofQuiz}}</p>-->
185 213 </div>
186   - <div class="btn-group">
187   - <button class="btn btn-sm btn-black" ng-click="prevQuiz()"><i class="fa fa-arrow-left"></i></button>
188   - <button class="btn btn-sm btn-black" ng-click="nextQuiz()"><i class="fa fa-arrow-right"></i></button>
  214 + <div class="pull-right">
  215 + <div class="btn-group pull-left marginR5">
  216 + <button class="btn btn-sm btn-primary" style="display:none;" ng-click="SubmitAttempt()" id="quizSubmitBtn">Submit</button>
  217 + <button class="btn btn-sm btn-primary" style="display:none;" id="reportBtn" ng-click="ReportGen()">Report</button>
  218 + <button class="btn btn-sm btn-primary" id="saveBtn" ng-click="SaveAnswer()">Save</button>
  219 + <button class="btn btn-sm btn-primary" id="reviewBtn" ng-click="ReviewAttempt()">Review Your Attempt</button>
  220 + <button class="btn btn-sm btn-primary" id="resetBtn" ng-click="OnResetClick()">Reset</button>
  221 + </div>
  222 + <div class="btn-group">
  223 + <button class="btn btn-sm btn-black" ng-click="prevQuiz()"><i class="fa fa-arrow-left"></i></button>
  224 + <button class="btn btn-sm btn-black" ng-click="nextQuiz()"><i class="fa fa-arrow-right"></i></button>
  225 + </div>
189 226 </div>
  227 + <div class="clearfix"></div>
190 228 </div>
191   - <div class="clearfix"></div>
192 229 </div>
193 230 </div>
194   - </div>
195 231  
196 232  
197   - <div class="panel panel-default" id="submitResultHtml" style="display:none;">
198   - <div class="panel-heading">
199   - <div class="row">
200   - <div class="col-sm-4 text-left"><strong>{{LabExerciseName}}</strong></div>
201   - <div class="col-sm-4 text-center">Performance Report</div>
202   - <div class="col-sm-4 text-right">Score:{{scoreResult}}% </div>
  233 + <div class="panel panel-default" id="submitResultHtml" style="display:none;">
  234 + <div class="panel-heading">
  235 + <div class="row">
  236 + <div class="col-sm-4 text-left"><strong>{{LabExerciseName}}</strong></div>
  237 + <div class="col-sm-4 text-center">Performance Report</div>
  238 + <div class="col-sm-4 text-right">Score:{{scoreResult}}% </div>
  239 + </div>
203 240 </div>
204   - </div>
205   - <div class="panel-body no-padding">
206   - <div class="row">
207   - <div class="col-sm-12 table-responsive ">
208   - <table class="table table-hover table-condensed bg-white" id="questionStatus">
209   - <thead>
210   - <tr class="active">
211   - <th class="text-center">Total Question</th>
212   - <th class="text-center">Correct Answers</th>
213   - <th class="text-center">Incorrect Answers</th>
214   - </tr>
215   - </thead>
216   - <tbody>
217   - <tr class="text-center">
218   - <td>{{TotalNumberofQuiz}}</td>
219   - <td>{{CorrectAnswer}}</td>
220   - <td>{{inCorrectAnswer}}</td>
221   - </tr>
222   - </tbody>
223   - </table>
  241 + <div class="panel-body no-padding">
  242 + <div class="row">
  243 + <div class="col-sm-12 table-responsive ">
  244 + <table class="table table-hover table-condensed bg-white" id="questionStatus">
  245 + <thead>
  246 + <tr class="active">
  247 + <th class="text-center">Total Question</th>
  248 + <th class="text-center">Correct Answers</th>
  249 + <th class="text-center">Incorrect Answers</th>
  250 + </tr>
  251 + </thead>
  252 + <tbody>
  253 + <tr class="text-center">
  254 + <td>{{TotalNumberofQuiz}}</td>
  255 + <td>{{CorrectAnswer}}</td>
  256 + <td>{{inCorrectAnswer}}</td>
  257 + </tr>
  258 + </tbody>
  259 + </table>
224 260  
225   - </div>
226   - <div class="col-sm-12 table-responsive">
227   - <table class="table table-hover table-condensed bg-white">
228   - <thead>
229   - <tr class="active">
230   - <th>Question</th>
231   - <th>Activity Title</th>
232   - <th>Status</th>
233   - <th>Action</th>
234   - </tr>
235   - </thead>
236   - <tbody id="resultLabData"></tbody>
237   - </table>
  261 + </div>
  262 + <div class="col-sm-12 table-responsive">
  263 + <table class="table table-hover table-condensed bg-white">
  264 + <thead>
  265 + <tr class="active">
  266 + <th>Question</th>
  267 + <th>Activity Title</th>
  268 + <th>Status</th>
  269 + <th>Action</th>
  270 + </tr>
  271 + </thead>
  272 + <tbody id="resultLabData"></tbody>
  273 + </table>
  274 + </div>
238 275 </div>
239 276 </div>
240   - </div>
241   - <div class="panel-footer">
242   - <div class="text-center">
243   - <button class="btn btn-sm btn-primary" ng-click="sendMail()">
244   - Email
245   - </button>
  277 + <div class="panel-footer">
  278 + <div class="text-center">
  279 + <button class="btn btn-sm btn-primary" ng-click="sendMail()">
  280 + Email
  281 + </button>
246 282  
  283 + </div>
  284 + <div class="clearfix"></div>
247 285 </div>
248   - <div class="clearfix"></div>
249   - </div>
250 286  
251   - </div>
  287 + </div>
252 288  
253 289  
  290 + </div>
254 291 </div>
255 292 </div>
256   - </div>
257 293  
258 294  
259 295  
... ...