www.aleph1.co.uk Git - yaffs-website/blob - web/core/misc/dialog/dialog.position.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, debounce, displace) {
   9   drupalSettings.dialog = $.extend({ autoResize: true, maxHeight: '95%' }, drupalSettings.dialog);
  10
  11   function resetSize(event) {
  12     var positionOptions = ['width', 'height', 'minWidth', 'minHeight', 'maxHeight', 'maxWidth', 'position'];
  13     var adjustedOptions = {};
  14     var windowHeight = $(window).height();
  15     var option = void 0;
  16     var optionValue = void 0;
  17     var adjustedValue = void 0;
  18     for (var n = 0; n < positionOptions.length; n++) {
  19       option = positionOptions[n];
  20       optionValue = event.data.settings[option];
  21       if (optionValue) {
  22         if (typeof optionValue === 'string' && /%$/.test(optionValue) && /height/i.test(option)) {
  23           windowHeight -= displace.offsets.top + displace.offsets.bottom;
  24           adjustedValue = parseInt(0.01 * parseInt(optionValue, 10) * windowHeight, 10);
  25
  26           if (option === 'height' && event.data.$element.parent().outerHeight() < adjustedValue) {
  27             adjustedValue = 'auto';
  28           }
  29           adjustedOptions[option] = adjustedValue;
  30         }
  31       }
  32     }
  33
  34     if (!event.data.settings.modal) {
  35       adjustedOptions = resetPosition(adjustedOptions);
  36     }
  37     event.data.$element.dialog('option', adjustedOptions).trigger('dialogContentResize');
  38   }
  39
  40   function resetPosition(options) {
  41     var offsets = displace.offsets;
  42     var left = offsets.left - offsets.right;
  43     var top = offsets.top - offsets.bottom;
  44
  45     var leftString = (left > 0 ? '+' : '-') + Math.abs(Math.round(left / 2)) + 'px';
  46     var topString = (top > 0 ? '+' : '-') + Math.abs(Math.round(top / 2)) + 'px';
  47     options.position = {
  48       my: 'center' + (left !== 0 ? leftString : '') + ' center' + (top !== 0 ? topString : ''),
  49       of: window
  50     };
  51     return options;
  52   }
  53
  54   $(window).on({
  55     'dialog:aftercreate': function dialogAftercreate(event, dialog, $element, settings) {
  56       var autoResize = debounce(resetSize, 20);
  57       var eventData = { settings: settings, $element: $element };
  58       if (settings.autoResize === true || settings.autoResize === 'true') {
  59         $element.dialog('option', { resizable: false, draggable: false }).dialog('widget').css('position', 'fixed');
  60         $(window).on('resize.dialogResize scroll.dialogResize', eventData, autoResize).trigger('resize.dialogResize');
  61         $(document).on('drupalViewportOffsetChange.dialogResize', eventData, autoResize);
  62       }
  63     },
  64     'dialog:beforeclose': function dialogBeforeclose(event, dialog, $element) {
  65       $(window).off('.dialogResize');
  66       $(document).off('.dialogResize');
  67     }
  68   });
  69 })(jQuery, Drupal, drupalSettings, Drupal.debounce, Drupal.displace);