2012-05-15 23:31:49 +00:00
|
|
|
var $j = jQuery.noConflict();
|
|
|
|
// give pledge box focus
|
|
|
|
$j(function() {
|
|
|
|
$j('#id_preapproval_amount').focus();
|
|
|
|
});
|
|
|
|
|
|
|
|
$j().ready(function() {
|
2012-05-16 00:58:07 +00:00
|
|
|
// cache these to speed things up
|
2012-05-15 23:31:49 +00:00
|
|
|
var inputbox = $j('#id_preapproval_amount');
|
|
|
|
var submitbutton = $j('#pledgesubmit');
|
2012-05-21 18:06:48 +00:00
|
|
|
var fakesubmitbutton = $j('#fakepledgesubmit');
|
2012-08-01 12:52:39 +00:00
|
|
|
var anonbox = $j('#anonbox input');
|
2012-08-01 16:08:31 +00:00
|
|
|
var ackSection = $j('#ack_section');
|
2012-08-06 19:44:43 +00:00
|
|
|
var supporterName = $j('#pass_supporter_name').html();
|
|
|
|
var ackName = $j('#pass_ack_name').html();
|
|
|
|
var ackLink = $j('#pass_ack_link').html();
|
|
|
|
var ackDedication = $j('#pass_ack_dedication').html();
|
|
|
|
if(ackDedication == 'None') {
|
|
|
|
ackDedication = '';
|
|
|
|
}
|
2012-08-01 12:52:53 +00:00
|
|
|
var acks = {
|
2012-08-06 19:44:43 +00:00
|
|
|
ack_name: ackName,
|
|
|
|
ack_link: ackLink,
|
|
|
|
ack_dedication: ackDedication
|
2012-08-01 12:52:53 +00:00
|
|
|
};
|
2012-08-01 13:08:07 +00:00
|
|
|
|
2012-08-06 19:44:43 +00:00
|
|
|
var ackAnon = $j('#pass_anon').html();
|
|
|
|
|
2012-08-01 12:52:39 +00:00
|
|
|
// we're not letting people submit arbitrary links
|
|
|
|
$j('#id_ack_link').attr('disabled', 'disabled');
|
2012-05-15 23:31:49 +00:00
|
|
|
|
2012-08-01 12:52:39 +00:00
|
|
|
// take an input button from the premiums list
|
|
|
|
// find the premium amount in its associated span class
|
|
|
|
// convert to usable integer form and return
|
2012-05-16 00:58:07 +00:00
|
|
|
var canonicalize = function(amt) {
|
|
|
|
amt = amt.siblings('span.menu-item-price').html();
|
|
|
|
amt = amt.split('$')[1];
|
|
|
|
amt = parseInt(amt);
|
|
|
|
return amt;
|
|
|
|
}
|
|
|
|
|
2012-08-01 12:52:39 +00:00
|
|
|
// if amount in pledge box is too small to qualify for premium, highlight pledge
|
|
|
|
// box and submit button in alert color and disable the pledge input button
|
|
|
|
// with a helpful message
|
2012-05-16 00:58:07 +00:00
|
|
|
var mayday = function() {
|
|
|
|
inputbox.css({'border-color': '#e35351', 'background-color': '#e35351', 'color': 'white'});
|
2012-08-01 12:52:39 +00:00
|
|
|
fakesubmitbutton.val("Pledge at least $"+amount+" to claim that premium");
|
2012-05-21 18:06:48 +00:00
|
|
|
fakesubmitbutton.show();
|
|
|
|
submitbutton.hide();
|
2012-05-16 00:58:07 +00:00
|
|
|
submitbutton.attr('disabled', 'disabled');
|
|
|
|
}
|
|
|
|
|
2012-08-01 12:52:39 +00:00
|
|
|
// when pledge covers premium again, revert to original styling and reactivate button
|
2012-05-16 00:58:07 +00:00
|
|
|
var allclear = function() {
|
|
|
|
inputbox.css({'border-color': '#8dc63f', 'background-color': 'white', 'color': '#3d4e53'});
|
2012-05-21 18:06:48 +00:00
|
|
|
fakesubmitbutton.hide();
|
|
|
|
submitbutton.show();
|
2012-05-16 00:58:07 +00:00
|
|
|
submitbutton.removeAttr('disabled');
|
|
|
|
}
|
|
|
|
|
2012-08-06 19:44:43 +00:00
|
|
|
// make acknowledgements input area active
|
2012-08-01 12:52:39 +00:00
|
|
|
var activate = function(mySpan) {
|
|
|
|
$j('#'+mySpan).removeClass('ack_inactive').addClass('ack_active');
|
|
|
|
$j('#'+mySpan+' input').removeAttr('disabled');
|
2012-08-01 12:52:53 +00:00
|
|
|
ack = acks[mySpan];
|
|
|
|
$j('#id_'+mySpan).val(ack);
|
2012-08-01 12:52:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// make mandatory premium input area inactive: greyed-out and not modifiable
|
|
|
|
var deactivate = function(mySpan) {
|
|
|
|
$j('#'+mySpan).removeClass('ack_active').addClass('ack_inactive');
|
2012-08-01 12:52:53 +00:00
|
|
|
$j('#'+mySpan+' input[type=text]').val('').attr('disabled', 'disabled');
|
2012-08-01 12:52:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// fill mandatory premium link input with supporter page
|
|
|
|
var activateLink = function() {
|
|
|
|
$j('#ack_link').removeClass('ack_inactive').addClass('ack_active');
|
2012-08-06 19:44:43 +00:00
|
|
|
if(ackLink) {
|
|
|
|
$j('input#id_ack_link').val(ackLink);
|
|
|
|
} else {
|
|
|
|
$j('input#id_ack_link').val('https://unglue.it/supporter/'+supporterName);
|
|
|
|
}
|
2012-08-01 12:52:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// empty mandatory premium link
|
|
|
|
var deactivateLink = function() {
|
|
|
|
$j('#ack_link').removeClass('ack_active').addClass('ack_inactive');
|
|
|
|
$j('input#id_ack_link').val('');
|
|
|
|
}
|
|
|
|
|
|
|
|
var anonymizeName = function() {
|
|
|
|
deactivate('ack_name');
|
2012-08-01 12:52:53 +00:00
|
|
|
$j('#id_ack_name').val('Anonymous');
|
2012-08-01 12:52:39 +00:00
|
|
|
// clicking the anonbox should disable name field, but not render
|
|
|
|
// anonbox impossible to click again!
|
|
|
|
$j('#id_anonymous').removeAttr('disabled');
|
|
|
|
}
|
|
|
|
|
|
|
|
// selectively highlight/grey out acknowledgements supporter is eligible for
|
|
|
|
var rectifyAcknowledgements = function(current) {
|
|
|
|
var anon = anonbox.prop("checked");
|
|
|
|
if (current < 25) {
|
|
|
|
deactivate('ack_name');
|
|
|
|
deactivateLink();
|
|
|
|
deactivate('ack_dedication');
|
2012-08-01 16:08:31 +00:00
|
|
|
ackSection.html('');
|
2012-08-01 12:52:39 +00:00
|
|
|
} else if (current >= 25 && current < 50) {
|
|
|
|
deactivateLink();
|
|
|
|
deactivate('ack_dedication');
|
|
|
|
if (anon) {
|
|
|
|
anonymizeName();
|
|
|
|
} else {
|
|
|
|
activate('ack_name');
|
|
|
|
}
|
2012-08-01 16:08:31 +00:00
|
|
|
ackSection.html(' as a Supporter');
|
2012-08-01 12:52:39 +00:00
|
|
|
} else if (current >= 50 && current < 100) {
|
|
|
|
deactivate('ack_dedication');
|
|
|
|
if (anon) {
|
|
|
|
anonymizeName();
|
|
|
|
deactivateLink();
|
|
|
|
} else {
|
|
|
|
activate('ack_name');
|
|
|
|
activateLink();
|
|
|
|
}
|
2012-08-01 16:08:31 +00:00
|
|
|
ackSection.html(' as a Benefactor');
|
2012-08-01 12:52:39 +00:00
|
|
|
} else if (current >= 100) {
|
|
|
|
activate('ack_dedication');
|
|
|
|
if (anon) {
|
|
|
|
anonymizeName();
|
|
|
|
deactivateLink();
|
|
|
|
} else {
|
|
|
|
activate('ack_name');
|
|
|
|
activateLink();
|
|
|
|
}
|
2012-08-01 16:08:31 +00:00
|
|
|
ackSection.html(' as a Bibliophile');
|
2012-08-01 12:52:39 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// initialize the acknowledgements fields. if we've prefilled the pledge info,
|
|
|
|
// use that.
|
|
|
|
current = inputbox.val();
|
|
|
|
if (current) {
|
|
|
|
rectifyAcknowledgements(current);
|
|
|
|
} else {
|
|
|
|
rectifyAcknowledgements(0);
|
|
|
|
}
|
2012-08-06 19:44:43 +00:00
|
|
|
if (ackAnon == 'True') {
|
|
|
|
anonymizeName();
|
|
|
|
deactivateLink();
|
|
|
|
anonbox.prop("checked", true);
|
|
|
|
}
|
2012-08-01 12:52:39 +00:00
|
|
|
|
|
|
|
// when user clicks a premium, ensure it is compatible with the pledge box amount
|
2012-05-15 23:31:49 +00:00
|
|
|
$j('#premiums_list input').on("click", function() {
|
2012-05-16 00:58:07 +00:00
|
|
|
amount = canonicalize($j(this));
|
2012-05-15 23:31:49 +00:00
|
|
|
current = inputbox.val();
|
|
|
|
if (current<amount) {
|
2012-05-16 00:58:07 +00:00
|
|
|
mayday();
|
2012-05-15 23:31:49 +00:00
|
|
|
} else if (submitbutton.attr('disabled')) {
|
2012-05-16 00:58:07 +00:00
|
|
|
allclear();
|
2012-05-15 23:31:49 +00:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2012-08-01 12:52:39 +00:00
|
|
|
// when user changes the pledge box contents, ensure they are compatible
|
|
|
|
// with the selected pledge
|
2012-05-15 23:31:49 +00:00
|
|
|
inputbox.keyup(function() {
|
|
|
|
current = $j(this).val();
|
2012-05-16 18:03:14 +00:00
|
|
|
|
|
|
|
if (current[0] == '$') {
|
|
|
|
// remove leading $ to prevent form validation error
|
|
|
|
current = current.slice(1);
|
|
|
|
$j(this).val(current);
|
|
|
|
}
|
|
|
|
|
2012-08-01 12:52:39 +00:00
|
|
|
try {
|
|
|
|
amount = canonicalize($j('input[type=radio]:checked'));
|
|
|
|
} catch(error) {
|
|
|
|
amount = 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (current<amount && amount !=0) {
|
2012-05-16 00:58:07 +00:00
|
|
|
mayday();
|
2012-05-15 23:31:49 +00:00
|
|
|
} else if (submitbutton.attr('disabled')) {
|
2012-05-16 00:58:07 +00:00
|
|
|
allclear();
|
2012-05-15 23:31:49 +00:00
|
|
|
}
|
2012-08-01 12:52:39 +00:00
|
|
|
|
|
|
|
rectifyAcknowledgements(current);
|
|
|
|
});
|
|
|
|
|
|
|
|
// when supporter clicks the anonymity box, change name & link field to
|
|
|
|
// display whatever acks page will display: WYSIWYG
|
|
|
|
anonbox.change(function() {
|
|
|
|
rectifyAcknowledgements(current);
|
|
|
|
});
|
|
|
|
|
2012-08-01 12:52:53 +00:00
|
|
|
// if supporters enter a name or dedication, keep track of them
|
|
|
|
// so they doesn't get thrown away if they decrease & re-increase pledge, or
|
2012-08-01 12:52:39 +00:00
|
|
|
// anonymize and then de-anonymize
|
|
|
|
$j('#ack_name input[type=text]').change(function() {
|
2012-08-01 12:52:53 +00:00
|
|
|
acks['ack_name'] = $j(this).val();
|
|
|
|
});
|
|
|
|
$j('#ack_dedication input[type=text]').change(function() {
|
|
|
|
acks['ack_dedication'] = $j(this).val();
|
2012-08-01 12:52:39 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
// input boxes must be enabled for values to be submitted
|
|
|
|
// we may have disabled them to prevent users from entering non-permitted values
|
|
|
|
// so re-enable all on submit
|
|
|
|
submitbutton.on("click", function() {
|
|
|
|
$j('#mandatory_premiums input').removeAttr('disabled');
|
2012-05-15 23:31:49 +00:00
|
|
|
});
|
|
|
|
});
|