Revision 605d23bf snf-cyclades-app/synnefo/helpdesk/templates/helpdesk/vms_list.html
b/snf-cyclades-app/synnefo/helpdesk/templates/helpdesk/vms_list.html | ||
---|---|---|
1 | 1 |
{% load helpdesk_tags %} |
2 | 2 |
<div class="object-anchor" id="vm-{{vm.pk}}"></div> |
3 | 3 |
<div class="vm-details object-details {{ rowcls }}"> |
4 |
<h4><em><img src="{{ UI_MEDIA_URL }}images/icons/os/{{ vm|get_os }}.png" />{{ vm|get_os }}</em><i class="icon-tasks"></i>{{ vm.name }}<span class="badge"> </span></h4> |
|
5 |
{{ vm|vm_status_badge|safe }} |
|
6 |
<span class="badge badge-inverse">ID: {{ vm.pk }}</span> |
|
7 |
<span class="badge badge-inverse">{{ vm|vm_public_ip }}</span> |
|
8 |
<span class="badge badge-inverse flavor"> |
|
9 |
<span class="cpu">{{ vm.flavor.cpu }}x</span> |
|
10 |
<span class="ram">{{ vm.flavor.ram}}MB</span> |
|
11 |
<span class="disk">{{ vm.flavor.disk }}GB</span> |
|
4 |
<h4><em><img src="{{ UI_MEDIA_URL }}images/icons/os/{{ vm|get_os }}.png" />{{ vm|get_os }}</em><i class="icon-tasks"></i>{{ vm.name }}<span class="badge"> </span></h4> |
|
5 |
{{ vm|vm_status_badge|safe }} |
|
6 |
<span class="badge badge-inverse">ID: {{ vm.pk }}</span> |
|
7 |
<span class="badge badge-inverse">{{ vm|vm_public_ip }}</span> |
|
8 |
{% if vm.suspended %} |
|
9 |
<span class="badge badge-important">SUSPENDED</span> |
|
10 |
{% endif %} |
|
11 |
<span class="badge badge-inverse flavor"> |
|
12 |
<span class="cpu">{{ vm.flavor.cpu }}x</span> |
|
13 |
<span class="ram">{{ vm.flavor.ram}}MB</span> |
|
14 |
<span class="disk">{{ vm.flavor.disk }}GB</span> |
|
15 |
</span> |
|
16 |
<div class="vm-details-content object-details-content"> |
|
12 | 17 |
|
13 |
</span>
|
|
14 |
<div class="vm-details-content object-details-content">
|
|
15 |
|
|
16 |
<ul class="nav nav-tabs">
|
|
17 |
<li class="active"><a href="#details{{ vm.pk }}" data-toggle="tab">Details</a></li>
|
|
18 |
<li><a href="#metadata{{ vm.pk }}" data-toggle="tab">Metadata</a></li>
|
|
19 |
<li><a href="#backend{{ vm.pk }}" data-toggle="tab">Backend info</a></li>
|
|
20 |
<li><a href="#network{{ vm.pk }}" data-toggle="tab">Network interfaces</a></li>
|
|
21 |
</ul>
|
|
22 |
<div class="tab-content">
|
|
23 |
<div class="tab-pane active" id="details{{ vm.pk }}">
|
|
24 |
<dl class="dl-horizontal well">
|
|
25 |
<dt>ID</dt><dd>{{ vm.pk }}</dd>
|
|
26 |
<dt>Name</dt><dd>{{ vm.name }}</dd>
|
|
27 |
<dt>User id</dt><dd>{{ vm.userid }}</dd>
|
|
28 |
<dt>Created</dt><dd>{{ vm.created }} ({{ vm.created|timesince }} <strong>ago</strong>)</dd>
|
|
29 |
<dt>Updated</dt><dd>{{ vm.updated }} ({{ vm.updated|timesince }} <strong>ago</strong>)</dd>
|
|
30 |
<dt>Suspended</dt><dd>{{ vm.suspended }}</dd>
|
|
31 |
<dt>Deleted</dt><dd>{{ vm.deleted }}</dd>
|
|
32 |
<dt>Image id</dt><dd>{{ vm.imageid }}</dd>
|
|
33 |
<dt>Flavor</dt><dd>{{ vm.flavor.cpu }},
|
|
34 |
{{ vm.flavor.disk }},
|
|
35 |
{{ vm.flavor.ram }},
|
|
36 |
{{ vm.flavor.disk_template }}</dd>
|
|
37 |
</dl>
|
|
38 |
</div>
|
|
39 |
<div class="tab-pane" id="metadata{{ vm.pk }}">
|
|
40 |
<dl class="dl-horizontal well">
|
|
41 |
{% for meta in vm.metadata.all %}
|
|
42 |
<dt>{{ meta.meta_key }}</dt><dd>{{ meta.meta_value }}</dd>
|
|
43 |
{% empty %}
|
|
44 |
<dt>No metadata</dt>
|
|
45 |
{% endfor %}
|
|
46 |
</dl>
|
|
47 |
</div>
|
|
48 |
<div class="tab-pane" id="backend{{ vm.pk }}">
|
|
49 |
<dl class="dl-horizontal well">
|
|
50 |
<dt>Action</dt><dd>{{ vm.get_action_display }} ({{ vm.action }})</dd>
|
|
51 |
<dt>Operstate</dt><dd>{{ vm.get_operstate_display }} ({{ vm.operstate }})</dd>
|
|
52 |
<dt>Backend job id</dt><dd>{{ vm.backendjobid }}</dd>
|
|
53 |
<dt>Backend op code</dt><dd>{{ vm.get_backendopcode_display }} ({{ vm.backendopcode }})</dd>
|
|
54 |
<dt>Backend log msg</dt><dd>{{ vm.backendlogmsg }}</dd>
|
|
55 |
<dt>Build backendjobstatus</dt><dd>{{ vm.backendjobstatus }}</dd>
|
|
56 |
<dt>Build percentage</dt><dd>{{ vm.buildpercentage }}</dd>
|
|
57 |
</dl>
|
|
58 |
</div>
|
|
59 |
<div class="tab-pane" id="network{{ vm.pk }}">
|
|
60 |
<table class="table well">
|
|
61 |
<thead>
|
|
62 |
<td>ID</td>
|
|
63 |
<td>Network (ID)</td>
|
|
64 |
<td>Created</td>
|
|
65 |
<td>Updated</td>
|
|
66 |
<td>Index</td>
|
|
67 |
<td>MAC</td>
|
|
68 |
<td>IPv4</td>
|
|
69 |
<td>IPv6</td>
|
|
70 |
<td>Firewall</td>
|
|
71 |
</thead>
|
|
72 |
<tbody>
|
|
73 |
{% for nic in vm.nics.all %}
|
|
74 |
<tr>
|
|
75 |
<td>{{ nic.pk }}</td>
|
|
76 |
<td>{{ nic.network }} ({{ nic.network.pk }})</td>
|
|
77 |
<td>{{ nic.created }}</td>
|
|
78 |
<td>{{ nic.updated }}</td>
|
|
79 |
<td>{{ nic.index }}</td>
|
|
80 |
<td>{{ nic.mac }}</td>
|
|
81 |
<td>{{ nic.ipv4 }}</td>
|
|
82 |
<td>{{ nic.ipv6 }}</td>
|
|
83 |
<td>{{ nic.get_firewall_profile_display }} ({{nic.firewall_profile}})</td>
|
|
84 |
</tr>
|
|
85 |
{% empty %}
|
|
86 |
<tr>
|
|
87 |
<td colspan=9>No network interface available</td>
|
|
88 |
</tr>
|
|
89 |
{% endfor %}
|
|
90 |
</tbody>
|
|
91 |
</table>
|
|
92 |
</div>
|
|
93 |
</div>
|
|
94 |
</div>
|
|
18 |
<ul class="nav nav-tabs">
|
|
19 |
<li class="active"><a href="#details{{ vm.pk }}" data-toggle="tab">Details</a></li>
|
|
20 |
<li><a href="#metadata{{ vm.pk }}" data-toggle="tab">Metadata</a></li> |
|
21 |
<li><a href="#backend{{ vm.pk }}" data-toggle="tab">Backend info</a></li>
|
|
22 |
<li><a href="#network{{ vm.pk }}" data-toggle="tab">Network interfaces</a></li>
|
|
23 |
</ul>
|
|
24 |
<div class="tab-content">
|
|
25 |
<div class="tab-pane active" id="details{{ vm.pk }}">
|
|
26 |
<dl class="dl-horizontal well">
|
|
27 |
<dt>ID</dt><dd>{{ vm.pk }}</dd>
|
|
28 |
<dt>Name</dt><dd>{{ vm.name }}</dd>
|
|
29 |
<dt>User id</dt><dd>{{ vm.userid }}</dd>
|
|
30 |
<dt>Created</dt><dd>{{ vm.created }} ({{ vm.created|timesince }} <strong>ago</strong>)</dd>
|
|
31 |
<dt>Updated</dt><dd>{{ vm.updated }} ({{ vm.updated|timesince }} <strong>ago</strong>)</dd>
|
|
32 |
<dt>Suspended</dt><dd>{{ vm.suspended }}</dd>
|
|
33 |
<dt>Deleted</dt><dd>{{ vm.deleted }}</dd>
|
|
34 |
<dt>Image id</dt><dd>{{ vm.imageid }}</dd>
|
|
35 |
<dt>Flavor</dt><dd>{{ vm.flavor.cpu }},
|
|
36 |
{{ vm.flavor.disk }},
|
|
37 |
{{ vm.flavor.ram }},
|
|
38 |
{{ vm.flavor.disk_template }}</dd>
|
|
39 |
</dl>
|
|
40 |
</div>
|
|
41 |
<div class="tab-pane" id="metadata{{ vm.pk }}">
|
|
42 |
<dl class="dl-horizontal well">
|
|
43 |
{% for meta in vm.metadata.all %}
|
|
44 |
<dt>{{ meta.meta_key }}</dt><dd>{{ meta.meta_value }}</dd>
|
|
45 |
{% empty %}
|
|
46 |
<dt>No metadata</dt>
|
|
47 |
{% endfor %}
|
|
48 |
</dl>
|
|
49 |
</div>
|
|
50 |
<div class="tab-pane" id="backend{{ vm.pk }}">
|
|
51 |
<dl class="dl-horizontal well">
|
|
52 |
<dt>Action</dt><dd>{{ vm.get_action_display }} ({{ vm.action }})</dd>
|
|
53 |
<dt>Operstate</dt><dd>{{ vm.get_operstate_display }} ({{ vm.operstate }})</dd>
|
|
54 |
<dt>Backend job id</dt><dd>{{ vm.backendjobid }}</dd>
|
|
55 |
<dt>Backend op code</dt><dd>{{ vm.get_backendopcode_display }} ({{ vm.backendopcode }})</dd>
|
|
56 |
<dt>Backend log msg</dt><dd>{{ vm.backendlogmsg }}</dd>
|
|
57 |
<dt>Build backendjobstatus</dt><dd>{{ vm.backendjobstatus }}</dd>
|
|
58 |
<dt>Build percentage</dt><dd>{{ vm.buildpercentage }}</dd>
|
|
59 |
</dl>
|
|
60 |
</div>
|
|
61 |
<div class="tab-pane" id="network{{ vm.pk }}">
|
|
62 |
<table class="table well">
|
|
63 |
<thead>
|
|
64 |
<td>ID</td>
|
|
65 |
<td>Network (ID)</td>
|
|
66 |
<td>Created</td>
|
|
67 |
<td>Updated</td>
|
|
68 |
<td>Index</td>
|
|
69 |
<td>MAC</td>
|
|
70 |
<td>IPv4</td>
|
|
71 |
<td>IPv6</td>
|
|
72 |
<td>Firewall</td>
|
|
73 |
</thead>
|
|
74 |
<tbody>
|
|
75 |
{% for nic in vm.nics.all %}
|
|
76 |
<tr>
|
|
77 |
<td>{{ nic.pk }}</td>
|
|
78 |
<td>{{ nic.network }} ({{ nic.network.pk }})</td>
|
|
79 |
<td>{{ nic.created }}</td>
|
|
80 |
<td>{{ nic.updated }}</td>
|
|
81 |
<td>{{ nic.index }}</td>
|
|
82 |
<td>{{ nic.mac }}</td>
|
|
83 |
<td>{{ nic.ipv4 }}</td>
|
|
84 |
<td>{{ nic.ipv6 }}</td>
|
|
85 |
<td>{{ nic.get_firewall_profile_display }} ({{nic.firewall_profile}})</td>
|
|
86 |
</tr>
|
|
87 |
{% empty %}
|
|
88 |
<tr>
|
|
89 |
<td colspan=9>No network interface available</td>
|
|
90 |
</tr>
|
|
91 |
{% endfor %}
|
|
92 |
</tbody>
|
|
93 |
</table>
|
|
94 |
</div>
|
|
95 |
</div>
|
|
96 |
</div>
|
|
97 |
<div class="vm-suspend-form {% if vm.suspended %}suspended{% endif %}">
|
|
98 |
{% include "helpdesk/_suspend.html" %}
|
|
99 |
</div> |
|
95 | 100 |
</div> |
Also available in: Unified diff