Chris@0: /**
Chris@0: * DO NOT EDIT THIS FILE.
Chris@0: * See the following change record for more information,
Chris@0: * https://www.drupal.org/node/2815083
Chris@0: * @preserve
Chris@0: **/
Chris@0: 
Chris@0: (function ($, Drupal, drupalSettings) {
Chris@0:   Drupal.behaviors.fieldUIFieldStorageAddForm = {
Chris@0:     attach: function attach(context) {
Chris@0:       var $form = $(context).find('[data-drupal-selector="field-ui-field-storage-add-form"]').once('field_ui_add');
Chris@0:       if ($form.length) {
Chris@0:         $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');
Chris@0: 
Chris@0:         var $newFieldType = $form.find('select[name="new_storage_type"]');
Chris@0:         var $existingStorageName = $form.find('select[name="existing_storage_name"]');
Chris@0:         var $existingStorageLabel = $form.find('input[name="existing_storage_label"]');
Chris@0: 
Chris@0:         $newFieldType.on('change', function () {
Chris@0:           if ($(this).val() !== '') {
Chris@0:             $existingStorageName.val('').trigger('change');
Chris@0:           }
Chris@0:         });
Chris@0: 
Chris@0:         $existingStorageName.on('change', function () {
Chris@0:           var value = $(this).val();
Chris@0:           if (value !== '') {
Chris@0:             $newFieldType.val('').trigger('change');
Chris@0: 
Chris@0:             if (typeof drupalSettings.existingFieldLabels[value] !== 'undefined') {
Chris@0:               $existingStorageLabel.val(drupalSettings.existingFieldLabels[value]);
Chris@0:             }
Chris@0:           }
Chris@0:         });
Chris@0:       }
Chris@0:     }
Chris@0:   };
Chris@0: 
Chris@0:   Drupal.behaviors.fieldUIDisplayOverview = {
Chris@0:     attach: function attach(context, settings) {
Chris@0:       $(context).find('table#field-display-overview').once('field-display-overview').each(function () {
Chris@0:         Drupal.fieldUIOverview.attach(this, settings.fieldUIRowsData, Drupal.fieldUIDisplayOverview);
Chris@0:       });
Chris@0:     }
Chris@0:   };
Chris@0: 
Chris@0:   Drupal.fieldUIOverview = {
Chris@0:     attach: function attach(table, rowsData, rowHandlers) {
Chris@0:       var tableDrag = Drupal.tableDrag[table.id];
Chris@0: 
Chris@0:       tableDrag.onDrop = this.onDrop;
Chris@0:       tableDrag.row.prototype.onSwap = this.onSwap;
Chris@0: 
Chris@0:       $(table).find('tr.draggable').each(function () {
Chris@0:         var row = this;
Chris@0:         if (row.id in rowsData) {
Chris@0:           var data = rowsData[row.id];
Chris@0:           data.tableDrag = tableDrag;
Chris@0: 
Chris@0:           var rowHandler = new rowHandlers[data.rowHandler](row, data);
Chris@0:           $(row).data('fieldUIRowHandler', rowHandler);
Chris@0:         }
Chris@0:       });
Chris@0:     },
Chris@0:     onChange: function onChange() {
Chris@0:       var $trigger = $(this);
Chris@0:       var $row = $trigger.closest('tr');
Chris@0:       var rowHandler = $row.data('fieldUIRowHandler');
Chris@0: 
Chris@0:       var refreshRows = {};
Chris@0:       refreshRows[rowHandler.name] = $trigger.get(0);
Chris@0: 
Chris@0:       var region = rowHandler.getRegion();
Chris@0:       if (region !== rowHandler.region) {
Chris@0:         $row.find('select.js-field-parent').val('');
Chris@0: 
Chris@0:         $.extend(refreshRows, rowHandler.regionChange(region));
Chris@0: 
Chris@0:         rowHandler.region = region;
Chris@0:       }
Chris@0: 
Chris@0:       Drupal.fieldUIOverview.AJAXRefreshRows(refreshRows);
Chris@0:     },
Chris@0:     onDrop: function onDrop() {
Chris@0:       var dragObject = this;
Chris@0:       var row = dragObject.rowObject.element;
Chris@0:       var $row = $(row);
Chris@0:       var rowHandler = $row.data('fieldUIRowHandler');
Chris@0:       if (typeof rowHandler !== 'undefined') {
Chris@0:         var regionRow = $row.prevAll('tr.region-message').get(0);
Chris@0:         var region = regionRow.className.replace(/([^ ]+[ ]+)*region-([^ ]+)-message([ ]+[^ ]+)*/, '$2');
Chris@0: 
Chris@0:         if (region !== rowHandler.region) {
Chris@0:           var refreshRows = rowHandler.regionChange(region);
Chris@0: 
Chris@0:           rowHandler.region = region;
Chris@0: 
Chris@0:           Drupal.fieldUIOverview.AJAXRefreshRows(refreshRows);
Chris@0:         }
Chris@0:       }
Chris@0:     },
Chris@0:     onSwap: function onSwap(draggedRow) {
Chris@0:       var rowObject = this;
Chris@0:       $(rowObject.table).find('tr.region-message').each(function () {
Chris@0:         var $this = $(this);
Chris@0: 
Chris@0:         if ($this.prev('tr').get(0) === rowObject.group[rowObject.group.length - 1]) {
Chris@0:           if (rowObject.method !== 'keyboard' || rowObject.direction === 'down') {
Chris@0:             rowObject.swap('after', this);
Chris@0:           }
Chris@0:         }
Chris@0: 
Chris@0:         if ($this.next('tr').is(':not(.draggable)') || $this.next('tr').length === 0) {
Chris@0:           $this.removeClass('region-populated').addClass('region-empty');
Chris@0:         } else if ($this.is('.region-empty')) {
Chris@0:             $this.removeClass('region-empty').addClass('region-populated');
Chris@0:           }
Chris@0:       });
Chris@0:     },
Chris@0:     AJAXRefreshRows: function AJAXRefreshRows(rows) {
Chris@0:       var rowNames = [];
Chris@0:       var ajaxElements = [];
Chris@14:       Object.keys(rows || {}).forEach(function (rowName) {
Chris@14:         rowNames.push(rowName);
Chris@14:         ajaxElements.push(rows[rowName]);
Chris@14:       });
Chris@0: 
Chris@0:       if (rowNames.length) {
Chris@17:         $(ajaxElements).after(Drupal.theme.ajaxProgressThrobber());
Chris@0: 
Chris@0:         $('input[name=refresh_rows]').val(rowNames.join(' '));
Chris@0:         $('input[data-drupal-selector="edit-refresh"]').trigger('mousedown');
Chris@0: 
Chris@0:         $(ajaxElements).prop('disabled', true);
Chris@0:       }
Chris@0:     }
Chris@0:   };
Chris@0: 
Chris@0:   Drupal.fieldUIDisplayOverview = {};
Chris@0: 
Chris@0:   Drupal.fieldUIDisplayOverview.field = function (row, data) {
Chris@0:     this.row = row;
Chris@0:     this.name = data.name;
Chris@0:     this.region = data.region;
Chris@0:     this.tableDrag = data.tableDrag;
Chris@0:     this.defaultPlugin = data.defaultPlugin;
Chris@0: 
Chris@0:     this.$pluginSelect = $(row).find('.field-plugin-type');
Chris@0:     this.$pluginSelect.on('change', Drupal.fieldUIOverview.onChange);
Chris@0: 
Chris@0:     this.$regionSelect = $(row).find('select.field-region');
Chris@0:     this.$regionSelect.on('change', Drupal.fieldUIOverview.onChange);
Chris@0: 
Chris@0:     return this;
Chris@0:   };
Chris@0: 
Chris@0:   Drupal.fieldUIDisplayOverview.field.prototype = {
Chris@0:     getRegion: function getRegion() {
Chris@0:       return this.$regionSelect.val();
Chris@0:     },
Chris@0:     regionChange: function regionChange(region) {
Chris@0:       region = region.replace(/-/g, '_');
Chris@0: 
Chris@0:       this.$regionSelect.val(region);
Chris@0: 
Chris@17:       if (this.region === 'hidden') {
Chris@17:         var value = typeof this.defaultPlugin !== 'undefined' ? this.defaultPlugin : this.$pluginSelect.find('option').val();
Chris@0: 
Chris@17:         if (typeof value !== 'undefined') {
Chris@17:           this.$pluginSelect.val(value);
Chris@17:         }
Chris@0:       }
Chris@0: 
Chris@0:       var refreshRows = {};
Chris@0:       refreshRows[this.name] = this.$pluginSelect.get(0);
Chris@0: 
Chris@0:       return refreshRows;
Chris@0:     }
Chris@0:   };
Chris@0: })(jQuery, Drupal, drupalSettings);