portal/templates/fed4fire/fed4fire_widget-slice-sections.html

   1 {% if section == "resources" %}
   2 <ul class="nav nav-tabs nav-section">
   3         <li><a href="/slice/{{ slice }}#info"><img src="{{ STATIC_URL }}icons/slices-xs.png" alt="About MySlice" /> {{ slice }}</a></li>
   4 <!--    <li><a href="/slice/{{ slice }}#testbeds">Testbeds</a></li> -->
   5         <li class="active"><a class="link" href="/resources/{{ slice }}">Resources</a></li>
   6         <li><a href="/slice/{{ slice }}#users">Users</a></li>
   7         <li class="sla"><a href="#sla" data-toggle="tab">SLA</a></li>
   8
   9 <!--    <li><a href="/slice/{{ slice }}#experiment">Statistics</a></li>
  10         <li><a href="/slice/{{ slice }}#measurements">Measurements</a></li>
  11         <li><a href="/slice/{{ slice }}#experiment" data-toggle="tab">Experiment</a></li> -->
  12
  13 </ul>
  14 {% else %}
  15 <ul class="nav nav-tabs nav-section">
  16         <li class="active"><a href="#info"><img src="{{ STATIC_URL }}icons/slices-xs.png" alt="About MySlice" /> {{ slice }}</a></li>
  17         <!--<li class="testbeds"><a href="#testbeds">Testbeds</a></li> -->
  18         <li><a class="link" href="/resources/{{ slice }}">Resources</a></li>
  19         <li class="users"><a href="#users">Users</a></li>
  20
  21         <!-- <li class="statistics"><a href="#experiment">Statistics</a></li>
  22         <li class="measurements"><a href="#experiment">Measurements</a></li>
  23         <li class="experiment"><a href="#experiment" data-toggle="tab">Experiment</a></li> -->
  24         <li class="sla"><a href="#sla" data-toggle="tab">SLA</a></li>
  25
  26 </ul>
  27 <script>
  28 $(document).ready(function() {
  29         $('.nav-tabs a').click(function (e) {
  30                 if ($(this).hasClass('link')) return;
  31                 e.preventDefault();
  32                 $(this).tab('show');
  33         var id = $(this).attr('href').substr(1);
  34         $("#" + id).load('/' + id + '/{{ slice }}/');
  35         });
  36         $('div#info').load('/info/{{ slice }}/');
  37 });
  38 </script>
  39 {% endif %}