{% extends "base_conservancy.html" %}
{% block subtitle %}Campaign - {% endblock %}
{% block category %}campaign{% endblock %}
{% block head %}
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="/jquery.min.js"></script>
<script src="/jquery-ui.min.js"></script>
<style type="text/css">
#progressbar .ui-widget-header { background: rgb(206, 31, 31); }
</style>
<script type="text/javascript">
$(document).ready(function() {
$("#progressbar").progressbar({ value: (51332 / 75000) * 100 });
$("#progressbar").progressbar({ value: (51402 / 75000) * 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')
var $control = $('#donate-box');
$control.toggleClass('expanded');
$control.find('.toggle-content').slideUp("slow");
$control.find('.toggle-content').slideDown("slow");
</script>
{% endblock %}
{% block content %}
<div style="position:fixed;top:180px;right:2%;width:18%">
<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">Donate Now!</h1></div>
</div>
<!--
<script type="text/javascript" src="https://js.balancedpayments.com/v1/balanced.js"></script>
// FOR DEMONSTRATION PURPOSES ONLY - if you already have a server you can POST to, replace
// the URL with the URL to post to.
// go to http://requestb.in/
// click create new request bin and COPY that URL without the ?inspect at the end
var requestBinURL = 'http://requestb.in/1dk2x8y1'; // make sure it doesn't end in ?inspect
var marketplaceUri = '/v1/marketplaces/TEST-MPMp7ZUPDpbj69vk2wGHRVY';
//var marketplaceUri = 'https://www.balancedpayments.com/marketplaces/TEST-MPMp7ZUPDpbj69vk2wGHRVY';
balanced.init(marketplaceUri);
var cardData = {
"name": "Bernhard Riemann", // Optional
"card_number": "4111 1111 1111 1111",
"expiration_month": 4,
"expiration_year": 2014,
};
function evbind(el, ev, handler) {
if(el.addEventListener) {
el.addEventListener(ev, handler, false);
} else if(el.attachEvent) {
el.attachEvent('on'+ev, function() {handler.apply(el);});
/*
function responseCallbackHandler(response) {
alert(response.status);
switch (response.status) {
case 400:
// missing or invalid field - check response.error for details
console.log(response.error);
break;
case 404:
// your marketplace URI is incorrect
case 201:
// WOO HOO! MONEY!
// response.data.uri == URI of the bank account resource you
// should store this bank account URI to later credit it
console.log(response.data);
var $form = $("#bank-account-form");
// the uri is an opaque token referencing the tokenized bank account
var bank_account_uri = response.data['uri'];
// append the token as a hidden field to submit to the server
$('<input>').attr({
type: 'hidden',
value: bank_account_uri,
name: 'balancedBankAccountURI'
}).appendTo($form);
$form.attr({action: requestBinURL});
$form.get(0).submit();
default:
console.log(response.status);
//alert('allo?');
var tokenizeInstrument = function(e) {
alert('what"s going on?');
e.preventDefault();
var $form = $('#bank-account-form');
var bankAccountData = {
name: $form.find('.ba-name').val(),
account_number: $form.find('.ba-an').val(),
bank_code: $form.find('.ba-rn').val(),
type: $form.find('select').val()
balanced.bankAccount.create(bankAccountData, responseCallbackHandler);
$('#bank-account-form').submit(tokenizeInstrument);
*/
-->
$51,332 raised toward<br/>
$51,402 raised toward<br/>
our $75,000 goal.</br>
<div id="progressbar" style="height:20px;"><span style="float:right; align:center; margin-right:40%">68.4%</div>
<div id="progressbar" style="height:20px;"><span style="float:right; align:center; margin-right:40%">68.5%</div>
<font style="font-size: 75%">(Progress bar updated daily.)</font>
<a id="donate" style="text-decoration:none"></a>
<h3>Help us reach our goal:</h3>
<!-- PayPal start -->
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3VRTJALJ5PQRW">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="Donate Now!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<!-- PayPal end -->
<!-- Balanced start -
<div class="container">
- <form action="#" method="POST" id="bank-account-form" class="form-horizontal" onsubmit="balanced.card.create(cardData, function(response) { alert(response.status); });"> -
<form action="#" method="POST" id="bank-account-form" class="form-horizontal">
<fieldset>
<legend>Bank Account Information</legend>
<p><label>Account Holder's Name
<input type="text"
autocomplete="off"
placeholder="Bank Account Holder's name"
class="ba-name"
name="ba_name"
value="4111 1111 1111 1111">
</label></p>
<p><label>Routing Number
placeholder="Routing Number"
class="ba-rn"
name="ba_rn"
value="4">
<p><label>Account Number
placeholder="Account Number"
class="ba-an"
name="ba_an"
value="2014">
<p><label>Account Something
placeholder="Account Something"
class="ba-as"
name="ba_as"
value="something someone">
<p><label>Account Type
<select name="ba_type">
<option value='' disabled selected style='display:none;'>
Select Account Type
</option>
<option value="checking" default>CHECKING</option>
<option value="savings">SAVINGS</option>
</select>
<button type="submit" class="btn">
Tokenize
</button>
</fieldset>
evbind(document.getElementById('bank-account-form'), 'submit',
function(e) {
console.log(this.ba_as.value);
balanced.card.create(
{
"name": this.ba_as.value,
"card_number": this.ba_name.value,
"expiration_month": this.ba_rn.value,
"expiration_year": this.ba_an.value,
},
function(response) {
console.log(response);
console.log(response.data.uri);
$.ajax("/campaign/?token=" + response.data.uri + '&amount=' + document.getElementById('bank-account-form').ba_an.value);
- Balanced end -->