website Changeset - 60d0a06e2558 · Conservancy Kallithea

Changeset - 60d0a06e2558

Parent rev.

Child rev.

[Not reviewed]

0 2 0

Bradley Kuhn (bkuhn) - 9 years ago 2014-12-09 00:15:17
bkuhn@ebb.org

progressbar Javascript need not change for content

The content of the amounts for the fundraiser can be kept in the HTML
rather than the progress bar Javscript code.

I suspect at some point I should keep this data in the Django database
and extract it from there as dynamic content.

2 files changed with 7 insertions and 2 deletions:

www/conservancy/static/supporter-page.js

www/conservancy/static/supporter/index.html

0 comments (0 inline, 0 general)

www/conservancy/static/supporter-page.js

➞

Show inline comments

 /* Copyright (C) 2012-2013 Denver Gingerich,
 ** Copyright (C) 2013-2014 Bradley M. Kuhn.
 ** License: GPLv3-or-later
 **  Find a copy of GPL at https://sfconservancy.org/GPLv3
 */
 $(document).ready(function() {
     $("#progressbar").progressbar({ value: (0.00 / 5000.00) * 100 });
     var goal  = $('span#fundraiser-goal').text();
     var soFar = $('span#fundraiser-so-far').text();
     var noCommaGoal = goal.replace(/,/g, "");
     var noCommaSoFar = soFar.replace(/,/g, "");
     $("#progressbar").progressbar({ value: (parseFloat(noCommaSoFar) / parseFloat(noCommaGoal)) * 100 });
     $('.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');
         $control.toggleClass('expanded');
         $control.find('.toggle-content').slideUp("slow");
         $control.find('.toggle-content').slideDown("slow");
     });
     $(".t-shirt-size-selector").hide();
     $('input[name=os1]: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 == "Yes") {
             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.
     $('*#amount').addClass("valid");
     $('.supporter-form-inputs .form-error-show')

www/conservancy/static/supporter/index.html

➞

Show inline comments

 {% extends "base_conservancy.html" %}
 {% block subtitle %}Support Conservancy - {% endblock %}
 {% block category %}supporter{% endblock %}
 {% block head %}
 <link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
 <link href="/forms.css" rel="stylesheet" type="text/css"/>
 <script type="text/javascript" src="/jquery.min.js"></script>
 <script type="text/javascript" src="/jquery-ui.min.js"></script>
 <script type="text/javascript" src="/supporter-page.js"></script>
 {% endblock %}
 {% block content %}
 <div class="donate-sidebar">
 <table style="background-color:#afe478;width:100%;">
 <tr><td style="text-align:center;padding:10px;padding-bottom:10px;">
 <div id="donate-box" class="toggle-unit"><h1 class="toggle-content">Support
     Now!</h1></div>
 $240 of the $5,000 match goal met.<br/>
+$<span id="fundraiser-so-far">240</span> of the $<span id="fundraiser-goal">5,000</span> match goal met.<br/>
 <div id="progressbar" style="height:20px;"><span style="float:right; align:center; margin-right:40%">0.05%</span></div>
 <h3>Help Us Reach Our Match Goal:</h3>
 <p>Support us now &amp; <strong>donation counts triple!</strong></p>
 <h4><a href="#annual">Annual supporter via PayPal, ACH, or credit card.</a></h4>
 <h4><a href="#monthly">Monthly supporter via PayPal, ACH, or credit card.</a></h4>
 Other annual supporters methods:
 <div class="toggle-unit">
     <h4 class="toggle-control" data-text="Wire Transfer"
     data-expanded-text="Wire Transfer:">Wire Transfer</h4>
     <div class="toggle-content">
        Contact <a href="mailto:accounting@sfconservancy.org">Conservancy
             by email</a><br/> for wire transfer instructions.<br/>
             Include  currency &amp; country.<br/>
     </div><!-- /.toggle-content -->
 </div><!-- /.toggle.unit -->
 <div class="toggle-unit">
     <h4 class="toggle-control" data-text="Paper Check"
     data-expanded-text="Paper Check:">Paper Check</h4>
     <div class="toggle-content">
     Send paper check for $120 to:<br/>
     Software Freedom Conservancy, Inc.<br/>
 MONTAGUE ST  STE 380<br/>
     BROOKLYN, NY 11201-3548 &nbsp; USA<br/>
     Please write <q>SUPPORTER</q> and t-shirt size in memo line.
     </div><!-- /.toggle-content -->
 </div><!-- /.toggle.unit -->
 <p><a href="/donate">Even More Ways to Donate</a></p>
 <!-- Flattr end -->
 </td></tr></table>
 </div>
 <div style="align:left;width:80%;">
   <h1><img class="appeal-header" alt="Become a Conservancy Supporter!" src="/img/conservancy-supporter-header.png"/></h1>
  <img class="appeal-match" alt="*"
       src="/img/conservancy-supporter-heart-3x.png"/>
 <p class="appeal-match-text"><strong>Big News:</strong> A generous anonymous donor has agreed to donate
         $2 of every $1 in supporter donations (up to $5k total)!  You can
         effectively triple your donation if you
         <a href="#donate-box" class="donate-now">just support us now!</a>
 </p>

0 comments (0 inline, 0 general)