X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Ftemplates%2Ffed4fire%2Ffed4fire_widget-slice-sections.html;h=d4fa7cde760dce091e26efaf5890262abffafe61;hb=d035a1f93e4acbeee79b7c8200264687d940ccc2;hp=6563bfd285bce3e5432a5011a871fec7c2e2303f;hpb=13aebd01514329394c6663834c3dc473ddb969a6;p=myslice.git

diff --git a/portal/templates/fed4fire/fed4fire_widget-slice-sections.html b/portal/templates/fed4fire/fed4fire_widget-slice-sections.html
index 6563bfd2..d4fa7cde 100644
--- a/portal/templates/fed4fire/fed4fire_widget-slice-sections.html
+++ b/portal/templates/fed4fire/fed4fire_widget-slice-sections.html
@@ -1,33 +1,58 @@
+<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 }}#info"><img src="{{ STATIC_URL }}icons/slices-xs.png" alt="About MySlice" /> {{ slice }}</a></li>
-	<li><a href="/slice/{{ slice }}#testbeds">Testbeds</a></li>
+	
+	<!-- <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 }}#experiment">Statistics</a></li> -->
-	<li><a href="/slice/{{ slice }}#measurements">Measurements</a></li>
-	<li><a href="/slice/{{ slice }}#experiment" data-toggle="tab">Experiment</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 }}#experiment">Measurements</a></li> -->
+	<li><a href="/slice/{{ slice }}#experiment">Tools</a></li>
+    <li><a href="/slice/{{ slice }}#sla">SLA status</a></li>
 </ul>
 {% else %}
 <ul class="nav nav-tabs nav-section">
-	<li class="active"><a href="#info"><img src="{{ STATIC_URL }}icons/slices-xs.png" alt="About MySlice" /> {{ slice }}</a></li>
-	<li class="testbeds"><a href="#testbeds">Testbeds</a></li>
+	<!-- <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="statistics"><a href="#experiment">Statistics</a></li> -->
-	<li class="measurements"><a href="#measurements">Measurements</a></li>
-	<li class="experiment"><a href="#experiment" data-toggle="tab">Experiment</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="#experiment">Measurements</a></li> -->
+	<li class="experiment"><a href="#experiment">Tools</a></li>
+    <li class="sla"><a href="#sla">SLA status</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);    	
+    	var id = $(this).attr('href').substr(1);
     	$("#" + id).load('/' + id + '/{{ slice }}/');
 	});
-	$('div#info').load('/info/{{ 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>
\ No newline at end of file