working on enable/disable simple bill users based on the corresponding input checkbox.

Author: Prashanth Batchu

billrive-client/app/css/app.css

@@ -65,3 +65,7 @@ body {
  min-height: 500px;
 }
 
+.done-true {
+ text-decoration: line-through;
+ color: grey;
+}

billrive-client/app/js/controllers.js

@@ -28,18 +28,19 @@ billRive.controller('billController', function($scope, billService) {
  if ($scope.friends[j].id == $groupMembers[i])
  $friendNamefromId = $scope.friends[j].name;
  }
- $groupUserAndLiableCost.push({userId: $groupMembers[i], liableCost: null, name: $friendNamefromId});
+ $groupUserAndLiableCost.push({userId: $groupMembers[i], liableCost: null, name: $friendNamefromId,enabled:true});
  }
  $scope.bill.billFinances.billSimpleTotals.userIdAndLiableCost = $groupUserAndLiableCost;
  $groupUserAndLiableCost = [];
-
+$scope.simpleCalculatedTotal=0;
  };
 
 $scope.calculateSimpleSum=function(){
 
  $scope.simpleCalculatedTotal=0;
  for (i = 0; i < $scope.bill.billFinances.billSimpleTotals.userIdAndLiableCost.length; i++) {
- $scope.simpleCalculatedTotal+= parseInt($scope.bill.billFinances.billSimpleTotals.userIdAndLiableCost[i].liableCost);
+ if($scope.bill.billFinances.billSimpleTotals.userIdAndLiableCost[i].liableCost!=null)
+ $scope.simpleCalculatedTotal+= parseInt($scope.bill.billFinances.billSimpleTotals.userIdAndLiableCost[i].liableCost);
  }
 
 

billrive-client/app/partials/addBill.html

@@ -62,5 +62,5 @@
  </div>
  </div>
 </div>
-{{bill}}
+<!--{{bill}}-->
 

billrive-client/app/partials/addBill/simple.html

@@ -5,11 +5,11 @@
  <div class="row-fluid">
 
  <div class="span3">
- <input type="checkbox" ng-model="todo.done"/>
- {{user.name}}
+ <input  type="checkbox" ng-model="user.enabled" />
+ <span class="done-{{!user.enabled}}"> {{user.name}}</span>
  </div>
  <div class="span3">
- <input ng-change='calculateSimpleSum()' type="text" ng-model='user.liableCost' class="span6" placeholder="0.00" />
+ <input ng-required='user.enabled' ng-disabled="!user.enabled" ng-change='calculateSimpleSum()' type="text" ng-model='user.liableCost' class="span6" placeholder="0.00" />
  </div> 
  </div> 
  </li>
@@ -23,7 +23,7 @@
 
  <div class="span3">
 
- Calculated Total
+  Calculated Total
  </div>
  <div class="span3">
  <input type="text" disabled ng-model='simpleCalculatedTotal' class="span6" placeholder="0.00" />