X-Git-Url: http://git.onelab.eu/?p=myslice.git;a=blobdiff_plain;f=plugins%2Ftabs%2Fstatic%2Fjs%2Ftabs.js;h=bfd568a9ba89759dc0f67b9328c70dfc395484d5;hp=75ce452a826d699ab1de8c099ab4bcbc10d241e2;hb=f19bceaa080ab47bae751cd0597a9fb32d1b6b4f;hpb=c37b38da17ad1530ebb76e7fa5ddb1bc634c59a4

diff --git a/plugins/tabs/static/js/tabs.js b/plugins/tabs/static/js/tabs.js
index 75ce452a..bfd568a9 100644
--- a/plugins/tabs/static/js/tabs.js
+++ b/plugins/tabs/static/js/tabs.js
@@ -1,3 +1,71 @@
+// storing tabs active component in localStorage
+//
+// based on plugin_helper.js, extended to store the domid of an active tab
+//
+
+var tabs_helper = {
+
+    debug:false,
+
+    ////////// use local storage to remember the active son
+    // xxx this is a bit fragile in that we assume the elements that need to have the 'active' class
+    // are direct sons of the .persistent-active elements
+    // it would be simple to overcome this weakness by requiring the template to set
+    // .persistent-active-item on these elements active-able instead 
+    store_active_domid : function (domid,active_domid) {
+	var key='active.'+domid;
+	if (tabs_helper.debug) messages.debug("storing for domid " + domid + " (key=" + key + ") active_domid=" + active_domid);
+	$.localStorage.setItem(key,active_domid);
+    },
+    // restore last status
+    retrieve_last_active_domid : function (domid) {
+	var key='active.'+domid;
+	// don't do anything if nothing stored
+	var retrieved=$.localStorage.getItem(key);
+	// set default to undefined
+	if (retrieved==null) retrieved=undefined;
+	if (tabs_helper.debug) messages.debug ("retrieved active status for " + domid + " (key=" + key + ") -> " + retrieved);
+	return retrieved;
+    },
+    // tabs_helper.set_active_domid("tabs-resources","tab-resources-list")
+    set_active_domid : function (domid,active_domid) {
+	if ( ! active_domid ) return;
+	if (tabs_helper.debug) messages.debug ("setting active for " + domid + " to active_domid=" + active_domid);
+	// build something like "#uldomid a[href='#active_domid']"
+	var selector="#"+domid+" a[href='#"+active_domid+"']";
+	console.log("selector="+selector);
+	$(selector).tab('show');
+    },
+    set_from_saved_active_domid : function (domid) {
+	var active_domid=tabs_helper.retrieve_last_active_domid (domid);
+	if (tabs_helper.debug) messages.debug("restoring active domid for domid " + domid + " -> " + active_domid);
+	tabs_helper.set_active_domid (domid,active_domid);
+    },
+
+    init_all_tabs : function () {
+	////////// active
+	$('.persistent-active').each(function() {
+	    var domid=this.id;
+	    tabs_helper.set_from_saved_active_domid(domid);
+	});
+	// on all the children of the persistent-active element
+	$('.persistent-active>*').on('shown.bs.tab', function (e) {
+	    var active_domid=e.target;
+	    // at this point we have something like 
+	    // http://localhost:8080/portal/slice/ple.inria.f14#tab-resources-list
+	    active_domid=active_domid.hash.replace("#","");
+	    // find out the domid, which is for the nearest ancestor with class
+	    // persistent-active
+	    var domid=$(e.target).closest(".persistent-active").attr('id');
+	    tabs_helper.store_active_domid(domid,active_domid);
+	    console.log("CLICKED domid="+domid+" active_domid="+active_domid);
+	});
+    },
+
+} // global var tabs_helper
+
+$(document).ready(tabs_helper.init_all_tabs);
+
 (function($){
     $.fn.Tabs = function( method ) {
         // In Bootstrap 3, we need 'shown.bs.tab' instead of 'shown'