fish-shell/share/tools/web_config/js/app.js

fishconfig = angular.module("fishconfig", ["filters", "controllers"]);

fishconfig.config(
    ["$routeProvider", function($routeProvider) {
        $routeProvider
        .when("/colors", {
            controller: "colorsController",
            templateUrl: "partials/colors.html"
        })
        .when("/prompt", {
            controller: "promptController",
            templateUrl: "partials/prompt.html"
        })
        .when("/functions", {
            controller: "functionsController",
            templateUrl: "partials/functions.html"
        })
        .when("/variables", {
            controller: "variablesController",
            templateUrl: "partials/variables.html"
        })
        .when("/history", {
            controller: "historyController",
            templateUrl: "partials/history.html"
        })
        .when("/bindings", {
            controller: "bindingsController",
            templateUrl: "partials/bindings.html"
        })
        .otherwise({
            redirectTo: "/colors"
        })
    }]);

/* Inspired from http://blog.tomaka17.com/2012/12/random-tricks-when-using-angularjs/ */
fishconfig.config(function($httpProvider, $compileProvider) {
    var global_error_element = null;

    var showMessage = function(content) {
        global_error_element.text(content); 
    };
    
    $httpProvider.responseInterceptors.push(function($q) {
        return function(promise) {
            return promise.then(function(successResponse) {
                showMessage('');
                return successResponse;
            }, function(errorResponse) {
                switch (errorResponse.status) {
                    case 0:
                        showMessage("The request received an error. Perhaps the server has shut down.");
                        break;
                   case 500:
                        showMessage('Server internal error: ' + errorResponse.data);
                        break;
                    default:
                        showMessage('Error ' + errorResponse.status + ': ' + errorResponse.data);
                }
                return $q.reject(errorResponse);
            });
        };
    });

    $compileProvider.directive('errorMessage', function() {
        return {
            link: function(scope, element, attrs) { global_error_element = element; }
        };
    });
});