index-nodes.html 3.69 KB
Newer Older
1
{% load i18n %}
2
  <div class="panel panel-default">
3 4 5
  <div class="panel-heading">
    <div class="pull-right toolbar">
      <div class="btn-group">
6 7
        <a href="#index-graph-view" data-index-box="node" class="btn btn-default btn-xs"><i class="fa fa-dashboard"></i></a>
        <a href="#index-list-view" data-index-box="node" class="btn btn-default btn-xs disabled"><i class="fa fa-list"></i></a>
8

9
      </div>
10
      <span class="btn btn-default btn-xs infobtn" title="{% trans "List of compute nodes, also called worker nodes or hypervisors, which run the virtual machines." %}"><i class="fa fa-info-circle"></i></span>
11 12
    </div>
    <h3 class="no-margin">
13
      <i class="fa fa-sitemap"></i> {% trans "Nodes" %}
14
    </h3>
15 16
  </div >
  <div class="list-group" id="node-list-view">
17 18
    <div id="dashboard-node-list">
      {% for i in nodes %}
Bach Dániel committed
19
      <a href="{{ i.get_absolute_url }}" class="list-group-item real-link
20
        {% if forloop.last and nodes|length < 5 %} list-group-item-last{% endif %}">
21
        <span class="index-node-list-name">
22
          <i class="fa {{ i.get_status_icon }}" title="{{ i.get_status_display }}"></i>
Bach Dániel committed
23
           {{ i.name }}
24
        </span>
Bach Dániel committed
25
        <div style="clear: both;"></div>
26
      </a>
27 28
      {% endfor %}
    </div>
29 30 31
    <div href="#" class="list-group-item list-group-footer">
      <div class="row">
        <div class="col-sm-6 col-xs-6 input-group input-group-sm">
Bach Dániel committed
32
          <input id="dashboard-node-search-input" type="text" class="form-control" placeholder="{% trans "Search..." %}" />
33
          <div class="input-group-btn">
34
            <button type="submit" class="form-control btn btn-primary" title="search"><i class="fa fa-search"></i></button>
35 36 37 38
          </div>
        </div>
        <div class="col-sm-6 text-right">
          <a class="btn btn-primary btn-xs" href="{% url "dashboard.views.node-list" %}">
39
            <i class="fa fa-chevron-circle-right"></i>
Bach Dániel committed
40 41 42 43 44
            {% if more_nodes > 0 %}
                {% blocktrans with count=more_nodes %}<strong>{{count}}</strong>  more{% endblocktrans %}
            {% else %}
                {% trans "list" %}
            {% endif %}
45
          </a>
46
          <a class="btn btn-success btn-xs node-create" href="{% url "dashboard.views.node-create" %}"><i class="fa fa-plus-circle"></i> {% trans "new" %}</a>
47 48 49
        </div>
      </div>
    </div>
50
  </div>
51

52
  <div class="panel-body" id="node-graph-view" style="display: none">
Bach Dániel committed
53
    <p class="pull-right">  <input class="knob" data-fgColor="chartreuse" data-thickness=".4" data-width="60" data-height="60" data-readOnly="true" value="{% widthratio node_num.running sum_node_num 100 %}"></p>
54 55
    <p><span class="big"><big>{{ node_num.running }}</big> running </span>
    + <big>{{ node_num.missing }}</big> missing + <br><big>{{ node_num.disabled }}</big> disabled + <big>{{ node_num.offline }}</big> offline</p>
Bach Dániel committed
56
      <ul class="list-inline" id="dashboard-node-taglist">
57 58
        {% for i in nodes %}
        <a href="{{ i.get_absolute_url }}" class="label {{i.get_status_label}}" >
59
        <i class="fa {{ i.get_status_icon }}" title="{{ i.get_status_display }}"></i> {{ i.name }}</a>
60
        {% endfor %}
Bach Dániel committed
61
      </ul>
62 63

    <div class="clearfix"></div>
64
 <div class="row">
Bach Dániel committed
65 66
        <div class="col-sm-6 text-right pull-right">
         {% if more_nodes >= 0  %}
67
          <a class="btn btn-primary btn-xs" href="{% url "dashboard.views.node-list" %}">
68
            <i class="fa fa-chevron-circle-right"></i> {% blocktrans with count=more_nodes %}<strong>{{count}}</strong>  more{% endblocktrans %}
69 70
          </a>
         {% endif %}
71
         <a class="btn btn-success btn-xs node-create" href="{% url "dashboard.views.node-create" %}"><i class="fa fa-plus-circle"></i> {% trans "new" %}</a>
72
        </div>
73 74
</div>
</div>
75
</div>