codeRIT/hackathon_manager

document.addEventListener('turbolinks:load', function() {
  $.fn.validate = function(option) {
    var previous_invalid_inputs = [];

    var validateInput = function() {
      var success = true,
        types = $(this)
          .data('validate')
          .split(/[ ,]+/),
        value = $(this).val();
      if ($(this).is(':checkbox') && !$(this).is(':checked')) {
        value = '';
      }
      if ($(this).is(':disabled')) {
        return true;
      }
      for (i = types.length - 1; i >= 0; i--) {
        switch (types[i]) {
          case 'presence':
            if (!value || $.trim(value).length < 1) {
            if ($(this).hasClass("agreement_input")) {
                notify($(this).parent(), 'Please read & accept');
              } else {
                notify(this, 'Missing Information');
              }
              success = false;
            }
            break;
          case 'email':
            if (value) {
              var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
              if (!re.test(value)) {
                notify(this, 'Invalid Email');
                success = false;
              }
            }
            break;
          case 'phone':
            if (value) {
              var phoneReg = /^[\+]?[0-9]{0,3}[-\s\.]?[(]?[0-9]{1,3}[)]?[-\s\.]?[0-9]{1,3}[-\s\.]?[0-9]{4,6}$/;
              if (!phoneReg.test(value)) {
                notify(this, 'Please enter a valid phone number');
                success = false;
              }
            }
            break;
          case 'file-max-size':
            if (
              this.files &&
              this.files[0] &&
              this.files[0].size > parseInt($(this).data('validate-file-max-size'))
            ) {
              notify(this, 'File Too Large');
              success = false;
            }
            break;
          case 'file-content-type':
            if (
              this.files &&
              this.files[0] &&
              this.files[0].type != $(this).data('validate-file-content-type')
            ) {
              notify(this, 'Invalid File Type');
              success = false;
            }
            break;
        }
      }
      if (success) {
        $(this)
          .parent()
          .removeClass('field_with_errors')
          .find('.error')
          .fadeOut(200, function() {
            $(this).remove();
          });
        // this removes the notification for agreements
        $(this)
          .parent()
          .parent()
          .removeClass('field_with_errors')
          .find('.error')
          .fadeOut(200, function() {
            $(this).remove();
          });
      }
      return success;
    };

    var validateAll = function() {
      var success = true,
        invalid_inputs = [],
        first_input;
      $(this)
        .find('[data-validate]')
        .each(function(i) {
          if (!validateInput.call(this)) {
            success = false;
            invalid_inputs.push(i);
            if (!first_input || $(this).is(':focus')) {
              first_input = this;
            }
          }
        });
      if (
        invalid_inputs.length > 0 &&
        $(invalid_inputs).not(previous_invalid_inputs).length === 0 &&
        $(previous_invalid_inputs).not(invalid_inputs).length === 0
      ) {
        $(this)
          .find('[data-validate]')
          .each(function() {
            $(this)
              .parent()
              .find('.error')
              .fadeOut(50)
              .fadeIn(100);
          });
      }
      if (first_input) {
        $(first_input).focus();
      }
      previous_invalid_inputs = invalid_inputs;
      return success;
    };

    var notify = function(input, message) {
      var $element = $(input)
        .parent()
        .find('.error');
      if ($element.length < 1) {
        $element = $('<span class="error"></span>')
          .hide()
          .insertAfter(input);
      }
      $element.text(message);
      $element.fadeIn(100);
      $element.parent().addClass('field_with_errors');
    };

    if (option == 'now') {
      return validateAll.call(this);
    } else {
      $(this).on('submit', function() {
        $(this)
          .find('[type=submit]')
          .prop('disabled', true);
        if (!validateAll.call(this)) {
          $(this)
            .find('[type=submit]')
            .prop('disabled', false);
          return false;
        }
        return true;
      });
      $(this)
        .find('[data-validate]')
        .each(function() {
          $(this).on('blur', validateInput);
          if ($(this).is(':checkbox') || $(this).is(':radio')) {
            $(this).on('change', validateInput);
          }
        });
    }
  };

  $('[data-validate=form]').validate();
});