_resources-sliders.html 1.88 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
{% load i18n %}
{% load sizefieldtags %}
{% load crispy_forms_tags %}

<div class="row">
  <div class="col-sm-3" style="font-weight: bold;">
    <i class="fa fa-trophy"></i> {% trans "CPU priority" %}
  </div>
  <div class="col-sm-6">
    <input type="text" class="vm-slider cpu-priority-slider"
     data-slider="true" data-slider-highlight="true" data-slider-range="10, 100"
     data-slider-values="0, 10, 30, 80, 100" data-slider-snap="true"/>
  </div>
  <div class="col-sm-3">
    <div class="input-group">
      {{ field_priority }}
      <span class="input-group-addon input-tags">
        <i class="fa fa-question" title="yo"></i>
      </span>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-sm-3" style="font-weight: bold;">
    <i class="fa fa-cogs"></i> {% trans "CPU count" %}
  </div>
  <div class="col-sm-6">
    <input type="text" class="vm-slider cpu-count-slider"
     data-slider="true" data-slider-highlight="true" data-slider-range="0, 10"
     data-slider-step="true" data-slider-snap="true"/>
  </div>
  <div class="col-sm-3">
    <div class="input-group">
      {{ field_num_cores }}
      <span class="input-group-addon input-tags">
        <i class="fa fa-question" title="yo"></i>
      </span>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-sm-3" style="font-weight: bold;">
    <i class="fa fa-ticket"></i> {% trans "RAM amount" %}
  </div>
  <div class="col-sm-6">
    <input type="text" class="vm-slider ram-slider" 
     data-slider="true" data-slider-highlight="true" data-slider-range="0, 8192"
     data-slider-step="128" data-slider-snap="true"/>
  </div>
  <div class="col-sm-3">
    <div class="input-group">
      {{ field_ram_size }}
      <span class="input-group-addon input-tags">
        MiB
      </span>
      <span class="input-group-addon input-tags">
        <i title="szia" class="fa fa-question"></i>
      </span>
    </div>
  </div>
</div>