proxadmin/app/templates/vmanager/activate.html

75 lines
1.8 KiB
HTML
Raw Normal View History

{% extends "base.html" %}
2017-07-20 19:30:09 -04:00
{% block head %}
{{ super() }}
<script type="text/javascript">
function getPeriod()
2017-07-20 19:30:09 -04:00
{
var period = 0;
var periodselect = document.getElementById('period');
period = periodselect.value;
return period;
}
function calculateTotal()
{
var period = getPeriod();
2017-07-20 19:30:09 -04:00
var ppm = {{ ppm }};
var discount = {{ discount }};
var pricetotal = 0;
pricetotal = period * ppm;
var priceselect = document.getElementById('totalPrice');
priceselect.innerHTML = "Total Price: "+pricetotal+" {{ currency }}";
var discounttotal = 0;
discounttotal = period * discount;
var discountselect = document.getElementById('totalDiscount');
discountselect.innerHTML = "Discount <font color=#ff0000>-{{ deploy.discount }}%</font>: "+discounttotal+" {{ currency }}";
2017-07-20 19:30:09 -04:00
}
</script>
{% endblock %}
{% block title %}Activate deployment{% endblock %}
{% block page_content %}
<div class="row">
<div class="col-md-12">
<div class="panel panel-info">
2017-07-20 19:30:09 -04:00
<div class="panel-heading">Activate deployment {{ deploy.machine_alias }}</div>
<div class="panel-body">
<form method="POST" action="{{ url_for('vmanager.activate', itemid=deploy.machine_id) }}">
2017-07-15 00:13:57 -04:00
<h3>
2017-07-20 19:30:09 -04:00
CPU: {{ deploy.machine_cpu }} cores<br />
Memory: {{ deploy.machine_mem }} MB<br />
Storage: {{ deploy.machine_hdd }} GB<br />
{{ form.period.label }} {{ form.period(**{"onchange":"calculateTotal()"}) }}<br />
{% for error in form.period.errors %}
{{ error }}<br />
{% endfor %}
2017-07-15 00:13:57 -04:00
---<br />
{% if deploy.discount != 0 %}
<div id="totalDiscount">Discount <font color=#ff0000>-{{ deploy.discount }}%</font>: {{ discount }} {{ currency }}</div>
{% endif %}
2017-07-24 06:33:33 -04:00
<div id="totalPrice">Previous Period: {{ total }} {{ currency }}</div>
2017-07-15 00:13:57 -04:00
</h3>
<p>
{{ form.csrf_token() }}
{{ form.submit }}
</p>
</div>
</div>
</div>
</div>
{% endblock %}