root / snf-astakos-app / astakos / im / templates / im / resource_usage.html @ 401089d8
History | View | Annotate | Download (2.7 kB)
1 |
{% extends "im/account_base.html" %} |
---|---|
2 |
|
3 |
{% load filters %} |
4 |
|
5 |
{% block headjs %} |
6 |
{{ block.super }} |
7 |
<script src="{{ IM_STATIC_URL }}js/usage.js"></script> |
8 |
{% endblock %} |
9 |
|
10 |
{% block page.body %} |
11 |
<div class="maincol {% block innerpage.class %}{% endblock %}"> |
12 |
<div class="stats clearfix"> |
13 |
<ul>
|
14 |
{% for rdata in resource_usage %} |
15 |
<li class="clearfix {{ rdata.load_class }} {{ rdata.name|get_value_after_dot }}" |
16 |
data-resourcekey="{{ rdata.name }}" data-units="{{ rdata.unit }}"> |
17 |
<div class="img-wrap"> </div> |
18 |
<div class="info" data-currvalue="{{ rdata.currValue }}" |
19 |
data-maxvalue="{{ rdata.maxValue }}"> |
20 |
<h3>{{ rdata.report_desc }}</h3> |
21 |
<p>
|
22 |
{% if rdata.unit == 'bytes' %} |
23 |
<span class="currValue"> |
24 |
{{ rdata.currValue|sizeof_fmt }} |
25 |
</span> out of
|
26 |
<span class="maxValue"> |
27 |
{{ rdata.maxValue|sizeof_fmt }} |
28 |
</span>
|
29 |
{% else %} |
30 |
<span class="currValue"> |
31 |
<span class="value">{{ rdata.currValue }}</span> |
32 |
</span>
|
33 |
out of |
34 |
<span class="maxValue"> |
35 |
<span class="value">{{ rdata.maxValue }}</span> |
36 |
<span class="unit">{{ rdata.unit }}</span> |
37 |
</span>
|
38 |
{% endif %} |
39 |
{% if rdata.is_abbreviation %} |
40 |
{{ rdata.verbose_name|upper }} |
41 |
{% else %} |
42 |
{{ rdata.verbose_name }} |
43 |
{% endif %} |
44 |
{% if rdata.maxValue|floatformat:"0" != "1" and not rdata.unit %}s {% endif %} |
45 |
</p>
|
46 |
</div>
|
47 |
<div class="bar" data-steps=""> |
48 |
<div>
|
49 |
<span style="width:{{ rdata.ratio_limited|floatformat }}%;"> |
50 |
<em data-value="{{ rdata.ratio }}" class="value {% if rdata.ratio > 18 %}hovered{% endif %} |
51 |
">{{ rdata.ratio|floatformat }}% </em> |
52 |
</span>
|
53 |
</div>
|
54 |
</div>
|
55 |
</li>
|
56 |
{% endfor%} |
57 |
</ul>
|
58 |
|
59 |
</div>
|
60 |
</div>
|
61 |
<script>
|
62 |
$(document).ready(function(){
|
63 |
var usageClient = new UsageClient({
|
64 |
'url': '{% url resource_usage %}?json=1',
|
65 |
'dataType': 'json',
|
66 |
'container': 'div.stats'
|
67 |
});
|
68 |
|
69 |
window.setInterval(function() {
|
70 |
usageClient.load();
|
71 |
}, {{ usage_update_interval }});
|
72 |
usageClient.load();
|
73 |
})
|
74 |
|
75 |
</script>
|
76 |
{% endblock %} |