added tab navigation

diff --git a/portal/static/js/onelab_slice-resource-view.js b/portal/static/js/onelab_slice-resource-view.js
index 9ec5df1..c1722e7 100644 (file)
--- 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 2483b05..c7acf6f 100644 (file)
--- 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