portal/templates/_widget-slice-sections.html

   1 <div class="container">
   2         <div class="row">
   3                 <div class="col-md-12">
   4                          <div class="breadcrumbs">
   5                                  Experiment &nbsp;>&nbsp; Slice: {{ slice }}
   6                          </div>
   7                 </div>
   8         </div>
   9 </div>
  10 <div class="container-fluid container-slice">
  11 <div class="row">
  12                 <div class="col-md-12">
  13 {% if section == "resources" %}
  14 <ul class="nav nav-tabs nav-section">
  15
  16         <!-- <li><a href="/slice/{{ slice }}#testbeds">Testbeds</a></li> -->
  17         <li class="active"><a class="link" href="/resources/{{ slice }}">Resources</a></li>
  18         <li><a href="/slice/{{ slice }}#users">Users</a></li>
  19         <li><a href="/slice/{{ slice }}#info">Information</a></li>
  20         <!-- <li><a href="/slice/{{ slice }}#experiment">Statistics</a></li> -->
  21         <!-- <li><a href="/slice/{{ slice }}#measurements">Measurements</a></li> -->
  22         <li><a href="/slice/{{ slice }}#experiment">Tools</a></li>
  23         <!-- <li><a href="/slice/{{ slice }}#studentslabs">Students Labs</a></li> -->
  24 </ul>
  25 {% else %}
  26 <ul class="nav nav-tabs nav-section">
  27         <!-- <li class="testbeds"><a href="#testbeds">Testbeds</a></li> -->
  28         <li><a class="link" href="/resources/{{ slice }}">Resources</a></li>
  29         <li class="users"><a href="#users">Users</a></li>
  30         <li class="active"><a href="#info">Information</a></li>
  31         <!-- <li class="statistics"><a href="#experiment">Statistics</a></li> -->
  32         <!-- <li class="measurements"><a href="#measurements">Measurements</a></li> -->
  33         <li class="experiment"><a href="#experiment">Tools</a></li>
  34         <!-- <li class="studentslabs"><a href="#studentslabs">Students Labs</a></li> -->
  35 </ul>
  36
  37 <script>
  38 $(document).ready(function() {
  39         $('.nav-tabs a').click(function (e) {
  40                 if ($(this).hasClass('link')) return;
  41                 e.preventDefault();
  42                 $(this).tab('show');
  43         var id = $(this).attr('href').substr(1);
  44         $("#" + id).load('/' + id + '/{{ slice }}/');
  45         });
  46
  47         var hash = window.location.hash;
  48         if (hash) {
  49                 $('.nav-tabs a[href='+hash+']').click();
  50         } else {
  51                 $('div#info').load('/info/{{ slice }}/');
  52         }
  53 });
  54 </script>
  55 {% endif %}
  56 </div>
  57 </div>
  58 </div>