6 <div class="row" id="agreements">
7 <table class="table dataTable" id="sla_table" >
10 <th colspan="2">Provider</th>
22 <td><span class="glyphicon glyphicon-chevron-down"></span></td>
27 {% for a in agreements %}
30 <!-- Modal - columns selector -->
31 <div class="modal fade" id="agreementModal{{a.agreement_id}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
33 <style type="text/css" scoped>
39 <div class="modal-dialog modal-lg">
40 <div class="modal-content">
41 <div class="modal-header">
42 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
43 <h4 class="modal-title" id="myModalAgreement">Agreement details</h4>
45 <div class="modal-body">
48 <dd>{{ a.agreement_id|default:" " }}</dd>
50 <dd>{{ a.context.provider|default:" " }}</dd>
52 <dd>{{ a.context.consumer|default:" " }}</dd>
54 <dd>Testbed guarantees 0.99 Uptime rate for 0.99 rate of the resources during the sliver lifetime</dd>
56 <dd>{{ a.context.testbed_formatted }}</dd>
58 <dd>{{ a.context.expirationtime|default:" " }}</dd>
60 <div class="modal-footer">
61 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
68 {% if a.guaranteestatus == "VIOLATED" %}
69 <td class="glyphicon glyphicon-remove-sign" style="color:red;"></td>
71 <td class="glyphicon glyphicon-ok-sign" style="color:green;"></td>
73 <td>{{ a.context.template_id }}</td>
74 <td>{{ a.context.expirationtime }}</td>
76 {% with a.agreement_id as key %}
77 {% if enforcements.key == false %}
84 <!-- <td>{{slicename}}</td> -->
86 <!-- <a class="agreement-detail" href="{% url "agreement_details" a.agreement_id %}" data-toggle="modal" data-target="#agreementModal">View Agreement</a> -->
87 <!-- <a class="agreement-detail" href="#" data-agreement="{{ a.agreement_id }}">View Agreement</a> -->
88 <a class="agreement-detail" data-toggle="modal" data-target="#agreementModal{{a.agreement_id}}">View Agreement</a>
91 {% for tname,t in a.guaranteeterms.items %}
92 <td> {{ t.servicelevelobjective.kpiname }}</td>
94 {% if t.status == "VIOLATED" %}
96 <!-- <a class="violation-detail" href="{% url "agreement_term_violations" a.agreement_id t.name %}" data-toggle="modal" data-target="#violationModal">View Violations</a>
97 <a class="violation-detail" href="#"
98 data-agreement="{{ a.agreement_id }}"
99 data-violation="{{ t.name }}">View Violations</a> -->
100 <a class="violation-detail" href="#" data-agreement="{{ a.agreement_id }}" data-violation="{{ t.name }}">View Violations</a>
104 <td id="status" style="display:none;">
117 <!-- <div class="row" style="float:right;">
118 <button id="showEvaluations" type="button" class="btn btn-default" onclick="displayDate()"><span class="glyphicon"></span>Show Evaluations</button>
122 $(document).ready(function() {
123 $('a.violation-detail').click(function () {
124 var a = $(this).data('agreement');
125 var v = $(this).data('violation');
126 $("#sla").load('/sla/agreements/' + a + '/guarantees/' + v + '/violations', {'slicename': '{{ slicename }}'});
129 // $('a.agreement-detail').click(function () {
130 // var a = $(this).data('agreement');
131 // $("#sla").load('/sla/agreements/' + a + '/detail');
134 $('tr.header').click(function(){
135 $(this).nextUntil('tr.header').toggle('fast');
136 $('.header .glyphicon').toggleClass('glyphicon-chevron-down glyphicon-chevron-right');