|
|
@@ -1,28 +1,152 @@
|
|
|
-// 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) {
|
|
|
+ // If we don't have any settings, this is not a entity page so exit
|
|
|
+ if (!settings.tripal_ds) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
|
|
|
- $(".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');
|
|
|
+ var use_ajax = parseInt(settings.tripal_ds.tripal_field_settings_ajax) === 1;
|
|
|
+ var hide_fields = settings.tripal_ds.tripal_field_settings_hide !== false;
|
|
|
+
|
|
|
+ if (!use_ajax) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ $('.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, hide_fields);
|
|
|
+ if (hide_fields) {
|
|
|
+ field.hidePaneTitle();
|
|
|
+ }
|
|
|
+ field.load();
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
+ };
|
|
|
+
|
|
|
+ /**
|
|
|
+ * AjaxField Constructor.
|
|
|
+ *
|
|
|
+ * @param {Number} id
|
|
|
+ * @param {Boolean} hide_fields
|
|
|
+ * @constructor
|
|
|
+ */
|
|
|
+ function AjaxField(id, hide_fields) {
|
|
|
+ this.id = id;
|
|
|
+ this.hide_fields = hide_fields;
|
|
|
}
|
|
|
|
|
|
+ /**
|
|
|
+ * 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 field's 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);
|
|
|
+
|
|
|
+ // Hiding of content is not set
|
|
|
+ if (!this.hide_fields) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 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 +158,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']);
|
|
|
}
|
|
|
});
|
|
|
}
|
Bradford Condon