Implements multiple filter in the input boxes for loading the sprint (rebased)

Author: sudheesh001

app/js/controllers.js

@@ -165,8 +165,95 @@ angular.module('myApp.controllers', [])
         $scope.bugs = [];
         bzService.getBugs($scope.m.whiteboard, function (data) {
           $scope.bugs = data;
-          $(".selected", "#milestonesOf" + $routeParams.id).removeClass("selected");
-          $("#milestonesOf" + $routeParams.id).show();
+          $scope.filtered_bugs = data;
+          console.log(data);
+          $scope.whiteboard = "";
+          $scope.component = "";
+          $scope.assigned_to = "";
+          $scope.status = "";
+          // Multiple filter criteria, Split by commas in the input boxes
+          $scope.filter_bug = function () {
+            // Splitting the whiteboard input elements.
+            whiteboard_split = $scope.whiteboard.split(',');
+            $scope.filtered_bugs = [];
+            if($scope.whiteboard != "") {
+              for (var whiteboardElement = 0; whiteboardElement < whiteboard_split.length; whiteboardElement++) {
+                if (whiteboard_split[whiteboardElement] == "")
+                  continue;
+                for (var searchIndex = 0; searchIndex < $scope.bugs.length; searchIndex++) {
+                  var returnedVal = $scope.bugs[searchIndex].whiteboard.toLowerCase().search(whiteboard_split[whiteboardElement].toLowerCase().trim());
+                  if(returnedVal != -1) {
+                    $scope.filtered_bugs.push($scope.bugs[searchIndex]);
+                  }
+                };
+              };  
+            }
+            else {
+              $scope.filtered_bugs = $scope.bugs;
+            }
+
+            // Splitting the component input elements.
+            component_split = $scope.component.split(',');
+            filtered_bugs_component = [];
+            flag_component = false;
+            if($scope.component.length != 0) {
+              for (var componentElement = 0; componentElement < component_split.length; componentElement++) {
+                if (component_split[componentElement] == "")
+                  continue;
+                for (var searchIndex = 0; searchIndex < $scope.filtered_bugs.length; searchIndex++) {
+                  for (var componentIndexArr = 0; componentIndexArr < $scope.filtered_bugs[searchIndex].component.length; componentIndexArr++) {
+                    var returnedVal = $scope.filtered_bugs[searchIndex].component[componentIndexArr].toLowerCase().search(component_split[componentElement].toLowerCase().trim());
+                    if(returnedVal != -1) {
+                      flag_component = true;
+                      filtered_bugs_component.push($scope.filtered_bugs[searchIndex]);
+                      break;
+                    }
+                  };
+                };
+              };
+              $scope.filtered_bugs = filtered_bugs_component;
+            }
+
+            // Splitting the assignment input elements.
+            var flag_assigned  = false;
+            assigned_to_split = $scope.assigned_to.split(',');
+            var filtered_bugs_assigned = [];
+            if(!$scope.assigned_to == "") {
+              for (var assignedElement = 0; assignedElement < assigned_to_split.length; assignedElement++) {
+                if(assigned_to_split[assignedElement] == "")
+                  continue;
+                for (var assignedIndex = 0; assignedIndex < $scope.filtered_bugs.length; assignedIndex++) {
+                  var assignedVal = $scope.filtered_bugs[assignedIndex].assigned_to.toLowerCase().search(assigned_to_split[assignedElement].toLowerCase().trim());
+                  if(assignedVal != -1) {
+                    flag_assigned = true;
+                    filtered_bugs_assigned.push($scope.filtered_bugs[assignedIndex]);
+                  }
+                };
+              };
+              $scope.filtered_bugs = filtered_bugs_assigned;
+            }
+
+            // Splitting the status input element.
+            var flag_status  = false;
+            status_to_split = $scope.status.split(',');
+            var filtered_bugs_status = [];
+            if(!$scope.status == ""){
+              for (var statusElement = 0; statusElement < status_to_split.length; statusElement++) {
+                if(status_to_split[statusElement] == "")
+                  continue;
+                for (var statusIndex = 0; statusIndex < $scope.filtered_bugs.length; statusIndex++) {
+                  var statusVal = $scope.filtered_bugs[statusIndex].status.toLowerCase().search(status_to_split[statusElement].toLowerCase().trim());
+                  if(statusVal != -1) {
+                    flag_status = true;
+                    filtered_bugs_status.push($scope.filtered_bugs[statusIndex]);
+                  }
+                };
+              };
+              $scope.filtered_bugs = filtered_bugs_status;
+            }
+          }
+          $('.selected', '#milestonesOf' + $routeParams.id).removeClass('selected');
+          $('#milestonesOf' + $routeParams.id).show();
 
           // Caching data locally for the milestones
           data = { meta: $scope.m, bugs: data }

app/views/sprint.html

@@ -38,10 +38,10 @@ <h3 class="feature-due-date">
   <row>
     <div class="bugz col-lg-10 col-lg-offset-1">
       <form class="form-inline">
-        <input placeholder="Filter whiteboard" class="form-control form-inline" ng-model="bugFilter.whiteboard">
-        <input placeholder="Filter component" class="form-control form-inline" ng-model="bugFilter.component">
-        <input placeholder="Filter assigned" class="form-control form-inline" ng-model="bugFilter.assigned_to">
-        <input placeholder="Filter status" class="form-control form-inline" ng-model="bugFilter.status">
+        <input placeholder="Filter whiteboard" class="form-control form-inline" ng-model="whiteboard" ng-change="filter_bug()">
+        <input placeholder="Filter component" class="form-control form-inline" ng-model="component" ng-change="filter_bug()">
+        <input placeholder="Filter assigned" class="form-control form-inline" ng-model="assigned_to" ng-change="filter_bug()">
+        <input placeholder="Filter status" class="form-control form-inline" ng-model="status" ng-change="filter_bug()">
       </form>
       <div class="bugs-loading" ng-hide="bugs">
         <span class="fa fa-cog fa-spin"></span><span class="sr-only">Loading bugs</span>
@@ -56,7 +56,7 @@ <h3 class="feature-due-date">
           </tr>
         </thead>
         <tbody>
-          <tr ng-repeat="bug in bugs | orderBy: orderByFields | filter:bugFilter"
+          <tr ng-repeat="bug in filtered_bugs | orderBy: orderByFields | filter:bugFilter"
               ng-class="{'bug-resolved': bug.resolution, 'bug-blocked': bug.blocked}"
               ng-hide="bug.status === 'RESOLVED' && hideResolved || bug.resolution === 'DUPLICATE'">
             <td>{{bug.last_change_time | timeago}}</td>