Updated Drupal to 8.6. This goes with the following updates because it's possible...
[yaffs-website] / web / core / modules / views_ui / js / views-admin.js
1 /**
2 * DO NOT EDIT THIS FILE.
3 * See the following change record for more information,
4 * https://www.drupal.org/node/2815083
5 * @preserve
6 **/
7
8 (function ($, Drupal, drupalSettings) {
9   Drupal.viewsUi = {};
10
11   Drupal.behaviors.viewsUiEditView = {
12     attach: function attach() {
13       $('[data-drupal-selector="edit-query-options-disable-sql-rewrite"]').on('click', function () {
14         $('.sql-rewrite-warning').toggleClass('js-hide');
15       });
16     }
17   };
18
19   Drupal.behaviors.viewsUiAddView = {
20     attach: function attach(context) {
21       var $context = $(context);
22
23       var exclude = new RegExp('[^a-z0-9\\-]+', 'g');
24       var replace = '-';
25       var suffix = void 0;
26
27       var $fields = $context.find('[id^="edit-page-title"], [id^="edit-block-title"], [id^="edit-page-link-properties-title"]');
28       if ($fields.length) {
29         if (!this.fieldsFiller) {
30           this.fieldsFiller = new Drupal.viewsUi.FormFieldFiller($fields);
31         } else {
32           this.fieldsFiller.rebind($fields);
33         }
34       }
35
36       var $pathField = $context.find('[id^="edit-page-path"]');
37       if ($pathField.length) {
38         if (!this.pathFiller) {
39           this.pathFiller = new Drupal.viewsUi.FormFieldFiller($pathField, exclude, replace);
40         } else {
41           this.pathFiller.rebind($pathField);
42         }
43       }
44
45       var $feedField = $context.find('[id^="edit-page-feed-properties-path"]');
46       if ($feedField.length) {
47         if (!this.feedFiller) {
48           suffix = '.xml';
49           this.feedFiller = new Drupal.viewsUi.FormFieldFiller($feedField, exclude, replace, suffix);
50         } else {
51           this.feedFiller.rebind($feedField);
52         }
53       }
54     }
55   };
56
57   Drupal.viewsUi.FormFieldFiller = function ($target, exclude, replace, suffix) {
58     this.source = $('#edit-label');
59
60     this.target = $target;
61
62     this.exclude = exclude || false;
63
64     this.replace = replace || '';
65
66     this.suffix = suffix || '';
67
68     var self = this;
69
70     this.populate = function () {
71       return self._populate.call(self);
72     };
73
74     this.unbind = function () {
75       return self._unbind.call(self);
76     };
77
78     this.bind();
79   };
80
81   $.extend(Drupal.viewsUi.FormFieldFiller.prototype, {
82     bind: function bind() {
83       this.unbind();
84
85       this.source.on('keyup.viewsUi change.viewsUi', this.populate);
86
87       this.target.on('focus.viewsUi', this.unbind);
88     },
89     getTransliterated: function getTransliterated() {
90       var from = this.source.val();
91       if (this.exclude) {
92         from = from.toLowerCase().replace(this.exclude, this.replace);
93       }
94       return from;
95     },
96     _populate: function _populate() {
97       var transliterated = this.getTransliterated();
98       var suffix = this.suffix;
99       this.target.each(function (i) {
100         var maxlength = $(this).attr('maxlength') - suffix.length;
101         $(this).val(transliterated.substr(0, maxlength) + suffix);
102       });
103     },
104     _unbind: function _unbind() {
105       this.source.off('keyup.viewsUi change.viewsUi', this.populate);
106       this.target.off('focus.viewsUi', this.unbind);
107     },
108     rebind: function rebind($fields) {
109       this.target = $fields;
110       this.bind();
111     }
112   });
113
114   Drupal.behaviors.addItemForm = {
115     attach: function attach(context) {
116       var $context = $(context);
117       var $form = $context;
118
119       if (!$context.is('form[id^="views-ui-add-handler-form"]')) {
120         $form = $context.find('form[id^="views-ui-add-handler-form"]');
121       }
122       if ($form.once('views-ui-add-handler-form').length) {
123         new Drupal.viewsUi.AddItemForm($form);
124       }
125     }
126   };
127
128   Drupal.viewsUi.AddItemForm = function ($form) {
129     this.$form = $form;
130     this.$form.find('.views-filterable-options :checkbox').on('click', $.proxy(this.handleCheck, this));
131
132     this.$selected_div = this.$form.find('.views-selected-options').parent();
133     this.$selected_div.hide();
134
135     this.checkedItems = [];
136   };
137
138   Drupal.viewsUi.AddItemForm.prototype.handleCheck = function (event) {
139     var $target = $(event.target);
140     var label = $.trim($target.closest('td').next().html());
141
142     if ($target.is(':checked')) {
143       this.$selected_div.show().css('display', 'block');
144       this.checkedItems.push(label);
145     } else {
146       var position = $.inArray(label, this.checkedItems);
147
148       for (var i = 0; i < this.checkedItems.length; i++) {
149         if (i === position) {
150           this.checkedItems.splice(i, 1);
151           i--;
152           break;
153         }
154       }
155
156       if (this.checkedItems.length === 0) {
157         this.$selected_div.hide();
158       }
159     }
160     this.refreshCheckedItems();
161   };
162
163   Drupal.viewsUi.AddItemForm.prototype.refreshCheckedItems = function () {
164     this.$selected_div.find('.views-selected-options').html(this.checkedItems.join(', ')).trigger('dialogContentResize');
165   };
166
167   Drupal.behaviors.viewsUiRenderAddViewButton = {
168     attach: function attach(context) {
169       var $menu = $(context).find('#views-display-menu-tabs').once('views-ui-render-add-view-button');
170       if (!$menu.length) {
171         return;
172       }
173
174       var $addDisplayDropdown = $('<li class="add"><a href="#"><span class="icon add"></span>' + Drupal.t('Add') + '</a><ul class="action-list" style="display:none;"></ul></li>');
175       var $displayButtons = $menu.nextAll('input.add-display').detach();
176       $displayButtons.appendTo($addDisplayDropdown.find('.action-list')).wrap('<li>').parent().eq(0).addClass('first').end().eq(-1).addClass('last');
177
178       $displayButtons.each(function () {
179         var label = $(this).val();
180         if (label.substr(0, 4) === 'Add ') {
181           $(this).val(label.substr(4));
182         }
183       });
184       $addDisplayDropdown.appendTo($menu);
185
186       $menu.find('li.add > a').on('click', function (event) {
187         event.preventDefault();
188         var $trigger = $(this);
189         Drupal.behaviors.viewsUiRenderAddViewButton.toggleMenu($trigger);
190       });
191
192       $('li.add', $menu).on('mouseleave', function (event) {
193         var $this = $(this);
194         var $trigger = $this.children('a[href="#"]');
195         if ($this.children('.action-list').is(':visible')) {
196           Drupal.behaviors.viewsUiRenderAddViewButton.toggleMenu($trigger);
197         }
198       });
199     }
200   };
201
202   Drupal.behaviors.viewsUiRenderAddViewButton.toggleMenu = function ($trigger) {
203     $trigger.parent().toggleClass('open');
204     $trigger.next().slideToggle('fast');
205   };
206
207   Drupal.behaviors.viewsUiSearchOptions = {
208     attach: function attach(context) {
209       var $context = $(context);
210       var $form = $context;
211
212       if (!$context.is('form[id^="views-ui-add-handler-form"]')) {
213         $form = $context.find('form[id^="views-ui-add-handler-form"]');
214       }
215
216       if ($form.once('views-ui-filter-options').length) {
217         new Drupal.viewsUi.OptionsSearch($form);
218       }
219     }
220   };
221
222   Drupal.viewsUi.OptionsSearch = function ($form) {
223     this.$form = $form;
224
225     this.$form.on('click', 'td.title', function (event) {
226       var $target = $(event.currentTarget);
227       $target.closest('tr').find('input').trigger('click');
228     });
229
230     var searchBoxSelector = '[data-drupal-selector="edit-override-controls-options-search"]';
231     var controlGroupSelector = '[data-drupal-selector="edit-override-controls-group"]';
232     this.$form.on('formUpdated', searchBoxSelector + ',' + controlGroupSelector, $.proxy(this.handleFilter, this));
233
234     this.$searchBox = this.$form.find(searchBoxSelector);
235     this.$controlGroup = this.$form.find(controlGroupSelector);
236
237     this.options = this.getOptions(this.$form.find('.filterable-option'));
238
239     this.$searchBox.on('keypress', function (event) {
240       if (event.which === 13) {
241         event.preventDefault();
242       }
243     });
244   };
245
246   $.extend(Drupal.viewsUi.OptionsSearch.prototype, {
247     getOptions: function getOptions($allOptions) {
248       var $title = void 0;
249       var $description = void 0;
250       var $option = void 0;
251       var options = [];
252       var length = $allOptions.length;
253       for (var i = 0; i < length; i++) {
254         $option = $($allOptions[i]);
255         $title = $option.find('.title');
256         $description = $option.find('.description');
257         options[i] = {
258           searchText: $title.text().toLowerCase() + ' ' + $description.text().toLowerCase(),
259
260           $div: $option
261         };
262       }
263       return options;
264     },
265     handleFilter: function handleFilter(event) {
266       var search = this.$searchBox.val().toLowerCase();
267       var words = search.split(' ');
268
269       var group = this.$controlGroup.val();
270
271       this.options.forEach(function (option) {
272         function hasWord(word) {
273           return option.searchText.indexOf(word) !== -1;
274         }
275
276         var found = true;
277
278         if (search) {
279           found = words.every(hasWord);
280         }
281         if (found && group !== 'all') {
282           found = option.$div.hasClass(group);
283         }
284
285         option.$div.toggle(found);
286       });
287
288       $(event.target).trigger('dialogContentResize');
289     }
290   });
291
292   Drupal.behaviors.viewsUiPreview = {
293     attach: function attach(context) {
294       var $contextualFiltersBucket = $(context).find('.views-display-column .views-ui-display-tab-bucket.argument');
295       if ($contextualFiltersBucket.length === 0) {
296         return;
297       }
298
299       var $contextualFilters = $contextualFiltersBucket.find('.views-display-setting a');
300       if ($contextualFilters.length) {
301         $('#preview-args').parent().show();
302       } else {
303         $('#preview-args').parent().hide();
304       }
305
306       if ($('#edit-displays-live-preview').once('edit-displays-live-preview').is(':checked')) {
307         $('#preview-submit').once('edit-displays-live-preview').trigger('click');
308       }
309     }
310   };
311
312   Drupal.behaviors.viewsUiRearrangeFilter = {
313     attach: function attach(context) {
314       if (typeof Drupal.tableDrag === 'undefined' || typeof Drupal.tableDrag['views-rearrange-filters'] === 'undefined') {
315         return;
316       }
317       var $context = $(context);
318       var $table = $context.find('#views-rearrange-filters').once('views-rearrange-filters');
319       var $operator = $context.find('.js-form-item-filter-groups-operator').once('views-rearrange-filters');
320       if ($table.length) {
321         new Drupal.viewsUi.RearrangeFilterHandler($table, $operator);
322       }
323     }
324   };
325
326   Drupal.viewsUi.RearrangeFilterHandler = function ($table, $operator) {
327     this.table = $table;
328
329     this.operator = $operator;
330
331     this.hasGroupOperator = this.operator.length > 0;
332
333     this.draggableRows = $table.find('.draggable');
334
335     this.addGroupButton = $('input#views-add-group');
336
337     this.removeGroupButtons = $table.find('input.views-remove-group');
338
339     this.insertAddRemoveFilterGroupLinks();
340
341     if (this.hasGroupOperator) {
342       this.dropdowns = this.duplicateGroupsOperator();
343       this.syncGroupsOperators();
344     }
345
346     this.modifyTableDrag();
347
348     this.redrawOperatorLabels();
349     $table.find('.views-group-title select').once('views-rearrange-filter-handler').on('change.views-rearrange-filter-handler', $.proxy(this, 'redrawOperatorLabels'));
350
351     $table.find('a.views-groups-remove-link').once('views-rearrange-filter-handler').on('click.views-rearrange-filter-handler', $.proxy(this, 'updateRowspans')).on('click.views-rearrange-filter-handler', $.proxy(this, 'redrawOperatorLabels'));
352   };
353
354   $.extend(Drupal.viewsUi.RearrangeFilterHandler.prototype, {
355     insertAddRemoveFilterGroupLinks: function insertAddRemoveFilterGroupLinks() {
356       $('<ul class="action-links"><li><a id="views-add-group-link" href="#">' + this.addGroupButton.val() + '</a></li></ul>').prependTo(this.table.parent()).once('views-rearrange-filter-handler').find('#views-add-group-link').on('click.views-rearrange-filter-handler', $.proxy(this, 'clickAddGroupButton'));
357
358       var length = this.removeGroupButtons.length;
359       var i = void 0;
360       for (i = 0; i < length; i++) {
361         var $removeGroupButton = $(this.removeGroupButtons[i]);
362         var buttonId = $removeGroupButton.attr('id');
363         $('<a href="#" class="views-remove-group-link">' + Drupal.t('Remove group') + '</a>').insertBefore($removeGroupButton).once('views-rearrange-filter-handler').on('click.views-rearrange-filter-handler', { buttonId: buttonId }, $.proxy(this, 'clickRemoveGroupButton'));
364       }
365     },
366     clickAddGroupButton: function clickAddGroupButton(event) {
367       this.addGroupButton.trigger('mousedown');
368       event.preventDefault();
369     },
370     clickRemoveGroupButton: function clickRemoveGroupButton(event) {
371       this.table.find('#' + event.data.buttonId).trigger('mousedown');
372       event.preventDefault();
373     },
374     duplicateGroupsOperator: function duplicateGroupsOperator() {
375       var newRow = void 0;
376       var titleRow = void 0;
377
378       var titleRows = $('tr.views-group-title').once('duplicateGroupsOperator');
379
380       if (!titleRows.length) {
381         return this.operator;
382       }
383
384       this.operator.find('label').add('div.description').addClass('visually-hidden');
385       this.operator.find('select').addClass('form-select');
386
387       var dropdowns = this.operator;
388
389       titleRow = $('tr#views-group-title-2');
390       newRow = $('<tr class="filter-group-operator-row"><td colspan="5"></td></tr>');
391       newRow.find('td').append(this.operator);
392       newRow.insertBefore(titleRow);
393       var length = titleRows.length;
394
395       for (var i = 2; i < length; i++) {
396         titleRow = $(titleRows[i]);
397
398         var fakeOperator = this.operator.clone();
399         fakeOperator.attr('id', '');
400         newRow = $('<tr class="filter-group-operator-row"><td colspan="5"></td></tr>');
401         newRow.find('td').append(fakeOperator);
402         newRow.insertBefore(titleRow);
403         dropdowns.add(fakeOperator);
404       }
405
406       return dropdowns;
407     },
408     syncGroupsOperators: function syncGroupsOperators() {
409       if (this.dropdowns.length < 2) {
410         return;
411       }
412
413       this.dropdowns.on('change', $.proxy(this, 'operatorChangeHandler'));
414     },
415     operatorChangeHandler: function operatorChangeHandler(event) {
416       var $target = $(event.target);
417       var operators = this.dropdowns.find('select').not($target);
418
419       operators.val($target.val());
420     },
421     modifyTableDrag: function modifyTableDrag() {
422       var tableDrag = Drupal.tableDrag['views-rearrange-filters'];
423       var filterHandler = this;
424
425       tableDrag.row.prototype.onSwap = function () {
426         if (filterHandler.hasGroupOperator) {
427           var thisRow = $(this.group);
428           var previousRow = thisRow.prev('tr');
429           if (previousRow.length && !previousRow.hasClass('group-message') && !previousRow.hasClass('draggable')) {
430             var next = thisRow.next();
431             if (next.is('tr')) {
432               this.swap('after', next);
433             }
434           }
435           filterHandler.updateRowspans();
436         }
437
438         filterHandler.redrawOperatorLabels();
439       };
440
441       tableDrag.onDrop = function () {
442         var changeMarker = $(this.oldRowElement).find('.tabledrag-changed');
443         if (changeMarker.length) {
444           var operatorLabel = changeMarker.prevAll('.views-operator-label');
445           if (operatorLabel.length) {
446             operatorLabel.insertAfter(changeMarker);
447           }
448         }
449
450         var groupRow = $(this.rowObject.element).prevAll('tr.group-message').get(0);
451         var groupName = groupRow.className.replace(/([^ ]+[ ]+)*group-([^ ]+)-message([ ]+[^ ]+)*/, '$2');
452         var groupField = $('select.views-group-select', this.rowObject.element);
453         if ($(this.rowObject.element).prev('tr').is('.group-message') && !groupField.is('.views-group-select-' + groupName)) {
454           var oldGroupName = groupField.attr('class').replace(/([^ ]+[ ]+)*views-group-select-([^ ]+)([ ]+[^ ]+)*/, '$2');
455           groupField.removeClass('views-group-select-' + oldGroupName).addClass('views-group-select-' + groupName);
456           groupField.val(groupName);
457         }
458       };
459     },
460     redrawOperatorLabels: function redrawOperatorLabels() {
461       for (var i = 0; i < this.draggableRows.length; i++) {
462         var $draggableRow = $(this.draggableRows[i]);
463         var $firstCell = $draggableRow.find('td').eq(0);
464         if ($firstCell.length) {
465           var operatorValue = $draggableRow.prevAll('.views-group-title').find('option:selected').html();
466           var operatorLabel = '<span class="views-operator-label">' + operatorValue + '</span>';
467
468           var $nextRow = $draggableRow.nextAll(':visible').eq(0);
469           var $existingOperatorLabel = $firstCell.find('.views-operator-label');
470           if ($nextRow.hasClass('draggable')) {
471             if ($existingOperatorLabel.length) {
472               $existingOperatorLabel.replaceWith(operatorLabel);
473             } else {
474                 $firstCell.append(operatorLabel);
475               }
476           } else {
477               $existingOperatorLabel.remove();
478             }
479         }
480       }
481     },
482     updateRowspans: function updateRowspans() {
483       var $row = void 0;
484       var $currentEmptyRow = void 0;
485       var draggableCount = void 0;
486       var $operatorCell = void 0;
487       var rows = $(this.table).find('tr');
488       var length = rows.length;
489       for (var i = 0; i < length; i++) {
490         $row = $(rows[i]);
491         if ($row.hasClass('views-group-title')) {
492           $operatorCell = $row.find('td.group-operator');
493
494           draggableCount = 0;
495           $currentEmptyRow = $row.next('tr');
496           $currentEmptyRow.removeClass('group-populated').addClass('group-empty');
497
498           $operatorCell.attr('rowspan', 2);
499         } else if ($row.hasClass('draggable') && $row.is(':visible')) {
500           draggableCount++;
501           $currentEmptyRow.removeClass('group-empty').addClass('group-populated');
502
503           $operatorCell.attr('rowspan', draggableCount + 1);
504         }
505       }
506     }
507   });
508
509   Drupal.behaviors.viewsFilterConfigSelectAll = {
510     attach: function attach(context) {
511       var $context = $(context);
512
513       var $selectAll = $context.find('.js-form-item-options-value-all').once('filterConfigSelectAll');
514       var $selectAllCheckbox = $selectAll.find('input[type=checkbox]');
515       var $checkboxes = $selectAll.closest('.form-checkboxes').find('.js-form-type-checkbox:not(.js-form-item-options-value-all) input[type="checkbox"]');
516
517       if ($selectAll.length) {
518         $selectAll.show();
519         $selectAllCheckbox.on('click', function () {
520           $checkboxes.prop('checked', $(this).is(':checked'));
521         });
522
523         $checkboxes.on('click', function () {
524           if ($(this).is('checked') === false) {
525             $selectAllCheckbox.prop('checked', false);
526           }
527         });
528       }
529     }
530   };
531
532   Drupal.behaviors.viewsRemoveIconClass = {
533     attach: function attach(context) {
534       $(context).find('.dropbutton').once('dropbutton-icon').find('.icon').removeClass('icon');
535     }
536   };
537
538   Drupal.behaviors.viewsUiCheckboxify = {
539     attach: function attach(context, settings) {
540       var $buttons = $('[data-drupal-selector="edit-options-expose-button-button"], [data-drupal-selector="edit-options-group-button-button"]').once('views-ui-checkboxify');
541       var length = $buttons.length;
542       var i = void 0;
543       for (i = 0; i < length; i++) {
544         new Drupal.viewsUi.Checkboxifier($buttons[i]);
545       }
546     }
547   };
548
549   Drupal.behaviors.viewsUiChangeDefaultWidget = {
550     attach: function attach(context) {
551       var $context = $(context);
552
553       function changeDefaultWidget(event) {
554         if ($(event.target).prop('checked')) {
555           $context.find('input.default-radios').parent().hide();
556           $context.find('td.any-default-radios-row').parent().hide();
557           $context.find('input.default-checkboxes').parent().show();
558         } else {
559           $context.find('input.default-checkboxes').parent().hide();
560           $context.find('td.any-default-radios-row').parent().show();
561           $context.find('input.default-radios').parent().show();
562         }
563       }
564
565       $context.find('input[name="options[group_info][multiple]"]').on('change', changeDefaultWidget).trigger('change');
566     }
567   };
568
569   Drupal.viewsUi.Checkboxifier = function (button) {
570     this.$button = $(button);
571     this.$parent = this.$button.parent('div.views-expose, div.views-grouped');
572     this.$input = this.$parent.find('input:checkbox, input:radio');
573
574     this.$button.hide();
575     this.$parent.find('.exposed-description, .grouped-description').hide();
576
577     this.$input.on('click', $.proxy(this, 'clickHandler'));
578   };
579
580   Drupal.viewsUi.Checkboxifier.prototype.clickHandler = function (e) {
581     this.$button.trigger('click').trigger('submit');
582   };
583
584   Drupal.behaviors.viewsUiOverrideSelect = {
585     attach: function attach(context) {
586       $(context).find('[data-drupal-selector="edit-override-dropdown"]').once('views-ui-override-button-text').each(function () {
587         var $context = $(context);
588         var $submit = $context.find('[id^=edit-submit]');
589         var oldValue = $submit.val();
590
591         $submit.once('views-ui-override-button-text').on('mouseup', function () {
592           $(this).val(oldValue);
593           return true;
594         });
595
596         $(this).on('change', function () {
597           var $this = $(this);
598           if ($this.val() === 'default') {
599             $submit.val(Drupal.t('Apply (all displays)'));
600           } else if ($this.val() === 'default_revert') {
601             $submit.val(Drupal.t('Revert to default'));
602           } else {
603             $submit.val(Drupal.t('Apply (this display)'));
604           }
605           var $dialog = $context.closest('.ui-dialog-content');
606           $dialog.trigger('dialogButtonsChange');
607         }).trigger('change');
608       });
609     }
610   };
611
612   Drupal.behaviors.viewsUiHandlerRemoveLink = {
613     attach: function attach(context) {
614       var $context = $(context);
615
616       $context.find('a.views-remove-link').once('views').on('click', function (event) {
617         var id = $(this).attr('id').replace('views-remove-link-', '');
618         $context.find('#views-row-' + id).hide();
619         $context.find('#views-removed-' + id).prop('checked', true);
620         event.preventDefault();
621       });
622
623       $context.find('a.display-remove-link').once('display').on('click', function (event) {
624         var id = $(this).attr('id').replace('display-remove-link-', '');
625         $context.find('#display-row-' + id).hide();
626         $context.find('#display-removed-' + id).prop('checked', true);
627         event.preventDefault();
628       });
629     }
630   };
631 })(jQuery, Drupal, drupalSettings);