replace deprecated/removed $stateChange* with transitionService method

ethereumclassic · May 29, 2018 · 105b117 · 105b117
1 parent ba0564b
commit 105b117
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 11 deletions.
diff --git a/public/js/directives.js b/public/js/directives.js
@@ -3,21 +3,21 @@ GLobal Directives
 ***/
 
 // Route State Load Spinner(used on page or content load)
-BlocksApp.directive('ngSpinnerBar', ['$rootScope',
-    function($rootScope) {
+BlocksApp.directive('ngSpinnerBar', ['$rootScope', '$transitions',
+    function($rootScope, $transitions) {
         return {
             link: function(scope, element, attrs) {
                 // by defult hide the spinner bar
                 element.addClass('hide'); // hide spinner bar by default
 
                 // display the spinner bar whenever the route changes(the content part started loading)
-                $rootScope.$on('$stateChangeStart', function() {
+                $transitions.onStart({}, function(trans) {
                     element.removeClass('hide'); // show spinner bar
                     Layout.closeMainMenu();
                 });
 
                 // hide the spinner bar on rounte change success(after the content loaded)
-                $rootScope.$on('$stateChangeSuccess', function() {
+                $transitions.onSuccess({}, function(trans) {
                     element.addClass('hide'); // hide spinner bar
                     $('body').removeClass('page-on-load'); // remove page loading indicator
                     Layout.setMainMenuActiveLink('match'); // activate selected link in the sidebar menu
@@ -29,12 +29,7 @@ BlocksApp.directive('ngSpinnerBar', ['$rootScope',
                 });
 
                 // handle errors
-                $rootScope.$on('$stateNotFound', function() {
-                    element.addClass('hide'); // hide spinner bar
-                });
-
-                // handle errors
-                $rootScope.$on('$stateChangeError', function() {
+                $transitions.onError({}, function() {
                     element.addClass('hide'); // hide spinner bar
                 });
             }

diff --git a/views/index.ejs b/views/index.ejs
@@ -35,7 +35,7 @@
         <!-- END THEME STYLES -->
     <!-- END HEAD -->
     <!-- BEGIN BODY -->
-    <body ng-controller="MainController" class="page-header-fixed" ng-class="{'page-content-white': settings.layout.pageContentWhite,'page-container-bg-solid': settings.layout.pageBodySolid}">
+    <body ng-controller="MainController" class="page-header-fixed page-on-load" ng-class="{'page-content-white': settings.layout.pageContentWhite,'page-container-bg-solid': settings.layout.pageBodySolid}">
         <!-- BEGIN PAGE SPINNER -->
         <div ng-spinner-bar class="page-spinner-bar">
             <img src="/img/loading.gif">