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