improved form and wizard plugins

[myslice.git] / unfold / js / plugin.js

diff --git a/unfold/js/plugin.js b/unfold/js/plugin.js
index 76683d1..65d4d20 100644 (file)
--- a/unfold/js/plugin.js
+++ b/unfold/js/plugin.js
@@ -1,50 +1,66 @@
-function getMetadata(){
-    return MANIFOLD_METADATA;
-}
-// returns all fields of a given method
-function getMetadata_fields(method){
-    var result=new Array();
-    jQuery.each(MANIFOLD_METADATA, function(m,obj){
-        if(m==method){
-            jQuery.each(obj['column'], function(i,f){
-                result.push(f);
-            });
-            return false;
-        }
-    });
-    result.sort(sort_by('column', false, function(a){return a.toUpperCase()}));
-    //result=jQuery(result).sort("column", "asc");
-    return result;
-}
-// returns all properties of a given field
-function getMetadata_field(method, field){
-    var result=new Array();
-    jQuery.each(MANIFOLD_METADATA, function(m,obj){
-        if(m==method){
-            jQuery.each(obj['column'], function(i,f){
-                if(f['column']==field){
-                    result.push(f);
-                    return false;
-                }
-            });
-            return false;
-        }
-    });
-    return result[0];
-}
-// returns the value of a property from a field within a method (type of object : resource,node,lease,slice...)
-function getMetadata_property(method, field, property){
-    var result=null;
-    jQuery.each(MANIFOLD_METADATA, function(m,obj){
-        if(m==method){
-            jQuery.each(obj['column'], function(i,f){
-                if(f['column']==field){
-                    result=f[property];
-                    return false;
-                }
-            });
-            return false;
-        }
-    });
-    return result;
-}
+//
+// storing toggle's status in localStorage
+// NOTE that localStorage only stores strings, so true becomes "true"
+var plugin = {
+
+    debug:false,
+
+    ////////// use local storage to remember open/closed toggles
+    store_status : function (domid,status) {
+       var key='toggle.'+domid;
+       if (plugin.debug) messages.debug("storing toggle status " + status + " for " + domid + " key=" + key);
+       $.localStorage.setItem(key,status);
+    },
+    // restore last status
+    retrieve_last_status : function (domid) {
+       var key='toggle.'+domid;
+       // don't do anything if nothing stored
+       var retrieved=$.localStorage.getItem(key);
+       // set default to true
+       if (retrieved==null) retrieved="true";
+       if (plugin.debug) messages.debug ("retrieved toggle status for " + domid + " (key=" + key + ") -> " + retrieved);
+       return retrieved;
+    },
+    set_toggle_status : function (domid,status) {
+       var plugindiv=$('#'+domid);
+       var showbtn=$('#show-'+domid);
+       var hidebtn=$('#hide-'+domid);
+       if (status=="true")     { plugindiv.slideDown(); hidebtn.show(); showbtn.hide(); }
+       else                    { plugindiv.slideUp();   hidebtn.hide(); showbtn.show(); }
+       plugin.store_status(domid,status);
+    },
+    set_from_saved_status : function (domid) {
+       var previous_status=plugin.retrieve_last_status (domid);
+       if (plugin.debug) messages.debug("restoring initial status for domid " + domid + " -> " + previous_status);
+       plugin.set_toggle_status (domid,previous_status);
+    },
+    // triggered upon $(document).ready
+    init_all_plugins : function() {
+       // plugins marked as persistent start with all 3 parts turned off
+       // let us first make sure the right parts are turned on 
+       $('.persistent-toggle').each(function() {
+           var domid=this.id.replace('complete-','');
+           plugin.set_from_saved_status(domid);
+       });
+       // program the hide buttons so they do the right thing
+       $('.plugin-hide').each(function() {
+           $(this).click(function () { 
+               var domid=this.id.replace('hide-','');
+               plugin.set_toggle_status(domid,"false");
+           })});
+       // same for show buttons
+       $('.plugin-show').each(function() {
+           $(this).click(function () { 
+               var domid=this.id.replace('show-','');
+               plugin.set_toggle_status(domid,"true");
+           })});
+       // arm tooltips
+       $('.plugin-tooltip').each(function(){ $(this).tooltip({'selector':'','placement':'right'}); });
+    },
+} // global var plugin
+
+/* upon document completion, we locate all the hide and show areas, 
+ * and configure their behaviour 
+ */
+$(document).ready(plugin.init_all_plugins)
+