X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Ftemplates%2Fonelab%2Fonelab_widget-slice-sections.html;h=44b5d632602e4ecede11d10740dacbe1b5d84a6b;hb=2fc48349ba63a91c852b96a3e475c7e6b411d91b;hp=e637b15a99289cb61ad2aeaed668dc1529b490d5;hpb=3249895c634b82720913517908c520b7ea523645;p=unfold.git

diff --git a/portal/templates/onelab/onelab_widget-slice-sections.html b/portal/templates/onelab/onelab_widget-slice-sections.html
index e637b15a..44b5d632 100644
--- a/portal/templates/onelab/onelab_widget-slice-sections.html
+++ b/portal/templates/onelab/onelab_widget-slice-sections.html
@@ -1,13 +1,58 @@
-<div class="col-md-8 slice-sections">
-	<ul class="nav nav-pills nav-justified">
-		<li {% if section == 'slice' %}class="active"{% endif %}><a href="/slice/{{ slice }}/">{{ slice }}</a></li>
-		<li {% if section == 'testbeds' %}class="active"{% endif %}><a href="/testbeds/{{ slice }}/">Testbeds</a></li>
-		<li {% if section == 'resources' %}class="active"{% endif %}><a href="/resources/{{ slice }}/">Resources</a></li>
-		<li {% if section == 'users' %}class="active"{% endif %}><a href="/users/{{ slice }}/">Users</a></li>
-		<li><a href="">Statistics</a></li>
-		<li><a href="">Measurements</a></li>
-	</ul>
-</div>
-<div class="col-md-4 slice-experiment">
-	<a href="/portal/experiment"><button type="button" class="btn btn-default">Experiment</button></a>
+<div class="container">
+	<div class="row">
+		<div class="col-md-12">
+			 <div class="breadcrumbs">
+			 	 Experiment &nbsp;>&nbsp; Slice: {{ slice }}
+			 </div>
+		</div>
+	</div>
+</div>
+<div class="container-fluid container-slice">
+<div class="row">
+		<div class="col-md-12">
+{% if section == "resources" %}
+<ul class="nav nav-tabs nav-section">
+	
+	<!-- <li><a href="/slice/{{ slice }}#testbeds">Testbeds</a></li> -->
+	<li class="active"><a class="link" href="/resources/{{ slice }}">Resources</a></li>
+	<li><a href="/slice/{{ slice }}#users">Users</a></li>
+	<li><a href="/slice/{{ slice }}#info">Information</a></li>
+	<!-- <li><a href="/slice/{{ slice }}#experiment">Statistics</a></li> -->
+	<li><a href="/slice/{{ slice }}#measurements">Measurements</a></li>
+	<li><a href="/slice/{{ slice }}#experiment">Tools</a></li>
+	<!-- <li><a href="/slice/{{ slice }}#studentslabs">Students Labs</a></li> -->
+</ul>
+{% else %}
+<ul class="nav nav-tabs nav-section">
+	<!-- <li class="testbeds"><a href="#testbeds">Testbeds</a></li> -->
+	<li><a class="link" href="/resources/{{ slice }}">Resources</a></li>
+	<li class="users"><a href="#users">Users</a></li>
+	<li class="active"><a href="#info">Information</a></li>
+	<!-- <li class="statistics"><a href="#experiment">Statistics</a></li> -->
+	<li class="measurements"><a href="#measurements">Measurements</a></li>
+	<li class="experiment"><a href="#experiment">Tools</a></li>
+	<!-- <li class="studentslabs"><a href="#studentslabs">Students Labs</a></li> -->
+</ul>
+
+<script>
+$(document).ready(function() {
+	$('.nav-tabs a').click(function (e) {
+		if ($(this).hasClass('link')) return;
+  		e.preventDefault();
+  		$(this).tab('show');
+    	var id = $(this).attr('href').substr(1);    	
+    	$("#" + id).load('/' + id + '/{{ slice }}/');
+	});
+	
+	var hash = window.location.hash;
+	if (hash) {
+		$('.nav-tabs a[href='+hash+']').click();
+	} else {
+		$('div#info').load('/info/{{ slice }}/');
+	}
+});
+</script>
+{% endif %}
+</div>
+</div>
 </div>