root / snf-astakos-app / astakos / im / templates / im / resource_usage.html @ 27e51b28
History | View | Annotate | Download (1.7 kB)
1 | 9a06d96f | Olga Brani | {% extends "im/account_base.html" %} |
---|---|---|---|
2 | 9a06d96f | Olga Brani | |
3 | 4e03ba30 | Kostas Papadimitriou | {% load filters astakos_tags %} |
4 | 9a06d96f | Olga Brani | |
5 | 401089d8 | Kostas Papadimitriou | {% block headjs %} |
6 | 401089d8 | Kostas Papadimitriou | {{ block.super }} |
7 | 401089d8 | Kostas Papadimitriou | <script src="{{ IM_STATIC_URL }}js/usage.js"></script> |
8 | 401089d8 | Kostas Papadimitriou | {% endblock %} |
9 | 401089d8 | Kostas Papadimitriou | |
10 | 9d889386 | Olga Brani | {% block page.title %}Usage{% endblock %} |
11 | 9d889386 | Olga Brani | |
12 | 9a06d96f | Olga Brani | {% block page.body %} |
13 | 80ec0af8 | Olga Brani | |
14 | 4e03ba30 | Kostas Papadimitriou | <script id="quotaTpl" type="text/template"> |
15 | 4e03ba30 | Kostas Papadimitriou | {% verbatim %}
|
16 | 4e03ba30 | Kostas Papadimitriou | {{#resources}}
|
17 | 4e03ba30 | Kostas Papadimitriou | <li class="clearfix {{ resource_name }} {{ usage.cls }}"
|
18 | 4e03ba30 | Kostas Papadimitriou | data-resource="{{ name }}">
|
19 | 4e03ba30 | Kostas Papadimitriou | <div class="img-wrap"> </div>
|
20 | 4e03ba30 | Kostas Papadimitriou | <div class="info" data-currvalue="" data-maxvalue="">
|
21 | 4e03ba30 | Kostas Papadimitriou | <h3>{{ report_desc }}</h3>
|
22 | 4e03ba30 | Kostas Papadimitriou | <p>
|
23 | 4e03ba30 | Kostas Papadimitriou | <span class="currValue">{{ usage.curr }}</span> out of
|
24 | 4e03ba30 | Kostas Papadimitriou | <span class="maxValue">{{ usage.max }}</span> {{ report_desc }}
|
25 | 4e03ba30 | Kostas Papadimitriou | </p>
|
26 | 4e03ba30 | Kostas Papadimitriou | </div>
|
27 | 4e03ba30 | Kostas Papadimitriou | <div class="bar">
|
28 | 4e03ba30 | Kostas Papadimitriou | <div>
|
29 | 4e03ba30 | Kostas Papadimitriou | <span style="width:{{ usage.perc }}%"></span>
|
30 | 4e03ba30 | Kostas Papadimitriou | <em
|
31 | 4e03ba30 | Kostas Papadimitriou | class="value"
|
32 | 4e03ba30 | Kostas Papadimitriou | style="left: {{ usage.label_left }}%; color: {{ usage.label_color }}">
|
33 | e6ec1867 | Kostas Papadimitriou | {{ usage.perc }}%
|
34 | 4e03ba30 | Kostas Papadimitriou | </em>
|
35 | 4e03ba30 | Kostas Papadimitriou | </div>
|
36 | 4e03ba30 | Kostas Papadimitriou | </div>
|
37 | 4e03ba30 | Kostas Papadimitriou | </li>
|
38 | 4e03ba30 | Kostas Papadimitriou | {{/resources}}
|
39 | 4e03ba30 | Kostas Papadimitriou | {% endverbatim %}
|
40 | 4e03ba30 | Kostas Papadimitriou | </script>
|
41 | 4e03ba30 | Kostas Papadimitriou | |
42 | 4e03ba30 | Kostas Papadimitriou | <div class="maincol {% block innerpage.class %}{% endblock %}"> |
43 | 4e03ba30 | Kostas Papadimitriou | <h2>RESOURCE USAGE</h2> |
44 | 4e03ba30 | Kostas Papadimitriou | <div id="quota-container"> |
45 | 4e03ba30 | Kostas Papadimitriou | </div>
|
46 | 9a06d96f | Olga Brani | </div>
|
47 | 401089d8 | Kostas Papadimitriou | <script>
|
48 | 4e03ba30 | Kostas Papadimitriou | $(document).ready(function(){
|
49 | 4e03ba30 | Kostas Papadimitriou | var usageView = new UsageView({
|
50 | 4e03ba30 | Kostas Papadimitriou | 'url': '{% url astakos-api-quotas %}',
|
51 | 4e03ba30 | Kostas Papadimitriou | 'cookie_name': '{{ token_cookie_name|safe }}',
|
52 | 4e03ba30 | Kostas Papadimitriou | 'dataType': 'json',
|
53 | 4e03ba30 | Kostas Papadimitriou | 'container': '#quota-container',
|
54 | 4e03ba30 | Kostas Papadimitriou | 'quotas': {{ current_usage|safe }},
|
55 | 4e03ba30 | Kostas Papadimitriou | 'meta': {
|
56 | 4e03ba30 | Kostas Papadimitriou | 'resources': {{ resource_catalog|safe }},
|
57 | 4e03ba30 | Kostas Papadimitriou | 'groups': {{ resource_groups|safe }},
|
58 | 4e03ba30 | Kostas Papadimitriou | 'resources_order': {{ resources_order|safe }}
|
59 | 4e03ba30 | Kostas Papadimitriou | }
|
60 | 4e03ba30 | Kostas Papadimitriou | });
|
61 | 4e03ba30 | Kostas Papadimitriou | window.usageView = usageView;
|
62 | 4e03ba30 | Kostas Papadimitriou | |
63 | 4e03ba30 | Kostas Papadimitriou | window.setInterval(function(){
|
64 | 4e03ba30 | Kostas Papadimitriou | window.usageView.updateQuotas();
|
65 | 4e03ba30 | Kostas Papadimitriou | }, {{ usage_update_interval }});
|
66 | 401089d8 | Kostas Papadimitriou | |
67 | 4e03ba30 | Kostas Papadimitriou | })
|
68 | 401089d8 | Kostas Papadimitriou | </script>
|
69 | 9a06d96f | Olga Brani | {% endblock %} |