Master/detail logic implemented

app/app/dashboard/dashboard.js

@@ -1,4 +1,4 @@
-!function($, jQuery, window, document) {
+!function ($, jQuery, window, document) {
 	'use strict';
 
 	/**

app/app/gameDetail/gameDetail.html

@@ -0,0 +1 @@
+Detail: {{gameId}}

app/app/gameDetail/gameDetail.js

@@ -0,0 +1,16 @@
+!function ($, jQuery, window, document) {
+	'use strict';
+
+	/**
+	 * @public
+	 * @constructor
+	 * 
+	 * @param $scope
+	 * @param $stateParams
+	 */
+	function GameDetailController($scope, $stateParams) {
+		$scope.gameId = $stateParams.gameId;
+	}
+
+	app.module.controller('gameDetailController', GameDetailController);
+}();

app/app/gameList/gameList.html

@@ -0,0 +1 @@
+List

app/app/gameList/gameList.js

@@ -0,0 +1,15 @@
+!function ($, jQuery, window, document) {
+	'use strict';
+
+	/**
+	 * @public
+	 * @constructor
+	 * 
+	 * @param $scope
+	 */
+	function GameListController($scope) {
+
+	}
+
+	app.module.controller('gameListController', GameListController);
+}();

app/app/init.js

@@ -1,8 +1,9 @@
 !function($, jQuery){
+	'use strict';
 
 	window.app = window.app || {};
 	window.app.module = angular.module('basta-sample', ['ui.router', 'pascalprecht.translate', 'ngSanitize']);
 
     FastClick.attach(document.body);
 
-}();
+}();

app/app/routing.js

@@ -1,18 +1,24 @@
-!function($, jQuery){
-
+!function($, jQuery, window, document) {
+	'use strict';
+
 	app.module.config(function ($stateProvider, $urlRouterProvider) {
 		$stateProvider
-			.state('dashboard', {
-                url: '/',
-                views: {
-                    'main@': {
-                        templateUrl: 'app/dashboard/dashboard.html',
-                        controller: 'dashboardController'
-                    }
-                }
-			});
+			.state('dashboard', getState('dashboard', '/'))
+			.state('gameList', getState('gameList', '/games'))
+			.state('gameDetail', getState('gameDetail', '/games/:gameId'));
 
 		$urlRouterProvider.otherwise('/');
 	});
 
-}();
+	function getState(name, url) {
+		return {
+			url: url || '/' + name,
+			views: {
+				'main@': {
+					templateUrl: 'app/' + name + '/' + name + '.html',
+					controller: name + 'Controller'
+				}
+			}
+		};
+	}	
+}();

app/index.html

@@ -141,6 +141,8 @@ <h3 class="control-sidebar-heading" translate="sidebar.language"></h3>
 <script src="app/config.js"></script>
 <script src="app/routing.js"></script>
 <script src="app/dashboard/dashboard.js"></script>
+<script src="app/gameDetail/gameDetail.js"></script>
+<script src="app/gameList/gameList.js"></script>
 <script src="app/common/controllers/language.js"></script>
 </body>
 </html>