From 96b3a8b585658645e8bc1269a7856d799f9a308e Mon Sep 17 00:00:00 2001
From: tibing <parapupum@gmail.com>
Date: Wed, 22 Jun 2016 11:46:32 +0300
Subject: [PATCH] fix(app): fix page return to top after changing tab

Close #56
---
 src/app/pages/charts/charts.module.js         | 2 +-
 src/app/pages/components/components.module.js | 2 +-
 src/app/pages/form/form.module.js             | 2 +-
 src/app/pages/maps/maps.html                  | 2 +-
 src/app/pages/tables/tables.module.js         | 2 +-
 src/app/pages/ui/ui.module.js                 | 2 +-
 src/app/theme/theme.config.js                 | 7 ++++++-
 src/index.html                                | 2 +-
 8 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/app/pages/charts/charts.module.js b/src/app/pages/charts/charts.module.js
index e17c726..994a69b 100644
--- a/src/app/pages/charts/charts.module.js
+++ b/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',
diff --git a/src/app/pages/components/components.module.js b/src/app/pages/components/components.module.js
index ccd91ff..f50a993 100644
--- a/src/app/pages/components/components.module.js
+++ b/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: {
diff --git a/src/app/pages/form/form.module.js b/src/app/pages/form/form.module.js
index a2fa969..8dd33ac 100644
--- a/src/app/pages/form/form.module.js
+++ b/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: {
diff --git a/src/app/pages/maps/maps.html b/src/app/pages/maps/maps.html
index b576f00..951e7fa 100644
--- a/src/app/pages/maps/maps.html
+++ b/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>
\ No newline at end of file
diff --git a/src/app/pages/tables/tables.module.js b/src/app/pages/tables/tables.module.js
index 542fe06..b7cce88 100644
--- a/src/app/pages/tables/tables.module.js
+++ b/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',
diff --git a/src/app/pages/ui/ui.module.js b/src/app/pages/ui/ui.module.js
index ac73f47..ab99971 100644
--- a/src/app/pages/ui/ui.module.js
+++ b/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: {
diff --git a/src/app/theme/theme.config.js b/src/app/theme/theme.config.js
index 1a9303b..0f2a803 100644
--- a/src/app/theme/theme.config.js
+++ b/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({
diff --git a/src/index.html b/src/index.html
index 669aa55..e3642be 100644
--- a/src/index.html
+++ b/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>