From a8bd5a21296d98a843871711954adb11f6a10dfb 2015-03-09 05:08:14
From: Bradley M. Kuhn <bkuhn@ebb.org>
Date: 2015-03-09 05:08:14
Subject: [PATCH] Leave text w/ percentage when no progressbar

The progressbar is generated by Javascript.  As such, the text here
won't have a progressbar formatted around it when the browser doesn't
support Javascript.

However, since the Javascript does update the text, we can format the
Django template to put in place text that we wish will appear when no
Javascript is turned on, and then allow the Javascript to make it right
when it's available.

Graceful degradation: I may be its last proponent.

---

diff --git a/www/conservancy/static/npoacct/index.html b/www/conservancy/static/npoacct/index.html
index c2e8821af71377b5308a336038394c837a3a3f22..55a6bf55980945c386ca2730cb5114fbe54d16c8 100644
--- a/www/conservancy/static/npoacct/index.html
+++ b/www/conservancy/static/npoacct/index.html
@@ -106,7 +106,7 @@ el.attachEvent('on'+ev, function() {handler.apply(el);});
 <h3>Support NPO Accounting Project Now!</h3>
 $<span id="fundraiser-so-far">{{ fundgoal.fundraiser_so_far_amount|floatformat:0|intcomma }}</span> raised toward<br/>
 our $<span id="fundraiser-goal">{{ fundgoal.fundraiser_goal_amount|floatformat:0|intcomma  }}</span> goal.<br/>
-<div id="progressbar"><span id="fundraiser-percentage">{{ fundgoal.percentage_there|floatformat:1 }}%</span></div>
+<div id="progressbar"><span id="fundraiser-percentage">(i.e., {{ fundgoal.percentage_there|floatformat:1 }}%)</span></div>
 <p style="font-size: 75%">(Progress bar updated daily.)</p>
 <a id="donate" style="text-decoration:none"></a>
 <h3>Help us reach our goal:</h3>
diff --git a/www/conservancy/templates/base_compliance.html b/www/conservancy/templates/base_compliance.html
index ec92a219158472a010ca5f9c1d9c1594108bbae0..eda3cd7ef45e47db2089fee1a8bf038dc3f5daeb 100644
--- a/www/conservancy/templates/base_compliance.html
+++ b/www/conservancy/templates/base_compliance.html
@@ -22,7 +22,7 @@
 
 $<span id="fundraiser-so-far">{{ fundgoal.fundraiser_so_far_amount|floatformat:0|intcomma }}</span>
 of $<span id="fundraiser-goal">{{ fundgoal.fundraiser_goal_amount|floatformat:0|intcomma  }}</span> match met.<br/>
-<div id="progressbar"><span id="fundraiser-percentage">{{ fundgoal.percentage_there|floatformat:1 }}%</span></div>
+<div id="progressbar"><span id="fundraiser-percentage">(i.e., {{ fundgoal.percentage_there|floatformat:1 }}%)</span></div>
 
 <p>Donate now via PayPal:
 </p>