Team:Tokyo Tech/mobirise/formoid/js/formoid-min-js

jQuery(function($){

   var Formoid = (function(){
   
       var API_URL = ('https:' == location.protocol ? 'https:' : 'http:') + '//formoid.net/api/push';
       
       var $ajax = (function(){
           var ie = (/MSIE (\d+)\./.exec(navigator.userAgent) || [0, 0])[1];
           if (8 == ie || (9 == ie && 'file:' != location.protocol)){
               return function(url, settings){
                   var xdr = new XDomainRequest(), defer = $.Deferred();
                   xdr.open(settings.type, url);
                   xdr.onload = function(){ defer.resolve(this.responseText); };
                   xdr.onerror = function(){ defer.reject(); };
                   xdr.send(settings.data);
                   return defer;
               };
           } else {
               $.support.cors = true;
               return $.ajax;
           }
       })();
   
       var prop = function(name, args){
           name = '__' + name + '__';
           if (args.length){
               this[name] = args[0];
               return this;
           }
           return this[name];
       };
   
       var attachMethods = function(obj, context, methods){
           $.each(methods, function(i, method){
               obj[method] = function(){
                   return context[method].apply(context, arguments);
               };
           });
           return obj;
       };
   
       var Form = function(settings){
           settings = settings || {};
           this.__email__ = settings.email || ;
           this.__title__ = settings.title || ;
           this.__data__  = settings.data  || [];
       };
   
       Form.prototype.email = function(value){
           return prop.call(this, 'email', arguments);
       };
   
       Form.prototype.title = function(value){
           return prop.call(this, 'title', arguments);
       };
   
       Form.prototype.data = function(value){
           return prop.call(this, 'data', arguments);
       };
   
       Form.prototype.send = function(data, beforeStart){
           var defer = attachMethods($.Deferred(), this, ['email', 'title', 'data', 'send']);
           if (beforeStart){
               beforeStart.call(this, defer);
               if ('pending' != defer.state())
                   return defer;
           }
           $ajax(API_URL, {
               type : 'POST',
               data : JSON.stringify({
                   email : this.__email__,
                   form : {
                       title : this.__title__,
                       data : (arguments.length ? data : this.__data__)
                   }
               })
           }).done(function(responseText){
               try {
                   var data = JSON.parse(responseText);
                   if (data.error) defer.reject(data.error);
                   else defer.resolve(data.response);
               } catch (e) {
                   defer.reject('Incorrect server response.');
               }
           }).fail(function(){
               var error = 'Failed to query the server. ';
               if ('onLine' in navigator && !navigator.onLine)
                   error += 'No connection to the Internet.';
               else error += 'Check the connection and try again.';
               defer.reject(error);
           });
           return defer;
       };
   
       return {
           Form : function(settings){
               return new Form(settings);
           }
       }
   
   })();

   var isValid = function(input){
       if (input.checkValidity) return input.checkValidity(); // native validation
       var isValid = true, value = $(input).val(), type = $(input).attr('type');
       // regexp rules from https://github.com/running-coder/jquery-form-validation
       if (value) isValid = !('email' === type && !/^([^@]+?)@(([a-z0-9]-*)*[a-z0-9]+\.)+([a-z0-9]+)$/i.test(value));
       else if ($(input).attr('required')) isValid = false;
       $(input)[ (isValid ? 'remove' : 'add') + 'Class' ]('form-invalid');
       return isValid;
   };

   $('[data-form-type="formoid"]').each(function(){
       var form,
           $this   = $(this),
           $form   = $this.is('form') ? $this : $this.find('form'),
           $alert  = $this.find('[data-form-alert]'),
           $title  = $this.is('[data-form-title]') ? $this : $this.find('[data-form-title]'),
           $submit = $this.find('[type="submit"]'),
           alertSuccess = $alert.html();
       $submit
           .click(function(){ $form.addClass('form-active'); });
       $form.submit(function(event){
           event.preventDefault();
           $form.addClass('form-active');
           if ($submit.hasClass('btn-loading')) return;
           var isValidForm = true, data = [];
           form = form || Formoid.Form({
               email : $this.find('[data-form-email]').val(),
               title : $title.attr('data-form-title') || $title.text()
           });
           $alert.html();
           $this.find('[data-form-field]').each(function(){
               if (!isValid(this))
                   isValidForm = false;
               data.push([
                   $(this).attr('data-form-field') || $(this).attr('name'),
                   $(this).val()
               ]);
           });
           if (!isValidForm) return;
           $submit.addClass('btn-loading').prop('disabled', true);
           form.send(data).done(function(message){
               $form.removeClass('form-active');
               $this.find('[data-form-field]').val();
               $alert.removeAttr('hidden');
               $alert.append($('<div class="alert alert-form alert-success text-xs-center"/>').text(alertSuccess || message));
           }).fail(function(error){
               $alert.append($('<div class="alert alert-form alert-danger text-xs-center"/>').text(error));
           }).always(function(){
               $submit.removeClass('btn-loading').prop('disabled', false);
           });
       });
   });

});