2 * DO NOT EDIT THIS FILE.
3 * See the following change record for more information,
4 * https://www.drupal.org/node/2815083
8 (function ($, Drupal) {
9 var blockConfigureSelector = '[data-settings-tray-edit]';
10 var toggleEditSelector = '[data-drupal-settingstray="toggle"]';
11 var itemsToToggleSelector = '[data-off-canvas-main-canvas], #toolbar-bar, [data-drupal-settingstray="editable"] a, [data-drupal-settingstray="editable"] button';
12 var contextualItemsSelector = '[data-contextual-id] a, [data-contextual-id] button';
13 var quickEditItemSelector = '[data-quickedit-entity-id]';
15 function preventClick(event) {
16 if ($(event.target).closest('.contextual-links').length) {
19 event.preventDefault();
22 function closeToolbarTrays() {
23 $(Drupal.toolbar.models.toolbarModel.get('activeTab')).trigger('click');
26 function disableQuickEdit() {
27 $('.quickedit-toolbar button.action-cancel').trigger('click');
30 function closeOffCanvas() {
31 $('.ui-dialog-off-canvas .ui-dialog-titlebar-close').trigger('click');
34 function getItemsToToggle() {
35 return $(itemsToToggleSelector).not(contextualItemsSelector);
38 function setEditModeState(editMode) {
39 if (!document.querySelector('[data-off-canvas-main-canvas]')) {
40 throw new Error('data-off-canvas-main-canvas is missing from settings-tray-page-wrapper.html.twig');
42 editMode = !!editMode;
43 var $editButton = $(toggleEditSelector);
44 var $editables = void 0;
47 $editButton.text(Drupal.t('Editing'));
50 $editables = $('[data-drupal-settingstray="editable"]').once('settingstray');
51 if ($editables.length) {
52 document.querySelector('[data-off-canvas-main-canvas]').addEventListener('click', preventClick, true);
54 $editables.not(contextualItemsSelector).on('click.settingstray', function (e) {
55 if ($(e.target).closest('.contextual').length || !localStorage.getItem('Drupal.contextualToolbar.isViewing')) {
58 $(e.currentTarget).find(blockConfigureSelector).trigger('click');
61 $(quickEditItemSelector).not(contextualItemsSelector).on('click.settingstray', function (e) {
62 if (!$(e.target).parent().hasClass('contextual') || $(e.target).parent().hasClass('quickedit')) {
66 if ($(e.target).parent().hasClass('contextual') || $(e.target).parent().hasClass('quickedit')) {
69 $(e.currentTarget).find('li.quickedit a').trigger('click');
73 $editables = $('[data-drupal-settingstray="editable"]').removeOnce('settingstray');
74 if ($editables.length) {
75 document.querySelector('[data-off-canvas-main-canvas]').removeEventListener('click', preventClick, true);
76 $editables.off('.settingstray');
77 $(quickEditItemSelector).off('.settingstray');
80 $editButton.text(Drupal.t('Edit'));
84 getItemsToToggle().toggleClass('js-settings-tray-edit-mode', editMode);
85 $('.edit-mode-inactive').toggleClass('visually-hidden', editMode);
88 function isInEditMode() {
89 return $('#toolbar-bar').hasClass('js-settings-tray-edit-mode');
92 function toggleEditMode() {
93 setEditModeState(!isInEditMode());
96 function prepareAjaxLinks() {
97 Drupal.ajax.instances.filter(function (instance) {
98 return instance && $(instance.element).attr('data-dialog-renderer') === 'off_canvas';
99 }).forEach(function (instance) {
100 if (!instance.options.data.hasOwnProperty('dialogOptions')) {
101 instance.options.data.dialogOptions = {};
103 instance.options.data.dialogOptions.settingsTrayActiveEditableId = $(instance.element).parents('.settings-tray-editable').attr('id');
104 instance.progress = { type: 'fullscreen' };
108 $(document).on('drupalContextualLinkAdded', function (event, data) {
111 $('body').once('settings_tray.edit_mode_init').each(function () {
112 var editMode = localStorage.getItem('Drupal.contextualToolbar.isViewing') === 'false';
114 setEditModeState(true);
118 data.$el.find(blockConfigureSelector).on('click.settingstray', function () {
119 if (!isInEditMode()) {
120 $(toggleEditSelector).trigger('click').trigger('click.settings_tray');
127 $(document).on('keyup.settingstray', function (e) {
128 if (isInEditMode() && e.keyCode === 27) {
129 Drupal.announce(Drupal.t('Exited edit mode.'));
134 Drupal.behaviors.toggleEditMode = {
135 attach: function attach() {
136 $(toggleEditSelector).once('settingstray').on('click.settingstray', toggleEditMode);
141 'dialog:beforecreate': function dialogBeforecreate(event, dialog, $element, settings) {
142 if ($element.is('#drupal-off-canvas')) {
143 $('body .settings-tray-active-editable').removeClass('settings-tray-active-editable');
144 var $activeElement = $('#' + settings.settingsTrayActiveEditableId);
145 if ($activeElement.length) {
146 $activeElement.addClass('settings-tray-active-editable');
150 'dialog:beforeclose': function dialogBeforeclose(event, dialog, $element) {
151 if ($element.is('#drupal-off-canvas')) {
152 $('body .settings-tray-active-editable').removeClass('settings-tray-active-editable');