SLA and Service Directory code added

[unfold.git] / sla / templates / violations_template.html

diff --git a/sla/templates/violations_template.html b/sla/templates/violations_template.html
new file mode 100755 (executable)
index 0000000..76b4697
--- /dev/null
+++ b/sla/templates/violations_template.html
@@ -0,0 +1,83 @@
+<div class="col-md-2">
+</div>
+
+<div class="col-md-8">
+    <h2>
+        Violations
+    </h2>
+
+    <div id="context">
+        <dl class="dl-horizontal">
+            {# Sanity default: if dd is empty, the values are permutated #}
+            <dt>Agreement Id</dt>
+                <dd>{{agreement.agreement_id|default:"&nbsp;"}}</dd>
+            <dt>Service</dt>
+                <dd>{{agreement.context.service_formatted|default:"&nbsp;"}}</dd>
+            <dt>Metric name</dt>
+                <dd>{{guarantee_term.servicelevelobjective.kpiname|default:"&nbsp;"}}</dd>
+            {% with guarantee_term.servicelevelobjective.bounds as bounds %}
+            <dt>Threshold</dt>
+                <dd>{{bounds.0|default:"&nbsp;"}}</dd>
+            {% endwith %}
+            
+            <dd ><button class="btn btn-default back" style="float:right;">Back</button></dd>
+            
+        </dl>
+        
+
+    </div>
+
+    <div id="violations">
+
+        <table class="table table-hover">
+            <tr>
+                <th>#</th>
+                <th>Date</th>
+                <th>Actual value</th>
+            </tr>
+
+            {% for v in violations %}
+            <tr>
+                <td>{{forloop.counter}}</td>
+                <td>{{v.datetime}}</td>
+                <td>{{v.actual_value}}</td>
+            </tr>
+            {% empty %}
+            <tr><td colspan="3">No violations</td></tr>
+            {% endfor %}
+        </table>
+    </div>
+
+       <ul class="pagination">
+    
+        {% if violations.has_previous %}
+               <li><a class="navigate" data-pagenum="{{ 1 }}" href="#">&lt;&lt;First </a></li>
+            <li><a class="navigate" data-pagenum="{{ violations.previous_page_number }}" href="#">&lt;Previous</a></li>
+        {% endif %}
+
+               <li>
+        <span class="current">
+            Page {{ violations.number }} of {{ violations.paginator.num_pages }}
+        </span>
+               </li>
+
+        {% if violations.has_next %}
+            <li><a class="navigate" data-pagenum="{{ violations.next_page_number }}" href="#">Next&gt; </a></li>
+            <li><a class="navigate" data-pagenum="{{ violations.paginator.num_pages }}" href="#">Last&gt;&gt;</a></li>
+        {% endif %}
+    
+       </ul>
+</div>
+
+<script>
+$(document).ready(function() {
+       $('a.navigate').click(function () {
+               var page = $(this).data('pagenum');
+               $("#sla").load('{% url "agreement_term_violations" agreement_id guarantee_term.name %}?page=' + page);
+       });
+       
+       $('button.back').click(function () {
+               $("#sla").load('{% url "agreements_summary" slicename %}');
+       });
+});
+</script>
\ No newline at end of file