home.html

{% load i18n %}
<div class="row">
  <div class="col-md-4">
    <dl>
      <dt>{% trans "System" %}:</dt>
      <dd><i class="icon-{{ os_type_icon }}"></i> {{ instance.system }}</dd>
      <dt style="margin-top: 5px;">{% trans "Description" %}:</dt>
      <dd><small>{{ instance.description }}</small></dd>
    </dl>

    <h4>{% trans "Expiration" %} {% if instance.is_expiring %}<i class="icon-warning-sign text-danger"></i>{% endif %}
      <a href="{% url "dashboard.views.vm-renew" instance.pk "" %}" class="btn btn-success btn-xs pull-right">{% trans "renew" %}</a>
    </h4>
    <dl>
      <dt>{% trans "Suspended at:" %}</dt>
      <dd><i class="icon-moon"></i> {{ instance.time_of_suspend|timeuntil }}</dd>
      <dt>{% trans "Destroyed at:" %}</dt>
      <dd><i class="icon-remove"></i> {{ instance.time_of_delete|timeuntil }}</dd>
    </dl>

    <div style="font-weight: bold;">{% trans "Tags" %}</div>
    <div id="vm-details-tags" style="margin-bottom: 20px;">
      <div id="vm-details-tags-list">
        {% if instance.tags.all %}
          {% for t in instance.tags.all %}
            <div class="label label-primary label-tag" style="display: inline-block">
              {{ t }}
              <a href="#" class="vm-details-remove-tag"><i class="icon-remove"></i></a>
            </div>
          {% endfor %}
        {% else %}
          <small>{% trans "No tag added!" %}</small>
        {% endif %}
      </div>
      <form action="" method="POST">
        {% csrf_token %}
        <div class="input-group" id="vm-details-tags-form">
          <input type="text" class="form-control input-sm input-tags" name="new_tag" id="vm-details-tags-input"/>
          <!--<div class="input-group-addon">
            <i class="icon-question"></i>
          </div>-->
          <div class="input-group-btn">
            <input type="submit" class="btn btn-default btn-sm input-tags" value="{% trans "Add tag" %}"/>
          </div>
        </div>
      </form>
    </div><!-- id:vm-details-tags -->
  </div>
  <div class="col-md-8">
    {% if graphite_enabled %}
    <img src="{% url "dashboard.views.vm-graph" instance.pk "cpu" "6h" %}" style="width:100%"/>
    <img src="{% url "dashboard.views.vm-graph" instance.pk "memory" "6h" %}" style="width:100%"/>
    <img src="{% url "dashboard.views.vm-graph" instance.pk "network" "6h" %}" style="width:100%"/>
    {% endif %}
  </div>
</div>