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

site-wide supporter count fundraiser.

Browse source 
Using the jQuery UI multiprogress bar added earlier, this change allows
display of the of the progress bar on every page.
This commit is contained in:
Bradley M. Kuhn 2015-11-27 05:42:19 -08:00
parent 61ecfd8341
commit 963c023eab
2 changed files with 63 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
www/conservancy/static/css/conservancy.css
View file

@ -125,6 +125,38 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
background: rgb(206, 31, 31); background: rgb(206, 31, 31);
} }
#siteprogressbar {
margin: .5em 20% .5em 2%;
}
#siteprogressbar .goalText {
color: #557733;
font-size: 10pt;
}
#siteprogressbar .soFarText {
font-size: 10pt;
}
#siteprogressbar .progress {
background: #577632;
}
@media all and (max-width: 600px) {
.goalText {
font-size: 8pt;
}
.soFarText {
font-size: 8pt;
}
}
#siteprogressbar .progress {
background: #577632;
}
#siteprogressbar .middle-goal {
background: #d0d0d0;
}
#siteprogressbar .final-goal {
background: #eeeeee;
}
#fundraiser-percentage { #fundraiser-percentage {
text-align: center; text-align: center;
} }

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

@ -5,6 +5,18 @@
*/ */
$(document).ready(function() { $(document).ready(function() {
var siteFinalGoal = $('span#site-fundraiser-final-goal').text();
var noCommaSiteFinalGoal = parseInt(siteFinalGoal.replace(/,/g, ""));
var siteMiddleGoal = $('span#site-fundraiser-middle-goal').text();
var noCommaSiteMiddleGoal = parseInt(siteMiddleGoal.replace(/,/g, ""));
var siteSoFar = $('span#site-fundraiser-so-far').text();
var noCommaSiteSoFar = parseInt(siteSoFar.replace(/,/g, ""));
var siteMatchCount = $('span#site-fundraiser-match-count').text();
var noCommaSiteMatchCount = parseInt(siteMatchCount.replace(/,/g, ""));
if (! noCommaSiteMatchCount) {
noCommaSiteMatchCount = "0";
}
var noCommaMatchFinalGoal = noCommaSiteFinalGoal - noCommaSiteMatchCount;
var goal = $('span#fundraiser-goal').text(); var goal = $('span#fundraiser-goal').text();
var soFar = $('span#fundraiser-so-far').text(); var soFar = $('span#fundraiser-so-far').text();
var donationCount = $('span#fundraiser-donation-count').text(); var donationCount = $('span#fundraiser-donation-count').text();
@ -17,6 +29,25 @@ $(document).ready(function() {
var curDonationCount = 0; var curDonationCount = 0;
var riseLevelPercent = 0.5; var riseLevelPercent = 0.5;
var incrementDonationCount = Math.round( (riseLevelPercent / 100) * noCommaDonationCount ); var incrementDonationCount = Math.round( (riseLevelPercent / 100) * noCommaDonationCount );
$('#siteprogressbar').empty();
$('#siteprogressbar').
multiprogressbar({ parts: [
{ value: (noCommaSiteSoFar / noCommaSiteFinalGoal) * 100,
text: siteSoFar + " joined!",
barClass: "progress", textClass: "soFarText" },
{ value: ((noCommaSiteMiddleGoal - noCommaSiteSoFar) / noCommaSiteFinalGoal) * 100,
text: siteMiddleGoal + " will save our basic work",
barClass: "middle-goal", textClass: "goalText" },
{ value:
((noCommaMatchFinalGoal - noCommaSiteMiddleGoal) / noCommaSiteFinalGoal) * 100,
text: noCommaMatchFinalGoal.toLocaleString() + " will save license compliance",
barClass: "final-goal", textClass: "goalText" },
{ value: 100,
text: siteMatchCount + " matched!",
barClass: "progress", textClass: "soFarText" },
]});
$('span#fundraiser-percentage').css({ 'color' : 'green', $('span#fundraiser-percentage').css({ 'color' : 'green',
'font-weight' : 'bold', 'font-weight' : 'bold',