order detail style fix
This commit is contained in:
parent
8044e0c2a0
commit
55889499df
4 changed files with 82 additions and 40 deletions
|
@ -518,6 +518,22 @@
|
||||||
margin: 15px 0;
|
margin: 15px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.order-detail-container .thin-hr {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-detail-container .subtotal-price {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-detail-container .subtotal-price .text-primary {
|
||||||
|
font-size: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-detail-container .total-price {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.order-detail-container {
|
.order-detail-container {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
|
|
|
@ -65,32 +65,37 @@
|
||||||
<span>{% trans "Disk space" %}: </span>
|
<span>{% trans "Disk space" %}: </span>
|
||||||
<strong class="pull-right">{{vm.disk_size|intcomma}} GB</strong>
|
<strong class="pull-right">{{vm.disk_size|intcomma}} GB</strong>
|
||||||
</p>
|
</p>
|
||||||
<hr>
|
<hr class="thin-hr">
|
||||||
|
{% if vm.vat > 0 or vm.discount.amount > 0 %}
|
||||||
|
<div class="subtotal-price">
|
||||||
{% if vm.vat > 0 %}
|
{% if vm.vat > 0 %}
|
||||||
<p>
|
<p>
|
||||||
<strong>{% trans "Subtotal" %}: </strong>
|
<strong class="text-lg">{% trans "Subtotal" %} </strong>
|
||||||
<strong class="pull-right">{{vm.price|floatformat:2|intcomma}} CHF</strong>
|
<strong class="pull-right">{{vm.price|floatformat:2|intcomma}} CHF</strong>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<span>{% trans "VAT" %} ({{ vm.vat_percent|floatformat:2|intcomma }}%): </span>
|
<small>{% trans "VAT" %} ({{ vm.vat_percent|floatformat:2|intcomma }}%) </small>
|
||||||
<strong class="pull-right">{{vm.vat|floatformat:2|intcomma}} CHF</strong>
|
<strong class="pull-right">{{vm.vat|floatformat:2|intcomma}} CHF</strong>
|
||||||
</p>
|
</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if vm.discount.amount > 0 %}
|
{% if vm.discount.amount > 0 %}
|
||||||
<p class="text-primary">
|
<p class="text-primary">
|
||||||
{%trans "Discount" as discount_name %}
|
{%trans "Discount" as discount_name %}
|
||||||
<strong>{{ vm.discount.name|default:discount_name }}: </strong>
|
<strong>{{ vm.discount.name|default:discount_name }} </strong>
|
||||||
<strong class="pull-right">- {{ vm.discount.amount }} CHF</strong>
|
<strong class="pull-right">- {{ vm.discount.amount }} CHF</strong>
|
||||||
</p>
|
</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<p>
|
</div>
|
||||||
<strong>{% trans "Total" %}</strong>
|
<hr class="thin-hr">
|
||||||
|
{% endif %}
|
||||||
|
<p class="total-price">
|
||||||
|
<strong>{% trans "Total" %} </strong>
|
||||||
<strong class="pull-right">{{vm.total_price|floatformat:2|intcomma}} CHF</strong>
|
<strong class="pull-right">{{vm.total_price|floatformat:2|intcomma}} CHF</strong>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr class="thin-hr">
|
||||||
</div>
|
</div>
|
||||||
<form id="virtual_machine_create_form" action="" method="POST">
|
<form id="virtual_machine_create_form" action="" method="POST">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
|
|
|
@ -63,6 +63,22 @@
|
||||||
margin: 15px 0;
|
margin: 15px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.order-detail-container .thin-hr {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-detail-container .subtotal-price {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-detail-container .subtotal-price .text-primary {
|
||||||
|
font-size: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-detail-container .total-price {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.order-confirm-btn {
|
.order-confirm-btn {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -127,32 +127,37 @@
|
||||||
<span>{% trans "Disk space" %}: </span>
|
<span>{% trans "Disk space" %}: </span>
|
||||||
<strong class="pull-right">{{vm.disk_size}} GB</strong>
|
<strong class="pull-right">{{vm.disk_size}} GB</strong>
|
||||||
</p>
|
</p>
|
||||||
<hr>
|
<hr class="thin-hr">
|
||||||
|
{% if vm.vat > 0 or vm.discount.amount > 0 %}
|
||||||
|
<div class="subtotal-price">
|
||||||
{% if vm.vat > 0 %}
|
{% if vm.vat > 0 %}
|
||||||
<p>
|
<p>
|
||||||
<strong>{% trans "Subtotal" %}: </strong>
|
<strong>{% trans "Subtotal" %} </strong>
|
||||||
<strong class="pull-right">{{vm.price|floatformat:2|intcomma}} CHF</strong>
|
<strong class="pull-right">{{vm.price|floatformat:2|intcomma}} CHF</strong>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<span>{% trans "VAT" %} ({{ vm.vat_percent|floatformat:2|intcomma }}%): </span>
|
<small>{% trans "VAT" %} ({{ vm.vat_percent|floatformat:2|intcomma }}%) </small>
|
||||||
<strong class="pull-right">{{vm.vat|floatformat:2|intcomma}} CHF</strong>
|
<strong class="pull-right">{{vm.vat|floatformat:2|intcomma}} CHF</strong>
|
||||||
</p>
|
</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if vm.discount.amount > 0 %}
|
{% if vm.discount.amount > 0 %}
|
||||||
<p class="text-primary">
|
<p class="text-primary">
|
||||||
{%trans "Discount" as discount_name %}
|
{%trans "Discount" as discount_name %}
|
||||||
<strong>{{ vm.discount.name|default:discount_name }}: </strong>
|
<strong>{{ vm.discount.name|default:discount_name }} </strong>
|
||||||
<strong class="pull-right">- {{ vm.discount.amount }} CHF</strong>
|
<strong class="pull-right">- {{ vm.discount.amount }} CHF</strong>
|
||||||
</p>
|
</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<p>
|
</div>
|
||||||
<strong>{% trans "Total" %}</strong>
|
<hr class="thin-hr">
|
||||||
|
{% endif %}
|
||||||
|
<p class="total-price">
|
||||||
|
<strong>{% trans "Total" %} </strong>
|
||||||
<strong class="pull-right">{% if vm.total_price %}{{vm.total_price|floatformat:2|intcomma}}{% else %}{{vm.price|floatformat:2|intcomma}}{% endif %} CHF</strong>
|
<strong class="pull-right">{% if vm.total_price %}{{vm.total_price|floatformat:2|intcomma}}{% else %}{{vm.price|floatformat:2|intcomma}}{% endif %} CHF</strong>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr class="thin-hr">
|
||||||
</div>
|
</div>
|
||||||
{% if not order %}
|
{% if not order %}
|
||||||
{% block submit_btn %}
|
{% block submit_btn %}
|
||||||
|
|
Loading…
Reference in a new issue