FEATURE/MT-MENUACTIVESTATE

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

@@ -8,6 +8,9 @@ myApp.controller("leftmenuController",function($scope, myFactory, $compile){
 	$scope.setTemplateUrl = function(path){
 		var element = document.getElementById('main');
 		path = "'"+path+"'";
+		  var currentEle = event.currentTarget; 
+		  $('.navbarMenu').removeClass('activeMenu');
+		  $(currentEle).addClass('activeMenu');  
 		element.setAttribute("ng-include", path);
 		var newTemplate = angular.element(element);
 		$('#main').html(newTemplate);

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

@@ -225,4 +225,7 @@ md-select {
 } 
 .ui-grid-pager-panel{
 	background-color: floralwhite;
+}
+.activeMenu{
+	background-color: #312A25;
 }
\ No newline at end of file

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

 <!-- Sidebar -->
 <div id="sidebar-wrapper">
 	<ul class="sidebar-nav col-lg-12 col-md-12 col-sm-12 col-xs-12" >
-		<li ng-repeat="menuItem in menuItems"><a href="#"
+		<li ng-repeat="menuItem in menuItems"><a href="#" class="navbarMenu"
 			ng-click="setTemplateUrl(menuItem.path)"><i
 				class="{{menuItem.icon}}" style="font-size: 1.5em;"
 				aria-hidden="false"> </i> <span style="margin-left: 15px;">{{menuItem.menu}}</span></a></li>