X-Git-Url: http://www.aleph1.co.uk/gitweb/?a=blobdiff_plain;ds=sidebyside;f=web%2Fcore%2Fmodules%2Ffield_ui%2Ffield_ui.js;fp=web%2Fcore%2Fmodules%2Ffield_ui%2Ffield_ui.js;h=f8bf3e560649111f96f559852c97dfb90ba8f356;hb=9917807b03b64faf00f6a1f29dcb6eafc454efa5;hp=30e983a1434809ec51bab9d5df32aff3e845d29e;hpb=aea91e65e895364e460983b890e295aa5d5540a5;p=yaffs-website diff --git a/web/core/modules/field_ui/field_ui.js b/web/core/modules/field_ui/field_ui.js index 30e983a14..f8bf3e560 100644 --- a/web/core/modules/field_ui/field_ui.js +++ b/web/core/modules/field_ui/field_ui.js @@ -1,55 +1,32 @@ /** - * @file - * Attaches the behaviors for the Field UI module. - */ +* DO NOT EDIT THIS FILE. +* See the following change record for more information, +* https://www.drupal.org/node/2815083 +* @preserve +**/ (function ($, Drupal, drupalSettings) { - - 'use strict'; - - /** - * @type {Drupal~behavior} - * - * @prop {Drupal~behaviorAttach} attach - * Adds behaviors to the field storage add form. - */ Drupal.behaviors.fieldUIFieldStorageAddForm = { - attach: function (context) { + attach: function attach(context) { var $form = $(context).find('[data-drupal-selector="field-ui-field-storage-add-form"]').once('field_ui_add'); if ($form.length) { - // Add a few 'js-form-required' and 'form-required' css classes here. - // We can not use the Form API '#required' property because both label - // elements for "add new" and "re-use existing" can never be filled and - // submitted at the same time. The actual validation will happen - // server-side. - $form.find( - '.js-form-item-label label,' + - '.js-form-item-field-name label,' + - '.js-form-item-existing-storage-label label') - .addClass('js-form-required form-required'); + $form.find('.js-form-item-label label,' + '.js-form-item-field-name label,' + '.js-form-item-existing-storage-label label').addClass('js-form-required form-required'); var $newFieldType = $form.find('select[name="new_storage_type"]'); var $existingStorageName = $form.find('select[name="existing_storage_name"]'); var $existingStorageLabel = $form.find('input[name="existing_storage_label"]'); - // When the user selects a new field type, clear the "existing field" - // selection. $newFieldType.on('change', function () { if ($(this).val() !== '') { - // Reset the "existing storage name" selection. $existingStorageName.val('').trigger('change'); } }); - // When the user selects an existing storage name, clear the "new field - // type" selection and populate the 'existing_storage_label' element. $existingStorageName.on('change', function () { var value = $(this).val(); if (value !== '') { - // Reset the "new field type" selection. $newFieldType.val('').trigger('change'); - // Pre-populate the "existing storage label" element. if (typeof drupalSettings.existingFieldLabels[value] !== 'undefined') { $existingStorageLabel.val(drupalSettings.existingFieldLabels[value]); } @@ -59,68 +36,33 @@ } }; - /** - * Attaches the fieldUIOverview behavior. - * - * @type {Drupal~behavior} - * - * @prop {Drupal~behaviorAttach} attach - * Attaches the fieldUIOverview behavior. - * - * @see Drupal.fieldUIOverview.attach - */ Drupal.behaviors.fieldUIDisplayOverview = { - attach: function (context, settings) { + attach: function attach(context, settings) { $(context).find('table#field-display-overview').once('field-display-overview').each(function () { Drupal.fieldUIOverview.attach(this, settings.fieldUIRowsData, Drupal.fieldUIDisplayOverview); }); } }; - /** - * Namespace for the field UI overview. - * - * @namespace - */ Drupal.fieldUIOverview = { - - /** - * Attaches the fieldUIOverview behavior. - * - * @param {HTMLTableElement} table - * The table element for the overview. - * @param {object} rowsData - * The data of the rows in the table. - * @param {object} rowHandlers - * Handlers to be added to the rows. - */ - attach: function (table, rowsData, rowHandlers) { + attach: function attach(table, rowsData, rowHandlers) { var tableDrag = Drupal.tableDrag[table.id]; - // Add custom tabledrag callbacks. tableDrag.onDrop = this.onDrop; tableDrag.row.prototype.onSwap = this.onSwap; - // Create row handlers. $(table).find('tr.draggable').each(function () { - // Extract server-side data for the row. var row = this; if (row.id in rowsData) { var data = rowsData[row.id]; data.tableDrag = tableDrag; - // Create the row handler, make it accessible from the DOM row - // element. var rowHandler = new rowHandlers[data.rowHandler](row, data); $(row).data('fieldUIRowHandler', rowHandler); } }); }, - - /** - * Event handler to be attached to form inputs triggering a region change. - */ - onChange: function () { + onChange: function onChange() { var $trigger = $(this); var $row = $trigger.closest('tr'); var rowHandler = $row.data('fieldUIRowHandler'); @@ -128,25 +70,18 @@ var refreshRows = {}; refreshRows[rowHandler.name] = $trigger.get(0); - // Handle region change. var region = rowHandler.getRegion(); if (region !== rowHandler.region) { - // Remove parenting. $row.find('select.js-field-parent').val(''); - // Let the row handler deal with the region change. + $.extend(refreshRows, rowHandler.regionChange(region)); - // Update the row region. + rowHandler.region = region; } - // Ajax-update the rows. Drupal.fieldUIOverview.AJAXRefreshRows(refreshRows); }, - - /** - * Lets row handlers react when a row is dropped into a new region. - */ - onDrop: function () { + onDrop: function onDrop() { var dragObject = this; var row = dragObject.rowObject.element; var $row = $(row); @@ -156,66 +91,36 @@ var region = regionRow.className.replace(/([^ ]+[ ]+)*region-([^ ]+)-message([ ]+[^ ]+)*/, '$2'); if (region !== rowHandler.region) { - // Let the row handler deal with the region change. var refreshRows = rowHandler.regionChange(region); - // Update the row region. + rowHandler.region = region; - // Ajax-update the rows. + Drupal.fieldUIOverview.AJAXRefreshRows(refreshRows); } } }, - - /** - * Refreshes placeholder rows in empty regions while a row is being dragged. - * - * Copied from block.js. - * - * @param {HTMLElement} draggedRow - * The tableDrag rowObject for the row being dragged. - */ - onSwap: function (draggedRow) { + onSwap: function onSwap(draggedRow) { var rowObject = this; $(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.group[rowObject.group.length - 1]) { - // Prevent a recursion problem when using the keyboard to move rows - // up. - if ((rowObject.method !== 'keyboard' || rowObject.direction === 'down')) { + 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'); - } + } else if ($this.is('.region-empty')) { + $this.removeClass('region-empty').addClass('region-populated'); + } }); }, - - /** - * Triggers Ajax refresh of selected rows. - * - * The 'format type' selects can trigger a series of changes in child rows. - * The #ajax behavior is therefore not attached directly to the selects, but - * triggered manually through a hidden #ajax 'Refresh' button. - * - * @param {object} rows - * A hash object, whose keys are the names of the rows to refresh (they - * will receive the 'ajax-new-content' effect on the server side), and - * whose values are the DOM element in the row that should get an Ajax - * throbber. - */ - AJAXRefreshRows: function (rows) { - // Separate keys and values. + AJAXRefreshRows: function AJAXRefreshRows(rows) { var rowNames = []; var ajaxElements = []; - var rowName; + var rowName = void 0; for (rowName in rows) { if (rows.hasOwnProperty(rowName)) { rowNames.push(rowName); @@ -224,42 +129,18 @@ } if (rowNames.length) { - // Add a throbber next each of the ajaxElements. $(ajaxElements).after('
 
'); - // Fire the Ajax update. $('input[name=refresh_rows]').val(rowNames.join(' ')); $('input[data-drupal-selector="edit-refresh"]').trigger('mousedown'); - // Disabled elements do not appear in POST ajax data, so we mark the - // elements disabled only after firing the request. $(ajaxElements).prop('disabled', true); } } }; - /** - * Row handlers for the 'Manage display' screen. - * - * @namespace - */ Drupal.fieldUIDisplayOverview = {}; - /** - * Constructor for a 'field' row handler. - * - * This handler is used for both fields and 'extra fields' rows. - * - * @constructor - * - * @param {HTMLTableRowElement} row - * The row DOM element. - * @param {object} data - * Additional data to be populated in the constructed object. - * - * @return {Drupal.fieldUIDisplayOverview.field} - * The field row handler constructed. - */ Drupal.fieldUIDisplayOverview.field = function (row, data) { this.row = row; this.name = data.name; @@ -267,11 +148,9 @@ this.tableDrag = data.tableDrag; this.defaultPlugin = data.defaultPlugin; - // Attach change listener to the 'plugin type' select. this.$pluginSelect = $(row).find('.field-plugin-type'); this.$pluginSelect.on('change', Drupal.fieldUIOverview.onChange); - // Attach change listener to the 'region' select. this.$regionSelect = $(row).find('select.field-region'); this.$regionSelect.on('change', Drupal.fieldUIOverview.onChange); @@ -279,47 +158,15 @@ }; Drupal.fieldUIDisplayOverview.field.prototype = { - - /** - * Returns the region corresponding to the current form values of the row. - * - * @return {string} - * Either 'hidden' or 'content'. - */ - getRegion: function () { + getRegion: function getRegion() { return this.$regionSelect.val(); }, - - /** - * Reacts to a row being changed regions. - * - * This function is called when the row is moved to a different region, as - * a - * result of either : - * - a drag-and-drop action (the row's form elements then probably need to - * be updated accordingly) - * - user input in one of the form elements watched by the - * {@link Drupal.fieldUIOverview.onChange} change listener. - * - * @param {string} region - * The name of the new region for the row. - * - * @return {object} - * A hash object indicating which rows should be Ajax-updated as a result - * of the change, in the format expected by - * {@link Drupal.fieldUIOverview.AJAXRefreshRows}. - */ - regionChange: function (region) { - // Replace dashes with underscores. + regionChange: function regionChange(region) { region = region.replace(/-/g, '_'); - // Set the region of the select list. this.$regionSelect.val(region); - // Restore the formatter back to the default formatter. Pseudo-fields - // do not have default formatters, we just return to 'visible' for - // those. - var value = (typeof this.defaultPlugin !== 'undefined') ? this.defaultPlugin : this.$pluginSelect.find('option').val(); + var value = typeof this.defaultPlugin !== 'undefined' ? this.defaultPlugin : this.$pluginSelect.find('option').val(); if (typeof value !== 'undefined') { this.$pluginSelect.val(value); @@ -331,5 +178,4 @@ return refreshRows; } }; - -})(jQuery, Drupal, drupalSettings); +})(jQuery, Drupal, drupalSettings); \ No newline at end of file