From 60d0a06e25582b97e9e22d7ec1b9b3c6d295957b 2014-12-09 00:15:17
From: Bradley M. Kuhn <bkuhn@ebb.org>
Date: 2014-12-09 00:15:17
Subject: [PATCH] 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.

---

diff --git a/www/conservancy/static/supporter-page.js b/www/conservancy/static/supporter-page.js
index 907c574d54e85527af50990a84aceacd7e990dbd..d40725629d87c6fff925de19c89d6fcb28f12633 100644
--- a/www/conservancy/static/supporter-page.js
+++ b/www/conservancy/static/supporter-page.js
@@ -5,7 +5,12 @@
 */
 
 $(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();
 
diff --git a/www/conservancy/static/supporter/index.html b/www/conservancy/static/supporter/index.html
index aaad27d9de859e61584c0bc088edd3b29c7f65e5..0d02b0a6677a6145cb7d63def4529c191bd632e8 100644
--- a/www/conservancy/static/supporter/index.html
+++ b/www/conservancy/static/supporter/index.html
@@ -18,7 +18,7 @@
 
 <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>