/*jslint this, white, browser */
/*global window, _, angular, jQuery */
(function() {
    "use strict";

    var rxApp = angular.module("rxApp", [
        "ngRoute",
        "ngAnimate",
        "rxApp.services",
        "rxApp.controllers",
        "rxApp.directives"
    ]);

    rxApp.config(["$routeProvider",
        function($routeProvider) {
            $routeProvider.when("/one", {
                templateUrl: "templateOne",
                controller: "oneController"
            }).when("/two/:id?", {
                templateUrl: "templateTwo",
                controller: "twoController"
            }).otherwise({
                redirectTo: "/one"
            });
        }
    ]);

    /* Services */
    var doBroadcastService = function() {
        var onRouteChangeSuccess = function($scope, handler) {
            $scope.$on("$routeChangeSuccess", function(e, currrent, previous) {
                handler(e, currrent, previous);
            });
        };
        return {
            onRouteChangeSuccess: onRouteChangeSuccess
        };
    };

    var doDataService = function() {
        return {
            data: [{
                id: 1,
                en: "one",
                es: "uno"
            }, {
                id: 2,
                en: "two",
                es: "dos"
            }, {
                id: 3,
                en: "three",
                es: "tres"
            }, {
                id: 4,
                en: "four",
                es: "quarto"
            }, {
                id: 5,
                en: "five",
                es: "cinco"
            }]
        };
    };

    var services = angular.module("rxApp.services", []);
    services
        .factory("broadcastService", [doBroadcastService])
        .factory("dataService", [doDataService]);

    /* Controllers */
    var doClientController = function($scope, broadcastService, dataService) {
        $scope.clientVM = {
            id: "client-view-model",
            data: dataService.data,
            routeId: null
        };

        broadcastService.onRouteChangeSuccess($scope, function(e, currrent, previous)
        {
            $scope.clientVM.routeId = currrent.params.id;
        });
    };

    var doOneController = function($scope) {
        $scope.vm = {
            id: "one-view-model",
            filterOne: function(value) {
                return value.id > 1;
            }
        };
    };

    var doTwoController = function($scope) {
        $scope.vm = {
            id: "two-view-model",
            filterTwo: function(value) {
                return value.id > 2;
            }
        };
    };

    var controllers = angular.module("rxApp.controllers", []);
    controllers
        .controller("clientController", [
            "$scope",
            "broadcastService",
            "dataService",
            doClientController
        ])
        .controller("oneController", [
            "$scope",
            doOneController
        ])
        .controller("twoController", [
            "$scope",
            doTwoController
        ]);

    /* Directives */
    var doSimpleDirective = function() {
        return {
            link: function(scope, elem, attr) {
                if (scope.vm) {
                    elem.append("<p>Directive compiled inside <code>ng-view</code>.</p>");
                } else {
                    elem.append("<p>Directive compiled outside of <code>ng-view</code>.</p>");
                }

                if (attr && attr.rxAttrOne) {
                    elem.append("<p>Directive has attribute <code>rxAttrOne:</code> " + attr.rxAttrOne + "</p>");
                }

                if (attr && attr.rxAttrTwo) {
                    elem.append("<p>Directive has attribute <code>rxAttrTwo:</code> " + attr.rxAttrTwo + "</p>");
                }
            },
            restrict: "E",
            scope: false,
            templateUrl: "templateForSimpleDirective"
        };
    };

    var directives = angular.module("rxApp.directives", []);
    directives.directive("rxSimpleDirective", [doSimpleDirective]);
}());