kong-dashboard/src/directives/route_loading_indicator.js

Web UI for managing Kong gateway

angular.module('app').directive("appRouteLoadingIndicator", ['$rootScope', function ($rootScope) {
    return {
        restrict: 'E',
        templateUrl: "directives/route_loading_indicator.html",
        controller: ['$scope', '$rootScope', 'Alert', function ($scope, $rootScope, Alert) {
            $scope.loading = false;
            $rootScope.$on('$routeChangeStart', function () {
                $scope.loading = true;
            });
            $rootScope.$on('$routeChangeSuccess', function () {
                $scope.loading = false;
            });
            $rootScope.$on('$routeChangeError', function() {
                $scope.loading = false;
            });
        }]
    };
}]);