Created signup view. Added login after signup.Added signup url to nosystem app urls.py. Added logout view, Added logout button on nabber, Added password reset form, Added password view , Added password reset html, Added password reset email for nosystemd app. Added confirm_reset_password.html, Added confirm_ reset password view, Added confirm reset password form, Fixed reset password token generation, Started donation view, Added donation view, Added donation.html, Added donation form, Adding donation.js lib in order to capture stripe payments for nosystem app.
2016-07-22 06:24:32 +00:00
|
|
|
{% extends "nosystemd/base.html" %}
|
|
|
|
{% load staticfiles bootstrap3 %}
|
|
|
|
{% block content %}
|
|
|
|
<!-- Credit card form -->
|
|
|
|
|
|
|
|
<header>
|
|
|
|
<div class="header-content">
|
|
|
|
<div class="header-content-inner">
|
|
|
|
|
|
|
|
<div class="container payment-container">
|
2016-07-29 05:17:34 +00:00
|
|
|
<form role="form" id="donation-form" name="donation-form" method="post" action="{% url 'nosystemd:make_donation' %}" novalidate>
|
2016-07-27 05:08:45 +00:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-12 col-md-4 col-md-offset-3" >
|
|
|
|
<h3><b>Monthly Donation</b></h3>
|
|
|
|
<hr>
|
|
|
|
<!-- <form role="form" novalidate> -->
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-9 col-md-4 col-md-offset-4">
|
|
|
|
<div class="form-group">
|
|
|
|
<div class="input-group">
|
|
|
|
{% bootstrap_field form.donation_amount show_label=False type='fields'%}
|
|
|
|
<!-- <input type="number" class="form-control" placeholder="Amount to donate" name="donation" /> -->
|
|
|
|
</div>
|
Created signup view. Added login after signup.Added signup url to nosystem app urls.py. Added logout view, Added logout button on nabber, Added password reset form, Added password view , Added password reset html, Added password reset email for nosystemd app. Added confirm_reset_password.html, Added confirm_ reset password view, Added confirm reset password form, Fixed reset password token generation, Started donation view, Added donation view, Added donation.html, Added donation form, Adding donation.js lib in order to capture stripe payments for nosystem app.
2016-07-22 06:24:32 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-07-27 05:08:45 +00:00
|
|
|
<!-- </form> -->
|
|
|
|
</div>
|
Created signup view. Added login after signup.Added signup url to nosystem app urls.py. Added logout view, Added logout button on nabber, Added password reset form, Added password view , Added password reset html, Added password reset email for nosystemd app. Added confirm_reset_password.html, Added confirm_ reset password view, Added confirm reset password form, Fixed reset password token generation, Started donation view, Added donation view, Added donation.html, Added donation form, Adding donation.js lib in order to capture stripe payments for nosystem app.
2016-07-22 06:24:32 +00:00
|
|
|
</div>
|
2016-07-27 05:08:45 +00:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-12 col-md-4 col-md-offset-3 billing">
|
|
|
|
<h3><b>Billing Address</b></h3>
|
|
|
|
<hr>
|
Created signup view. Added login after signup.Added signup url to nosystem app urls.py. Added logout view, Added logout button on nabber, Added password reset form, Added password view , Added password reset html, Added password reset email for nosystemd app. Added confirm_reset_password.html, Added confirm_ reset password view, Added confirm reset password form, Fixed reset password token generation, Started donation view, Added donation view, Added donation.html, Added donation form, Adding donation.js lib in order to capture stripe payments for nosystem app.
2016-07-22 06:24:32 +00:00
|
|
|
{% for field in form %}
|
|
|
|
{% csrf_token %}
|
2016-07-27 05:08:45 +00:00
|
|
|
|
|
|
|
{% if not field.name == 'donation_amount' %}
|
|
|
|
{% bootstrap_field field show_label=False type='fields'%}
|
|
|
|
{% endif %}
|
Created signup view. Added login after signup.Added signup url to nosystem app urls.py. Added logout view, Added logout button on nabber, Added password reset form, Added password view , Added password reset html, Added password reset email for nosystemd app. Added confirm_reset_password.html, Added confirm_ reset password view, Added confirm reset password form, Fixed reset password token generation, Started donation view, Added donation view, Added donation.html, Added donation form, Adding donation.js lib in order to capture stripe payments for nosystem app.
2016-07-22 06:24:32 +00:00
|
|
|
{% endfor %}
|
|
|
|
{% bootstrap_form_errors form type='non_fields'%}
|
2016-07-27 05:08:45 +00:00
|
|
|
|
|
|
|
</div>
|
Created signup view. Added login after signup.Added signup url to nosystem app urls.py. Added logout view, Added logout button on nabber, Added password reset form, Added password view , Added password reset html, Added password reset email for nosystemd app. Added confirm_reset_password.html, Added confirm_ reset password view, Added confirm reset password form, Fixed reset password token generation, Started donation view, Added donation view, Added donation.html, Added donation form, Adding donation.js lib in order to capture stripe payments for nosystem app.
2016-07-22 06:24:32 +00:00
|
|
|
</div>
|
2016-07-27 05:08:45 +00:00
|
|
|
</form>
|
Created signup view. Added login after signup.Added signup url to nosystem app urls.py. Added logout view, Added logout button on nabber, Added password reset form, Added password view , Added password reset html, Added password reset email for nosystemd app. Added confirm_reset_password.html, Added confirm_ reset password view, Added confirm reset password form, Fixed reset password token generation, Started donation view, Added donation view, Added donation.html, Added donation form, Adding donation.js lib in order to capture stripe payments for nosystem app.
2016-07-22 06:24:32 +00:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-md-offset-3 creditcard-box">
|
|
|
|
<h3><b>Payment Details</b></h3>
|
|
|
|
<hr>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<form role="form" id="payment-form" novalidate>
|
|
|
|
<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" />
|
|
|
|
<span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-6 col-md-7">
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="expMonth">EXPIRATION DATE</label><br/>
|
|
|
|
<div class="col-xs-6 col-lg-6 col-md-6 pl-ziro">
|
|
|
|
<input type="text" class="form-control" name="expMonth" placeholder="MM" required data-stripe="exp_month" />
|
|
|
|
</div>
|
|
|
|
<div class="col-xs-6 col-lg-6 col-md-6 pl-ziro">
|
|
|
|
<input type="text" class="form-control" name="expYear" placeholder="YY" required data-stripe="exp_year" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-xs-4 col-md-5 pull-right">
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="cvCode">CV CODE</label>
|
|
|
|
<input type="password" class="form-control" name="cvCode" placeholder="CV" required data-stripe="cvc" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-12">
|
|
|
|
<button class="btn btn-success btn-lg btn-block" type="submit">Submit Donation</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row" style="display:none;">
|
|
|
|
<div class="col-xs-12">
|
|
|
|
<p class="payment-errors"></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% if paymentError %}
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-12">
|
|
|
|
<p>
|
|
|
|
{% bootstrap_alert paymentError alert_type='danger' %}
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<!-- stripe key data -->
|
|
|
|
{% if stripe_key %}
|
|
|
|
<script type="text/javascript">
|
|
|
|
(function () {window.stripeKey = "{{stripe_key}}";})();
|
|
|
|
</script>
|
|
|
|
{%endif%}
|
|
|
|
|
|
|
|
{%endblock%}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|