vm-list.html 2.5 KB
Newer Older
Kálmán Viktor committed
1 2
{% extends "dashboard/base.html" %}
{% load i18n %}
3
{% load render_table from django_tables2 %}
Kálmán Viktor committed
4
{% block content %}
5

Kálmán Viktor committed
6 7 8 9 10 11
<div class="row">
  <div class="col-md-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="no-margin"><i class="icon-desktop"></i> Your virtual machines</h3>
      </div>
12 13 14 15 16 17 18 19
      <div class="pull-right" style="max-width: 250px; margin-top: 15px; margin-right: 15px;">
        <form action="" method="GET" class="input-group">
          <input type="text" name="s"{% if request.GET.s %} value="{{ request.GET.s }}"{% endif %} class="form-control input-tags" placeholder="Search..." />
          <div class="input-group-btn">
            <button type="submit" class="form-control btn btn-primary input-tags" title="search"><i class="icon-search"></i></button>
          </div>
        </form>
      </div>
20 21
      <div class="panel-body vm-list-group-control">
        <p>
22
          <strong>Group actions</strong>
23
          <button id="vm-list-group-select-all" class="btn btn-info btn-xs">Select all</button>
24 25 26
          <a class="btn btn-default btn-xs" id="vm-list-group-migrate" disabled><i class="icon-truck"></i> Migrate</a>
          <a disabled href="#" class="btn btn-default btn-xs"><i class="icon-refresh"></i> Reboot</a>
          <a disabled href="#" class="btn btn-default btn-xs"><i class="icon-off"></i> Shutdown</a>
27
          <a id="vm-list-group-delete" disabled href="#" class="btn btn-danger btn-xs"><i class="icon-remove"></i> Discard</a>
28 29
        </p>
      </div>
Kálmán Viktor committed
30
      <div class="panel-body">
31 32 33 34 35 36
        {% render_table table %}
      </div>
    </div>
  </div>
</div>

37 38 39 40 41 42 43 44 45 46

<div class="alert alert-info">
  Tip #1: you can select multiple vm instances while holding down the <strong>CTRL</strong> key!
</div>

<div class="alert alert-info">
  Tip #2: if you want to select multiple instances by one click select an instance then hold down <strong>SHIFT</strong> key and select another one!
</div>


47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
<style>
  .popover {
    max-width: 600px;
  }

  .vm-list-selected, .vm-list-selected td {
    background-color: #e8e8e8 !important;
  }

  .vm-list-selected:hover, .vm-list-selected:hover td {
    background-color: #d0d0d0 !important;
  }

  .vm-list-selected td:first-child {
    font-weight: bold;
  }
63 64 65 66 67 68 69 70

  .vm-list-table-thin {
    width: 10px;
  }

  .vm-list-table-admin {
    width: 130px;
  }
71 72 73 74
</style>
{% endblock %}

{% block extra_js %}
75 76
  <script src="{{ STATIC_URL}}dashboard/vm-list.js"></script>
  <script src="{{ STATIC_URL}}dashboard/vm-common.js"></script>
Kálmán Viktor committed
77
{% endblock %}