mirror of
https://github.com/kennethreitz-archive/www.gittip.com.git
synced 2026-06-21 15:50:59 +00:00
Chad Whitacre
685 lines
20 KiB
JavaScript
685 lines
20 KiB
JavaScript
// Degrade the console obj where not present.
|
|
// ==========================================
|
|
// http://fbug.googlecode.com/svn/branches/firebug1.2/lite/firebugx.js
|
|
// Relaxed to allow for Chrome's console.
|
|
|
|
function mock_console()
|
|
{
|
|
var names = ["log", "debug", "info", "warn", "error", "assert", "dir",
|
|
"dirxml", "group", "groupEnd", "time", "timeEnd", "count",
|
|
"trace", "profile", "profileEnd"];
|
|
window.console = {};
|
|
for (var i=0, name; name = names[i]; i++)
|
|
window.console[name] = function() {};
|
|
}
|
|
|
|
if (!window.console)
|
|
{
|
|
mock_console();
|
|
}
|
|
|
|
|
|
// Make sure we have some things.
|
|
// ==============================
|
|
|
|
$.fn.serializeObject = function()
|
|
{ // http://stackoverflow.com/questions/763345/jquery-how-to-store-form-values-in-data-object
|
|
var o = {};
|
|
var a = this.serializeArray();
|
|
$.each(a, function() {
|
|
if (o[this.name] !== undefined) {
|
|
if (!o[this.name].push) {
|
|
o[this.name] = [o[this.name]];
|
|
}
|
|
o[this.name].push(this.value || '');
|
|
} else {
|
|
o[this.name] = this.value || '';
|
|
}
|
|
});
|
|
return o;
|
|
};
|
|
|
|
if (!Array.prototype.indexOf)
|
|
{ // http://stackoverflow.com/questions/1744310/how-to-fix-array-indexof-in-javascript-for-ie-browsers
|
|
Array.prototype.indexOf = function(obj, start)
|
|
{
|
|
for (var i = (start || 0), j = this.length; i < j; i++)
|
|
if (this[i] == obj)
|
|
return i;
|
|
return -1;
|
|
}
|
|
}
|
|
|
|
if (!String.prototype.replaceAll)
|
|
{
|
|
String.prototype.replaceAll = function(p, r)
|
|
{
|
|
var s = this;
|
|
while (s.indexOf(p) !== -1)
|
|
s = s.replace(p, r);
|
|
return s;
|
|
}
|
|
}
|
|
|
|
if(!String.prototype.trim)
|
|
{ // http://stackoverflow.com/questions/1418050/string-strip-for-javascript
|
|
String.prototype.trim = function()
|
|
{
|
|
return String(this).replace(/^\s+|\s+$/g, '');
|
|
};
|
|
}
|
|
|
|
if(!Array.prototype.remove)
|
|
{ //http://ejohn.org/blog/javascript-array-remove/
|
|
Array.prototype.remove = function(from, to)
|
|
{
|
|
var rest = this.slice((to || from) + 1 || this.length);
|
|
this.length = from < 0 ? this.length + from : from;
|
|
return this.push.apply(this, rest);
|
|
}
|
|
};
|
|
|
|
|
|
// Main namespace.
|
|
// ===============
|
|
|
|
Gittip = {};
|
|
|
|
|
|
/* Form Generics */
|
|
/* ============= */
|
|
|
|
Gittip.clearFeedback = function()
|
|
{
|
|
$('#feedback').empty();
|
|
}
|
|
|
|
Gittip.showFeedback = function(msg, details)
|
|
{
|
|
if (msg === null)
|
|
msg = "Failure";
|
|
msg = '<h2><span class="highlight">' + msg + '</span></h2>';
|
|
msg += '<ul class="details"></ul>';
|
|
$('#feedback').html(msg);
|
|
if (details !== undefined)
|
|
for (var i=0; i < details.length; i++)
|
|
$('#feedback .details').append('<li>' + details[i] + '</li>');
|
|
}
|
|
|
|
Gittip.submitForm = function(url, data, success, error)
|
|
{
|
|
if (success === undefined)
|
|
{
|
|
success = function()
|
|
{
|
|
Gittip.showFeedback("Success!");
|
|
}
|
|
}
|
|
|
|
if (error === undefined)
|
|
{
|
|
error = function(data)
|
|
{
|
|
Gittip.showFeedback(data.problem);
|
|
};
|
|
}
|
|
|
|
function _success(data)
|
|
{
|
|
if (data.problem === "" || data.problem === undefined)
|
|
success(data);
|
|
else
|
|
error(data);
|
|
}
|
|
|
|
function _error(xhr, foo, bar)
|
|
{
|
|
Gittip.showFeedback( "So sorry!!"
|
|
, ["There was a fairly drastic error with your "
|
|
+"request."]
|
|
);
|
|
console.log("failed", xhr, foo, bar);
|
|
}
|
|
|
|
jQuery.ajax({ url: url
|
|
, type: "POST"
|
|
, data: data
|
|
, dataType: "json"
|
|
, success: _success
|
|
, error: _error
|
|
});
|
|
}
|
|
|
|
|
|
/* Payment Details Form */
|
|
/* ==================== */
|
|
|
|
Gittip.havePayments = false;
|
|
Gittip.paymentProcessorAttempts = 0;
|
|
|
|
Gittip.submitDeleteForm = function(e)
|
|
{
|
|
var item = $("#payout").length ? "bank account" : "credit card";
|
|
var slug = $("#payout").length ? "bank-account" : "credit-card";
|
|
var msg = "Really disconnect your " + item + "?";
|
|
if (!confirm(msg))
|
|
{
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
|
|
jQuery.ajax(
|
|
{ url: '/' + slug + '.json'
|
|
, data: {action: "delete"}
|
|
, type: "POST"
|
|
, success: function() {
|
|
window.location.href = '/' + slug + '.html';
|
|
}
|
|
, error: function(x,y,z) {
|
|
select(cur);
|
|
alert("Sorry, something went wrong deleting your " + item + ". :(");
|
|
console.log(x,y,z);
|
|
}
|
|
}
|
|
);
|
|
return false;
|
|
};
|
|
|
|
Gittip.submitPayoutForm = function (e) {
|
|
e.preventDefault();
|
|
|
|
$('BUTTON#save').text('Saving ...');
|
|
Gittip.clearFeedback();
|
|
|
|
var bankAccount = {
|
|
name: $('#account_name').val(),
|
|
account_number: $('#account_number').val(),
|
|
bank_code: $('#routing_number').val()
|
|
};
|
|
|
|
var dobs = [
|
|
$('#dob-year').val(),
|
|
$('#dob-month').val(),
|
|
$('#dob-day').val()
|
|
];
|
|
|
|
Gittip.merchantData = {
|
|
type: 'person', // Oooh, may need to vary this some day?
|
|
street_address: $('#address_1').val(),
|
|
postal_code: $('#zip').val(),
|
|
phone_number: $('#phone_number').val(),
|
|
region: $('#state').val(),
|
|
dob: dobs.join('-'),
|
|
name: $('#name').val()
|
|
};
|
|
var errors = [];
|
|
|
|
|
|
// Require some fields.
|
|
// ====================
|
|
// We only require fields that are actually on the page. Since we don't
|
|
// load the identity verification fields if they're already verified, not
|
|
// all of these will necessarily be present at all.
|
|
|
|
var requiredFields = {
|
|
name: 'Your legal name is required.',
|
|
address_1: 'Your street address is required.',
|
|
zip: 'Your ZIP or postal code is required.',
|
|
phone_number: 'A phone number is required.',
|
|
account_name: 'The name on your bank account is required.',
|
|
account_number: 'Your bank account number is required.',
|
|
routing_number: 'A routing number is required.'
|
|
};
|
|
for (var field in requiredFields)
|
|
{
|
|
var $f = $('#' + field);
|
|
if (!$f.length) // Only validate if it's on the page.
|
|
continue;
|
|
var value = $f.val();
|
|
|
|
if (!value)
|
|
{
|
|
$f.closest('div').addClass('error');
|
|
errors.push(requiredFields[field]);
|
|
}
|
|
else
|
|
{
|
|
$f.closest('div').removeClass('error');
|
|
}
|
|
}
|
|
|
|
|
|
// Validate date of birth.
|
|
// =======================
|
|
// This might not be on the page if they've already verified their
|
|
// identity.
|
|
|
|
if (dobs[0] !== undefined)
|
|
{
|
|
var d = new Date(dobs[0], dobs[1] - 1, dobs[2]);
|
|
// (1900, 2, 31) gives 3 march :P
|
|
if (d.getMonth() !== dobs[1] - 1)
|
|
errors.push('Invalid date of birth.');
|
|
}
|
|
|
|
|
|
// Validate routing number.
|
|
// ========================
|
|
|
|
var $rn = $('#routing_number');
|
|
if (bankAccount.bank_code)
|
|
{
|
|
if (!balanced.bankAccount.validateRoutingNumber(bankAccount.bank_code))
|
|
{
|
|
$rn.closest('div').addClass('error');
|
|
errors.push("That routing number is invalid.");
|
|
}
|
|
else
|
|
{
|
|
$rn.closest('div').removeClass('error');
|
|
}
|
|
}
|
|
|
|
|
|
if (errors.length)
|
|
{
|
|
$('BUTTON#save').text('Save');
|
|
Gittip.showFeedback(null, errors);
|
|
}
|
|
else
|
|
{
|
|
balanced.bankAccount.create(bankAccount, Gittip.bankAccountResponseHandler);
|
|
}
|
|
};
|
|
|
|
Gittip.bankAccountResponseHandler = function (response) {
|
|
console.log('bank account response', response);
|
|
if (response.status != 201)
|
|
{
|
|
$('BUTTON#save').text('Save');
|
|
var msg = response.status.toString() + " " + response.error.description;
|
|
jQuery.ajax(
|
|
{ type: "POST"
|
|
, url: "/bank-account.json"
|
|
, data: {action: 'store-error', msg: msg}
|
|
}
|
|
);
|
|
|
|
Gittip.showFeedback(null, [response.error.description]);
|
|
}
|
|
else
|
|
{
|
|
|
|
/* The request to tokenize the bank account succeeded. Now we need to
|
|
* validate the merchant information. We'll submit it to
|
|
* /bank-accounts.json and check the response code to see what's going
|
|
* on there.
|
|
*/
|
|
|
|
function success()
|
|
{
|
|
$('#status').text('connected').addClass('highlight');
|
|
setTimeout(function() {
|
|
$('#status').removeClass('highlight');
|
|
}, 8000);
|
|
$('#delete').show();
|
|
Gittip.clearFeedback();
|
|
$('BUTTON#save').text('Save');
|
|
setTimeout(function() {
|
|
window.location.href = '/' + Gittip.participantId + '/';
|
|
}, 1000);
|
|
}
|
|
|
|
function detailedFeedback(data)
|
|
{
|
|
$('#status').text('failing');
|
|
$('#delete').show();
|
|
var messages = [data.error];
|
|
if (data.problem == 'More Info Needed') {
|
|
var redirect_uri = data.redirect_uri;
|
|
for (var key in Gittip.merchantData) {
|
|
redirect_uri += 'merchant[' + encodeURIComponent(key) + ']'
|
|
+ '=' + encodeURIComponent((Gittip.merchantData[key])) + '&';
|
|
}
|
|
messages = [ "Sorry, we couldn't verify your identity. Please "
|
|
+ "check, correct, and resubmit your details, or "
|
|
+ "step through our <a href=\"" + redirect_uri
|
|
+ "\">payment processor's escalation process</a>."
|
|
];
|
|
}
|
|
Gittip.showFeedback(data.problem, messages);
|
|
$('BUTTON#save').text('Save');
|
|
}
|
|
|
|
var detailsToSubmit = Gittip.merchantData;
|
|
detailsToSubmit.bank_account_uri = response.data.uri;
|
|
|
|
Gittip.submitForm( "/bank-account.json"
|
|
, detailsToSubmit
|
|
, success
|
|
, detailedFeedback
|
|
);
|
|
}
|
|
};
|
|
|
|
Gittip.submitPaymentForm = function(e)
|
|
{
|
|
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
$('BUTTON#save').text('Saving ...');
|
|
Gittip.clearFeedback();
|
|
|
|
if (!Gittip.havePayments)
|
|
{
|
|
if (Gittip.paymentProcessorAttempts++ === 50)
|
|
alert( "Gah! Apparently we suck. If you're really motivated, call "
|
|
+"me (Chad) at 412-925-4220 and we'll figure this out. "
|
|
+"Sorry. :-("
|
|
);
|
|
else
|
|
setTimeout(Gittip.submitPaymentForm, 200);
|
|
return false;
|
|
}
|
|
|
|
|
|
// Adapt our form lingo to balanced nomenclature.
|
|
|
|
function val(field)
|
|
{
|
|
return $('FORM#payment INPUT[id="' + field + '"]').val();
|
|
}
|
|
|
|
var credit_card = {}; // holds CC info
|
|
|
|
credit_card.card_number = val('card_number');
|
|
if (credit_card.card_number.search('[*]') !== -1)
|
|
credit_card.card_number = ''; // don't send if it's the **** version
|
|
credit_card.security_code = val('cvv');
|
|
credit_card.name = val('name');
|
|
credit_card.street_address = val('address_1');
|
|
credit_card.region = val('state');
|
|
country = $('select[id="country"]').val();
|
|
credit_card.meta = { 'address_2': val('address_2')
|
|
, 'region': credit_card.region // workaround
|
|
, 'city_town': val('city_town')
|
|
, 'country': country
|
|
};
|
|
|
|
credit_card.postal_code = val('zip');
|
|
|
|
credit_card.expiration_month = val('expiration_month');
|
|
credit_card.expiration_year = val('expiration_year');
|
|
|
|
if (!balanced.card.isCardNumberValid(credit_card.card_number))
|
|
{
|
|
$('BUTTON#save').text('Save');
|
|
Gittip.showFeedback(null, ["Your card number is bad."]);
|
|
}
|
|
else if (!balanced.card.isExpiryValid( credit_card.expiration_month
|
|
, credit_card.expiration_year
|
|
))
|
|
{
|
|
$('BUTTON#save').text('Save');
|
|
Gittip.showFeedback(null, ["Your expiration date is bad."]);
|
|
}
|
|
else if (!balanced.card.isSecurityCodeValid( credit_card.card_number
|
|
, credit_card.security_code
|
|
))
|
|
{
|
|
$('BUTTON#save').text('Save');
|
|
Gittip.showFeedback(null, ["Your CVV is bad."]);
|
|
}
|
|
else
|
|
{
|
|
balanced.card.create(credit_card, Gittip.paymentsResponseHandler);
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
Gittip.paymentsResponseHandler = function(response)
|
|
{
|
|
|
|
/* If status !== 201 then response.error will contain information about the
|
|
* error, in this form:
|
|
*
|
|
* { "code": "incorrect_number"
|
|
* , "message": "Your card number is incorrect"
|
|
* , "param": "number"
|
|
* , "type": "card_error"
|
|
* }
|
|
*
|
|
* The error codes are documented here:
|
|
*
|
|
* https://www.balancedpayments.com/docs/js
|
|
*
|
|
*/
|
|
|
|
if (response.status !== 201)
|
|
{ // The request to create the token failed. Store the failure message in
|
|
// our db.
|
|
$('BUTTON#save').text('Save');
|
|
var msg = response.status.toString() + " " + response.error.description;
|
|
jQuery.ajax(
|
|
{ type: "POST"
|
|
, url: "/credit-card.json"
|
|
, data: {action: 'store-error', msg: msg}
|
|
}
|
|
);
|
|
|
|
Gittip.showFeedback(null, [response.error.description]);
|
|
}
|
|
else
|
|
{
|
|
|
|
/* The request to create the token succeeded. We now have a single-use
|
|
* token associated with the credit card info. This token can be
|
|
* used to associate the card with a customer. We want to do the
|
|
* latter, and that happens on the server side. When the card is
|
|
* tokenized Balanced performs card validation, so we alredy know the
|
|
* card is good.
|
|
*/
|
|
|
|
function success()
|
|
{
|
|
$('#status').text('working').addClass('highlight');
|
|
setTimeout(function() {
|
|
$('#status').removeClass('highlight');
|
|
}, 8000);
|
|
$('#delete').show();
|
|
Gittip.clearFeedback();
|
|
$('BUTTON#save').text('Save');
|
|
setTimeout(function() {
|
|
window.location.href = '/' + Gittip.participantId + '/';
|
|
}, 1000);
|
|
}
|
|
|
|
function detailedFeedback(data)
|
|
{
|
|
$('#status').text('failing');
|
|
$('#delete').show();
|
|
var details = [];
|
|
Gittip.showFeedback(data.problem, [data.error]);
|
|
$('BUTTON#save').text('Save');
|
|
}
|
|
|
|
Gittip.submitForm( "/credit-card.json"
|
|
, {card_uri: response.data.uri}
|
|
, success
|
|
, detailedFeedback
|
|
);
|
|
}
|
|
};
|
|
|
|
Gittip.initPayment = function(balanced_uri, participantId)
|
|
{
|
|
Gittip.participantId = participantId;
|
|
$('#delete FORM').submit(Gittip.submitDeleteForm);
|
|
$('FORM#payment').submit(Gittip.submitPaymentForm);
|
|
|
|
// Lazily depend on Balanced.
|
|
var balanced_js = "https://js.balancedpayments.com/v1/balanced.js";
|
|
jQuery.getScript(balanced_js, function()
|
|
{
|
|
balanced.init(balanced_uri);
|
|
Gittip.havePayments = true;
|
|
$('INPUT[type!="hidden"]').eq(0).focus();
|
|
});
|
|
};
|
|
|
|
Gittip.initPayout = function(balanced_uri, participantId)
|
|
{
|
|
Gittip.participantId = participantId;
|
|
$('#delete FORM').submit(Gittip.submitDeleteForm);
|
|
$('#payout').submit(Gittip.submitPayoutForm);
|
|
|
|
// Lazily depend on Balanced.
|
|
var balanced_js = "https://js.balancedpayments.com/v1/balanced.js";
|
|
jQuery.getScript(balanced_js, function()
|
|
{
|
|
balanced.init(balanced_uri);
|
|
Gittip.havePayouts = true;
|
|
$('INPUT[type!="hidden"]').eq(0).focus();
|
|
});
|
|
};
|
|
|
|
Gittip.initCSRF = function()
|
|
{ // https://docs.djangoproject.com/en/dev/ref/contrib/csrf/#ajax
|
|
jQuery(document).ajaxSend(function(event, xhr, settings) {
|
|
function getCookie(name) {
|
|
var cookieValue = null;
|
|
if (document.cookie && document.cookie != '') {
|
|
var cookies = document.cookie.split(';');
|
|
for (var i = 0; i < cookies.length; i++) {
|
|
var cookie = jQuery.trim(cookies[i]);
|
|
// Does this cookie string begin with the name we want?
|
|
if (cookie.substring(0, name.length + 1) == (name + '=')) {
|
|
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
return cookieValue;
|
|
}
|
|
function sameOrigin(url) {
|
|
// url could be relative or scheme relative or absolute
|
|
var host = document.location.host; // host + port
|
|
var protocol = document.location.protocol;
|
|
var sr_origin = '//' + host;
|
|
var origin = protocol + sr_origin;
|
|
// Allow absolute or scheme relative URLs to same origin
|
|
return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||
|
|
(url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||
|
|
// or any other URL that isn't scheme relative or absolute i.e relative.
|
|
!(/^(\/\/|http:|https:).*/.test(url));
|
|
}
|
|
function safeMethod(method) {
|
|
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
|
|
}
|
|
|
|
if (!safeMethod(settings.type) && sameOrigin(settings.url)) {
|
|
xhr.setRequestHeader("X-CSRF-TOKEN", getCookie('csrf_token'));
|
|
}
|
|
});
|
|
};
|
|
|
|
Gittip.initTipButtons = function()
|
|
{
|
|
// For anonymous users we flash a login link.
|
|
|
|
$('BUTTON.tip-anon').mouseover(
|
|
function() { $('.nav.level-1 .flash-me').addClass('highlight'); }
|
|
);
|
|
$('BUTTON.tip-anon').click(function()
|
|
{
|
|
var i = 0
|
|
function flash()
|
|
{
|
|
if (i++ == 6) return;
|
|
$('.nav.level-1 .flash-me').toggleClass('highlight');
|
|
setTimeout(flash, 100);
|
|
}
|
|
flash();
|
|
});
|
|
|
|
|
|
// For authenticated users we change the tip!
|
|
|
|
$('BUTTON.tip').click(function()
|
|
{
|
|
|
|
// Exit early if the button has the disabled class. I'm not using the
|
|
// disabled HTML attribute because (in Chrome) hovering over a disabled
|
|
// button means the row doesn't get the hover event.
|
|
|
|
if ($(this).hasClass('disabled'))
|
|
return;
|
|
|
|
|
|
// Grab the row and the current button. Exit early if they clicked the
|
|
// current selection.
|
|
|
|
var container = $(this).parent();
|
|
var cur = $('BUTTON.selected');
|
|
if (cur.get(0) === this)
|
|
return
|
|
|
|
|
|
// Define a closure that will be used to select the new button, and
|
|
// also to revert back in case of error.
|
|
|
|
function select(btn, amount)
|
|
{
|
|
$('BUTTON.selected', container).removeClass('selected')
|
|
.addClass('empty');
|
|
$(btn).addClass('selected').removeClass('empty');
|
|
|
|
if (amount == '0.00')
|
|
$('#payment-prompt.needed').removeClass('needed');
|
|
else
|
|
$('#payment-prompt').addClass('needed');
|
|
}
|
|
|
|
|
|
// Go to work!
|
|
|
|
var amount = $(this).text().replace('$', '');
|
|
var tippee = $(this).attr('tippee');
|
|
select(this, amount);
|
|
|
|
jQuery.ajax(
|
|
{ url: '/' + tippee + '/tip.json'
|
|
, data: {amount: amount}
|
|
, type: "POST"
|
|
, error: function(x,y,z) {
|
|
select(cur);
|
|
alert("Sorry, something went wrong changing your tip. :(");
|
|
console.log(x,y,z);
|
|
}
|
|
}
|
|
)
|
|
.done(function(data) {
|
|
$('.old-amount', container).remove();
|
|
$('.total-giving').text(data['total_giving']);
|
|
});
|
|
});
|
|
};
|
|
|
|
|
|
Gittip.initJumpToPerson = function()
|
|
{
|
|
function jump(e)
|
|
{
|
|
var platform = $('#jump SELECT').val().trim();
|
|
var val = $('#jump INPUT').val().trim();
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (val !== '')
|
|
window.location = '/on/' + platform + '/' + val + '/';
|
|
return false;
|
|
}
|
|
$('#jump').submit(jump);
|
|
}
|