Updated_UPDATE_TEAMMATE_AND_UI

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

@@ -3,7 +3,8 @@ myApp.directive('hcPieChart', function () {
                     restrict: 'E',
                     template: '<div></div>',
                     link: function (scope, element) {
-                    	getEmployeeDetails(scope,element[0].baseURI+'reports/getBillabilityDetailsByAccount','column',element,"Billability By Account");
+                    	getEmployeeDetails(scope,element[0].baseURI+'reports/getEmployeesByFunctionalGroup','pie',element,"Employees Overview Report");
+                    	//getEmployeeDetails(scope,element[0].baseURI+'reports/getBillabilityDetailsByAccount','column',element,"Billability By Account");
                     	scope.clickMe= function() {
                             if(scope.reportId == 1){
                             	getEmployeeDetails(scope,element[0].baseURI+'reports/getBillabilityDetailsByAccount','column',element," Billability By Account");
@@ -20,9 +21,10 @@ myApp.directive('hcPieChart', function () {
             	$scope.name = [];
             	$scope.records = [];
             	            	$scope.empSearchId = "";
-            	            	$scope.reportId = "1"
+            	            	//$scope.reportId = "1"
+            	            	$scope.reportId = "2"
             	            	$scope.reports = $scope.reportId;
-            	            	$scope.reports=[ {Name:"Billability Report",Id:"1"},{Name:"Employees By Functional Group",Id:"2"},{Name:"Billability Monthly Trends",Id:"3"}];
+            	            	$scope.reports=[ /*{Name:"Billability Report",Id:"1"},*/{Name:"Employees By Functional Group",Id:"2"},{Name:"Billability Monthly Trends",Id:"3"}];
             	            	
             	            	 
             	            	$scope.employees = [];

src/main/webapp/WEB-INF/css/custom-theme.css

@@ -599,6 +599,9 @@ cursor: pointer;
 .update-Teammate>h4 {
     border-bottom: 1px solid #ccc;
 	padding-bottom : 5px; 
+}
+ .update-teammate-dropdown  md-select {
+	margin : -6px 0 0 0;
 }
 .panel-default>.panel-heading {
 	color: #fff;
@@ -608,5 +611,13 @@ cursor: pointer;
 }
 .update-Teammate .form-inline {
 	margin-bottom : 15px;
-	
 }
+.billable-table {
+	margin-top : 10px;
+}
+.billable-table .table {
+	margin : 0px;
+}
+.grid-Dropdown md-select {
+	margin : 0px;
+}
\ No newline at end of file

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

@@ -31,7 +31,7 @@
 			
 		</div>
 		 	
-		<div id="gridTest" ui-grid="gridOptions" ui-grid-pagination
+		<div id="gridTest" ui-grid="gridOptions" ui-grid-edit ui-grid-pagination
 			style="width:99%;height:230px;margin-left:10px;">
 			<div class="watermark" ng-show="!gridOptions.data.length">No
 				data available</div>