[Summary view] [Print] [Text view]

   1  // $Id: block.js,v 1.2 2007/12/16 10:36:53 goba Exp $
   2  
   3  /**
   4   * Move a block in the blocks table from one region to another via select list.
   5   *
   6   * This behavior is dependent on the tableDrag behavior, since it uses the
   7   * objects initialized in that behavior to update the row.
   8   */
   9  Drupal.behaviors.blockDrag = function(context) {
  10    var table = $('table#blocks');
  11    var tableDrag = Drupal.tableDrag.blocks; // Get the blocks tableDrag object.
  12  
  13    // Add a handler for when a row is swapped, update empty regions.
  14    tableDrag.row.prototype.onSwap = function(swappedRow) {
  15      checkEmptyRegions(table, this);
  16    };
  17  
  18    // A custom message for the blocks page specifically.
  19    Drupal.theme.tableDragChangedWarning = function () {
  20      return '<div class="warning">' + Drupal.theme('tableDragChangedMarker') + ' ' + Drupal.t("The changes to these blocks will not be saved until the <em>Save blocks</em> button is clicked.") + '</div>';
  21    };
  22  
  23    // Add a handler so when a row is dropped, update fields dropped into new regions.
  24    tableDrag.onDrop = function() {
  25      dragObject = this;
  26      if ($(dragObject.rowObject.element).prev('tr').is('.region-message')) {
  27        var regionRow = $(dragObject.rowObject.element).prev('tr').get(0);
  28        var regionName = regionRow.className.replace(/([^ ]+[ ]+)*region-([^ ]+)-message([ ]+[^ ]+)*/, '$2');
  29        var regionField = $('select.block-region-select', dragObject.rowObject.element);
  30        var weightField = $('select.block-weight', dragObject.rowObject.element);
  31        var oldRegionName = weightField[0].className.replace(/([^ ]+[ ]+)*block-weight-([^ ]+)([ ]+[^ ]+)*/, '$2');
  32  
  33        if (!regionField.is('.block-region-'+ regionName)) {
  34          regionField.removeClass('block-region-' + oldRegionName).addClass('block-region-' + regionName);
  35          weightField.removeClass('block-weight-' + oldRegionName).addClass('block-weight-' + regionName);
  36          regionField.val(regionName);
  37        }
  38      }
  39    };
  40  
  41    // Add the behavior to each region select list.
  42    $('select.block-region-select:not(.blockregionselect-processed)', context).each(function() {
  43      $(this).change(function(event) {
  44        // Make our new row and select field.
  45        var row = $(this).parents('tr:first');
  46        var select = $(this);
  47        tableDrag.rowObject = new tableDrag.row(row);
  48  
  49        // Find the correct region and insert the row as the first in the region.
  50        $('tr.region-message', table).each(function() {
  51          if ($(this).is('.region-' + select[0].value + '-message')) {
  52            // Add the new row and remove the old one.
  53            $(this).after(row);
  54            // Manually update weights and restripe.
  55            tableDrag.updateFields(row.get(0));
  56            tableDrag.rowObject.changed = true;
  57            if (tableDrag.oldRowElement) {
  58              $(tableDrag.oldRowElement).removeClass('drag-previous');
  59            }
  60            tableDrag.oldRowElement = row.get(0);
  61            tableDrag.restripeTable();
  62            tableDrag.rowObject.markChanged();
  63            tableDrag.oldRowElement = row;
  64            $(row).addClass('drag-previous');
  65          }
  66        });
  67  
  68        // Modify empty regions with added or removed fields.
  69        checkEmptyRegions(table, row);
  70        // Remove focus from selectbox.
  71        select.get(0).blur();
  72      });
  73      $(this).addClass('blockregionselect-processed');
  74    });
  75  
  76    var checkEmptyRegions = function(table, rowObject) {
  77      $('tr.region-message', table).each(function() {
  78        // If the dragged row is in this region, but above the message row, swap it down one space.
  79        if ($(this).prev('tr').get(0) == rowObject.element) {
  80          // Prevent a recursion problem when using the keyboard to move rows up.
  81          if ((rowObject.method != 'keyboard' || rowObject.direction == 'down')) {
  82            rowObject.swap('after', this);
  83          }
  84        }
  85        // This region has become empty
  86        if ($(this).next('tr').is(':not(.draggable)') || $(this).next('tr').size() == 0) {
  87          $(this).removeClass('region-populated').addClass('region-empty');
  88        }
  89        // This region has become populated.
  90        else if ($(this).is('.region-empty')) {
  91          $(this).removeClass('region-empty').addClass('region-populated');
  92        }
  93      });
  94    };
  95  };