sub status added

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

@@ -445,6 +445,41 @@ myApp.controller("assignRoleController",function($scope, myFactory, $mdDialog, $
            $('.md-datepicker-input')[3].value = null;
            $('.md-datepicker-input')[4].value = null;
 		}
+		
+		$scope.endSubStatus = function() {
+			var record = {
+				id:null,
+				employeeID: $scope.empId,
+				subStatus : $scope.empSubStatus,
+				fromDate: $scope.subStatusStartDate,
+				toDate: $scope.subStatusEndDate
+			};
+			var empId = myFactory.getEmpId();
+			var req = {
+				method : 'PUT',
+				url : appConfig.appUri+ "subStatus?loginEmpId="+empId,
+				headers : {
+					"Content-type" : "application/json"
+				},
+				data : record
+			}
+			$http(req).then(function mySuccess(response) {
+				$scope.result = "Success";
+				if(response.data.message == "Resource substatus updated successfully!"){
+		    		$scope.alertMsg=response.data.message;
+		    	}else{
+		    		$scope.alertMsg="";
+		    	}
+			}, function myError(response){
+				$scope.result = "Error";
+			});
+			
+			$scope.empSubStatus=null;
+			$scope.subStatusStartDate=null;
+			$scope.subStatusEndDate=null;
+			
+		};
+		
 		$scope.validateFields = function(){
 			var today = new Date();
 			if($scope.templateTitle == "Add"){

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

@@ -79,7 +79,7 @@
 								md-max-date="maxDate" onkeydown="return false"></md-datepicker>
 						</td>
 					</tr>
-					<tr ng-show="empStatus == 'Active' && templateTitle != 'Add' "  >
+					<tr ng-show="empStatus == 'Active' && templateTitle != 'Add' && empSubStatus == null"  >
 						<td colspan="4"><b>Select Sub Status :</b></td>
 						<td colspan="8"><md-select ng-model="empSubStatus" name ="empSubStatus" 
 								ng-model ="empSubStatus" placeholder ="Select a Sub Status Type" id="empSubStatus" ng-change="changeEmpSubStatus()">
@@ -88,6 +88,11 @@
 							<md-option ng-value="status" ng-repeat="status in empSubStatuses">{{status}}</md-option>
 							</md-optgroup> </md-select></td>
 					</tr>
+					<tr ng-show="empStatus == 'Active' && templateTitle != 'Add' && empSubStatus != null 
+					|| subStatusStartDate !=null || subStatusEndDate !=null"  >
+						<td colspan="4"><b>Sub Status :</b></td>
+						<td colspan="8"> {{ empSubStatus }} </td>
+					</tr>
 					<tr ng-show="empSubStatus != null && empSubStatus != '' && empStatus == 'Active' && templateTitle != 'Add'">
 						<td colspan="4"><b>{{empSubStatus}} Start Date:</b><span class="mandatory"></span></td>
 						<td colspan="8"><md-datepicker ng-model="subStatusStartDate" name="subStatusStartDate" id="subStatusStartDate"
@@ -103,6 +108,14 @@
 						</td>
 					</tr>
 					
+					<tr ng-show="empSubStatus != null && empSubStatus != '' && empStatus == 'Active' && templateTitle != 'Add'">
+						<td colspan="4">
+						<md-button class="md-raised" ng-click="endSubStatus()" style="margin-top:10px;width:88px;background: #3f51b5;color:white;">
+								End </md-button>
+						</td>
+						
+					</tr>
+
 					<tr>
 						<td colspan="12">
 							<div role="alert">