Merge branch 'emailNotificationPopUp' of http://gitlab.ebix.com/ADAM/AIAHTML5 in…

…to getModestyBasedOnLiEdi

Merge branch 'emailNotificationPopUp' of http://gitlab.ebix.com/ADAM/AIAHTML5 in…
…to getModestyBasedOnLiEdi
Nikita Kulshreshtha
2 parents 91cead3b 197bb850
Showing 2 changed files with 167 additions and 112 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/LabExercController.js
400-SOURCECODE/AIAHTML5.Web/app/views/LabExerc/lab-exercises-detail.html
@@ -1329,7 +1329,9 @@ function ($scope, $rootScope, pages, log, $http, $timeout, DataService, $filter,
     }
     $scope.reportCopyStatus = false;
     $scope.SendLabEXMailToUser = function (User) {
-                var reportHtml = '';
+       
+        var reportHtml = '';
+   
                 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>';
                 $("#resultLabData tr").each(function () {
                     reportHtml += '<tr>';
@@ -1344,7 +1346,16 @@ function ($scope, $rootScope, pages, log, $http, $timeout, DataService, $filter,
                 });
                 reportHtml += '</tbody></table>';
-                $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 + "";
+             
+                if ($("#emailComment").val() == undefined || $("#emailComment").val() == "") {
+              
+                    $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 + "";
+                }
+                else {
+                 
+                    $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 + "";
+                }
+                
                 $scope.reportTitle = "Lab Exercise Report for " + $("#submitResultHtml .panel-heading .row div:nth-child(1)").text();
                 $scope.senderEmails = $("#emailTo").val();
@@ -1359,7 +1370,10 @@ function ($scope, $rootScope, pages, log, $http, $timeout, DataService, $filter,
         }
   )
        // for closing email popup
-        $rootScope.closeLabExEmailModel();
+                $rootScope.closeLabExEmailModel();
+                
+                document.getElementById('labExEmailSentModalID').style.display = "block";
+                document.getElementById('labExModalbackground').style.display = "block";
     }
     $rootScope.closeLabExEmailModel = function () {
         document.getElementById("LabExerciseForm").reset();
@@ -1369,6 +1383,7 @@ function ($scope, $rootScope, pages, log, $http, $timeout, DataService, $filter,
         document.getElementById('labExModalbackground').style.display = "none";
         document.getElementById('labExModalID').style.display = "none";
         $scope.reportCopyStatus = false;
+
     }
     $rootScope.sendMail = function () {
         window.scrollTo(0, 0);
@@ -1376,7 +1391,11 @@ function ($scope, $rootScope, pages, log, $http, $timeout, DataService, $filter,
         document.getElementById('labExModalbackground').style.display = "block";
         document.getElementById('labExModalID').style.display = "block";
     }
+    $rootScope.emailNotification = function () {
+        document.getElementById('labExEmailSentModalID').style.display = "none";
+        document.getElementById('labExModalbackground').style.display = "none";
+    }
 }]
 );
@@ -82,7 +82,7 @@
                                     <label for="">Note(optional)</label>
                                 </div>
                                 <div class="col-sm-7">
-                                    <textarea name="" id="" class="form-control" cols="30" rows="5" ng-model="User.comments"></textarea>
+                                    <textarea name="" id="emailComment" class="form-control" cols="30" rows="5"></textarea>
                                     <div class="help-block">255 character limit </div>
                                 </div>
                             </div>
@@ -108,7 +108,43 @@
         </div>
+        
+        <!-- Modal -->
+        <!--<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
+                    </div>
+                    <div class="modal-body">
+                        ...
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+                     
+                    </div>
+                </div>
+            </div>
+        </div>-->
+       
+        <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;">
+            <div class="modal-content">
+                <div class="modal-header">
+                   
+                    <h4 class="modal-title" id="myModalLabel">Email </h4>
+                </div>
+                <div class="modal-body ">
+                    <div class="modal-body" style="padding:10px;font-size:15px;">
+                        Email Sent Successfully.
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-primary" ng-click="emailNotification()">Close</button>
+                </div>
+            </div>
+        </div>
@@ -116,144 +152,144 @@
-        <div class="col-sm-12">
-            <div class="pull-left btn-group LabEx-Panel-state-minimized" id="LabExMinimizedId">
-                <p class="pull-left" style="color:#fff">LAB Ex ...</p>
-                <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>
+            <div class="col-sm-12">
+                <div class="pull-left btn-group LabEx-Panel-state-minimized" id="LabExMinimizedId">
+                    <p class="pull-left" style="color:#fff">LAB Ex ...</p>
+                    <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>
+                </div>
             </div>
-        </div>
-        <div class="col-sm-12">
+            <div class="col-sm-12">
-            <div class="container-fluid main-full">
-                <div class="row">
-                    <div class="panel panel-default" id="questionHtml" style="margin-bottom:0;">
-                        <div class="col-xs-12 panel-heading">
-                            <div class="col-xs-3" style="padding-left:5px;">
-                                {{activityTitle}}
-                            </div>
-                            <div class="col-xs-6 text-primary text-center">{{Title}}</div>
-                            <div class="text-right col-xs-3" style="padding-right:5px;">
-                                Question <strong id="quizNo">{{quiznumber}}</strong> of {{TotalNumberofQuiz}}
-                            </div>
-                        </div>
-                        <div class="panel-body" style="padding:2px;overflow:scroll">
-                            <div id="textblock" style="margin: 80px 20px; display block;width:1200px;">
-                                <div style="margin: 20px;" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}">
-                                    <div style="position:relative;" ng-bind-html="deliberatelyTrustDangerousSnippet(optionbox.QuizText)"></div>
+                <div class="container-fluid main-full">
+                    <div class="row">
+                        <div class="panel panel-default" id="questionHtml" style="margin-bottom:0;">
+                            <div class="col-xs-12 panel-heading">
+                                <div class="col-xs-3" style="padding-left:5px;">
+                                    {{activityTitle}}
+                                </div>
+                                <div class="col-xs-6 text-primary text-center">{{Title}}</div>
+                                <div class="text-right col-xs-3" style="padding-right:5px;">
+                                    Question <strong id="quizNo">{{quiznumber}}</strong> of {{TotalNumberofQuiz}}
                                 </div>
-                                <!--<ul>
-                    <li ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" ng-bind-html="'{{optionbox.QuizText}}' | to_trusted"></li>
-                </ul>-->
                             </div>
-                            <div align="center" class="dragger">
-                                <!--<div class="col-sm-2" style="padding-top: 150px; height: 500px; " id="divleft" droppable="true">
-                    <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>
-                </div>-->
-                                <div class="col-sm-12">
-                                    <div style="position: relative;" id="imgdiv">
-                                        <div id="imgblock">
-                                            <img id="droppable" ng-src="content/images/LE/{{Imagepath}}" alt="" ng-click="onClick()" ondragstart="return false;" imageonload />
-                                        </div>
-
-                                        <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>
-                                        <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>
+                            <div class="panel-body" style="padding:2px;overflow:scroll">
+                                <div id="textblock" style="margin: 80px 20px; display block;width:1200px;">
+                                    <div style="margin: 20px;" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}">
+                                        <div style="position:relative;" ng-bind-html="deliberatelyTrustDangerousSnippet(optionbox.QuizText)"></div>
                                     </div>
+                                    <!--<ul>
+                                    <li ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" ng-bind-html="'{{optionbox.QuizText}}' | to_trusted"></li>
+                                </ul>-->
+                                </div>
+                                <div align="center" class="dragger">
+                                    <!--<div class="col-sm-2" style="padding-top: 150px; height: 500px; " id="divleft" droppable="true">
+                                    <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>
+                                </div>-->
+                                    <div class="col-sm-12">
+                                        <div style="position: relative;" id="imgdiv">
+                                            <div id="imgblock">
+                                                <img id="droppable" ng-src="content/images/LE/{{Imagepath}}" alt="" ng-click="onClick()" ondragstart="return false;" imageonload />
+                                            </div>
+
+                                            <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>
+                                            <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>
+                                        </div>
-                                    <div class="col-sm-12" style=" margin-top: 20px; min-height:100px;" id="divoptions" droppable="true">
-                        <!--<div class="col-sm-3 col-lg-3  ui-draggable" >-->
-                                    <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>
+                                        <div class="col-sm-12" style=" margin-top: 20px; min-height:100px;" id="divoptions" droppable="true">
+                                            <!--<div class="col-sm-3 col-lg-3  ui-draggable" >-->
+                                            <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>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <!--<div class="col-sm-12" style="padding-top: 15px;min-height:100px;" id="divright" droppable="true">
+                                <!--<div class="col-sm-12" style="padding-top: 15px;min-height:100px;" id="divright" droppable="true">
                                 <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>
                             </div>-->
-                        </div>
-
-                        <div class="panel-footer">
-                            <div class="pull-left">
-                                <!--<p>Question <strong>{{quiznumber}}</strong> of {{TotalNumberofQuiz}}</p>-->
                             </div>
-                            <div class="pull-right">
-                                <div class="btn-group pull-left marginR5">
-                                    <button class="btn btn-sm btn-primary" style="display:none;" ng-click="SubmitAttempt()" id="quizSubmitBtn">Submit</button>
-                                    <button class="btn btn-sm btn-primary" style="display:none;" id="reportBtn" ng-click="ReportGen()">Report</button>
-                                    <button class="btn btn-sm btn-primary" id="saveBtn" ng-click="SaveAnswer()">Save</button>
-                                    <button class="btn btn-sm btn-primary" id="reviewBtn" ng-click="ReviewAttempt()">Review Your Attempt</button>
-                                    <button class="btn btn-sm btn-primary" id="resetBtn" ng-click="OnResetClick()">Reset</button>
+
+                            <div class="panel-footer">
+                                <div class="pull-left">
+                                    <!--<p>Question <strong>{{quiznumber}}</strong> of {{TotalNumberofQuiz}}</p>-->
                                 </div>
-                                <div class="btn-group">
-                                    <button class="btn btn-sm btn-black" ng-click="prevQuiz()"><i class="fa fa-arrow-left"></i></button>
-                                    <button class="btn btn-sm btn-black" ng-click="nextQuiz()"><i class="fa fa-arrow-right"></i></button>
+                                <div class="pull-right">
+                                    <div class="btn-group pull-left marginR5">
+                                        <button class="btn btn-sm btn-primary" style="display:none;" ng-click="SubmitAttempt()" id="quizSubmitBtn">Submit</button>
+                                        <button class="btn btn-sm btn-primary" style="display:none;" id="reportBtn" ng-click="ReportGen()">Report</button>
+                                        <button class="btn btn-sm btn-primary" id="saveBtn" ng-click="SaveAnswer()">Save</button>
+                                        <button class="btn btn-sm btn-primary" id="reviewBtn" ng-click="ReviewAttempt()">Review Your Attempt</button>
+                                        <button class="btn btn-sm btn-primary" id="resetBtn" ng-click="OnResetClick()">Reset</button>
+                                    </div>
+                                    <div class="btn-group">
+                                        <button class="btn btn-sm btn-black" ng-click="prevQuiz()"><i class="fa fa-arrow-left"></i></button>
+                                        <button class="btn btn-sm btn-black" ng-click="nextQuiz()"><i class="fa fa-arrow-right"></i></button>
+                                    </div>
                                 </div>
+                                <div class="clearfix"></div>
                             </div>
-                            <div class="clearfix"></div>
                         </div>
                     </div>
-                </div>
-                <div class="panel panel-default" id="submitResultHtml" style="display:none;">
-                    <div class="panel-heading">
-                        <div class="row">
-                            <div class="col-sm-4 text-left"><strong>{{LabExerciseName}}</strong></div>
-                            <div class="col-sm-4 text-center">Performance Report</div>
-                            <div class="col-sm-4 text-right">Score:{{scoreResult}}% </div>
+                    <div class="panel panel-default" id="submitResultHtml" style="display:none;">
+                        <div class="panel-heading">
+                            <div class="row">
+                                <div class="col-sm-4 text-left"><strong>{{LabExerciseName}}</strong></div>
+                                <div class="col-sm-4 text-center">Performance Report</div>
+                                <div class="col-sm-4 text-right">Score:{{scoreResult}}% </div>
+                            </div>
                         </div>
-                    </div>
-                    <div class="panel-body no-padding">
-                        <div class="row">
-                            <div class="col-sm-12 table-responsive ">
-                                <table class="table table-hover table-condensed bg-white" id="questionStatus">
-                                    <thead>
-                                        <tr class="active">
-                                            <th class="text-center">Total Question</th>
-                                            <th class="text-center">Correct Answers</th>
-                                            <th class="text-center">Incorrect Answers</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr class="text-center">
-                                            <td>{{TotalNumberofQuiz}}</td>
-                                            <td>{{CorrectAnswer}}</td>
-                                            <td>{{inCorrectAnswer}}</td>
-                                        </tr>
-                                    </tbody>
-                                </table>
+                        <div class="panel-body no-padding">
+                            <div class="row">
+                                <div class="col-sm-12 table-responsive ">
+                                    <table class="table table-hover table-condensed bg-white" id="questionStatus">
+                                        <thead>
+                                            <tr class="active">
+                                                <th class="text-center">Total Question</th>
+                                                <th class="text-center">Correct Answers</th>
+                                                <th class="text-center">Incorrect Answers</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            <tr class="text-center">
+                                                <td>{{TotalNumberofQuiz}}</td>
+                                                <td>{{CorrectAnswer}}</td>
+                                                <td>{{inCorrectAnswer}}</td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
-                            </div>
-                            <div class="col-sm-12 table-responsive">
-                                <table class="table table-hover table-condensed  bg-white">
-                                    <thead>
-                                        <tr class="active">
-                                            <th>Question</th>
-                                            <th>Activity Title</th>
-                                            <th>Status</th>
-                                            <th>Action</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody id="resultLabData"></tbody>
-                                </table>
+                                </div>
+                                <div class="col-sm-12 table-responsive">
+                                    <table class="table table-hover table-condensed  bg-white">
+                                        <thead>
+                                            <tr class="active">
+                                                <th>Question</th>
+                                                <th>Activity Title</th>
+                                                <th>Status</th>
+                                                <th>Action</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody id="resultLabData"></tbody>
+                                    </table>
+                                </div>
                             </div>
                         </div>
-                    </div>
-                    <div class="panel-footer">
-                        <div class="text-center">
-                            <button class="btn btn-sm btn-primary" ng-click="sendMail()">
-                                Email
-                            </button>
+                        <div class="panel-footer">
+                            <div class="text-center">
+                                <button class="btn btn-sm btn-primary" ng-click="sendMail()">
+                                    Email
+                                </button>
+                            </div>
+                            <div class="clearfix"></div>
                         </div>
-                        <div class="clearfix"></div>
-                    </div>
-                </div>
+                    </div>
+                </div>
             </div>
         </div>
-    </div>