X-Git-Url: http://aleph1.co.uk/gitweb/?a=blobdiff_plain;f=web%2Fcore%2Fmisc%2Fdialog%2Fdialog.position.js;h=843bf3b249ef95b78c5b720bdf881a874ae69787;hb=0bf8d09d2542548982e81a441b1f16e75873a04f;hp=e3c058f8440aa25d9aa31508a3088cecca3d2e9a;hpb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;p=yaffs-website diff --git a/web/core/misc/dialog/dialog.position.js b/web/core/misc/dialog/dialog.position.js index e3c058f84..843bf3b24 100644 --- a/web/core/misc/dialog/dialog.position.js +++ b/web/core/misc/dialog/dialog.position.js @@ -1,53 +1,42 @@ /** - * @file - * Positioning extensions for dialogs. - */ - -/** - * Triggers when content inside a dialog changes. - * - * @event dialogContentResize - */ +* DO NOT EDIT THIS FILE. +* See the following change record for more information, +* https://www.drupal.org/node/2815083 +* @preserve +**/ (function ($, Drupal, drupalSettings, debounce, displace) { + drupalSettings.dialog = $.extend({ autoResize: true, maxHeight: '95%' }, drupalSettings.dialog); - 'use strict'; + function resetPosition(options) { + var offsets = displace.offsets; + var left = offsets.left - offsets.right; + var top = offsets.top - offsets.bottom; - // autoResize option will turn off resizable and draggable. - drupalSettings.dialog = $.extend({autoResize: true, maxHeight: '95%'}, drupalSettings.dialog); + var leftString = (left > 0 ? '+' : '-') + Math.abs(Math.round(left / 2)) + 'px'; + var topString = (top > 0 ? '+' : '-') + Math.abs(Math.round(top / 2)) + 'px'; + options.position = { + my: 'center' + (left !== 0 ? leftString : '') + ' center' + (top !== 0 ? topString : ''), + of: window + }; + return options; + } - /** - * Resets the current options for positioning. - * - * This is used as a window resize and scroll callback to reposition the - * jQuery UI dialog. Although not a built-in jQuery UI option, this can - * be disabled by setting autoResize: false in the options array when creating - * a new {@link Drupal.dialog}. - * - * @function Drupal.dialog~resetSize - * - * @param {jQuery.Event} event - * The event triggered. - * - * @fires event:dialogContentResize - */ function resetSize(event) { var positionOptions = ['width', 'height', 'minWidth', 'minHeight', 'maxHeight', 'maxWidth', 'position']; var adjustedOptions = {}; var windowHeight = $(window).height(); - var option; - var optionValue; - var adjustedValue; + var option = void 0; + var optionValue = void 0; + var adjustedValue = void 0; for (var n = 0; n < positionOptions.length; n++) { option = positionOptions[n]; optionValue = event.data.settings[option]; if (optionValue) { - // jQuery UI does not support percentages on heights, convert to pixels. if (typeof optionValue === 'string' && /%$/.test(optionValue) && /height/i.test(option)) { - // Take offsets in account. windowHeight -= displace.offsets.top + displace.offsets.bottom; adjustedValue = parseInt(0.01 * parseInt(optionValue, 10) * windowHeight, 10); - // Don't force the dialog to be bigger vertically than needed. + if (option === 'height' && event.data.$element.parent().outerHeight() < adjustedValue) { adjustedValue = 'auto'; } @@ -55,58 +44,26 @@ } } } - // Offset the dialog center to be at the center of Drupal.displace.offsets. + if (!event.data.settings.modal) { adjustedOptions = resetPosition(adjustedOptions); } - event.data.$element - .dialog('option', adjustedOptions) - .trigger('dialogContentResize'); - } - - /** - * Position the dialog's center at the center of displace.offsets boundaries. - * - * @function Drupal.dialog~resetPosition - * - * @param {object} options - * Options object. - * - * @return {object} - * Altered options object. - */ - function resetPosition(options) { - var offsets = displace.offsets; - var left = offsets.left - offsets.right; - var top = offsets.top - offsets.bottom; - - var leftString = (left > 0 ? '+' : '-') + Math.abs(Math.round(left / 2)) + 'px'; - var topString = (top > 0 ? '+' : '-') + Math.abs(Math.round(top / 2)) + 'px'; - options.position = { - my: 'center' + (left !== 0 ? leftString : '') + ' center' + (top !== 0 ? topString : ''), - of: window - }; - return options; + event.data.$element.dialog('option', adjustedOptions).trigger('dialogContentResize'); } $(window).on({ - 'dialog:aftercreate': function (event, dialog, $element, settings) { + 'dialog:aftercreate': function dialogAftercreate(event, dialog, $element, settings) { var autoResize = debounce(resetSize, 20); - var eventData = {settings: settings, $element: $element}; + var eventData = { settings: settings, $element: $element }; if (settings.autoResize === true || settings.autoResize === 'true') { - $element - .dialog('option', {resizable: false, draggable: false}) - .dialog('widget').css('position', 'fixed'); - $(window) - .on('resize.dialogResize scroll.dialogResize', eventData, autoResize) - .trigger('resize.dialogResize'); + $element.dialog('option', { resizable: false, draggable: false }).dialog('widget').css('position', 'fixed'); + $(window).on('resize.dialogResize scroll.dialogResize', eventData, autoResize).trigger('resize.dialogResize'); $(document).on('drupalViewportOffsetChange.dialogResize', eventData, autoResize); } }, - 'dialog:beforeclose': function (event, dialog, $element) { + 'dialog:beforeclose': function dialogBeforeclose(event, dialog, $element) { $(window).off('.dialogResize'); $(document).off('.dialogResize'); } }); - -})(jQuery, Drupal, drupalSettings, Drupal.debounce, Drupal.displace); +})(jQuery, Drupal, drupalSettings, Drupal.debounce, Drupal.displace); \ No newline at end of file