first import

sites/all/modules/field_group/field_group.field_ui.js

@@ -0,0 +1,137 @@
+
+(function($) {
+
+Drupal.behaviors.fieldUIFieldsOverview = {
+  attach: function (context, settings) {
+    $('table#field-overview', context).once('field-field-overview', function() {
+      Drupal.fieldUIOverview.attach(this, settings.fieldUIRowsData, Drupal.fieldUIFieldOverview);
+    });
+  }
+};
+  
+/**
+ * Row handlers for the 'Manage fields' screen.
+ */
+Drupal.fieldUIFieldOverview = Drupal.fieldUIFieldOverview || {};
+
+Drupal.fieldUIFieldOverview.group = function(row, data) {
+  this.row = row;
+  this.name = data.name;
+  this.region = data.region;
+  this.tableDrag = data.tableDrag;
+
+  // Attach change listener to the 'group format' select.
+  this.$formatSelect = $('select.field-group-type', row);
+  this.$formatSelect.change(Drupal.fieldUIOverview.onChange);
+
+  return this;
+};
+
+Drupal.fieldUIFieldOverview.group.prototype = {
+  getRegion: function () {
+    return 'main';
+  },
+  
+  regionChange: function (region, recurse) {
+    return {};
+  },
+
+  regionChangeFields: function (region, element, refreshRows) {
+
+    // Create a new tabledrag rowObject, that will compute the group's child
+    // rows for us.
+    var tableDrag = element.tableDrag;
+    rowObject = new tableDrag.row(element.row, 'mouse', true);
+    // Skip the main row, we handled it above.
+    rowObject.group.shift();
+
+    // Let child rows handlers deal with the region change - without recursing
+    // on nested group rows, we are handling them all here.
+    $.each(rowObject.group, function() {
+      var childRow = this;
+      var childRowHandler = $(childRow).data('fieldUIRowHandler');
+      $.extend(refreshRows, childRowHandler.regionChange(region, false));
+    });
+  }  
+};
+  
+  
+/**
+ * Row handlers for the 'Manage display' screen.
+ */
+Drupal.fieldUIDisplayOverview = Drupal.fieldUIDisplayOverview || {};
+
+Drupal.fieldUIDisplayOverview.group = function(row, data) {
+  this.row = row;
+  this.name = data.name;
+  this.region = data.region;
+  this.tableDrag = data.tableDrag;
+
+  // Attach change listener to the 'group format' select.
+  this.$formatSelect = $('select.field-group-type', row);
+  this.$formatSelect.change(Drupal.fieldUIOverview.onChange);
+
+  return this;
+};
+
+Drupal.fieldUIDisplayOverview.group.prototype = {
+  getRegion: function () {
+    return (this.$formatSelect.val() == 'hidden') ? 'hidden' : 'visible';
+  },
+
+  regionChange: function (region, recurse) {
+
+    // Default recurse to true.
+    recurse = (recurse == undefined) || recurse;
+
+    // When triggered by a row drag, the 'format' select needs to be adjusted to
+    // the new region.
+    var currentValue = this.$formatSelect.val();
+    switch (region) {
+      case 'visible':
+        if (currentValue == 'hidden') {
+          // Restore the group format back to 'fieldset'.
+          var value = 'fieldset';
+        }
+        break;
+
+      default:
+        var value = 'hidden';
+        break;
+    }
+    if (value != undefined) {
+      this.$formatSelect.val(value);
+    }
+
+    var refreshRows = {};
+    refreshRows[this.name] = this.$formatSelect.get(0);
+
+    if (recurse) {
+      this.regionChangeFields(region, this, refreshRows);
+    }
+
+    return refreshRows;
+  },
+
+  regionChangeFields: function (region, element, refreshRows) {
+
+    // Create a new tabledrag rowObject, that will compute the group's child
+    // rows for us.
+    var tableDrag = element.tableDrag;
+    rowObject = new tableDrag.row(element.row, 'mouse', true);
+    // Skip the main row, we handled it above.
+    rowObject.group.shift();
+
+    // Let child rows handlers deal with the region change - without recursing
+    // on nested group rows, we are handling them all here.
+    $.each(rowObject.group, function() {
+      var childRow = this;
+      var childRowHandler = $(childRow).data('fieldUIRowHandler');
+      $.extend(refreshRows, childRowHandler.regionChange(region, false));
+    });
+    
+  }
+  
+};
+
+})(jQuery);