node-detail.html 2.35 KB
Newer Older
1 2 3 4 5 6 7 8 9
{% extends "dashboard/base.html" %}
{% load i18n %}

{% block content %}
<div class="body-content">
  <div class="page-header">
    <h1>{{ node.name }} <small>{{ node.get_connect_host }}</small></h1>
  </div>
  <div class="row">
10
    <div class="col-md-4" id="node-info-pane">
11
      <div id="node-info-data" class="big">
12 13 14 15
      <span id="node-details-state" class="label {% if node.state == 'ONLINE' %}label-success
			{% elif node.state == 'MISSING' %}label-danger
			{% elif node.state == 'DISABLED' %}label-warning
			{% elif node.state == 'OFFLINE' %}label-warning
16 17 18 19 20 21
			{% endif %}">{{ node.state }}</span>
		<div class="btn-group">
			{% with node as record %}
				{% include "dashboard/node-list/column-actions.html" with btn_size="" %}
			{% endwith %}
		</div>
22 23
      </div>
    </div>
24 25
    <div class="col-md-8" id="node-detail-pane">
      <div class="panel panel-default" id="node-detail-panel">
26 27 28 29 30 31 32 33 34 35
        <ul class="nav nav-pills panel-heading">
          <li class="active">
            <a href="#home" data-toggle="pill" class="text-center">
              <i class="icon-compass icon-2x"></i><br>
              {% trans "Home" %}</a></li>
          <li>
            <a href="#resources" data-toggle="pill" class="text-center">
              <i class="icon-tasks icon-2x"></i><br>
              {% trans "Resources" %}</a></li>
	  <li>
36 37 38 39
            <a href="#virtualmachines" data-toggle="pill" class="text-center">
              <i class="icon-desktop icon-2x"></i><br>
              {% trans "Virtual Machines" %}</a></li>
 	  <li>
40 41 42
            <a href="#activity" data-toggle="pill" class="text-center">
              <i class="icon-time icon-2x"></i><br>
              {% trans "Activity" %}</a></li>
43
	</ul>
44

45
        <div id="panel-body"  class="tab-content panel-body">
46 47 48 49
          <div class="tab-pane active" id="home">{% include "dashboard/node-detail/home.html" %}</div>
	  <div class="tab-pane" id="resources">{% include "dashboard/node-detail/resources.html" %}</div>
          <div class="tab-pane" id="activity">{% include "dashboard/node-detail/activity.html" %}</div>
          <div class="tab-pane" id="virtualmachines">{% include "dashboard/node-detail/vm.html" %}</div>
50
  	</div>
51 52 53 54
      </div>
    </div>
  </div>
</div>
55 56 57 58 59
<style>
  .popover {
    max-width: 600px;
  }
</style>
60 61

{% endblock %}
62 63 64 65
{% block extra_js %}
<script src="{{ STATIC_URL}}dashboard/node-list.js"></script>
{% endblock %}