gistfile1.js

angular.module("xSources.Security").directive("xsLoginForm", function (AuthenticationApi) {

    return {
        restrict: "EA",
        controller: function ($scope) {

            $scope.user = {};


            AuthenticationApi.initialize();

            $scope.show = false;

            $scope.$on("authentication:required", function () {
                $scope.show = true;
            });

            $scope.login = function () {
                AuthenticationApi.login($scope.user.name, $scope.user.pass);
            };

            $scope.$on("authentication:denied", function () {
                $scope.message = "Anmeldung fehlgeschlagen";
            });

            $scope.$on("authenticatoin:failed", function () {
                $scope.message = "Während der Anmeldung trat ein Fehler auf";
            });

            $scope.$on("authentication:granted", function (ev, session) {
                $scope.message = "Anmeldung erfolgreich";

                angular.module("dummy-app").constant("SESSION", session);

                angular.bootstrap($("#main-app"), ["dummy-app"]);
            });
        },
        templateUrl: "/Templates/Login.html",
        link: function (scope, element, attrs) {
            scope.$watch("show", function (show) {
                element.toggle(show);
            });
        }
    };
});