mirror of
https://github.com/bigchaindb/site.git
synced 2024-12-24 18:36:11 +01:00
159 lines
5.8 KiB
JavaScript
159 lines
5.8 KiB
JavaScript
/*!
|
|
Mailchimp Ajax Submit
|
|
jQuery Plugin
|
|
Author: Siddharth Doshi
|
|
URL: https://github.com/scdoshi/jquery-ajaxchimp
|
|
|
|
---
|
|
Modified by: Matthias Kretschmann
|
|
- changes to work with our form control feedback styles
|
|
- changes to work with our parsley form validation
|
|
---
|
|
|
|
Use:
|
|
===
|
|
$('#form_id').ajaxchimp(options);
|
|
|
|
- Form should have one <input> element with attribute 'type=email'
|
|
- Form should have one label element with attribute 'for=email_input_id' (used to display error/success message)
|
|
- All options are optional.
|
|
|
|
Options:
|
|
=======
|
|
options = {
|
|
language: 'en',
|
|
callback: callbackFunction,
|
|
url: 'http://blahblah.us1.list-manage.com/subscribe/post?u=5afsdhfuhdsiufdba6f8802&id=4djhfdsh99f'
|
|
}
|
|
|
|
Notes:
|
|
=====
|
|
To get the mailchimp JSONP url (undocumented), change 'post?' to 'post-json?' and add '&c=?' to the end.
|
|
For e.g. 'http://blahblah.us1.list-manage.com/subscribe/post-json?u=5afsdhfuhdsiufdba6f8802&id=4djhfdsh99f&c=?',
|
|
*/
|
|
|
|
(function ($) {
|
|
'use strict';
|
|
|
|
$.ajaxChimp = {
|
|
responses: {
|
|
'We have sent you a confirmation email' : 0,
|
|
'Please enter a value' : 1,
|
|
'An email address must contain a single @' : 2,
|
|
'The domain portion of the email address is invalid (the portion after the @: )' : 3,
|
|
'The username portion of the email address is invalid (the portion before the @: )' : 4,
|
|
'This email address looks fake or invalid. Please enter a real email address' : 5
|
|
},
|
|
translations: {
|
|
'en': null
|
|
},
|
|
init: function (selector, options) {
|
|
$(selector).ajaxChimp(options);
|
|
}
|
|
};
|
|
|
|
$.fn.ajaxChimp = function (options) {
|
|
$(this).each(function(i, elem) {
|
|
var form = $(elem);
|
|
var email = form.find('input[type=email]');
|
|
var feedback = form.find('.form-control-feedback');
|
|
var formgroup = form.find('.input-group');
|
|
|
|
var settings = $.extend({
|
|
'url': form.attr('action'),
|
|
'language': 'en'
|
|
}, options);
|
|
|
|
var url = settings.url.replace('/post?', '/post-json?').concat('&c=?');
|
|
|
|
form.attr('novalidate', 'true');
|
|
email.attr('name', 'EMAIL');
|
|
|
|
form.submit(function () {
|
|
var msg;
|
|
function successCallback(resp) {
|
|
if (resp.result === 'success') {
|
|
msg = 'We have sent you a confirmation email';
|
|
formgroup.removeClass('has-error').addClass('has-success');
|
|
} else {
|
|
formgroup.removeClass('has-success').addClass('has-error');
|
|
email.removeClass('parsley-success');
|
|
var index = -1;
|
|
try {
|
|
var parts = resp.msg.split(' - ', 2);
|
|
if (parts[1] === undefined) {
|
|
msg = resp.msg;
|
|
} else {
|
|
var i = parseInt(parts[0], 10);
|
|
if (i.toString() === parts[0]) {
|
|
index = parts[0];
|
|
msg = parts[1];
|
|
} else {
|
|
index = -1;
|
|
msg = resp.msg;
|
|
}
|
|
}
|
|
}
|
|
catch (e) {
|
|
index = -1;
|
|
msg = resp.msg;
|
|
}
|
|
}
|
|
|
|
// Translate and display message
|
|
if (
|
|
settings.language !== 'en'
|
|
&& $.ajaxChimp.responses[msg] !== undefined
|
|
&& $.ajaxChimp.translations
|
|
&& $.ajaxChimp.translations[settings.language]
|
|
&& $.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]
|
|
) {
|
|
msg = $.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]];
|
|
}
|
|
feedback.html(msg);
|
|
|
|
feedback.show(2000);
|
|
if (settings.callback) {
|
|
settings.callback(resp);
|
|
}
|
|
}
|
|
|
|
var data = {};
|
|
var dataArray = form.serializeArray();
|
|
$.each(dataArray, function (index, item) {
|
|
data[item.name] = item.value;
|
|
});
|
|
|
|
$.ajax({
|
|
url: url,
|
|
data: data,
|
|
success: successCallback,
|
|
dataType: 'jsonp',
|
|
error: function (resp, text) {
|
|
console.log('mailchimp ajax submit error: ' + text);
|
|
}
|
|
});
|
|
|
|
// Translate and display submit message
|
|
var submitMsg = 'Sending...';
|
|
if(
|
|
settings.language !== 'en'
|
|
&& $.ajaxChimp.translations
|
|
&& $.ajaxChimp.translations[settings.language]
|
|
&& $.ajaxChimp.translations[settings.language]['submit']
|
|
) {
|
|
submitMsg = $.ajaxChimp.translations[settings.language]['submit'];
|
|
}
|
|
form.find('.btn')
|
|
.addClass('disabled')
|
|
.text(submitMsg);
|
|
|
|
//feedback.html(submitMsg).show(2000);
|
|
|
|
return false;
|
|
});
|
|
});
|
|
return this;
|
|
};
|
|
})(jQuery);
|