www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/settings_tray/js/settings_tray.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) {
   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]';
  14
  15   function preventClick(event) {
  16     if ($(event.target).closest('.contextual-links').length) {
  17       return;
  18     }
  19     event.preventDefault();
  20   }
  21
  22   function closeToolbarTrays() {
  23     $(Drupal.toolbar.models.toolbarModel.get('activeTab')).trigger('click');
  24   }
  25
  26   function disableQuickEdit() {
  27     $('.quickedit-toolbar button.action-cancel').trigger('click');
  28   }
  29
  30   function closeOffCanvas() {
  31     $('.ui-dialog-off-canvas .ui-dialog-titlebar-close').trigger('click');
  32   }
  33
  34   function getItemsToToggle() {
  35     return $(itemsToToggleSelector).not(contextualItemsSelector);
  36   }
  37
  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');
  41     }
  42     editMode = !!editMode;
  43     var $editButton = $(toggleEditSelector);
  44     var $editables = void 0;
  45
  46     if (editMode) {
  47       $editButton.text(Drupal.t('Editing'));
  48       closeToolbarTrays();
  49
  50       $editables = $('[data-drupal-settingstray="editable"]').once('settingstray');
  51       if ($editables.length) {
  52         document.querySelector('[data-off-canvas-main-canvas]').addEventListener('click', preventClick, true);
  53
  54         $editables.not(contextualItemsSelector).on('click.settingstray', function (e) {
  55           if ($(e.target).closest('.contextual').length || !localStorage.getItem('Drupal.contextualToolbar.isViewing')) {
  56             return;
  57           }
  58           $(e.currentTarget).find(blockConfigureSelector).trigger('click');
  59           disableQuickEdit();
  60         });
  61         $(quickEditItemSelector).not(contextualItemsSelector).on('click.settingstray', function (e) {
  62           if (!$(e.target).parent().hasClass('contextual') || $(e.target).parent().hasClass('quickedit')) {
  63             closeOffCanvas();
  64           }
  65
  66           if ($(e.target).parent().hasClass('contextual') || $(e.target).parent().hasClass('quickedit')) {
  67             return;
  68           }
  69           $(e.currentTarget).find('li.quickedit a').trigger('click');
  70         });
  71       }
  72     } else {
  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');
  78         }
  79
  80         $editButton.text(Drupal.t('Edit'));
  81         closeOffCanvas();
  82         disableQuickEdit();
  83       }
  84     getItemsToToggle().toggleClass('js-settings-tray-edit-mode', editMode);
  85     $('.edit-mode-inactive').toggleClass('visually-hidden', editMode);
  86   }
  87
  88   function isInEditMode() {
  89     return $('#toolbar-bar').hasClass('js-settings-tray-edit-mode');
  90   }
  91
  92   function toggleEditMode() {
  93     setEditModeState(!isInEditMode());
  94   }
  95
  96   $(document).on('drupalContextualLinkAdded', function (event, data) {
  97     $('body').once('settings_tray.edit_mode_init').each(function () {
  98       var editMode = localStorage.getItem('Drupal.contextualToolbar.isViewing') === 'false';
  99       if (editMode) {
 100         setEditModeState(true);
 101       }
 102     });
 103
 104     Drupal.attachBehaviors(data.$el[0]);
 105
 106     data.$el.find(blockConfigureSelector).on('click.settingstray', function () {
 107       if (!isInEditMode()) {
 108         $(toggleEditSelector).trigger('click').trigger('click.settings_tray');
 109       }
 110
 111       disableQuickEdit();
 112     });
 113   });
 114
 115   $(document).on('keyup.settingstray', function (e) {
 116     if (isInEditMode() && e.keyCode === 27) {
 117       Drupal.announce(Drupal.t('Exited edit mode.'));
 118       toggleEditMode();
 119     }
 120   });
 121
 122   Drupal.behaviors.toggleEditMode = {
 123     attach: function attach() {
 124       $(toggleEditSelector).once('settingstray').on('click.settingstray', toggleEditMode);
 125
 126       Drupal.ajax.instances.filter(function (instance) {
 127         return instance && $(instance.element).attr('data-dialog-renderer') === 'off_canvas';
 128       }).forEach(function (instance) {
 129         if (!('dialogOptions' in instance.options.data)) {
 130           instance.options.data.dialogOptions = {};
 131         }
 132         instance.options.data.dialogOptions.settingsTrayActiveEditableId = $(instance.element).parents('.settings-tray-editable').attr('id');
 133         instance.progress = { type: 'fullscreen' };
 134       });
 135     }
 136   };
 137
 138   $(window).on({
 139     'dialog:beforecreate': function dialogBeforecreate(event, dialog, $element, settings) {
 140       if ($element.is('#drupal-off-canvas')) {
 141         $('body .settings-tray-active-editable').removeClass('settings-tray-active-editable');
 142         var $activeElement = $('#' + settings.settingsTrayActiveEditableId);
 143         if ($activeElement.length) {
 144           $activeElement.addClass('settings-tray-active-editable');
 145         }
 146       }
 147     },
 148     'dialog:beforeclose': function dialogBeforeclose(event, dialog, $element) {
 149       if ($element.is('#drupal-off-canvas')) {
 150         $('body .settings-tray-active-editable').removeClass('settings-tray-active-editable');
 151       }
 152     }
 153   });
 154 })(jQuery, Drupal);