group-list.html 1.74 KB
Newer Older
1 2 3
{% extends "dashboard/base.html" %}
{% load i18n %}
{% load render_table from django_tables2 %}
4 5 6

{% block title-page %}{% trans "Group list" %}{% endblock %}

7 8 9 10 11 12 13 14 15 16 17 18 19 20
{% block content %}

<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>

<div class="row">
  <div class="col-md-12">
    <div class="panel panel-default">
      <div class="panel-heading">
21
        <h3 class="no-margin"><i class="fa fa-group"></i> Your groups</h3>
22
      </div>
23
      <div class="panel-body group-list-group-control">
24 25
        <p>
          <strong>Group actions</strong>
26
          <button id="group-list-group-select-all" class="btn btn-info btn-xs">Select all</button>
27
          <a id="group-list-group-delete" disabled href="#" class="btn btn-danger btn-xs"><i class="fa fa-times"></i> Discard</a>
28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
        </p>
	</div>
	<div id="table_container">
	
        <div id="rendered_table" class="panel-body">
	      {% render_table table %}
        </div>
      </div>
    </div>
  </div>
</div>
<style>
  .popover {
    max-width: 600px;
  }

44
  .group-list-selected, .group-list-selected td {
45 46 47
    background-color: #e8e8e8 !important;
  }

48
  .group-list-selected:hover, .group-list-selected:hover td {
49 50 51
    background-color: #d0d0d0 !important;
  }

52
  .group-list-selected td:first-child {
53 54 55
    font-weight: bold;
  }

56
  .group-list-table-thin {
57 58 59
    width: 10px;
  }

60
  .group-list-table-admin {
61 62 63 64 65 66
    width: 130px;
  }
</style>
{% endblock %}

{% block extra_js %}
67
<script src="{{ STATIC_URL}}dashboard/group-list.js"></script>
68
{% endblock %}