summaryrefslogtreecommitdiff
path: root/tuskar_ui/infrastructure/templates/infrastructure/_performance_chart_box.html
blob: 1ad0160772ff0b56c69ca270bf43085889a7a909 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
{% load i18n %}
{% load url from future%}

{% if meter_conf %}
  <div class="nodes">
    <div id="ceilometer-stats">
      <form class="form-inline performance_charts" id="linechart_general_form">
        <div class="pull-right">
          <div class="form-group">
            <div class="input-group input-group-sm">
              <div class="input-group-addon"><i class="fa fa-clock-o"></i></div>
              <select data-line-chart-command="select_box_change"
                      id="date_options"
                      name="date_options"
                      class="form-control">
                <option value="0.041666">{% trans "Last hour" %}</option>
                <option value="0.25">{% trans "Last 6 hours" %}</option>
                <option value="0.5">{% trans "Last 12 hours" %}</option>
                <option value="1" selected="selected">{% trans "Last day" %}</option>
                <option value="7">{% trans "Last week" %}</option>
                <option value="{% now 'j' %}">{% trans "Month to date" %}</option>
                <option value="15">{% trans "Last 15 days" %}</option>
                <option value="30">{% trans "Last 30 days" %}</option>
                <option value="365">{% trans "Last year" %}</option>
                <option value="other">{% trans "Other" %}</option>
              </select>
            </div>
          </div>
          <div class="form-group" id="date_from_group">
            <div class="input-group input-group-sm">
              <div class="input-group-addon">{% trans "From" %}</div>
              <input data-line-chart-command="date_picker_change"
                    type="text"
                    id="date_from"
                    name="date_from"
                    class="form-control"/>
            </div>
          </div>
          <div class="form-group" id="date_to_group">
            <div class="input-group input-group-sm">
              <div class="input-group-addon">{% trans "To" %}</div>
              <input data-line-chart-command="date_picker_change"
                     type="text"
                     id="date_to"
                     name="date_to"
                     class="form-control"/>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>

  <script type="text/javascript">
    (window.$ || window.addHorizonLoadEvent)(
        tuskar.performance.show_hide_datepickers);
  </script>

  <div id="node-charts" class="nodes row">
    {% for meter_label, url_part, y_max in meter_conf %}
      <div class="col-xs-{{col_size}}">
        {% include "infrastructure/_performance_chart.html" with label=meter_label y_max=y_max url=node_perf_url|add:"?"|add:url_part only %}
      </div>
    {% endfor %}
  </div>
{% else %}
    <p>{% trans 'Metering service is not enabled.' %}</p>
{% endif %}