/email-checker-step4/app.js

angular.module('emailChecker', []);

angular.module('emailChecker')
  .provider('EmailService', function() {

    this.blacklist = [];
    this.setBlacklist = function(blacklist) {
      this.blacklist = blacklist;
    };

    this.$get = function() {
      var service = {};
      var config = this;
      service.isValid = function(email) {
        if (config.blacklist.indexOf(email) > -1) {
          return false;
        }

        var regex = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
        return regex.test(email);

      }

      return service;
     }
  })
  .config(function(EmailServiceProvider) {
    EmailServiceProvider.setBlacklist(['gonto@gonto.com']);
  })
  .directive('emailCheckerButton', function() {
    return {
      restrict: 'E',
      replace: true,
      templateUrl: '/email-checker-step3/emailCheckerButton.html',
      scope: {
        label: '@',
        email: '='
      },
      controller: function($scope, EmailService) {
        $scope.checkEmail = function() {
          if (EmailService.isValid($scope.email)) {
            alert("It's a valid email :)!");
          } else {
            alert("It's an invalid email!");
          }
        }
      }

    }
  })
  .controller('MainCtrl', function($scope, EmailService) {

    $scope.$watch('email', function(newEmail) {
      if (!newEmail) $scope.validity = 'invalid';

      $scope.validity = EmailService.isValid(newEmail) ? 'valid' : 'invalid';
    })

  });