landing_payment all sections arranged

This commit is contained in:
Arvind Tiwari 2017-09-06 00:12:13 +05:30
parent 09b80467b9
commit aaf3bc18d8
3 changed files with 39 additions and 7 deletions

View file

@ -15,10 +15,23 @@
<div class="payment-container">
<div class="row">
<div class="col-sm-6">
<div class="dcl-payment-section">
<h3>{%trans "Log in" %}</h3>
<hr>
<p>{% blocktrans %}Already signed up?<br>By logging in you can retrieve saved billing information.{% endblocktrans %}</p>
<form role="form" id="login-form" method="post" action="" novalidate>
{% for field in login_form %}
{% csrf_token %}
{% bootstrap_field field show_label=False type='fields'%}
{% endfor %}
<div class="text-right">
<button type="submit" class="btn btn-vm-contact">{% trans "LOGIN" %}</button>
</div>
</form>
</div>
</div>
<div class="col-sm-6">
<div class="dcl-order-sec row">
<div class="dcl-payment-section">
<h3>{%trans "Your Order" %}</h3>
<hr>
<div class="content">
@ -45,18 +58,28 @@
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 dcl-billing-sec">
<div class="col-xs-12 col-sm-5 col-md-6 billing dcl-billing">
<h3><b>{%trans "Billing Address"%}</b></h3>
<div class="col-sm-6">
<div class="dcl-payment-section">
<h3><b>{%trans "Sign up"%}</b></h3>
<hr>
<form role="form" id="billing-form" method="post" action="" novalidate>
<div class="form-group">
<label class="sr-only" for="id_signup_name">{% trans "Name" %}</label>
<input type="text" id="id_signup_name" class="form-control" name="signup_name" placeholder="{% trans 'Name' %}">
</div>
<div class="form-group">
<label class="sr-only" for="id_signup_email">{% trans "Email Address" %}</label>
<input type="email" id="id_signup_email" class="form-control" name="signup_email" placeholder="{% trans 'Email Address' %}">
</div>
{% for field in form %}
{% csrf_token %}
{% bootstrap_field field show_label=False type='fields'%}
{% endfor %}
</form>
</div>
<div class="col-xs-12 col-sm-7 col-md-6 creditcard-box dcl-creditcard">
</div>
<div class="col-sm-6">
<div class="dcl-payment-section">
<h3><b>{%trans "Credit Card"%}</b></h3>
<hr>
<div>

View file

@ -12,6 +12,7 @@ from django.views.generic import FormView, CreateView, TemplateView, DetailView
from datacenterlight.tasks import create_vm_task
from hosting.models import HostingOrder
from hosting.forms import HostingUserLoginForm
from membership.models import CustomUser, StripeCustomer
from opennebula_api.models import OpenNebulaManager
from opennebula_api.serializers import VirtualMachineTemplateSerializer, \
@ -428,7 +429,8 @@ class PaymentOrderView(FormView):
context = super(PaymentOrderView, self).get_context_data(**kwargs)
context.update({
'stripe_key': settings.STRIPE_API_PUBLIC_KEY,
'site_url': reverse('datacenterlight:index')
'site_url': reverse('datacenterlight:index'),
'login_form': HostingUserLoginForm()
})
return context

View file

@ -859,3 +859,10 @@ a.list-group-item-danger.active:focus {
.panel-danger > .panel-heading .badge {
background-color: #eb4d5c;
}
/* landing page payment new style */
.dcl-payment-section {
max-width: 400px;
margin: auto;
padding: 30px;
}