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();

www/conservancy/static/supporter/index.html

➞

Show inline comments

@@ ... / @@ -9,25 +9,25 @@ @@
 <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"

0 comments (0 inline, 0 general)