fixed sidebar

app/index.html

@@ -105,6 +105,7 @@
 <script src="scripts/services/cmsSessionService.js"></script>
 <script src="scripts/directives/cmsWidgets.js"></script>
 <script src="scripts/directives/cmsWidget.js"></script>
+<script src="scripts/controllers/sidebar.js"></script>
 		<!-- endbuild -->
 </body>
 </html>

app/scripts/app.coffee

@@ -86,7 +86,7 @@ angular.module('angularCmsApp', [
 angular.module('angularCmsApp').controller 'AppCtrl', ['$scope', '$rootScope', '$http', '$log', '$route', '$location', '$routeParams', '$cookieStore', ($scope, $rootScope, $http, $log, $route, $location, $routeParams, $cookieStore) ->
 	App = Config
 	App.route = $routeParams;
-	App.session.user = $cookieStore.get('App.session.user')
+	App.session = $cookieStore.get('App.session')
 
 	App.route = $route
 	App.location = $location

app/scripts/config.coffee

@@ -106,6 +106,11 @@ window.Config =
 			title: "Docs"
 			icon: "book"
 			href: "/docs"
+		,
+			id: 1
+			title: "Login"
+			icon: "lock"
+			href: "/login"
 		]
 		user: [
 			id: 1

app/scripts/controllers/login.coffee

@@ -1,42 +1,33 @@
 'use strict'
 #Login Controller - Handles the login.html view for authenticating a user.
 angular.module('angularCmsApp').controller 'LoginCtrl', ($scope, $rootScope, $cookieStore) ->
-
 	#Setup initial model
 	$scope.user = 
 		username: null
 		password: null
 		remember: false
 
-	$scope.user = Parse.User.current() if Parse.User.current()
+	#$scope.user = Parse.User.current() if Parse.User.current()
 
 	###
 	Login Method to set the session.
 	@param {Object} user - A user model containing username and password
 	###
 	$scope.login = (u) ->
-
+		console.log(u)
 		Parse.User.logIn u.username, u.password,
-
 			success: (user) ->
-				console.log user
-
+				console.log user				
 				$scope.$apply(()->
-
-					$rootScope.alert = 
-						type: 'success'
-						code: 'Authorized'
-						message: 'Welcome back....'
-
-					#Set user cookie
-					$cookieStore.put('App.session.user', user) if user.remember
-
 					#Set user session
-					$rootScope.App.session.user = user.attributes
-
-					#Set session authorized
-					$rootScope.App.session.authorized = true
+					session = 
+						user: user.attributes
+						authorized: true
 
+					console.log('save sessin', session)
+					#Set user cookie
+					$cookieStore.put('App.session', session) if u.remember
+					$rootScope.App.session = session
 					#Change location
 					$rootScope.App.location.path('/dashboard')	
 				)
@@ -45,20 +36,19 @@ angular.module('angularCmsApp').controller 'LoginCtrl', ($scope, $rootScope, $co
 					$scope.error = error; 
 				)
 
-		###
-		Logout method to clear the session.
-		@param {Object} user - A user model containing remember
-		###
-		$scope.logout = (user) ->
-			#Clear cookie
-			$cookieStore.put('App.session.user', null) unless user.remember
-
-			#Clear session
-			$rootScope.App.session.user = null
-			$rootScope.App.session.authorized = false
-
-			#Change location
-			$rootScope.App.location.path($rootScope.App.logout.redirect)
-
+
+
+	###
+	Logout method to clear the session.
+	@param {Object} user - A user model containing remember
+	###
+	$scope.logout = (user) ->
+		#Clear cookie
+		$cookieStore.put('App.session', null) unless App.session.user.remember
+		#Clear session
+		$rootScope.App.session = null
+		#Change location
+		$rootScope.App.location.path($rootScope.App.logout.redirect)
+
 	#Controller name
 	$scope.name = 'login' 

app/scripts/controllers/sidebar.coffee

@@ -0,0 +1,23 @@
+'use strict'
+
+angular.module('angularCmsApp')
+	.controller 'SidebarCtrl', ($scope, $rootScope) ->
+		$scope.awesomeThings = [
+			'HTML5 Boilerplate'
+			'AngularJS'
+			'Karma'
+		]
+
+		$scope.items = $rootScope.App.menu.user	
+		$scope.selected = null
+
+		$scope.select = (item) ->
+			angular.forEach $rootScope.App.menu.admin, (item) ->
+				item.selected = false
+				console.log item
+			angular.forEach $rootScope.App.menu.user, (item) ->
+				item.selected = false
+				console.log item
+
+			item.selected = true
+

app/views/navbar.html

@@ -34,7 +34,7 @@
 						</li>
 						<li class="divider"></li>
 						<li>
-							<a ng-click="logout()">Logout</a>
+							<a href="#" ng-click="logout(App.session.user)">Logout</a>
 						</li>
 					</ul>
 				</li>

app/views/settings.html

@@ -7,22 +7,20 @@ <h1><i class="fa fa-1x fa-cogs"></i> Settings</h1>
 </div>
 
  <div class="row">
-    <div class="col-sm-9 col-xs-7">
-      <form class="form-horizontal">
-       <cms-form-group label="App[key]" ng-repeat="(key, value) in App">
-       		<input type="text" ng-model="App[key]"/>
-	     </cms-form-group>
-
-
-        <div class="form-group tr">
-          <button class="btn btn-default">Cancel</button>
-          <button class="btn btn-primary" type="submit">Save</button>
-        </div>
-      </form>
-    </div>
-    <div class="col-sm-3 col-xs-5">
-      <aside class="well">Some help here</aside>
-    </div>
+	<div class="col-sm-9 col-xs-7">
+		<form class="form-horizontal" ng-submit="update(App)">
+			<cms-form-group label="{{key}}" ng-repeat="(key, value) in App">
+				<input type="text" ng-model="App[key]" value="{{ angular.isObject(App[key]) }}"/>
+			</cms-form-group>
+			<div class="form-group tr">
+				<button class="btn btn-default">Cancel</button>
+				<button class="btn btn-primary" type="submit">Save</button>
+			</div>
+		</form>
+	</div>
+	<div class="col-sm-3 col-xs-5">
+	  <aside class="well">Some help here</aside>
+	</div>
   </div>
 
 <pre>App: {{App | json}}</pre>

app/views/sidebar.html

@@ -1,8 +1,23 @@
-<div class="well well-sm sidebar-nav">
+<div class="well well-sm sidebar-nav" ng-controller="SidebarCtrl">
   <nav class="nav nav-list">
 	<li class="nav-header">Menu</li>
-	<li ng-repeat="item in App.menu.user" ng-include src="'menu-item.html'"></li>
+	<li 
+		ng-class="{active:item.selected}"
+		ng-repeat="item in App.menu.user" 
+		ng-include src="'sidebar-item.html'"></li>
 	<li class="nav-header">Admin</li>
-	<li ng-repeat="item in App.menu.admin" ng-include src="'menu-item.html'"></li>
+	<li 
+		ng-class="{active:item.selected}"
+		ng-repeat="item in App.menu.admin" 
+		ng-include src="'sidebar-item.html'"></li>
   </nav>
-</div>
+</div>
+
+<script id="sidebar-item.html" type="text/ng-template">
+	<a 
+		ng-click="select(item)"
+		ng-href="#{{item.href}}">
+		<i class="fa fa-1x fa-{{item.icon}}"></i>
+		{{item.title}}
+	</a>
+</script>

test/spec/controllers/sidebar.coffee

@@ -0,0 +1,19 @@
+'use strict'
+
+describe 'Controller: SidebarCtrl', () ->
+
+  # load the controller's module
+  beforeEach module 'angularCmsApp'
+
+  SidebarCtrl = {}
+  scope = {}
+
+  # Initialize the controller and a mock scope
+  beforeEach inject ($controller, $rootScope) ->
+    scope = $rootScope.$new()
+    SidebarCtrl = $controller 'SidebarCtrl', {
+      $scope: scope
+    }
+
+  it 'should attach a list of awesomeThings to the scope', () ->
+    expect(scope.awesomeThings.length).toBe 3