/**
 * Provides a directive to toggle display of elements.
 */
angular.module('security.access', ['services.authentication'])

  .directive('accessLevel', ['authentication', function(authentication) {
    return {
      restrict: 'A',
      link: function(scope, element, attributes) {
        var accessLevel = attributes.accessLevel;
        var display = element.css('display');
        var role = authentication.user.role;

        attributes.$observe('accessLevel', function(accessLevel) {
        })

        function toggleElement() {
          if (!authentication.authorize(accessLevel, role)) {
            element.css('display', 'none');
          }
          else {
            element.css('display', display);
          }
        }
      },
    }
  }]);