fix(app): fix page return to top after changing tab

Close #56

src/app/pages/charts/charts.module.js

@@ -19,7 +19,7 @@
         .state('charts', {
           url: '/charts',
           abstract: true,
-          template: '<div ui-view></div>',
+          template: '<div ui-view autoscroll="true"></div>',
           title: 'Charts',
           sidebarMeta: {
             icon: 'ion-stats-bars',

src/app/pages/components/components.module.js

@@ -17,7 +17,7 @@
     $stateProvider
         .state('components', {
           url: '/components',
-          template : '<ui-view></ui-view>',
+          template : '<ui-view autoscroll="true"></ui-view>',
           abstract: true,
           title: 'Components',
           sidebarMeta: {

src/app/pages/form/form.module.js

@@ -13,7 +13,7 @@
     $stateProvider
         .state('form', {
           url: '/form',
-          template : '<ui-view></ui-view>',
+          template : '<ui-view autoscroll="true"></ui-view>',
           abstract: true,
           title: 'Form Elements',
           sidebarMeta: {

src/app/pages/maps/maps.html

@@ -1,7 +1,7 @@
 <div class="widgets">
 
   <div class="row">
-    <div class="col-md-12" ui-view></div>
+    <div class="col-md-12" ui-view autoscroll="true"></div>
   </div>
 
 </div>

src/app/pages/tables/tables.module.js

@@ -13,7 +13,7 @@
     $stateProvider
         .state('tables', {
           url: '/tables',
-          template : '<ui-view></ui-view>',
+          template : '<ui-view autoscroll="true"></ui-view>',
           abstract: true,
           controller: 'TablesPageCtrl',
           title: 'Tables',

src/app/pages/ui/ui.module.js

@@ -25,7 +25,7 @@
     $stateProvider
         .state('ui', {
           url: '/ui',
-          template : '<ui-view></ui-view>',
+          template : '<ui-view autoscroll="true"></ui-view>',
           abstract: true,
           title: 'UI Features',
           sidebarMeta: {

src/app/theme/theme.config.js

@@ -9,7 +9,12 @@
     .config(config);
 
   /** @ngInject */
-  function config(baConfigProvider, colorHelper) {
+  function config(baConfigProvider, colorHelper, $provide) {
+    $provide.decorator('$uiViewScroll', function ($delegate) {
+      return function (uiViewElement) {
+        window.scrollTo(0, 0);
+      };
+    });
     //baConfigProvider.changeTheme({blur: true});
     //
     //baConfigProvider.changeColors({

src/index.html

@@ -34,7 +34,7 @@
   <div class="al-main">
     <div class="al-content">
       <content-top></content-top>
-      <div ui-view></div>
+      <div ui-view autoscroll="true"></div>
     </div>
   </div>