Menu is usable (issue #42) and starting settings

templates/css/theme.css

@@ -213,6 +213,7 @@ body.noscroll
   .se-menu li:hover{
     background-color: #E2E2E2;
     font-weight: bold;
+    cursor: pointer;
   }
 
   .se-menu li:active{

templates/js/app.js

@@ -37,6 +37,10 @@ app.config(['$routeProvider', '$locationProvider',
 			.when('/home', {
 				templateUrl: 'templates/views/home.html',
 				controller: 'homeController'
+			})
+			.when('/Settings', {
+				templateUrl: 'templates/views/settings.html',
+				controller: 'settingsController'
 			});
 
 	}

templates/js/controllers/mainController.js

@@ -10,8 +10,9 @@ angular.module('SeHub')
 			if (data.message == 'No User Found') {
 				console.error("No User Found!");
 			}
-
+			$scope.loadingData = false;
 			$scope.user = data;
+			console.log(data);
 			if ($scope.user.isFirstLogin) {
 				$scope.menuObj = {};
 				$scope.isInRegisterMode = true;
@@ -23,24 +24,11 @@ angular.module('SeHub')
 
 		})
 
-		apiService.getUserByToken(token).success(function(data) // Get user token
-			{
-				$scope.user = data;
-				$scope.loadingData = false;
-
-				apiService.getAllCampuses($scope.user.seToken).success(function(data) // Get all the campuses
-					{
-						$scope.campuses = data;
-					}).error(function() {
-
-				});
-			});
-
 		$scope.menuItems = [{
 			"title": "Home",
 			"icon": "fa fa-home",
 			"style": "selected",
-			"route": "#/home"
+			"route": "/home"
 		}, {
 			"title": "My Campuses",
 			"icon": "fa fa-university",
@@ -65,12 +53,26 @@ angular.module('SeHub')
 			"title": "Settings",
 			"icon": "fa fa-cogs",
 			"style": "",
-			"route": "#/Settings"
+			"route": "/Settings"
 		}, {
 			"title": "Log Out",
 			"icon": "fa fa-power-off",
 			"style": "",
-			"route": "#/logout"
+			"route": "/logout"
 		}];
 
+		$scope.menuClicked = function(item){
+			var route = ""
+			for (var i = $scope.menuItems.length - 1; i >= 0; i--) {
+				if($scope.menuItems[i].title === item.title){
+					$scope.menuItems[i].style="selected";
+					route = $scope.menuItems[i].route;
+				}else{
+					$scope.menuItems[i].style = "";
+				}
+			};
+			$location.path(route);
+		}
+
+
 	}]);

templates/js/controllers/settingsController.js

@@ -0,0 +1,30 @@
+angular.module('SeHub')
+	.controller('settingsController', ['$scope', '$rootScope', 'apiService', '$cookies', '$location', function($scope, $rootScope, apiService, $cookies, $location) {
+
+		var token = $cookies['com.sehub.www'];
+
+		$scope.loadingData = true;
+		$scope.isInRegisterMode = false;
+
+		$scope.title = "Settings"
+
+		apiService.getUserByToken(token).success(function(data) {
+			if (data.message == 'No User Found') {
+				console.error("No User Found!");
+			}
+			$scope.loadingData = false;
+			$scope.user = data;
+			console.log(data);
+			if ($scope.user.isFirstLogin) {
+				$scope.menuObj = {};
+				$scope.isInRegisterMode = true;
+				$scope.loadingData = false;
+				$location.path('/register')
+			}
+
+		});
+
+
+
+
+	}]);

templates/js/services/apiService.js

@@ -11,7 +11,6 @@ service.factory('apiService', ['$http', function($http) {
 			req = {
 				method : "GET",
 				url : url
-
 			};
 			return $http(req);
 		},

templates/views/index.html

@@ -21,9 +21,6 @@
 </md-toolbar>
 <div layout="row" flex>
     <md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')">
-        <!-- <div class="user-pane-menu">
-            <img ng-src="{{user.avatar_url}}" alt="">
-        </div> -->
         <md-content class="se-menu">
             <div ng-if="!isInRegisterMode">
                 <div class="user-box" layout="row" layout-padding>
@@ -41,15 +38,12 @@
                 </div>
                 
                     <ul>
-                        <a ng-repeat="item in menuItems" ng-href="{{item.route}}">
+                        <a ng-repeat="item in menuItems" ng-click="menuClicked(item)">
                             <li ng-class="[item.style]"><i ng-class="item.icon"></i> {{item.title}}</li>
                             <md-divider ng-if="!$last"></md-divider>
                         </a>
                     </ul>
             </div>
-            <div ng-if="loadingData">
-                <md-progress-circular></md-progress-circular>
-            </div>
             <div ng-if="isInRegisterMode"> <!-- User Needs To Register -->
                 <md-card layout-padding>
                     <div layout=-"row">
@@ -91,6 +85,7 @@
 <!-- Controllers -->
 <script src="templates/js/controllers/mainController.js"></script>
 <script src="templates/js/controllers/homeController.js"></script>
+<script src="templates/js/controllers/settingsController.js"></script>
 <script src="templates/js/controllers/registerController.js"></script>
 
 </body>

templates/views/settings.html

@@ -0,0 +1,10 @@
+<div>
+	<div class="loader" ng-if="loadingData">
+		<md-progress-circular md-mode="indeterminate"></md-progress-circular>
+	</div>
+	<md-content layout-padding>
+		<md-card layout-padding>
+			<h1><i class="fa fa-cogs"></i> {{title}}</h1>
+		</md-card>
+	</md-content>
+</div>