Changed donations.html table style, Added pagination to donations list view. Hiding donate now button if the user is logged in and already has a donation.Handled the case when an user has not donations yet in donations.html view. Fixed bug on donation signup

This commit is contained in:
Levi 2016-08-03 00:50:33 -05:00
commit 5fce858923
8 changed files with 34 additions and 6 deletions

View file

@ -1,3 +1,16 @@
form{
font-family: sans-serif;
}
.donation-container {
margin-top:0% !important;
}
.donations-container {
top:30% !important;

View file

@ -37,7 +37,9 @@ $( document ).ready(function() {
var PublishableKey = window.stripeKey;
Stripe.setPublishableKey(PublishableKey);
console.log('form',$form);
Stripe.card.createToken($form, function stripeResponseHandler(status, response) {
console.log('response',response);
if (response.error) {
/* Visual feedback */
$form.find('[type=submit]').html('Try again');

View file

@ -4,10 +4,10 @@
<!-- Credit card form -->
<header>
<div class="header-content">
<div class="header-content-inner">
<div class="header-content donation-container">
<div class="header-content-inner ">
<div class="container payment-container">
<div class="container">
<form role="form" id="donation-form" name="donation-form" method="post" action="{% url 'nosystemd:make_donation' %}" novalidate>
<div class="row">
<div class="col-xs-12 col-md-4 col-md-offset-3" >
@ -53,9 +53,18 @@
<div class="row">
<div class="col-xs-9 col-md-12">
<div class="form-group">
<label class="control-label" for="cardNumber">CARD NUMBER</label>
<div class="input-group">
<input type="text" class="form-control" name="cardNumber" placeholder="Valid Card Number" required autofocus data-stripe="number" />
<input type="text" class="form-control" name="cardName" placeholder="Name on card" required autofocus data-stripe="name" />
<span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-9 col-md-12">
<div class="form-group">
<div class="input-group">
<input type="text" class="form-control" name="cardNumber" placeholder="Valid Card Number" required data-stripe="number" />
<span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
</div>
</div>