2017-07-09 08:13:30 +00:00
|
|
|
{% load staticfiles i18n%}
|
2018-04-20 12:24:23 +00:00
|
|
|
|
2018-04-15 11:39:01 +00:00
|
|
|
{% if vm_pricing %}
|
2018-04-20 12:24:23 +00:00
|
|
|
<script type="application/javascript">
|
|
|
|
window.vat_inclusive = {% if vm_pricing.vat_inclusive %}true{% else %}false{% endif%};
|
|
|
|
window.vat_percentage = {{vm_pricing.vat_percentage|default:0}};
|
|
|
|
window.coresUnitPrice = {{vm_pricing.cores_unit_price|default:0}};
|
|
|
|
window.ramUnitPrice = {{vm_pricing.ram_unit_price|default:0}};
|
|
|
|
window.ssdUnitPrice = {{vm_pricing.ssd_unit_price|default:0}};
|
|
|
|
window.hddUnitPrice = {{vm_pricing.hdd_unit_price|default:0}};
|
2018-05-06 23:37:58 +00:00
|
|
|
window.discountAmount = {{vm_pricing.discount_amount|default:0}};
|
2018-09-27 07:06:39 +00:00
|
|
|
window.minRam = {{min_ram}};
|
2018-10-01 06:56:45 +00:00
|
|
|
window.minRamErr = '{% blocktrans with min_ram=min_ram %}Please enter a value in range {{min_ram}} - 200.{% endblocktrans %}';
|
2018-04-20 12:24:23 +00:00
|
|
|
</script>
|
2018-04-15 11:39:01 +00:00
|
|
|
{% endif %}
|
2018-04-20 12:24:23 +00:00
|
|
|
|
2018-04-25 10:25:58 +00:00
|
|
|
<form id="order_form" method="POST" action="{{calculator_form_url}}" data-toggle="validator" role="form">
|
2017-07-09 08:13:30 +00:00
|
|
|
{% csrf_token %}
|
2018-10-01 05:50:15 +00:00
|
|
|
<input type="hidden" name="pid" value="{{instance.id}}">
|
2017-07-09 08:13:30 +00:00
|
|
|
<div class="title">
|
2017-07-26 18:38:53 +00:00
|
|
|
<h3>{% trans "VM hosting" %} </h3>
|
2017-07-09 08:13:30 +00:00
|
|
|
</div>
|
|
|
|
<div class="price">
|
2018-04-25 09:22:25 +00:00
|
|
|
<span id="total"></span>
|
2017-07-09 08:13:30 +00:00
|
|
|
<span>CHF/{% trans "month" %}</span>
|
|
|
|
<div class="price-text">
|
2018-05-06 23:37:58 +00:00
|
|
|
<p>
|
|
|
|
{% if vm_pricing.vat_inclusive %}{% trans "VAT included" %} <br>{% endif %}
|
|
|
|
{% if vm_pricing.discount_amount %}
|
2018-05-12 16:17:58 +00:00
|
|
|
{% trans "You save" %} {{ vm_pricing.discount_amount }} CHF
|
2018-05-06 23:37:58 +00:00
|
|
|
{% endif %}
|
|
|
|
</p>
|
2017-07-09 08:13:30 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="descriptions">
|
|
|
|
<div class="description form-group">
|
|
|
|
<p>{% trans "Hosted in Switzerland" %}</p>
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<div class="description input">
|
2017-07-26 18:38:53 +00:00
|
|
|
<i class="fa fa-minus-circle left" data-minus="cpu" aria-hidden="true"></i>
|
|
|
|
<input class="input-price select-number" type="number" min="1" max="48" id="coreValue" name="cpu"
|
|
|
|
data-error="{% trans 'Please enter a value in range 1 - 48.' %}" required>
|
|
|
|
<span> Core</span>
|
|
|
|
<i class="fa fa-plus-circle right" data-plus="cpu" aria-hidden="true"></i>
|
2017-07-09 08:13:30 +00:00
|
|
|
</div>
|
2017-07-14 08:34:40 +00:00
|
|
|
<div class="help-block with-errors">
|
|
|
|
{% for message in messages %}
|
|
|
|
{% if 'cores' in message.tags %}
|
2017-09-15 14:33:52 +00:00
|
|
|
<ul class="list-unstyled">
|
|
|
|
<li>{{ message|safe }}</li>
|
|
|
|
</ul>
|
2017-07-14 08:34:40 +00:00
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
2017-07-09 08:13:30 +00:00
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<div class="description input">
|
2017-07-26 18:38:53 +00:00
|
|
|
<i class="fa fa-minus-circle left" data-minus="ram" aria-hidden="true"></i>
|
2018-10-17 07:56:39 +00:00
|
|
|
<input id="ramValue" class="input-price select-number" type="number" min="{% if min_ram == 0.5 %}0{% else %}1{% endif %}" max="200" name="ram"
|
2018-10-16 06:55:05 +00:00
|
|
|
data-error="{% blocktrans with min_ram=min_ram %}Please enter a value in range {{min_ram}} - 200.{% endblocktrans %}" required step="1">
|
2017-07-26 18:38:53 +00:00
|
|
|
<span> GB RAM</span>
|
|
|
|
<i class="fa fa-plus-circle right" data-plus="ram" aria-hidden="true"></i>
|
2017-07-09 08:13:30 +00:00
|
|
|
</div>
|
2017-07-14 08:34:40 +00:00
|
|
|
<div class="help-block with-errors">
|
|
|
|
{% for message in messages %}
|
|
|
|
{% if 'memory' in message.tags %}
|
|
|
|
<ul class="list-unstyled"><li>
|
|
|
|
{{ message|safe }}
|
|
|
|
</li></ul>
|
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
2017-07-09 08:13:30 +00:00
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<div class="description input">
|
2017-07-26 18:38:53 +00:00
|
|
|
<i class="fa fa-minus-circle left" data-minus="storage" aria-hidden="true"></i>
|
|
|
|
<input id="storageValue" class="input-price select-number" type="number" min="10" max="2000" step="10"
|
|
|
|
name="storage" data-error="{% trans 'Please enter a value in range 10 - 2000.' %}" required>
|
|
|
|
<span>{% trans "GB Storage (SSD)" %}</span>
|
|
|
|
<i class="fa fa-plus-circle right" data-plus="storage" aria-hidden="true"></i>
|
2017-07-09 08:13:30 +00:00
|
|
|
</div>
|
2017-07-14 08:34:40 +00:00
|
|
|
<div class="help-block with-errors">
|
|
|
|
{% for message in messages %}
|
|
|
|
{% if 'storage' in message.tags %}
|
|
|
|
<ul class="list-unstyled"><li>
|
|
|
|
{{ message|safe }}
|
|
|
|
</li></ul>
|
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
2017-07-09 08:13:30 +00:00
|
|
|
</div>
|
|
|
|
<div class="description select-configuration input form-group justify-center">
|
|
|
|
<label for="config">OS</label>
|
2018-02-08 13:40:37 +00:00
|
|
|
<select name="config">
|
2017-07-09 08:13:30 +00:00
|
|
|
{% for template in templates %}
|
2018-09-27 20:12:04 +00:00
|
|
|
|
2018-10-01 05:50:15 +00:00
|
|
|
<option value="{{template.opennebula_vm_template_id}}" {% if template.name|lower == instance.default_selected_template|lower %}selected="selected"{% endif %}>{{template.name}}</option>
|
2017-07-09 08:13:30 +00:00
|
|
|
{% endfor %}
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-04-15 11:39:01 +00:00
|
|
|
<input type="hidden" name="pricing_name" value="{% if vm_pricing.name %}{{vm_pricing.name}}{% else %}unknown{% endif%}"></input>
|
2017-07-24 15:52:28 +00:00
|
|
|
<input type="submit" class="btn btn-primary disabled" value="{% trans 'Continue' %}"></input>
|
2018-10-01 05:50:15 +00:00
|
|
|
</form>
|