10fa4307df2deb06788ed0c30b02a5ec5b2b5b13
[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 dropdowns = void 0;
376       var newRow = void 0;
377       var titleRow = void 0;
378
379       var titleRows = $('tr.views-group-title').once('duplicateGroupsOperator');
380
381       if (!titleRows.length) {
382         return this.operator;
383       }
384
385       this.operator.find('label').add('div.description').addClass('visually-hidden');
386       this.operator.find('select').addClass('form-select');
387
388       dropdowns = this.operator;
389
390       titleRow = $('tr#views-group-title-2');
391       newRow = $('<tr class="filter-group-operator-row"><td colspan="5"></td></tr>');
392       newRow.find('td').append(this.operator);
393       newRow.insertBefore(titleRow);
394       var length = titleRows.length;
395
396       for (var i = 2; i < length; i++) {
397         titleRow = $(titleRows[i]);
398
399         var fakeOperator = this.operator.clone();
400         fakeOperator.attr('id', '');
401         newRow = $('<tr class="filter-group-operator-row"><td colspan="5"></td></tr>');
402         newRow.find('td').append(fakeOperator);
403         newRow.insertBefore(titleRow);
404         dropdowns.add(fakeOperator);
405       }
406
407       return dropdowns;
408     },
409     syncGroupsOperators: function syncGroupsOperators() {
410       if (this.dropdowns.length < 2) {
411         return;
412       }
413
414       this.dropdowns.on('change', $.proxy(this, 'operatorChangeHandler'));
415     },
416     operatorChangeHandler: function operatorChangeHandler(event) {
417       var $target = $(event.target);
418       var operators = this.dropdowns.find('select').not($target);
419
420       operators.val($target.val());
421     },
422     modifyTableDrag: function modifyTableDrag() {
423       var tableDrag = Drupal.tableDrag['views-rearrange-filters'];
424       var filterHandler = this;
425
426       tableDrag.row.prototype.onSwap = function () {
427         if (filterHandler.hasGroupOperator) {
428           var thisRow = $(this.group);
429           var previousRow = thisRow.prev('tr');
430           if (previousRow.length && !previousRow.hasClass('group-message') && !previousRow.hasClass('draggable')) {
431             var next = thisRow.next();
432             if (next.is('tr')) {
433               this.swap('after', next);
434             }
435           }
436           filterHandler.updateRowspans();
437         }
438
439         filterHandler.redrawOperatorLabels();
440       };
441
442       tableDrag.onDrop = function () {
443         var changeMarker = $(this.oldRowElement).find('.tabledrag-changed');
444         if (changeMarker.length) {
445           var operatorLabel = changeMarker.prevAll('.views-operator-label');
446           if (operatorLabel.length) {
447             operatorLabel.insertAfter(changeMarker);
448           }
449         }
450
451         var groupRow = $(this.rowObject.element).prevAll('tr.group-message').get(0);
452         var groupName = groupRow.className.replace(/([^ ]+[ ]+)*group-([^ ]+)-message([ ]+[^ ]+)*/, '$2');
453         var groupField = $('select.views-group-select', this.rowObject.element);
454         if ($(this.rowObject.element).prev('tr').is('.group-message') && !groupField.is('.views-group-select-' + groupName)) {
455           var oldGroupName = groupField.attr('class').replace(/([^ ]+[ ]+)*views-group-select-([^ ]+)([ ]+[^ ]+)*/, '$2');
456           groupField.removeClass('views-group-select-' + oldGroupName).addClass('views-group-select-' + groupName);
457           groupField.val(groupName);
458         }
459       };
460     },
461     redrawOperatorLabels: function redrawOperatorLabels() {
462       for (var i = 0; i < this.draggableRows.length; i++) {
463         var $draggableRow = $(this.draggableRows[i]);
464         var $firstCell = $draggableRow.find('td').eq(0);
465         if ($firstCell.length) {
466           var operatorValue = $draggableRow.prevAll('.views-group-title').find('option:selected').html();
467           var operatorLabel = '<span class="views-operator-label">' + operatorValue + '</span>';
468
469           var $nextRow = $draggableRow.nextAll(':visible').eq(0);
470           var $existingOperatorLabel = $firstCell.find('.views-operator-label');
471           if ($nextRow.hasClass('draggable')) {
472             if ($existingOperatorLabel.length) {
473               $existingOperatorLabel.replaceWith(operatorLabel);
474             } else {
475                 $firstCell.append(operatorLabel);
476               }
477           } else {
478               $existingOperatorLabel.remove();
479             }
480         }
481       }
482     },
483     updateRowspans: function updateRowspans() {
484       var $row = void 0;
485       var $currentEmptyRow = void 0;
486       var draggableCount = void 0;
487       var $operatorCell = void 0;
488       var rows = $(this.table).find('tr');
489       var length = rows.length;
490       for (var i = 0; i < length; i++) {
491         $row = $(rows[i]);
492         if ($row.hasClass('views-group-title')) {
493           $operatorCell = $row.find('td.group-operator');
494
495           draggableCount = 0;
496           $currentEmptyRow = $row.next('tr');
497           $currentEmptyRow.removeClass('group-populated').addClass('group-empty');
498
499           $operatorCell.attr('rowspan', 2);
500         } else if ($row.hasClass('draggable') && $row.is(':visible')) {
501           draggableCount++;
502           $currentEmptyRow.removeClass('group-empty').addClass('group-populated');
503
504           $operatorCell.attr('rowspan', draggableCount + 1);
505         }
506       }
507     }
508   });
509
510   Drupal.behaviors.viewsFilterConfigSelectAll = {
511     attach: function attach(context) {
512       var $context = $(context);
513
514       var $selectAll = $context.find('.js-form-item-options-value-all').once('filterConfigSelectAll');
515       var $selectAllCheckbox = $selectAll.find('input[type=checkbox]');
516       var $checkboxes = $selectAll.closest('.form-checkboxes').find('.js-form-type-checkbox:not(.js-form-item-options-value-all) input[type="checkbox"]');
517
518       if ($selectAll.length) {
519         $selectAll.show();
520         $selectAllCheckbox.on('click', function () {
521           $checkboxes.prop('checked', $(this).is(':checked'));
522         });
523
524         $checkboxes.on('click', function () {
525           if ($(this).is('checked') === false) {
526             $selectAllCheckbox.prop('checked', false);
527           }
528         });
529       }
530     }
531   };
532
533   Drupal.behaviors.viewsRemoveIconClass = {
534     attach: function attach(context) {
535       $(context).find('.dropbutton').once('dropbutton-icon').find('.icon').removeClass('icon');
536     }
537   };
538
539   Drupal.behaviors.viewsUiCheckboxify = {
540     attach: function attach(context, settings) {
541       var $buttons = $('[data-drupal-selector="edit-options-expose-button-button"], [data-drupal-selector="edit-options-group-button-button"]').once('views-ui-checkboxify');
542       var length = $buttons.length;
543       var i = void 0;
544       for (i = 0; i < length; i++) {
545         new Drupal.viewsUi.Checkboxifier($buttons[i]);
546       }
547     }
548   };
549
550   Drupal.behaviors.viewsUiChangeDefaultWidget = {
551     attach: function attach(context) {
552       var $context = $(context);
553
554       function changeDefaultWidget(event) {
555         if ($(event.target).prop('checked')) {
556           $context.find('input.default-radios').parent().hide();
557           $context.find('td.any-default-radios-row').parent().hide();
558           $context.find('input.default-checkboxes').parent().show();
559         } else {
560           $context.find('input.default-checkboxes').parent().hide();
561           $context.find('td.any-default-radios-row').parent().show();
562           $context.find('input.default-radios').parent().show();
563         }
564       }
565
566       $context.find('input[name="options[group_info][multiple]"]').on('change', changeDefaultWidget).trigger('change');
567     }
568   };
569
570   Drupal.viewsUi.Checkboxifier = function (button) {
571     this.$button = $(button);
572     this.$parent = this.$button.parent('div.views-expose, div.views-grouped');
573     this.$input = this.$parent.find('input:checkbox, input:radio');
574
575     this.$button.hide();
576     this.$parent.find('.exposed-description, .grouped-description').hide();
577
578     this.$input.on('click', $.proxy(this, 'clickHandler'));
579   };
580
581   Drupal.viewsUi.Checkboxifier.prototype.clickHandler = function (e) {
582     this.$button.trigger('click').trigger('submit');
583   };
584
585   Drupal.behaviors.viewsUiOverrideSelect = {
586     attach: function attach(context) {
587       $(context).find('[data-drupal-selector="edit-override-dropdown"]').once('views-ui-override-button-text').each(function () {
588         var $context = $(context);
589         var $submit = $context.find('[id^=edit-submit]');
590         var old_value = $submit.val();
591
592         $submit.once('views-ui-override-button-text').on('mouseup', function () {
593           $(this).val(old_value);
594           return true;
595         });
596
597         $(this).on('change', function () {
598           var $this = $(this);
599           if ($this.val() === 'default') {
600             $submit.val(Drupal.t('Apply (all displays)'));
601           } else if ($this.val() === 'default_revert') {
602             $submit.val(Drupal.t('Revert to default'));
603           } else {
604             $submit.val(Drupal.t('Apply (this display)'));
605           }
606           var $dialog = $context.closest('.ui-dialog-content');
607           $dialog.trigger('dialogButtonsChange');
608         }).trigger('change');
609       });
610     }
611   };
612
613   Drupal.behaviors.viewsUiHandlerRemoveLink = {
614     attach: function attach(context) {
615       var $context = $(context);
616
617       $context.find('a.views-remove-link').once('views').on('click', function (event) {
618         var id = $(this).attr('id').replace('views-remove-link-', '');
619         $context.find('#views-row-' + id).hide();
620         $context.find('#views-removed-' + id).prop('checked', true);
621         event.preventDefault();
622       });
623
624       $context.find('a.display-remove-link').once('display').on('click', function (event) {
625         var id = $(this).attr('id').replace('display-remove-link-', '');
626         $context.find('#display-row-' + id).hide();
627         $context.find('#display-removed-' + id).prop('checked', true);
628         event.preventDefault();
629       });
630     }
631   };
632 })(jQuery, Drupal, drupalSettings);