01c8d82257aecddd8671073124514925a7ea0fe9
[myslice.git] / portal / templates / onelab / onelab_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 }}
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         <li><a href="/slice/{{ slice }}#info">Information</a></li>
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 }}#experiment">Statistics</a></li> -->
20         <!-- <li><a href="/slice/{{ slice }}#experiment">Measurements</a></li> -->
21         <li><a href="/slice/{{ slice }}#experiment">Tools</a></li>
22 </ul>
23 {% else %}
24 <ul class="nav nav-tabs nav-section">
25         <li class="active"><a href="#info">Information</a></li>
26         <!-- <li class="testbeds"><a href="#testbeds">Testbeds</a></li> -->
27         <li><a class="link" href="/resources/{{ slice }}">Resources</a></li>
28         <li class="users"><a href="#users">Users</a></li>
29         <!-- <li class="statistics"><a href="#experiment">Statistics</a></li> -->
30         <!-- <li class="measurements"><a href="#experiment">Measurements</a></li> -->
31         <li class="experiment"><a href="#experiment">Tools</a></li>
32 </ul>
33
34 <script>
35 $(document).ready(function() {
36         $('.nav-tabs a').click(function (e) {
37                 if ($(this).hasClass('link')) return;
38                 e.preventDefault();
39                 $(this).tab('show');
40         var id = $(this).attr('href').substr(1);        
41         $("#" + id).load('/' + id + '/{{ slice }}/');
42         });
43         
44         var hash = window.location.hash;
45         if (hash) {
46                 $('.nav-tabs a[href='+hash+']').click();
47         } else {
48                 $('div#info').load('/info/{{ slice }}/');
49         }
50 });
51 </script>
52 {% endif %}
53 </div>
54 </div>
55 </div>