sla/templates/violations_template.html

   1 <div class="col-md-2">
   2 </div>
   3
   4 <div class="col-md-8">
   5     <h2>
   6         Violations
   7     </h2>
   8
   9     <div id="context">
  10         <dl class="dl-horizontal">
  11             {# Sanity default: if dd is empty, the values are permutated #}
  12             <dt>Agreement Id</dt>
  13                 <dd>{{agreement.agreement_id|default:"&nbsp;"}}</dd>
  14             <dt>Service</dt>
  15                 <dd>{{agreement.context.service_formatted|default:"&nbsp;"}}</dd>
  16             <dt>Metric name</dt>
  17                 <dd>{{guarantee_term.servicelevelobjective.kpiname|default:"&nbsp;"}}</dd>
  18             {% with guarantee_term.servicelevelobjective.bounds as bounds %}
  19             <dt>Threshold</dt>
  20                 <dd>{{bounds.0|default:"&nbsp;"}}</dd>
  21             {% endwith %}
  22
  23             <dd ><button class="btn btn-default back" style="float:right;">Back</button></dd>
  24
  25         </dl>
  26
  27
  28     </div>
  29
  30     <div id="violations">
  31
  32         <table class="table table-hover">
  33             <tr>
  34                 <th>#</th>
  35                 <th>Date</th>
  36                 <th>Actual value</th>
  37             </tr>
  38
  39             {% for v in violations %}
  40             <tr>
  41                 <td>{{forloop.counter}}</td>
  42                 <td>{{v.datetime}}</td>
  43                 <td>{{v.actual_value}}</td>
  44             </tr>
  45             {% empty %}
  46             <tr><td colspan="3">No violations</td></tr>
  47             {% endfor %}
  48         </table>
  49     </div>
  50
  51         <ul class="pagination">
  52
  53         {% if violations.has_previous %}
  54                 <li><a class="navigate" data-pagenum="{{ 1 }}" href="#">&lt;&lt;First </a></li>
  55             <li><a class="navigate" data-pagenum="{{ violations.previous_page_number }}" href="#">&lt;Previous</a></li>
  56         {% endif %}
  57
  58                 <li>
  59         <span class="current">
  60             Page {{ violations.number }} of {{ violations.paginator.num_pages }}
  61         </span>
  62                 </li>
  63
  64         {% if violations.has_next %}
  65             <li><a class="navigate" data-pagenum="{{ violations.next_page_number }}" href="#">Next&gt; </a></li>
  66             <li><a class="navigate" data-pagenum="{{ violations.paginator.num_pages }}" href="#">Last&gt;&gt;</a></li>
  67         {% endif %}
  68
  69         </ul>
  70 </div>
  71
  72 <script>
  73 $(document).ready(function() {
  74         $('a.navigate').click(function () {
  75                 var page = $(this).data('pagenum');
  76                 $("#sla").load('{% url "agreement_term_violations" agreement_id guarantee_term.name %}?page=' + page);
  77         });
  78
  79         $('button.back').click(function () {
  80                 $("#sla").load('{% url "agreements_summary" slicename %}');
  81         });
  82 });
  83 </script>