danielebarchiesi@0: /**
danielebarchiesi@0:  * @file
danielebarchiesi@0:  * Provides dependent visibility for form items in CTools' ajax forms.
danielebarchiesi@0:  *
danielebarchiesi@0:  * To your $form item definition add:
danielebarchiesi@0:  * - '#process' => array('ctools_process_dependency'),
danielebarchiesi@0:  * - '#dependency' => array('id-of-form-item' => array(list, of, values, that,
danielebarchiesi@0:  *   make, this, item, show),
danielebarchiesi@0:  *
danielebarchiesi@0:  * Special considerations:
danielebarchiesi@0:  * - Radios are harder. Because Drupal doesn't give radio groups individual IDs,
danielebarchiesi@0:  *   use 'radio:name-of-radio'.
danielebarchiesi@0:  *
danielebarchiesi@0:  * - Checkboxes don't have their own id, so you need to add one in a div
danielebarchiesi@0:  *   around the checkboxes via #prefix and #suffix. You actually need to add TWO
danielebarchiesi@0:  *   divs because it's the parent that gets hidden. Also be sure to retain the
danielebarchiesi@0:  *   'expand_checkboxes' in the #process array, because the CTools process will
danielebarchiesi@0:  *   override it.
danielebarchiesi@0:  */
danielebarchiesi@0: 
danielebarchiesi@0: (function ($) {
danielebarchiesi@0:   Drupal.CTools = Drupal.CTools || {};
danielebarchiesi@0:   Drupal.CTools.dependent = {};
danielebarchiesi@0: 
danielebarchiesi@0:   Drupal.CTools.dependent.bindings = {};
danielebarchiesi@0:   Drupal.CTools.dependent.activeBindings = {};
danielebarchiesi@0:   Drupal.CTools.dependent.activeTriggers = [];
danielebarchiesi@0: 
danielebarchiesi@0:   Drupal.CTools.dependent.inArray = function(array, search_term) {
danielebarchiesi@0:     var i = array.length;
danielebarchiesi@0:     while (i--) {
danielebarchiesi@0:       if (array[i] == search_term) {
danielebarchiesi@0:          return true;
danielebarchiesi@0:       }
danielebarchiesi@0:     }
danielebarchiesi@0:     return false;
danielebarchiesi@0:   }
danielebarchiesi@0: 
danielebarchiesi@0: 
danielebarchiesi@0:   Drupal.CTools.dependent.autoAttach = function() {
danielebarchiesi@0:     // Clear active bindings and triggers.
danielebarchiesi@0:     for (i in Drupal.CTools.dependent.activeTriggers) {
danielebarchiesi@0:       $(Drupal.CTools.dependent.activeTriggers[i]).unbind('change');
danielebarchiesi@0:     }
danielebarchiesi@0:     Drupal.CTools.dependent.activeTriggers = [];
danielebarchiesi@0:     Drupal.CTools.dependent.activeBindings = {};
danielebarchiesi@0:     Drupal.CTools.dependent.bindings = {};
danielebarchiesi@0: 
danielebarchiesi@0:     if (!Drupal.settings.CTools) {
danielebarchiesi@0:       return;
danielebarchiesi@0:     }
danielebarchiesi@0: 
danielebarchiesi@0:     // Iterate through all relationships
danielebarchiesi@0:     for (id in Drupal.settings.CTools.dependent) {
danielebarchiesi@0:       // Test to make sure the id even exists; this helps clean up multiple
danielebarchiesi@0:       // AJAX calls with multiple forms.
danielebarchiesi@0: 
danielebarchiesi@0:       // Drupal.CTools.dependent.activeBindings[id] is a boolean,
danielebarchiesi@0:       // whether the binding is active or not.  Defaults to no.
danielebarchiesi@0:       Drupal.CTools.dependent.activeBindings[id] = 0;
danielebarchiesi@0:       // Iterate through all possible values
danielebarchiesi@0:       for(bind_id in Drupal.settings.CTools.dependent[id].values) {
danielebarchiesi@0:         // This creates a backward relationship.  The bind_id is the ID
danielebarchiesi@0:         // of the element which needs to change in order for the id to hide or become shown.
danielebarchiesi@0:         // The id is the ID of the item which will be conditionally hidden or shown.
danielebarchiesi@0:         // Here we're setting the bindings for the bind
danielebarchiesi@0:         // id to be an empty array if it doesn't already have bindings to it
danielebarchiesi@0:         if (!Drupal.CTools.dependent.bindings[bind_id]) {
danielebarchiesi@0:           Drupal.CTools.dependent.bindings[bind_id] = [];
danielebarchiesi@0:         }
danielebarchiesi@0:         // Add this ID
danielebarchiesi@0:         Drupal.CTools.dependent.bindings[bind_id].push(id);
danielebarchiesi@0:         // Big long if statement.
danielebarchiesi@0:         // Drupal.settings.CTools.dependent[id].values[bind_id] holds the possible values
danielebarchiesi@0: 
danielebarchiesi@0:         if (bind_id.substring(0, 6) == 'radio:') {
danielebarchiesi@0:           var trigger_id = "input[name='" + bind_id.substring(6) + "']";
danielebarchiesi@0:         }
danielebarchiesi@0:         else {
danielebarchiesi@0:           var trigger_id = '#' + bind_id;
danielebarchiesi@0:         }
danielebarchiesi@0: 
danielebarchiesi@0:         Drupal.CTools.dependent.activeTriggers.push(trigger_id);
danielebarchiesi@0: 
danielebarchiesi@0:         if ($(trigger_id).attr('type') == 'checkbox') {
danielebarchiesi@0:           $(trigger_id).siblings('label').addClass('hidden-options');
danielebarchiesi@0:         }
danielebarchiesi@0: 
danielebarchiesi@0:         var getValue = function(item, trigger) {
danielebarchiesi@0:           if ($(trigger).size() == 0) {
danielebarchiesi@0:             return null;
danielebarchiesi@0:           }
danielebarchiesi@0: 
danielebarchiesi@0:           if (item.substring(0, 6) == 'radio:') {
danielebarchiesi@0:             var val = $(trigger + ':checked').val();
danielebarchiesi@0:           }
danielebarchiesi@0:           else {
danielebarchiesi@0:             switch ($(trigger).attr('type')) {
danielebarchiesi@0:               case 'checkbox':
danielebarchiesi@0:                 var val = $(trigger).attr('checked') ? true : false;
danielebarchiesi@0: 
danielebarchiesi@0:                 if (val) {
danielebarchiesi@0:                   $(trigger).siblings('label').removeClass('hidden-options').addClass('expanded-options');
danielebarchiesi@0:                 }
danielebarchiesi@0:                 else {
danielebarchiesi@0:                   $(trigger).siblings('label').removeClass('expanded-options').addClass('hidden-options');
danielebarchiesi@0:                 }
danielebarchiesi@0: 
danielebarchiesi@0:                 break;
danielebarchiesi@0:               default:
danielebarchiesi@0:                 var val = $(trigger).val();
danielebarchiesi@0:             }
danielebarchiesi@0:           }
danielebarchiesi@0:           return val;
danielebarchiesi@0:         }
danielebarchiesi@0: 
danielebarchiesi@0:         var setChangeTrigger = function(trigger_id, bind_id) {
danielebarchiesi@0:           // Triggered when change() is clicked.
danielebarchiesi@0:           var changeTrigger = function() {
danielebarchiesi@0:             var val = getValue(bind_id, trigger_id);
danielebarchiesi@0: 
danielebarchiesi@0:             if (val == null) {
danielebarchiesi@0:               return;
danielebarchiesi@0:             }
danielebarchiesi@0: 
danielebarchiesi@0:             for (i in Drupal.CTools.dependent.bindings[bind_id]) {
danielebarchiesi@0:               var id = Drupal.CTools.dependent.bindings[bind_id][i];
danielebarchiesi@0:               // Fix numerous errors
danielebarchiesi@0:               if (typeof id != 'string') {
danielebarchiesi@0:                 continue;
danielebarchiesi@0:               }
danielebarchiesi@0: 
danielebarchiesi@0:               // This bit had to be rewritten a bit because two properties on the
danielebarchiesi@0:               // same set caused the counter to go up and up and up.
danielebarchiesi@0:               if (!Drupal.CTools.dependent.activeBindings[id]) {
danielebarchiesi@0:                 Drupal.CTools.dependent.activeBindings[id] = {};
danielebarchiesi@0:               }
danielebarchiesi@0: 
danielebarchiesi@0:               if (val != null && Drupal.CTools.dependent.inArray(Drupal.settings.CTools.dependent[id].values[bind_id], val)) {
danielebarchiesi@0:                 Drupal.CTools.dependent.activeBindings[id][bind_id] = 'bind';
danielebarchiesi@0:               }
danielebarchiesi@0:               else {
danielebarchiesi@0:                 delete Drupal.CTools.dependent.activeBindings[id][bind_id];
danielebarchiesi@0:               }
danielebarchiesi@0: 
danielebarchiesi@0:               var len = 0;
danielebarchiesi@0:               for (i in Drupal.CTools.dependent.activeBindings[id]) {
danielebarchiesi@0:                 len++;
danielebarchiesi@0:               }
danielebarchiesi@0: 
danielebarchiesi@0:               var object = $('#' + id + '-wrapper');
danielebarchiesi@0:               if (!object.size()) {
danielebarchiesi@0:                 // Some elements can't use the parent() method or they can
danielebarchiesi@0:                 // damage things. They are guaranteed to have wrappers but
danielebarchiesi@0:                 // only if dependent.inc provided them. This check prevents
danielebarchiesi@0:                 // problems when multiple AJAX calls cause settings to build
danielebarchiesi@0:                 // up.
danielebarchiesi@0:                 var $original = $('#' + id);
danielebarchiesi@0:                 if ($original.is('fieldset') || $original.is('textarea')) {
danielebarchiesi@0:                   continue;
danielebarchiesi@0:                 }
danielebarchiesi@0: 
danielebarchiesi@0:                 object = $('#' + id).parent();
danielebarchiesi@0:               }
danielebarchiesi@0: 
danielebarchiesi@0:               if (Drupal.settings.CTools.dependent[id].type == 'disable') {
danielebarchiesi@0:                 if (Drupal.settings.CTools.dependent[id].num <= len) {
danielebarchiesi@0:                   // Show if the element if criteria is matched
danielebarchiesi@0:                   object.attr('disabled', false);
danielebarchiesi@0:                   object.addClass('dependent-options');
danielebarchiesi@0:                   object.children().attr('disabled', false);
danielebarchiesi@0:                 }
danielebarchiesi@0:                 else {
danielebarchiesi@0:                   // Otherwise hide. Use css rather than hide() because hide()
danielebarchiesi@0:                   // does not work if the item is already hidden, for example,
danielebarchiesi@0:                   // in a collapsed fieldset.
danielebarchiesi@0:                   object.attr('disabled', true);
danielebarchiesi@0:                   object.children().attr('disabled', true);
danielebarchiesi@0:                 }
danielebarchiesi@0:               }
danielebarchiesi@0:               else {
danielebarchiesi@0:                 if (Drupal.settings.CTools.dependent[id].num <= len) {
danielebarchiesi@0:                   // Show if the element if criteria is matched
danielebarchiesi@0:                   object.show(0);
danielebarchiesi@0:                   object.addClass('dependent-options');
danielebarchiesi@0:                 }
danielebarchiesi@0:                 else {
danielebarchiesi@0:                   // Otherwise hide. Use css rather than hide() because hide()
danielebarchiesi@0:                   // does not work if the item is already hidden, for example,
danielebarchiesi@0:                   // in a collapsed fieldset.
danielebarchiesi@0:                   object.css('display', 'none');
danielebarchiesi@0:                 }
danielebarchiesi@0:               }
danielebarchiesi@0:             }
danielebarchiesi@0:           }
danielebarchiesi@0: 
danielebarchiesi@0:           $(trigger_id).change(function() {
danielebarchiesi@0:             // Trigger the internal change function
danielebarchiesi@0:             // the attr('id') is used because closures are more confusing
danielebarchiesi@0:             changeTrigger(trigger_id, bind_id);
danielebarchiesi@0:           });
danielebarchiesi@0:           // Trigger initial reaction
danielebarchiesi@0:           changeTrigger(trigger_id, bind_id);
danielebarchiesi@0:         }
danielebarchiesi@0:         setChangeTrigger(trigger_id, bind_id);
danielebarchiesi@0:       }
danielebarchiesi@0:     }
danielebarchiesi@0:   }
danielebarchiesi@0: 
danielebarchiesi@0:   Drupal.behaviors.CToolsDependent = {
danielebarchiesi@0:     attach: function (context) {
danielebarchiesi@0:       Drupal.CTools.dependent.autoAttach();
danielebarchiesi@0: 
danielebarchiesi@0:       // Really large sets of fields are too slow with the above method, so this
danielebarchiesi@0:       // is a sort of hacked one that's faster but much less flexible.
danielebarchiesi@0:       $("select.ctools-master-dependent")
danielebarchiesi@0:         .once('ctools-dependent')
danielebarchiesi@0:         .change(function() {
danielebarchiesi@0:           var val = $(this).val();
danielebarchiesi@0:           if (val == 'all') {
danielebarchiesi@0:             $('.ctools-dependent-all').show(0);
danielebarchiesi@0:           }
danielebarchiesi@0:           else {
danielebarchiesi@0:             $('.ctools-dependent-all').hide(0);
danielebarchiesi@0:             $('.ctools-dependent-' + val).show(0);
danielebarchiesi@0:           }
danielebarchiesi@0:         })
danielebarchiesi@0:         .trigger('change');
danielebarchiesi@0:     }
danielebarchiesi@0:   }
danielebarchiesi@0: })(jQuery);