2 * @file entity_browser.entity_reference.js
4 * Defines the behavior of the entity reference widget that utilizes entity
8 (function ($, Drupal) {
13 * Registers behaviours related to entity reference field widget.
15 Drupal.behaviors.entityBrowserEntityReference = {
16 attach: function (context) {
17 $(context).find('.field--widget-entity-browser-entity-reference').each(function () {
18 $(this).find('.entities-list.sortable').sortable({
19 stop: Drupal.entityBrowserEntityReference.entitiesReordered
22 // The AJAX callback will give us a flag when we need to re-open the
23 // browser, most likely due to a "Replace" button being clicked.
24 if (typeof drupalSettings.entity_browser_reopen_browser !== 'undefined' && drupalSettings.entity_browser_reopen_browser) {
25 var data_drupal_selector = '[data-drupal-selector^="edit-' + drupalSettings.entity_browser_reopen_browser.replace(/_/g, '-') + '-entity-browser-entity-browser-' + '"]';
26 var $launch_browser_element = $(context).find(data_drupal_selector);
27 if (!drupalSettings.entity_browser.iframe[$launch_browser_element.attr('data-uuid')].auto_open) {
28 $launch_browser_element.click();
30 // In case this is inside a fieldset closed by default, open it so the
31 // user doesn't need to guess the browser is open but hidden there.
32 var $fieldset_summary = $launch_browser_element.closest('details').find('summary');
33 if ($fieldset_summary.length && $fieldset_summary.attr('aria-expanded') === 'false') {
34 $fieldset_summary.click();
40 Drupal.entityBrowserEntityReference = {};
43 * Reacts on sorting of the entities.
45 * @param {object} event
48 * Object with detailed information about the sort event.
50 Drupal.entityBrowserEntityReference.entitiesReordered = function (event, ui) {
51 var items = $(this).find('.item-container');
53 for (var i = 0; i < items.length; i++) {
54 ids[i] = $(items[i]).attr('data-entity-id');
57 $(this).parent().parent().find('input[type*=hidden][name*="[target_id]"]').val(ids.join(' '));