Conservancy/website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

supporter: Only render the Annual form for upgraders.

Browse source 
This lets us do more with HTML and less with JavaScript, which is always
nice.
This commit is contained in:
Brett Smith 2017-01-01 10:53:58 -05:00
parent b4883ca6bd
commit 19e744788b
2 changed files with 16 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
www/conservancy/static/js/supporter-page.js
View file

@ -19,7 +19,7 @@ var amountIsValid = function(amountInput) {
}
var supportTypeSelector = function(supportTypeHash) {
return $(".supporter-type-selector a[href=" + supportTypeHash + "]");
return $(supportTypeHash + "Selector");
};
var $window = $(window);
@ -84,12 +84,7 @@ $(document).ready(function() {
return supportTypeSelector(window.location.hash).click();
};
$window.bind("hashchange", selectSupportTypeFromHash);
var $selectorLink = selectSupportTypeFromHash();
if (parseFloat($("#annual form").data('upgradeFromAmount')) > 0) {
supportTypeSelector("#annual").click();
$(".supporter-type-selector").hide();
}
else if ($selectorLink.length === 0) {
if (selectSupportTypeFromHash().length === 0) {
supportTypeSelector("#annual").click();
}
});

20
www/conservancy/templates/supporter/index.html
View file

@ -54,15 +54,23 @@
<h1 class="appeal"><img class="appeal-header" alt="Become a Conservancy Supporter!" src="/img/conservancy-supporter-header.png"/></h1>
<div class="supporter-type-selector">
<strong>Become a Supporter Now:</strong> <a id="annualSelector" href="#annual">Annual</a> | <a id="monthlySelector" href="#monthly">Monthly</a> | <a id="renewalSelector" href="#renewal">Annual Renew</a></div>
{% if partial_amount > 0 %}
{% include "supporter/form_partial.html" with form_id="annual" min_amt=minimum_amount partial_amt=partial_amount article="an" only %}
{% else %}
<div class="supporter-type-selector">
<strong>Become a Supporter Now:</strong>
<a id="annualSelector" href="#annual">Annual</a>
| <a id="monthlySelector" href="#monthly">Monthly</a>
| <a id="renewalSelector" href="#renewal">Annual Renew</a>
</div>
{% include "supporter/form_partial.html" with form_id="annual" min_amt=minimum_amount partial_amt=partial_amount article="an" only %}
{% include "supporter/form_partial.html" with form_id="annual" min_amt=120 article="an" only %}
{% include "supporter/form_partial.html" with form_id="monthly" min_amt=10 only %}
{% include "supporter/form_partial.html" with form_id="monthly" min_amt=10 only %}
<a name="renew" class="hidden"></a>
{% include "supporter/form_partial.html" with form_id="renewal" min_amt=120 verb="renew" article="an" supptype="annual" only %}
<a name="renew" class="hidden"></a>
{% include "supporter/form_partial.html" with form_id="renewal" min_amt=120 verb="renew" article="an" supptype="annual" only %}
{% endif %}
<span id="form-correction-needed" class="form-error">Please ensure all form data above is correct.</span>