refactoring, renaming and simplification

public/app/index.html

@@ -29,9 +29,8 @@
     <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
     <![endif]-->
 
-    <div ui-view="navbar"></div>
-
-    <div class="main" ui-view="main"></div>
+    <div class="main" role="main" tabindex="-1" layout-fill="" layout="vertical"
+	 ui-view="main"></div>
 
     <!-- In production use:
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
@@ -57,8 +56,7 @@
     <script src="/js/app.js"></script>
     <script src="/js/state.js"></script>
     <script src="/js/services/API.js"></script>
-    <script src="/js/controllers/AppCtrl.js"></script>
-    <script src="/js/controllers/BalanceCtrl.js"></script>
+    <script src="/js/controllers/DashboardCtrl.js"></script>
 
   </body>
 </html>

public/app/js/controllers/AppCtrl.js

@@ -1,5 +0,0 @@
-app.controller( 'AppCtrl',
-		[ '$scope',
-		  function ( $scope ) {
-
-		  } ] );

public/app/js/controllers/DashboardCtrl.js

@@ -1,4 +1,4 @@
-app.controller( 'BalanceCtrl',
+app.controller( 'DashboardCtrl',
 		[ '$scope', '$filter', 'API',
 		  function ( $scope, $filter, API ) {
 		      $scope.xFunction = function () {

public/app/js/state.js

@@ -1,27 +1,19 @@
 // Sub-application/main Level State
 app.config( [ '$stateProvider', '$urlRouterProvider',
 	      function ( $stateProvider, $urlRouterProvider ) {
-		  $urlRouterProvider.when( '', '/balance' );
-
 		  $stateProvider
-		      .state( 'app.balance', {
-			  url: '/balance',
-			  templateUrl: 'js/templates/balance.tpl.html',
-			  controller: 'BalanceCtrl'
-		      } )
 		      .state( 'app', {
 			  url: '',
-			  controller: 'AppCtrl',
 			  views: {
 			      'main': {
-				  templateUrl: 'js/templates/main.tpl.html'
+				  templateUrl: 'js/templates/dashboard.html',
+				  controller: 'DashboardCtrl'
 			      }
 			  }
 		      } )
 		      .state( '404', {
 			  url: '/404',
-			  templateUrl: 'js/templates/404.tpl.html',
-			  controller: 'AppCtrl'
+			  templateUrl: 'js/templates/404.html'
 		      } );
 
 	      }

public/app/js/templates/dashboard.html

@@ -1,6 +1,6 @@
 <div layout="vertical" layout-padding>
 
-  <div class="date">
+  <div class="date" class="md-whiteframe-z1">
     <md-toolbar>
       <h2>
 	From {{from_date | date:'longDate'}} <span data-ng-if="to_date">to {{to_date | date:'longDate'}}</span>
@@ -22,7 +22,7 @@
   </div>
 
   <div layout="vertical" layout-md="horizontal" layout-padding>
-    <div flex="50">
+    <div flex="50" class="md-whiteframe-z1">
       <table class="table" style="width: 100%">
 	<thead>
 	  <tr>
@@ -67,7 +67,7 @@
 	</tbody>
       </table>
     </div>
-    <div flex="50">
+    <div flex="50" class="md-whiteframe-z1">
       <table class="table" style="width: 100%">
 	<thead>
 	  <tr>
@@ -103,7 +103,7 @@
   </div>
 
   <div layout="vertical" layout-md="horizontal" layout-padding>
-    <div flex="50" layout="vertical"
+    <div flex="50" layout="vertical" class="md-whiteframe-z1"
 	 data-ng-repeat="bucket in balance.buckets">
       <md-toolbar layout="vertical" layout-padding>
 	<h3>{{bucket.categories}}, total = {{bucket.total | number:2}} €</h3>

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

@@ -1 +0,0 @@
-<div ui-view></div>