diff --git a/www/conservancy/static/js/conservancy.js b/www/conservancy/static/js/conservancy.js new file mode 100644 index 0000000000000000000000000000000000000000..2c1bc9327f0ba908bbcf9e164000dd25f60ac6f1 --- /dev/null +++ b/www/conservancy/static/js/conservancy.js @@ -0,0 +1,90 @@ +/* Copyright (C) 2012-2013 Denver Gingerich, +** Copyright (C) 2013-2014 Bradley M. Kuhn, +** Copyright (C) 2016 Brett Smith. +** License: GPLv3-or-later +** Find a copy of GPL at https://sfconservancy.org/GPLv3 +*/ + +$(document).ready(function() { + /* Set up the fundraiser multiprogressbar near the top of each page. */ + var siteFinalGoal = $('span#site-fundraiser-final-goal').text(); + var noCommaSiteFinalGoal = parseInt(siteFinalGoal.replace(/,/g, "")); + var siteMatchCount = $('span#site-fundraiser-match-count').text(); + var noCommaSiteMatchCount = parseInt(siteMatchCount.replace(/,/g, "")); + if (! noCommaSiteMatchCount) { + noCommaSiteMatchCount = "0"; + } + var barParts = [{ + value: (noCommaSiteMatchCount / noCommaSiteFinalGoal) * 100, + text: noCommaSiteMatchCount.toLocaleString() + " matched!", + barClass: "progress", + textClass: "soFarText", + }]; + if (barParts[0].value < 100) { + var matchesLeft = noCommaSiteFinalGoal - noCommaSiteMatchCount; + barParts.push({ + value: 100, + text: matchesLeft.toLocaleString() + " to go!", + barClass: "final-goal", + textClass: "goalText", + }); + } + $('#siteprogressbar').empty().multiprogressbar({parts: barParts}); + + $('span#fundraiser-percentage').css({ 'color' : 'green', + 'font-weight' : 'bold', + 'float' : 'right', + 'margin-right' : '40%', + 'margin-top' : '2.5%', + 'text-align' : 'inherit'}); + + /* Set up donation form elements used across the whole site. */ + $('.toggle-content').hide(); + $('.toggle-control') + .addClass('clickable') + .bind('click', function() { + var $control = $(this); + var $parent = $control.parents('.toggle-unit'); + + $parent.toggleClass('expanded'); + $parent.find('.toggle-content').slideToggle(); + + // if control has HTML5 data attributes, use to update text + if ($parent.hasClass('expanded')) { + $control.html($control.attr('data-expanded-text')); + } else { + $control.html($control.attr('data-text')); + } + }); + $('a.donate-now') + .addClass('clickable') + .bind('click', function() { + var $control = $('#donate-box'); + var $otherTextControl = $('.donate-sidebar'); + + setTimeout(function() { $control.find('.toggle-content').slideUp(100); + $control.toggleClass('expanded'); + $control.find('.toggle-content').slideDown(800).fadeOut(10); + $otherTextControl.find('.donate-box-highlight').fadeOut(100); + }, 300); + setTimeout(function() { $control.find('.toggle-content').fadeIn(2000); + $otherTextControl.find('.donate-box-highlight') + .css({'font-weight': 'bold', 'font-size' : '110%' }); + $otherTextControl.find('.donate-box-highlight').fadeIn(10000); + }, 500); + }); + $(".t-shirt-size-selector").hide(); + $('input[name=on0]:radio').change(function() { + var input=$(this); + var tShirtSelector = input.parent().children('.t-shirt-size-selector') + var noShippingSelector = input.parent().children('input#no_shipping'); + var value = input.val(); + if (value == "wantGiftYes") { + tShirtSelector.show(); + noShippingSelector.val("2"); + } else { + tShirtSelector.hide(); + noShippingSelector.val("0"); + } + }); +}); diff --git a/www/conservancy/static/js/supporter-page.js b/www/conservancy/static/js/supporter-page.js index f01c9ae764e3394e49db034fbf7d7cdf8d6e5e9d..a51e96ce74d96a81e95ba34f6d3402c90fbf66f8 100644 --- a/www/conservancy/static/js/supporter-page.js +++ b/www/conservancy/static/js/supporter-page.js @@ -24,87 +24,6 @@ $window.load(function() { }); $(document).ready(function() { - var siteFinalGoal = $('span#site-fundraiser-final-goal').text(); - var noCommaSiteFinalGoal = parseInt(siteFinalGoal.replace(/,/g, "")); - var siteMatchCount = $('span#site-fundraiser-match-count').text(); - var noCommaSiteMatchCount = parseInt(siteMatchCount.replace(/,/g, "")); - if (! noCommaSiteMatchCount) { - noCommaSiteMatchCount = "0"; - } - var barParts = [{ - value: (noCommaSiteMatchCount / noCommaSiteFinalGoal) * 100, - text: noCommaSiteMatchCount.toLocaleString() + " matched!", - barClass: "progress", - textClass: "soFarText", - }]; - if (barParts[0].value < 100) { - var matchesLeft = noCommaSiteFinalGoal - noCommaSiteMatchCount; - barParts.push({ - value: 100, - text: matchesLeft.toLocaleString() + " to go!", - barClass: "final-goal", - textClass: "goalText", - }); - } - $('#siteprogressbar').empty().multiprogressbar({parts: barParts}); - - $('span#fundraiser-percentage').css({ 'color' : 'green', - 'font-weight' : 'bold', - 'float' : 'right', - 'margin-right' : '40%', - 'margin-top' : '2.5%', - 'text-align' : 'inherit'}); - - $('.toggle-content').hide(); - - $('.toggle-control') - .addClass('clickable') - .bind('click', function() { - var $control = $(this); - var $parent = $control.parents('.toggle-unit'); - - $parent.toggleClass('expanded'); - $parent.find('.toggle-content').slideToggle(); - - // if control has HTML5 data attributes, use to update text - if ($parent.hasClass('expanded')) { - $control.html($control.attr('data-expanded-text')); - } else { - $control.html($control.attr('data-text')); - } - }); - $('a.donate-now') - .addClass('clickable') - .bind('click', function() { - var $control = $('#donate-box'); - var $otherTextControl = $('.donate-sidebar'); - - setTimeout(function() { $control.find('.toggle-content').slideUp(100); - $control.toggleClass('expanded'); - $control.find('.toggle-content').slideDown(800).fadeOut(10); - $otherTextControl.find('.donate-box-highlight').fadeOut(100); - }, 300); - setTimeout(function() { $control.find('.toggle-content').fadeIn(2000); - $otherTextControl.find('.donate-box-highlight') - .css({'font-weight': 'bold', 'font-size' : '110%' }); - $otherTextControl.find('.donate-box-highlight').fadeIn(10000); - }, 500); - }); - $(".t-shirt-size-selector").hide(); - $('input[name=on0]:radio').change(function() { - var input=$(this); - var tShirtSelector = input.parent().children('.t-shirt-size-selector') - var noShippingSelector = input.parent().children('input#no_shipping'); - var value = input.val(); - if (value == "wantGiftYes") { - tShirtSelector.show(); - noShippingSelector.val("2"); - } else { - tShirtSelector.hide(); - noShippingSelector.val("0"); - } - }); - // Forms start in "invalid" form, with the errors shown, so that // non-Javascript users see the errors by default and know what they must // enter. The following two lines correct that. @@ -185,24 +104,4 @@ $(document).ready(function() { else if ($selectorLink.length === 0) { supportTypeSelector("#annual").click(); } - - $( ".footnote-mark" ).tooltip({ - items: "a", - hide: { duration: 5000 }, - position: { - my: "center bottom-20", - at: "center left", - using: function( position, feedback ) { - $( this ).css( position ); - $( "
" ) - .addClass( "arrow" ) - .addClass( feedback.vertical ) - .addClass( feedback.horizontal ) - .appendTo( this ); - } - }, - content: function() { - return $('.footnote-1-text').text(); - } - }); }); diff --git a/www/conservancy/static/supporter/original-supporter-appeal.html b/www/conservancy/static/supporter/original-supporter-appeal.html index 1142341aaf96dd08997e01680e05f822adfa4a1c..b3e5f8d9d50bc5a7d3b9495e17180f4f964a7b0f 100644 --- a/www/conservancy/static/supporter/original-supporter-appeal.html +++ b/www/conservancy/static/supporter/original-supporter-appeal.html @@ -3,6 +3,7 @@ {% block category %}supporter{% endblock %} {% block head %} + {% endblock %} diff --git a/www/conservancy/templates/base_conservancy.html b/www/conservancy/templates/base_conservancy.html index 5ab6102b3493ce768b0e40911c4dc86def625bf7..f28de41df45f2e6ffa40fb6fbbe32436e3cd653a 100644 --- a/www/conservancy/templates/base_conservancy.html +++ b/www/conservancy/templates/base_conservancy.html @@ -20,7 +20,7 @@ - + {% block head %}{% endblock %} diff --git a/www/conservancy/templates/supporter/index.html b/www/conservancy/templates/supporter/index.html index 2a5dfeed2a9e7d3c0b98313fe1ccb87b3e75887d..47cb95ccb8d709522c755ebaf75337f780868766 100644 --- a/www/conservancy/templates/supporter/index.html +++ b/www/conservancy/templates/supporter/index.html @@ -3,6 +3,7 @@ {% block category %}supporter{% endblock %} {% block head %} + {% endblock %}