Merge pull request #15 from nisum-inc/feature/MT-75_filter_search_css

MT-75_FIlter_based_on_employeename_in_the_add_teammate_page css

src/main/webapp/WEB-INF/controllers/ProjectTeamController.js

@@ -297,10 +297,11 @@ myApp.controller("projectTeamController",function($scope, myFactory, $mdDialog,
 		
 		$scope.searchTerm = "";	
 		$scope.updateSearch =function(e){
-			e.stopPropagation();
+			e.stopPropagation();			
 		}
 		$scope.searchFilter = function (obj) {
 			var re = new RegExp($scope.searchTerm, 'i');
+			// searching the employee based on name , employeeid and email
 			//return !$scope.searchTerm || re.test(obj.employeeId) || re.test(obj.employeeName) ||re.test(obj.emailId) ;
 			  return !$scope.searchTerm || re.test(obj.employeeName) ;   
 		};

src/main/webapp/WEB-INF/css/default-styles.css

@@ -114,32 +114,35 @@ md-dialog{
 	max-height: 206px;
 }
 
-.selectdemoSelectHeader {
+.selectHeader {
  Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class 
  }
-  .selectdemoSelectHeader .demo-header-searchbox {
+  .selectHeader .searchBoxHeader {
     border: none;
-   outline: none; 
+   outline: none;
 } 
- .selectdemoSelectHeader .demo-select-header {
-   box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
-   padding-left: 10.667px;
-   height: 48px;
-   cursor: pointer;
-   position: relative;
-   display: flex;
-   width: auto; 
-   position: fixed;
-    z-index: 10;
-    background: white;
-    width: 100%;}
- .selectdemoSelectHeader md-content._md {
-   max-height: 240px; 
-   } 
+ .selectHeader .selectHeaderChild {
+	 box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
+	 padding-left: 10.667px;
+	 height: 48px;
+	 cursor: pointer;
+	 position: relative;
+	 display: flex;
+	 width: auto; 
+	 position: fixed;
+	 z-index: 10;
+	 background: white;
+	 width: 100%;
+}
+.optionScroll{
+	margin-top:50px;
+}
+.selectHeader .md-content._md {
+	max-height: 240px; 
+	   } 
 .md-dialog-container {
-    z-index: 100 !important;
-}
-
+	z-index: 100 !important;
+}	
 .md-select-menu-container {
-     z-index: 100 !important;
+	z-index: 100 !important;
 }

src/main/webapp/WEB-INF/templates/newTeamMate.html

@@ -23,13 +23,13 @@
 
 			<md-select ng-model="employeeModel"
 				md-selected-text="getEmployeeSelected()" id="selectEmp"
-				data-md-container-class="selectdemoSelectHeader"> <md-select-header
-				layout="column" class="demo-select-header"> <md-input-container>
+				data-md-container-class="selectHeader"> <md-select-header
+				layout="column" class="selectHeaderChild"> <md-input-container>
 
 			<input ng-model="searchTerm" type="search"
-				ng-keydown="$event.stopPropagation()"
+				ng-keydown="updateSearch($event)"
 				ng-model-options="{debounce: {'default': 500, 'blur': 0}}"
-				placeholder="Search..." class="demo-header-searchbox md-text" /> </md-input-container> </md-select-header>
+				placeholder="Search..." class="searchBoxHeader md-text" /> </md-input-container> </md-select-header>
 
 			<md-optgroup label="Employee" class="optionScroll"> <md-option
 				ng-value="employee"