Drupal 8.0.0 beta 12. More info: https://www.drupal.org/node/2514176

core/modules/block/js/block.admin.js

@@ -0,0 +1,107 @@
+/**
+ * @file
+ * Block admin behaviors.
+ */
+
+(function ($, Drupal) {
+
+  "use strict";
+
+  /**
+   * Filters the block list by a text input search string.
+   *
+   * Text search input: input.block-filter-text
+   * Target element:    input.block-filter-text[data-element]
+   * Source text:       .block-filter-text-source
+   *
+   * @type {Drupal~behavior}
+   */
+  Drupal.behaviors.blockFilterByText = {
+    attach: function (context, settings) {
+      var $input = $('input.block-filter-text').once('block-filter-text');
+      var $element = $($input.attr('data-element'));
+      var $blocks;
+      var $details;
+
+      /**
+       * Hides the `<details>` element for a category if it has no visible blocks.
+       *
+       * @param {number} index
+       * @param {HTMLElement} element
+       */
+      function hideCategoryDetails(index, element) {
+        var $catDetails = $(element);
+        $catDetails.toggle($catDetails.find('li:visible').length > 0);
+      }
+
+      /**
+       * Filters the block list.
+       *
+       * @param {jQuery.Event} e
+       */
+      function filterBlockList(e) {
+        var query = $(e.target).val().toLowerCase();
+
+        /**
+         * Shows or hides the block entry based on the query.
+         *
+         * @param {number} index
+         * @param {HTMLElement} block
+         */
+        function showBlockEntry(index, block) {
+          var $block = $(block);
+          var $sources = $block.find('.block-filter-text-source');
+          var textMatch = $sources.text().toLowerCase().indexOf(query) !== -1;
+          $block.toggle(textMatch);
+        }
+
+        // Filter if the length of the query is at least 2 characters.
+        if (query.length >= 2) {
+          $blocks.each(showBlockEntry);
+
+          // Note that we first open all <details> to be able to use ':visible'.
+          // Mark the <details> elements that were closed before filtering, so
+          // they can be reclosed when filtering is removed.
+          $details.not('[open]').attr('data-drupal-block-state', 'forced-open');
+          // Hide the category <details> if they don't have any visible rows.
+          $details.attr('open', 'open').each(hideCategoryDetails);
+        }
+        else {
+          $blocks.show();
+          $details.show();
+          // Return <details> elements that had been closed before filtering
+          // to a closed state.
+          $details.filter('[data-drupal-block-state="forced-open"]').removeAttr('open data-drupal-block-state');
+        }
+      }
+
+      if ($element.length) {
+        $details = $element.find('details');
+        $blocks = $details.find('li');
+
+        $input.on('keyup', filterBlockList);
+      }
+    }
+  };
+
+  /**
+   * Highlights the block that was just placed into the block listing.
+   *
+   * @type {Drupal~behavior}
+   */
+  Drupal.behaviors.blockHighlightPlacement = {
+    attach: function (context, settings) {
+      if (settings.blockPlacement) {
+        $(context).find('[data-drupal-selector="edit-blocks"]').once('block-highlight').each(function () {
+          var $container = $(this);
+          // Just scrolling the document.body will not work in Firefox. The html
+          // element is needed as well.
+          $('html, body').animate({
+            scrollTop: $('.js-block-placed').offset().top - $container.offset().top + $container.scrollTop()
+          }, 500);
+        });
+      }
+    }
+  };
+
+}(jQuery, Drupal));

core/modules/block/js/block.js

@@ -0,0 +1,144 @@
+/**
+ * @file
+ * Block behaviors.
+ */
+
+(function ($, window) {
+
+  "use strict";
+
+  /**
+   * Provide the summary information for the block settings vertical tabs.
+   *
+   * @type {Drupal~behavior}
+   */
+  Drupal.behaviors.blockSettingsSummary = {
+    attach: function () {
+      // The drupalSetSummary method required for this behavior is not available
+      // on the Blocks administration page, so we need to make sure this
+      // behavior is processed only if drupalSetSummary is defined.
+      if (typeof jQuery.fn.drupalSetSummary === 'undefined') {
+        return;
+      }
+
+      function checkboxesSummary(context) {
+        var vals = [];
+        var $checkboxes = $(context).find('input[type="checkbox"]:checked + label');
+        var il = $checkboxes.length;
+        for (var i = 0; i < il; i++) {
+          vals.push($($checkboxes[i]).text());
+        }
+        if (!vals.length) {
+          vals.push(Drupal.t('Not restricted'));
+        }
+        return vals.join(', ');
+      }
+
+      $('[data-drupal-selector="edit-visibility-node-type"], [data-drupal-selector="edit-visibility-language"], [data-drupal-selector="edit-visibility-user-role"]').drupalSetSummary(checkboxesSummary);
+
+      $('[data-drupal-selector="edit-visibility-request-path"]').drupalSetSummary(function (context) {
+        var $pages = $(context).find('textarea[name="visibility[request_path][pages]"]');
+        if (!$pages.val()) {
+          return Drupal.t('Not restricted');
+        }
+        else {
+          return Drupal.t('Restricted to certain pages');
+        }
+      });
+    }
+  };
+
+  /**
+   * Move a block in the blocks table from one region to another via select list.
+   *
+   * This behavior is dependent on the tableDrag behavior, since it uses the
+   * objects initialized in that behavior to update the row.
+   *
+   * @type {Drupal~behavior}
+   */
+  Drupal.behaviors.blockDrag = {
+    attach: function (context, settings) {
+      // tableDrag is required and we should be on the blocks admin page.
+      if (typeof Drupal.tableDrag === 'undefined' || typeof Drupal.tableDrag.blocks === 'undefined') {
+        return;
+      }
+
+      var table = $('#blocks');
+      // Get the blocks tableDrag object.
+      var tableDrag = Drupal.tableDrag.blocks;
+      // Add a handler for when a row is swapped, update empty regions.
+      tableDrag.row.prototype.onSwap = function (swappedRow) {
+        checkEmptyRegions(table, this);
+      };
+
+      // Add a handler so when a row is dropped, update fields dropped into new regions.
+      tableDrag.onDrop = function () {
+        var dragObject = this;
+        var $rowElement = $(dragObject.rowObject.element);
+        // Use "region-message" row instead of "region" row because
+        // "region-{region_name}-message" is less prone to regexp match errors.
+        var regionRow = $rowElement.prevAll('tr.region-message').get(0);
+        var regionName = regionRow.className.replace(/([^ ]+[ ]+)*region-([^ ]+)-message([ ]+[^ ]+)*/, '$2');
+        var regionField = $rowElement.find('select.block-region-select');
+        // Check whether the newly picked region is available for this block.
+        if (regionField.find('option[value=' + regionName + ']').length === 0) {
+          // If not, alert the user and keep the block in its old region setting.
+          window.alert(Drupal.t('The block cannot be placed in this region.'));
+          // Simulate that there was a selected element change, so the row is put
+          // back to from where the user tried to drag it.
+          regionField.trigger('change');
+        }
+        else if ($rowElement.prev('tr').is('.region-message')) {
+          var weightField = $rowElement.find('select.block-weight');
+          var oldRegionName = weightField[0].className.replace(/([^ ]+[ ]+)*block-weight-([^ ]+)([ ]+[^ ]+)*/, '$2');
+
+          if (!regionField.is('.block-region-' + regionName)) {
+            regionField.removeClass('block-region-' + oldRegionName).addClass('block-region-' + regionName);
+            weightField.removeClass('block-weight-' + oldRegionName).addClass('block-weight-' + regionName);
+            regionField.val(regionName);
+          }
+        }
+      };
+
+      // Add the behavior to each region select list.
+      $(context).find('select.block-region-select').once('block-region-select').each(function () {
+        $(this).on('change', function (event) {
+          // Make our new row and select field.
+          var row = $(this).closest('tr');
+          var select = $(this);
+          tableDrag.rowObject = new tableDrag.row(row);
+
+          // Find the correct region and insert the row as the last in the region.
+          table.find('.region-' + select[0].value + '-message').nextUntil('.region-message').eq(-1).before(row);
+
+          // Modify empty regions with added or removed fields.
+          checkEmptyRegions(table, row);
+          // Remove focus from selectbox.
+          select.trigger('blur');
+        });
+      });
+
+      var checkEmptyRegions = function (table, rowObject) {
+        table.find('tr.region-message').each(function () {
+          var $this = $(this);
+          // If the dragged row is in this region, but above the message row, swap it down one space.
+          if ($this.prev('tr').get(0) === rowObject.element) {
+            // Prevent a recursion problem when using the keyboard to move rows up.
+            if ((rowObject.method !== 'keyboard' || rowObject.direction === 'down')) {
+              rowObject.swap('after', this);
+            }
+          }
+          // This region has become empty.
+          if ($this.next('tr').is(':not(.draggable)') || $this.next('tr').length === 0) {
+            $this.removeClass('region-populated').addClass('region-empty');
+          }
+          // This region has become populated.
+          else if ($this.is('.region-empty')) {
+            $this.removeClass('region-empty').addClass('region-populated');
+          }
+        });
+      };
+    }
+  };
+
+})(jQuery, window);