adds controllers and state

Author: dok

app/index.html

@@ -40,8 +40,8 @@
   <script src="js/core/controllers/AppCtrl.js"></script>
 
   <!-- MAIN -->
+  <script src="js/main/state.js"></script>
   <script src="js/core/controllers/NavbarCtrl.js"></script>
-  <script src="js/core/controllers/MainCtrl.js"></script>
 
 </body>
 </html>

app/js/core/state.js

@@ -11,8 +11,7 @@ app.config(['$stateProvider', function($stateProvider) {
           controller: 'NavbarCtrl'
         },
         'main': {
-          templateUrl: 'js/core/templates/main.tpl.html',
-          controller: 'MainCtrl'
+          templateUrl: 'js/core/templates/main.tpl.html'
         }
       }
     })

app/js/core/templates/main.tpl.html

@@ -1,6 +1,6 @@
 
 <div class="container">
   <div class="row">
-    <h1>This is the main container</h1>
+    <div ui-view></div>
   </div>
 </div>

app/js/main/controllers/AboutCtrl.js

@@ -0,0 +1,21 @@
+// Application Level State
+app.config(['$stateProvider', function($stateProvider) {
+
+  $stateProvider
+    .state('app.home', {
+      url: '/home',
+      templateUrl: 'js/main/templates/home.tpl.html',
+      controller: 'HomeCtrl'
+    })
+    .state('app.about', {
+      url: '/about',
+      templateUrl: 'js/main/templates/about.tpl.html',
+      controller: 'AboutCtrl'
+    })
+    .state('app.contact', {
+      url: '/contact',
+      templateUrl: 'js/main/templates/contact.tpl.html',
+      controller: 'ContactCtrl'
+    });
+
+}]);

app/js/main/controllers/ContactCtrl.js

@@ -0,0 +1 @@
+<div>This is about</div>

app/js/main/controllers/HomeCtrl.js

@@ -0,0 +1 @@
+<div>This is contact</div>