diff --git a/app/index.html b/app/index.html
index 45efacd..2bb8c81 100644
--- a/app/index.html
+++ b/app/index.html
@@ -16,6 +16,8 @@
       <link rel="stylesheet" href="bower_components/angular-bootstrap/ui-bootstrap-csp.css"/>
       <link href="bower_components/jqGrid/css/ui.jqgrid.css" rel="stylesheet">
       <link href="bower_components/angular-xeditable/dist/css/xeditable.css" rel="stylesheet">
+      <link href="bower_components/angular-bootstrap-toggle/dist/angular-bootstrap-toggle.min.css"
+                rel="stylesheet">
 
 
       <link rel="stylesheet" href="css/main.css"/>
@@ -72,6 +74,7 @@
       <script src="bower_components/jqGrid/js/i18n/grid.locale-en.js"></script>
       <script src="bower_components/jqGrid/js/jquery.jqGrid.min.js"></script>
       <script src="bower_components/angular-xeditable/dist/js/xeditable.js"></script>
+      <script src="bower_components/angular-bootstrap-toggle/dist/angular-bootstrap-toggle.min.js"></script>
 
       
       <!-- 
diff --git a/app/js/app.js b/app/js/app.js
index 00e3c83..c01367e 100644
--- a/app/js/app.js
+++ b/app/js/app.js
@@ -1,7 +1,7 @@
 'use strict';
 
 
-  angular.module('acufuel', ['ngCookies', 'ngResource', 'ui.router', 'ngAnimate', 'ui.bootstrap', 'xeditable'])
+  angular.module('acufuel', ['ngCookies', 'ngResource', 'ui.router', 'ngAnimate', 'ui.bootstrap', 'xeditable', 'ui.toggle'])
 
     .config(['$httpProvider', function($httpProvider) {
       $httpProvider.defaults.withCredentials = true;
diff --git a/app/partials/ContactView/ContactView.controller.js b/app/partials/ContactView/ContactView.controller.js
index e4ccf47..ae76305 100644
--- a/app/partials/ContactView/ContactView.controller.js
+++ b/app/partials/ContactView/ContactView.controller.js
@@ -3,11 +3,11 @@
  //Load controller
   angular.module('acufuel')
 
-	.controller('ContactViewController', ['$scope', '$uibModal', 'ContactViewService', 'ViewCompanyService', function($scope, $uibModal, ContactViewService, ViewCompanyService) {
-      	$(function() {
-      		$('#toggle-one120').bootstrapToggle();
-      		$('#toggle-two21').bootstrapToggle();
-        }) 
+	.controller('ContactViewController', ['$scope', '$uibModal', 'ContactViewService', 'ViewCompanyService', 'ViewcontactService', function($scope, $uibModal, ContactViewService, ViewCompanyService, ViewcontactService) {
+      	// $(function() {
+      	// 	$('#toggle-one120').bootstrapToggle();
+      	// 	$('#toggle-two21').bootstrapToggle();
+       //  }) 
         
         $(document).ready(function() {
             $('#contacts').DataTable();
@@ -16,23 +16,21 @@
         ContactViewService.getContacts().then(function(result) {
         	console.log('==========',result);
         	$scope.contactList = result;
-          for(var i=0; i<$scope.contactList.length; i++){
-            console.log("adadas")
-            $scope.contactList[i].value = ""
-            console.log($scope.contactList[i].priceEmail)
-            if($scope.contactList[i].priceEmail == 'true'){
-                console.log(aaya)
-                $scope.contactList[i].value = 'on';
-            }else{
-                console.log("nai")
-                $scope.contactList[i].value = 'off'
-            }
-
-            $('#toggle-one12'+ [i]).bootstrapToggle($scope.contactList[i].value)
-          }
-          console.log($scope.contactList)
           
         })
+
+        $scope.changePriceEmail = function(id, index){
+          var contactId = id;
+          console.log($scope.contactList[index].priceEmail)
+          var statusData = "status=" + $scope.contactList[index].priceEmail;
+          ViewcontactService.changePriceEmail(contactId, statusData).then(function(result) {
+              if(result.success){
+                  toastr.success(''+result.success+'', {
+                      closeButton: true
+                  })
+              }
+          })
+        }
         
         ContactViewService.getCompanies().then(function(result) {
         	console.log('==========',result);
diff --git a/app/partials/ContactView/ContactView.html b/app/partials/ContactView/ContactView.html
index e87cbc8..3b4d69f 100644
--- a/app/partials/ContactView/ContactView.html
+++ b/app/partials/ContactView/ContactView.html
@@ -85,11 +85,13 @@
 										<td>{{contact.mobilePhone}}</td>
 										<td>{{contact.title}}</td>
 										<td>
-                                 <div class="my-toggle-switch" ng-click="changePriceEmail()">
+                                 <toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)"></toggle>
+
+                                 <!-- <div class="my-toggle-switch" ng-click="changePriceEmail()">
                                      <div>
                                         <input id="toggle-one12{{$index}}" checked type="checkbox" data-size="mini" data-width="110" data-toggle="toggle" data-on="PRICE EMAIL ON" data-off="PRICE EMAIL OFF">
                                      </div>
-                                  </div>
+                                  </div> -->
                               </td>
                               <td>{{contact.userName}}</td>
                               <td>{{contact.password}}</td>
diff --git a/bower.json b/bower.json
index eb0f82b..702a37d 100644
--- a/bower.json
+++ b/bower.json
@@ -32,6 +32,7 @@
     "DataTables": "~1.10.15",
     "angular-cookies": "~1.6.4",
     "angular-resource": "~1.6.4",
-    "angular-xeditable": "~0.7.1"
+    "angular-xeditable": "~0.7.1",
+    "angular-bootstrap-toggle": "~0.1.2"
   }
 }