From: Ciro Scognamiglio <ciro.scognamiglio@cslash.net>
Date: Tue, 4 Mar 2014 11:29:24 +0000 (+0100)
Subject: added tab navigation
X-Git-Tag: myslice-1.1~243^2
X-Git-Url: http://git.onelab.eu/?a=commitdiff_plain;h=ba407936360d6bf5b17dee7c48062ceee9f2e40d;p=unfold.git

added tab navigation
---

diff --git a/portal/static/js/onelab_slice-resource-view.js b/portal/static/js/onelab_slice-resource-view.js
index 9ec5df13..c1722e73 100644
--- a/portal/static/js/onelab_slice-resource-view.js
+++ b/portal/static/js/onelab_slice-resource-view.js
@@ -1,3 +1,8 @@
 $(document).ready(function() {
-
+	$('ul.nav-resources a').click(function() {
+        $('ul.nav-resources li').removeClass('active');
+        $(this).parent().addClass('active');
+        $('div.panel').hide();
+        $('div#'+$(this).data('panel')).show();
+    });
 });
\ No newline at end of file
diff --git a/portal/templates/onelab/onelab_slice-resource-view.html b/portal/templates/onelab/onelab_slice-resource-view.html
index 2483b050..c7acf6f5 100644
--- a/portal/templates/onelab/onelab_slice-resource-view.html
+++ b/portal/templates/onelab/onelab_slice-resource-view.html
@@ -34,12 +34,17 @@
 			</ul>
 		</div>
 		<div class="row">
-			<ul class="nav nav-tabs">
-			  <li class="active"><a href="#">Resources</a></li>
-			  <li><a href="#"></a></li>
+			<ul class="nav nav-tabs nav-resources">
+			  <li class="active"><a data-panel="resources" href="#">Resources</a></li>
+			  <li><a data-panel="map" href="#">Map</a></li>
 			  <li><a href="#"></a></li>
 			</ul>
 		</div>
-		<table cellpadding="0" cellspacing="0" border="0" class="table" id="objectList"></table>
+		<div id="resources" class="panel">
+			<table cellpadding="0" cellspacing="0" border="0" class="table" id="objectList"></table>
+		</div>
+		<div id="map" class="panel" style="display:none;">
+			Map
+		</div>
 	</div>
 {% endblock %}
\ No newline at end of file