resources.html

{% load i18n %}
{% load sizefieldtags %}
{% load crispy_forms_tags %}

<form method="POST" action="{{ op.resources_change.get_url }}" id="vm-details-resources-form">
  {% csrf_token %}
  {% include "dashboard/_resources-sliders.html" with field_priority=resources_form.priority field_num_cores=resources_form.num_cores field_ram_size=resources_form.ram_size %}

{% if op.resources_change %}
    <button type="submit" class="btn btn-success btn-sm change-resources-button" 
      id="vm-details-resources-save" data-vm="{{ instance.pk }}"
      {% if op.resources_change.disabled %}disabled{% endif %}>
      <i class="fa fa-floppy-o"></i> {% trans "Save resources" %}
    </button>
    <span class="change-resources-help"
      {% if not op.resources_change.disabled %}style="display: none;"{% endif %}
      >{% trans "Stop your VM to change resources." %}</span>
{% endif %}
</form>


<hr />


<div class="row" id="vm-details-resources-disk">
  <div class="col-sm-11">
    <h3>
      {% trans "Disks" %}
      <div class="pull-right">
        <div id="disk-ops">
          {% include "dashboard/vm-detail/_disk-operations.html" %}
        </div>
      </div>
    </h3>

    <div class="row" id="vm-details-disk-add-for-form"></div>

    {% if not instance.disks.all %}
      {% trans "No disks are added!" %}
    {% endif %}
    {% for d in instance.disks.all %}
      <h4 class="list-group-item-heading dashboard-vm-details-network-h3">
        {% with long_remove=True %}
          {% include "dashboard/_disk-list-element.html" %}
        {% endwith %}
      </h4>
    {% endfor %}
  </div>
</div>

{% if user.is_superuser %}
<hr/>

<div class="row" id="">
  <div class="col-sm-12">
    <h3>
      {% trans "Required traits" %}
    </h3>

    {% crispy traits_form %}
  </div>
</div>

<hr/>

<div class="row" id="">
  <div class="col-sm-12">
    <h3>
      {% trans "Raw data" %}
    </h3>

    {% crispy raw_data_form %}
  </div>
</div>

{% endif %}

{% block extra_js %}
  <style>
    label {padding-top: 6px;}
    .form-group {margin-bottom: 8px;}
  </style>
{% endblock %}