70 lines
3 KiB
HTML
70 lines
3 KiB
HTML
{% extends "hosting/base_short.html" %}
|
|
{% load staticfiles bootstrap3 i18n %}
|
|
{% block content %}
|
|
<div>
|
|
<div class="dashboard-container" >
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
<br/>
|
|
{% if messages %}
|
|
<div class="alert alert-warning">
|
|
{% for message in messages %}
|
|
<span>{{ message }}</span>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% if not error %}
|
|
<div class="dashboard-title">
|
|
<h3>{% trans "New Virtual Machine"%} </h3>
|
|
<hr/>
|
|
</div>
|
|
|
|
<form method="POST" action="">
|
|
{% csrf_token %}
|
|
|
|
<div class="step-title">
|
|
<h4>{% trans "Step 1. Select VM Template:" %} </h4>
|
|
</div>
|
|
<div class="parent-container">
|
|
<div class="container-os owl-carousel owl-theme" id="containerOs">
|
|
|
|
{% for template in templates %}
|
|
<div class="os-circle" data-id="{{template.id}}">
|
|
<span class="text" >{{template.name}}</span>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<input type="hidden" name="vm_template_id">
|
|
</div>
|
|
<div class="step-title">
|
|
<h4>{% trans "Step2. Select VM Configuration" %}</h4>
|
|
</div>
|
|
<div class="parent-container">
|
|
<div class="container-os config owl-carousel owl-theme">
|
|
|
|
{% for config in configuration_options %}
|
|
<div class="config-box" data-id="{{config.id}}" data-price="{{config.price|floatformat}}">
|
|
<span>CORE: {{config.cpu|floatformat}}</span>
|
|
<span>RAM: {{config.memory|floatformat}} GB</span>
|
|
<span>SSD: {{config.disk_size|floatformat}} GB</span>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<input type="hidden" name="configuration">
|
|
</div>
|
|
<div class="container-button">
|
|
<div class="price">
|
|
<span class="label-price">{% trans "Price " %}<span id="priceValue">0</span>{% trans "CHF/Month" %}</span>
|
|
</div>
|
|
<button class="btn btn-success" >{% trans "Start VM"%} </button>
|
|
</div>
|
|
</form>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{%endblock%}
|