mravi/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

landing_payment all sections arranged

Browse source
This commit is contained in:
Arvind Tiwari 2017-09-06 00:12:13 +05:30
commit aaf3bc18d8
3 changed files with 39 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

35
datacenterlight/templates/datacenterlight/landing_payment.html
View file

@ -15,10 +15,23 @@
<div class="payment-container"> <div class="payment-container">
<div class="row"> <div class="row">
<div class="col-sm-6"> <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>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="dcl-order-sec row"> <div class="dcl-payment-section">
<h3>{%trans "Your Order" %}</h3> <h3>{%trans "Your Order" %}</h3>
<hr> <hr>
<div class="content"> <div class="content">
@ -45,18 +58,28 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 dcl-billing-sec"> <div class="col-sm-6">
<div class="col-xs-12 col-sm-5 col-md-6 billing dcl-billing"> <div class="dcl-payment-section">
<h3><b>{%trans "Billing Address"%}</b></h3> <h3><b>{%trans "Sign up"%}</b></h3>
<hr> <hr>
<form role="form" id="billing-form" method="post" action="" novalidate> <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 %} {% for field in form %}
{% csrf_token %} {% csrf_token %}
{% bootstrap_field field show_label=False type='fields'%} {% bootstrap_field field show_label=False type='fields'%}
{% endfor %} {% endfor %}
</form> </form>
</div> </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> <h3><b>{%trans "Credit Card"%}</b></h3>
<hr> <hr>
<div> <div>

4
datacenterlight/views.py
View file

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

7
hosting/static/hosting/css/landing-page.css
View file

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