Merge branch '541-tv3-ajax_fields' of https://github.com/statonlab/tripal into statonlab-541-tv3-ajax_fields

tripal/theme/js/tripal.js

@@ -1,28 +1,133 @@
-// Using the closure to map jQuery to $. 
+// Using the closure to map jQuery to $.
 (function ($) {
   // Store our function as a property of Drupal.behaviors.
   Drupal.behaviors.tripal = {
     attach: function (context, settings) {
-
-      $(".tripal-entity-unattached .field-items").replaceWith('<div class="field-items">Loading... <img src="' + tripal_path + '/theme/images/ajax-loader.gif"></div>');
-      $(".tripal-entity-unattached").each(function() {
-        id = $(this).attr('id');
+      $('.tripal-entity-unattached .field-items').replaceWith('<div class="field-items">Loading... <img src="' + tripal_path + '/theme/images/ajax-loader.gif"></div>');
+      $('.tripal-entity-unattached').each(function () {
+        var id = $(this).attr('id');
         if (id) {
-          $.ajax({
-            url: baseurl + '/bio_data/ajax/field_attach/' + id,
-            dataType: 'json',
-            type: 'GET',
-            success: function(data){
-              var content = data['content'];
-              var id = data['id'];
-              $("#" + id + ' .field-items').replaceWith(content);
-            }
-          });
+          var field = new AjaxField(id);
+          field.load();
         }
       });
     }
+  };
+
+  /**
+   * AjaxField Constructor.
+   *
+   * @param id
+   * @constructor
+   */
+  function AjaxField(id) {
+    this.id = id;
+
+    this.hidePaneTitle();
   }
 
+  /**
+   * Hide pane title if the content of the pane has only ajax fields.
+   */
+  AjaxField.prototype.hidePaneTitle = function () {
+    var id      = this.id;
+    var field   = $('#' + id);
+    var classes = field.parents('.tripal_pane').first().attr('class').split(' ');
+    var pane_id = this.extractPaneID(classes);
+
+    if (pane_id) {
+      // Check if the fieldset has children that are not AJAX fields
+      var has_children = $('.tripal_pane-fieldset-' + pane_id)
+        .first()
+        .children()
+        .not('.tripal_pane-fieldset-buttons')
+        .not('.field-group-format-title')
+        .not('.tripal-entity-unattached')
+        .not('#' + id).length > 0;
+
+      // If there are no children, hide the pane title
+      if (!has_children) {
+        $('#' + pane_id).hide(0);
+      }
+    }
+  };
+
+  /**
+   * Load the fields content from the server.
+   */
+  AjaxField.prototype.load = function () {
+    $.ajax({
+      url     : baseurl + '/bio_data/ajax/field_attach/' + this.id,
+      dataType: 'json',
+      type    : 'GET',
+      success : this.handleSuccess.bind(this)
+    });
+  };
+
+  /**
+   * Add the content of the field to its pane.
+   *
+   * @param data
+   */
+  AjaxField.prototype.handleSuccess = function (data) {
+    var content = data['content'];
+    var id      = data['id'];
+    var field   = $('#' + id);
+    var classes = field.parents('.tripal_pane').first().attr('class').split(' ');
+    var pane_id = this.extractPaneID(classes);
+
+    $('#' + id + ' .field-items').replaceWith(content);
+
+    // If the field has no content, check to verify the pane is empty
+    // then remove it.
+    if (content.trim().length === 0) {
+
+      // Remove the field since it's empty
+      field.remove();
+
+      if (pane_id) {
+        var pane = $('#' + pane_id);
+
+        // If the pane has only the title and close button, we can
+        // remove it
+        var has_children = $('.tripal_pane-fieldset-' + pane_id)
+          .first()
+          .children()
+          .not('.tripal_pane-fieldset-buttons')
+          .not('.field-group-format-title')
+          .not('#' + id).length > 0;
+
+        if (!has_children) {
+          pane.remove();
+        }
+      }
+    }
+    else {
+      if (pane_id) {
+        $('#' + pane_id).show(0);
+      }
+    }
+  };
+
+  /**
+   * Extract the pane id from parent classes.
+   *
+   * @param classes
+   * @return {String|null}
+   */
+  AjaxField.prototype.extractPaneID = function (classes) {
+    var sub_length = 'tripal_pane-fieldset-'.length;
+    var pane_id    = null;
+
+    classes.map(function (cls) {
+      if (cls.indexOf('tripal_pane-fieldset-') > -1) {
+        pane_id = cls.substring(sub_length, cls.length);
+      }
+    });
+
+    return pane_id;
+  };
+
 })(jQuery);
 
 // Used for ajax update of fields by links in a pager.
@@ -34,11 +139,11 @@ function tripal_navigate_field_pager(id, page) {
   });
 
   jQuery.ajax({
-    type: "GET",
-    url: Drupal.settings["basePath"] + "bio_data/ajax/field_attach/" + id,
-    data: { 'page' : page },
-    success: function(response) {
-      jQuery("#" + id + ' .field-items').replaceWith(response['content']);
+    type   : 'GET',
+    url    : Drupal.settings['basePath'] + 'bio_data/ajax/field_attach/' + id,
+    data   : {'page': page},
+    success: function (response) {
+      jQuery('#' + id + ' .field-items').replaceWith(response['content']);
     }
   });
 }