prepared object for save . need to get score and move code in functions.

Nikita Kulshreshtha
1 parent b64d9472
Showing 8 changed files with 245 additions and 33 deletions
400-SOURCECODE/AIAHTML5.API/AIAHTML5.API.csproj
400-SOURCECODE/AIAHTML5.API/Controllers/LabExerciseController.cs
400-SOURCECODE/AIAHTML5.API/Controllers/LabExercises.cs
400-SOURCECODE/AIAHTML5.API/packages.config
400-SOURCECODE/AIAHTML5.Web/app/controllers/LabExercController.js
400-SOURCECODE/AIAHTML5.Web/app/services/LabExerciseService.js
400-SOURCECODE/AIAHTML5.Web/app/views/LabExerc/lab-exercises-detail.html
400-SOURCECODE/AIAHTML5.Web/index.html
@@ -60,17 +60,17 @@
       <HintPath>..\packages\MongoDB.Driver.Core.2.5.0\lib\net45\MongoDB.Driver.Core.dll</HintPath>
       <Private>True</Private>
     </Reference>
-    <Reference Include="Newtonsoft.Json, Version=6.0.0.0, Culture=neutral, PublicKeyToken=30ad4fe6b2a6aeed, processorArchitecture=MSIL">
-      <SpecificVersion>False</SpecificVersion>
-      <HintPath>..\packages\Newtonsoft.Json.6.0.4\lib\net45\Newtonsoft.Json.dll</HintPath>
+    <Reference Include="Newtonsoft.Json, Version=4.5.0.0, Culture=neutral, PublicKeyToken=30ad4fe6b2a6aeed, processorArchitecture=MSIL">
+      <HintPath>..\packages\Newtonsoft.Json.5.0.6\lib\net45\Newtonsoft.Json.dll</HintPath>
+      <Private>True</Private>
     </Reference>
     <Reference Include="System.Buffers, Version=4.0.1.0, Culture=neutral, PublicKeyToken=cc7b13ffcd2ddd51, processorArchitecture=MSIL">
       <HintPath>..\packages\System.Buffers.4.3.0\lib\netstandard1.1\System.Buffers.dll</HintPath>
       <Private>True</Private>
     </Reference>
     <Reference Include="System.Net.Http" />
-    <Reference Include="System.Net.Http.Formatting, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35, processorArchitecture=MSIL">
-      <HintPath>..\packages\Microsoft.AspNet.WebApi.Client.5.2.3\lib\net45\System.Net.Http.Formatting.dll</HintPath>
+    <Reference Include="System.Net.Http.Formatting, Version=5.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35, processorArchitecture=MSIL">
+      <HintPath>..\packages\Microsoft.AspNet.WebApi.Client.5.0.0\lib\net45\System.Net.Http.Formatting.dll</HintPath>
       <Private>True</Private>
     </Reference>
     <Reference Include="System.Runtime.InteropServices.RuntimeInformation, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a, processorArchitecture=MSIL">
@@ -86,12 +86,12 @@
     <Reference Include="System.Core" />
     <Reference Include="System.Data.DataSetExtensions" />
     <Reference Include="System.Web.Extensions" />
-    <Reference Include="System.Web.Http, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35, processorArchitecture=MSIL">
-      <HintPath>..\packages\Microsoft.AspNet.WebApi.Core.5.2.3\lib\net45\System.Web.Http.dll</HintPath>
+    <Reference Include="System.Web.Http, Version=5.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35, processorArchitecture=MSIL">
+      <HintPath>..\packages\Microsoft.AspNet.WebApi.Core.5.0.0\lib\net45\System.Web.Http.dll</HintPath>
       <Private>True</Private>
     </Reference>
-    <Reference Include="System.Web.Http.WebHost, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35, processorArchitecture=MSIL">
-      <HintPath>..\packages\Microsoft.AspNet.WebApi.WebHost.5.2.3\lib\net45\System.Web.Http.WebHost.dll</HintPath>
+    <Reference Include="System.Web.Http.WebHost, Version=5.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35, processorArchitecture=MSIL">
+      <HintPath>..\packages\Microsoft.AspNet.WebApi.WebHost.5.0.0\lib\net45\System.Web.Http.WebHost.dll</HintPath>
       <Private>True</Private>
     </Reference>
     <Reference Include="System.Xml.Linq" />
@@ -121,6 +121,7 @@
     <Compile Include="Controllers\AdminAccessController.cs" />
     <Compile Include="Controllers\AuthenticateController.cs" />
     <Compile Include="Controllers\ForgotUserController.cs" />
+    <Compile Include="Controllers\LabExerciseController.cs" />
     <Compile Include="Controllers\LicenseTermConditionController.cs" />
     <Compile Include="Controllers\PixelLocationsController.cs" />
     <Compile Include="Controllers\ResetPasswordController.cs" />
+using Newtonsoft.Json.Linq;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Net;
+using System.Net.Http;
+using System.Web.Http;
+
+namespace AIAHTML5.API.Controllers
+{
+    public class LabExerciseController : ApiController
+    {
+        // GET api/<controller>
+        public IEnumerable<string> Get()
+        {
+            return new string[] { "value1", "value2" };
+        }
+
+        // GET api/<controller>/5
+        public string Get(int id)
+        {
+            return "value";
+        }
+
+        // POST api/<controller>
+        public void Post([FromBody]JObject labExerciseUserAttemptData)
+        {
+        }
+
+        // PUT api/<controller>/5
+        public void Put(int id, [FromBody]string value)
+        {
+        }
+
+        // DELETE api/<controller>/5
+        public void Delete(int id)
+        {
+        }
+    }
+}
 \ No newline at end of file
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System;
+using System.Threading.Tasks;
+using MongoDB.Bson;
+using MongoDB.Driver;
+using AIAHTML5.API.Properties;
+using MongoDB.Driver.Builders;
+
+namespace AIAHTML5.API.Models
+{
+    public class LabExercises
+    {
+        public int Attemptnumber { get; set; }
+        public string labExerciseCode { get; set; }
+        public string Answer { get; set; }
+        public int Question { get; set; }
+        public int Score { get; set; }
+
+
+        public void UpdateUserLabExercise(Users objUser)
+        {
+            var client = new MongoClient();
+            var db = client.GetDatabase(Settings.Default.database);
+
+            var collection = db.GetCollection<BsonDocument>("Users");
+
+            collection.UpdateOne(
+            Builders<BsonDocument>.Filter.Eq("loginId", objUser.loginId),
+            Builders<BsonDocument>.Update.Set("LabExerciseAttempt", objUser.labExerciseAttempt));
+           
+
+        }
+    }
+}
 \ No newline at end of file
 <?xml version="1.0" encoding="utf-8"?>
 <packages>
   <package id="DnsClient" version="1.0.7" targetFramework="net45" />
+  <package id="Microsoft.AspNet.WebApi" version="5.0.0" targetFramework="net45" />
+  <package id="Microsoft.AspNet.WebApi.Client" version="5.0.0" targetFramework="net45" />
+  <package id="Microsoft.AspNet.WebApi.Core" version="5.0.0" targetFramework="net45" />
+  <package id="Microsoft.AspNet.WebApi.WebHost" version="5.0.0" targetFramework="net45" />
   <package id="MongoDB.Bson" version="2.5.0" targetFramework="net45" />
   <package id="MongoDB.Driver" version="2.5.0" targetFramework="net45" />
   <package id="MongoDB.Driver.Core" version="2.5.0" targetFramework="net45" />
+  <package id="Newtonsoft.Json" version="5.0.6" targetFramework="net45" />
   <package id="System.Buffers" version="4.3.0" targetFramework="net45" />
   <package id="System.Runtime.InteropServices.RuntimeInformation" version="4.0.0" targetFramework="net45" />
 </packages>
 \ No newline at end of file
 /// <reference path="../../content/data/json/le/LabExercise.js" />
-AIA.controller("LabExercController", ["$scope", "$rootScope", "pages", "$log", '$http', 'DataService', '$filter', '$location', '$document', '$sce',"$compile","$location",
-function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location, $document, $sce, $compile, $location) {
+AIA.controller("LabExercController", ["$scope", "$rootScope", "pages", "$log", '$http', 'DataService', '$filter', '$location', '$document', '$sce', "$compile", "$location", "LabExerciseService",
+function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location, $document, $sce, $compile, $location, LabExerciseService) {
     $scope.$sce = $sce;
     $scope.LabExerciseName;
     $scope.LabExerciseQuiz = null;
@@ -10,13 +10,12 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
     $scope.Title = "";
     $scope.Imagepath = "";
     $scope.DraggedList = [];
+    $scope.AnswerList = [];
+    $scope.UserAnswersForAllQuestions = [];
+    $scope.LabExercise = [];
     $scope.dragableId = "";
     $scope.blReviewAttempt = false;
     $scope.$on('$viewContentLoaded', function (event) {
-
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
         // code that will be executed ... 
         // every time this view is loaded
@@ -31,7 +30,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
             $rootScope.currentActiveModuleTitle = selectedModuleName;
         })
-        $scope.showTabButton = false;
+        $scope.showme = false;
         $rootScope.currentActiveModuleTitle = pages[8].name;
         $scope.getLabExerciseModules();
@@ -47,7 +46,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
     });
-    // $scope.showTabButton = false;
+    // $scope.showme = false;
     $scope.IsVisible = function () {
         // $scope.scroll();
@@ -92,19 +91,16 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
     $scope.GetQuizByTopic = function () {
-
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
         var keywords = $location.search();
         $scope.LabExerciseName = keywords.labexercise;
         $scope.LabExerciseModules = null;
         $scope.LabExerciseBoxes = null;
+        //alert($scope.LabExerciseName)
         var labExerciseModulePath = '~/../content/data/json/le/' + $scope.LabExerciseName + '.json';
         DataService.getAnotherJson(labExerciseModulePath).then(
         function (result) {
-            //debugger;
+            $scope.LabExData = result;
             // alert(JSON.stringify(result.LabExercise));
             $.each(result.LabExercise, function (index, value) {
                 $scope.LabExerciseName = result.LabExercise[index].Topic;
@@ -115,12 +111,13 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
                         if (result.LabExercise[index].Questions[index1].Number == $scope.quiznumber) {
                             if (result.LabExercise[index].Questions[index1].ImagePath == "") {
                                 $("#imgblock").css("display", "none");
+                                //$("#imgblock").remove();
                                 $scope.IsVisible = false;
                                 $("#textblock").css("display", "block");
                                 $scope.LabExerciseModules = result.LabExercise[index].Questions[index1];
                                 $scope.deliberatelyTrustDangerousSnippet = function (html) {
-                                   //var htmltag= $compile(html)($scope);
-                                   return $sce.trustAsHtml(html);
+                                    //var htmltag= $compile(html)($scope);
+                                    return $sce.trustAsHtml(html);
                                 };
                                 $scope.activityTitle = result.LabExercise[index].Questions[index1].activityTitle;
                                 $scope.Title = result.LabExercise[index].Questions[index1].Title;
@@ -129,6 +126,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
                                 $("#imgblock").css("display", "block");
                                 $scope.IsVisible = true;
                                 $("#textblock").css("display", "none");
+                               // $("#textblock").remove();
                                 $scope.LabExerciseModules = result.LabExercise[index].Questions[index1];
                                 $scope.activityTitle = result.LabExercise[index].Questions[index1].activityTitle;
                                 $scope.Title = result.LabExercise[index].Questions[index1].Title;
@@ -151,6 +149,16 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
     }
     $scope.nextQuiz = function () {
+        //need to save all questions till the current question number when user clicks on save
+        if ($scope.dragableId!="") {
+            $scope.UserAnswersForAllQuestions.push({'QuestionNo':$scope.quiznumber,'UserAnswer':$scope.AnswerList})
+
+        }
+        else {
+            //need to anattampted question means user ahs not dragged, dropped options so save blank 
+            $scope.UserAnswersForAllQuestions.push({ 'QuestionNo': $scope.quiznumber, 'UserAnswer': "" })
+        }
+        $scope.dragableId = "";
         if ($scope.quiznumber == $scope.TotalNumberofQuiz)
             return;
         else
@@ -160,6 +168,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
     }
     $scope.prevQuiz = function () {
+        $scope.dragableId = "";
         if ($scope.quiznumber == 1)
             return;
         else
@@ -188,7 +197,10 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
         //alert(x.left + "," + $("#droppable").clientWidth + "," + x.top);
         var id = $(this).attr("id");
+
         var keywords = $location.search();
+        $scope.labExercideIdentifier = (keywords.labexercise.replace('.json', '')).split('dat_')[1];
+
         var dataText = e.dataTransfer.getData('text/plain');
         if (id == "divoptions" || id == "divleft" || id == "divright") {
             var item = $('#' + $scope.dragableId).html();
@@ -196,17 +208,21 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
             var labExerciseModulePath = '~/../content/data/json/le/' + keywords.labexercise + '.json';
             DataService.getAnotherJson(labExerciseModulePath).then(
             function (result) {
-
+                
                 $.each(result.LabExercise, function (index, value) {
                     if (result.LabExercise[index].Slug == keywords.labexercise) {
                         $.each(result.LabExercise[index].Questions, function (index1, value1) {
                             if (result.LabExercise[index].Questions[index1].Number == $scope.quiznumber) {
                                 var Options = result.LabExercise[index].Questions[index1].Options;
+                                $scope.maxScore = Options.length;
+
                                 $.each(Options, function (inx, value2) {
                                     if (Options[inx].OptionTitle == item) {
                                         if ($scope.DraggedList != null) {
                                             $.each($scope.DraggedList, function (inx1, value3) {
-
+                                               // $scope.AnswerList.push({ "optionName": id.split('-')[1], "AnswerName": $scope.dragableId.split('-')[1] });
+                                                var balnkBox=id.split('-')[1];
+                                                $scope.UserAttempt.push({balnkBox :+ $scope.dragableId.split('-')[1] });
                                                 if ($scope.DraggedList[inx1].Value == item) {
                                                     $scope.DraggedList.splice(inx1, 1);
                                                     $('#block-' + Options[inx].OptionNumber).css("display", "block");
@@ -249,6 +265,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
                                             });
                                         }
+                                        $scope.AnswerList.push({ "optionName": id.split('-')[1], "AnswerName": $scope.dragableId.split('-')[1] });
                                         $scope.DraggedList.push({ "id": id.split('-')[1], "optionName": id.split('-')[1], "Value": dataText, "topcoord": Options[inx].topcoord, "leftcoord": Options[inx].leftcoord });
                                         //$('#' + $scope.dragableId).remove();
                                         $('#' + $scope.dragableId).css("display", "none");
@@ -274,6 +291,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
         //{
         //    $("#divoptions").html("<br><br><br><br>")
         //}
+        //alert(JSON.stringify($scope.AnswerList));
     };
     $scope.handleDragOver = function (e) {
@@ -342,7 +360,93 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
         }
     };
-   
+
+    $scope.SaveAnswer = function () {
+
+        //get user answers
+        var userAnswers = [];
+        var blockBoxes = $("div[id*='blockbox']");
+        var blockBoxesInTextBlock = $("#textblock").children();
+
+        var blockBoxLength = blockBoxes.length - blockBoxesInTextBlock.length;
+        var blockAnswers = $("div[id*='blockans']");
+        for (var i = 0; i < blockAnswers.length; i++) {
+
+            var id = (blockAnswers[i].id).split('-')[1];
+            userAnswers[id.replace('T','')] = blockAnswers[i].innerHTML;
+        }
+
+        var commaSeperatedUserAnswers = '';
+        for (var i = 1; i <=blockBoxLength; i++) {
+            
+                var userAns = userAnswers[i];
+                if(userAns!=undefined){
+                    commaSeperatedUserAnswers +=userAns + ',';
+                }
+                else{
+                    commaSeperatedUserAnswers +=''+',';
+                }
+        }
+        //remove last comma
+        commaSeperatedUserAnswers = commaSeperatedUserAnswers.replace(/,$/, '');
+
+
+        //get correct response
+        $scope.correctResponse ='';
+        $scope.correctResponseForSavingDatabase ='';
+        var cr =   new jinqJs()
+                  .from($scope.LabExData.LabExercise[0].Questions)
+                       .where('Number == ' + $scope.quiznumber)
+                       .select();
+        for (var i = 0; i < cr[0].correctResponse.length; i++) {
+            var blankBox = cr[0].correctResponse[i].OptionBox;
+            var options = cr[0].correctResponse[i].Answer;
+            $scope.correctResponse += blankBox + ' ' + options + ',';
+            $scope.correctResponseForSavingDatabase += parseInt(blankBox.replace('T',''))-1 + ':' + options + ',';
+        }
+
+        $scope.correctResponse = $scope.correctResponse.replace(/,$/, '');
+        $scope.correctResonseKeyValue = $scope.correctResponse.split(',');
+
+        $scope.correctResponseForSavingDatabase = $scope.correctResponseForSavingDatabase.replace(/,$/, '');
+       // $scope.correctResponseForSavingDatabaseArray = $scope.correctResponseForSavingDatabase.split(',');
+
+        //get dragItems
+        var OptionBoxes = $("div[id*='block-']");
+        $scope.DragItems = '';
+        for (var i = 0; i < OptionBoxes.length; i++) {
+            $scope.DragItems += OptionBoxes[i].id.replace('block-', '') + ',' + OptionBoxes[i].innerHTML + ';';
+        }
+        $scope.DragItems = DragItems.replace(/;$/, '');
+
+
+        //get score
+
+        $scope.LabExerciseAttemptedData = {
+            userId:  localStorage.getItem('loggedInUserDetails').id,
+            //Attemptnumber: 1,
+            labExerciseIdentifier: $scope.labExercideIdentifier,
+            LastQuestion: $scope.quiznumber,
+            TotalQuestions: $scope.TotalNumberofQuiz,
+            MaxScore: $scope.maxScore,
+            UserAnswer: commaSeperatedUserAnswers,
+            QuestionNo: $scope.quiznumber,
+            CorrectAnswer: JSON.stringify($scope.correctResponseForSavingDatabase),
+            DragItems: $scope.DragItems,
+            Score: 1
+        }
+        var abc = $scope.AnswerList;
+        //LabExerciseService.saveLabExerciseAttempt("superadmin", $scope.LabExerciseAttemptedData)
+        LabExerciseService.saveLabExerciseAttempt($scope.LabExerciseAttemptedData)
+            .then(
+                 function (result) {
+                     alert("Successfully updated");
+                 },
+                 function (error) {
+                     console.log(' Error in authentication = ' + error.statusText);
+                     alert("Error");
+                 });
+    };
 }]
 );
+AIA.factory('LabExerciseService', function ($http, $q) {
+    return {
+        saveLabExerciseAttempt: function (username, labExercieObj) {
+            var deferred = $q.defer();
+            
+            $http.post('/API/api/Authenticate', JSON.stringify(userInfo), {
+                headers: {
+                    'Content-Type': 'application/json'
+                }
+            })
+            .success(function (data, status, headers, config) {
+                console.log('success')
+                deferred.resolve(data);
+            }).error(function (data, status, headers, config) {
+                console.log('error')
+                deferred.reject(data);
+                $rootScope.isVisibleLogin = true;
+                $rootScope.errorMessage = data;
+                $("#messageModal").modal('show');
+                
+            });
+            return deferred.promise;
+        },
+    }
+})
 \ No newline at end of file
@@ -26,7 +26,7 @@
                         </div>
                         <div class="panel-body" style="padding:2px;overflow:scroll">
                             <div id="textblock" style="margin:20px;">
-                                <div style="margin:14px;" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}">
+                                <div style="margin: 20px;" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}">
                                     <div ng-bind-html="deliberatelyTrustDangerousSnippet(optionbox.QuizText)"></div>
                                 </div>
                                 <!--<ul>
@@ -38,16 +38,16 @@
                                     <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;" class="thumbnail caption col-sm-2 col-lg-3  ui-draggable marginR5 " id="block-{{option.OptionNumber}}">{{option.OptionTitle}}</div>
                                 </div>
                                 <div class="col-sm-9">
-                                    <div style="position: relative; margin-left: 70px;" id="imgdiv">
+                                    <div style="position: relative; margin-left: 85px;" id="imgdiv">
                                         <div id="imgblock">
-                                            <img id="droppable" ng-src="content/images/LE/{{Imagepath}}"  alt="" ng-click="onClick()" imageonload />
+                                            <img id="droppable" ng-src="content/images/LE/{{Imagepath}}" alt="" ng-click="onClick()" 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}}" 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':'5px'}">{{ans.Value}}</div>
                                     </div>
-                                    <div class="col-sm-12" style="margin-left: 200px; margin-top: 10px; height:80px;" id="divoptions" droppable="true" >
+                                    <div class="col-sm-12" style="margin-left: 215px; margin-top: 10px; height:80px;" id="divoptions" droppable="true">
                                         <!--<div class="col-sm-3 col-lg-3  ui-draggable" >-->
                                         <div draggable="true" ng-repeat="option in LabExerciseModules.Options | filter:{'textalign':'bottom'}" 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>-->
@@ -64,7 +64,7 @@
                             </div>
                             <div class="pull-right">
                                 <div class="btn-group pull-left marginR5">
-                                    <button class="btn btn-sm btn-primary">Save</button>
+                                    <button class="btn btn-sm btn-primary" ng-click="SaveAnswer()">Save</button>
                                     <button class="btn btn-sm btn-primary" ng-click="ReviewAttempt()">Review Your Attempt</button>
                                     <button class="btn btn-sm btn-primary" ng-click="resetQuiz()">Reset</button>
                                 </div>
@@ -1435,7 +1435,7 @@
     <script src="app/services/TermService.js"></script>
     <script src="libs/jquery/jquery_plugin/jqueryui.js"></script>
     <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
-
+    <script src="../app/services/LabExerciseService.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
     <script src="libs/jquery/jquery_plugin/color-picker/jquery.minicolors.min.js"></script>