Commit 25851a6e authored by Vinod's avatar Vinod

MT-75_FIlter_based_on_employeename_in_the_add_teammate_page css

parent 225b670d
...@@ -297,10 +297,11 @@ myApp.controller("projectTeamController",function($scope, myFactory, $mdDialog, ...@@ -297,10 +297,11 @@ myApp.controller("projectTeamController",function($scope, myFactory, $mdDialog,
$scope.searchTerm = ""; $scope.searchTerm = "";
$scope.updateSearch =function(e){ $scope.updateSearch =function(e){
e.stopPropagation(); e.stopPropagation();
} }
$scope.searchFilter = function (obj) { $scope.searchFilter = function (obj) {
var re = new RegExp($scope.searchTerm, 'i'); 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.employeeId) || re.test(obj.employeeName) ||re.test(obj.emailId) ;
return !$scope.searchTerm || re.test(obj.employeeName) ; return !$scope.searchTerm || re.test(obj.employeeName) ;
}; };
......
...@@ -114,32 +114,35 @@ md-dialog{ ...@@ -114,32 +114,35 @@ md-dialog{
max-height: 206px; max-height: 206px;
} }
.selectdemoSelectHeader { .selectHeader {
Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class
} }
.selectdemoSelectHeader .demo-header-searchbox { .selectHeader .searchBoxHeader {
border: none; border: none;
outline: none; outline: none;
} }
.selectdemoSelectHeader .demo-select-header { .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); 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; padding-left: 10.667px;
height: 48px; height: 48px;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
display: flex; display: flex;
width: auto; width: auto;
position: fixed; position: fixed;
z-index: 10; z-index: 10;
background: white; background: white;
width: 100%;} width: 100%;
.selectdemoSelectHeader md-content._md { }
max-height: 240px; .optionScroll{
} margin-top:50px;
}
.selectHeader .md-content._md {
max-height: 240px;
}
.md-dialog-container { .md-dialog-container {
z-index: 100 !important; z-index: 100 !important;
} }
.md-select-menu-container { .md-select-menu-container {
z-index: 100 !important; z-index: 100 !important;
} }
...@@ -23,13 +23,13 @@ ...@@ -23,13 +23,13 @@
<md-select ng-model="employeeModel" <md-select ng-model="employeeModel"
md-selected-text="getEmployeeSelected()" id="selectEmp" md-selected-text="getEmployeeSelected()" id="selectEmp"
data-md-container-class="selectdemoSelectHeader"> <md-select-header data-md-container-class="selectHeader"> <md-select-header
layout="column" class="demo-select-header"> <md-input-container> layout="column" class="selectHeaderChild"> <md-input-container>
<input ng-model="searchTerm" type="search" <input ng-model="searchTerm" type="search"
ng-keydown="$event.stopPropagation()" ng-keydown="updateSearch($event)"
ng-model-options="{debounce: {'default': 500, 'blur': 0}}" 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 <md-optgroup label="Employee" class="optionScroll"> <md-option
ng-value="employee" ng-value="employee"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment