Update Composer, update everything
This commit is contained in:
Oliver Davies
parent
ea3e94409f
commit
dda5c284b6
19527 changed files with 1135420 additions and 351004 deletions
|
|
@ -1,12 +1,206 @@
|
|||
/**
|
||||
* @file
|
||||
* Javascript behaviors for AJAX.
|
||||
* JavaScript behaviors for Ajax.
|
||||
*/
|
||||
|
||||
(function ($, Drupal) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Drupal.webform = Drupal.webform || {};
|
||||
Drupal.webform.ajax = Drupal.webform.ajax || {};
|
||||
// Allow scrollTopOffset to be custom defined or based on whether there is a
|
||||
// floating toolbar.
|
||||
Drupal.webform.ajax.scrollTopOffset = Drupal.webform.ajax.scrollTopOffset || ($('#toolbar-administration').length ? 140 : 10);
|
||||
|
||||
/**
|
||||
* Provide Webform Ajax link behavior.
|
||||
*
|
||||
* Display fullscreen progress indicator instead of throbber.
|
||||
* Copied from: Drupal.behaviors.AJAX
|
||||
*
|
||||
* @type {Drupal~behavior}
|
||||
*
|
||||
* @prop {Drupal~behaviorAttach} attach
|
||||
* Attaches the behavior to a.webform-ajax-link.
|
||||
*/
|
||||
Drupal.behaviors.webformAjaxLink = {
|
||||
attach: function (context) {
|
||||
$('.webform-ajax-link', context).once('webform-ajax-link').each(function () {
|
||||
var element_settings = {};
|
||||
element_settings.progress = {type: 'fullscreen'};
|
||||
|
||||
// For anchor tags, these will go to the target of the anchor rather
|
||||
// than the usual location.
|
||||
var href = $(this).attr('href');
|
||||
if (href) {
|
||||
element_settings.url = href;
|
||||
element_settings.event = 'click';
|
||||
}
|
||||
element_settings.dialogType = $(this).data('dialog-type');
|
||||
element_settings.dialogRenderer = $(this).data('dialog-renderer');
|
||||
element_settings.dialog = $(this).data('dialog-options');
|
||||
element_settings.base = $(this).attr('id');
|
||||
element_settings.element = this;
|
||||
Drupal.ajax(element_settings);
|
||||
|
||||
// Close all open modal dialogs when opening off-canvas dialog.
|
||||
if (element_settings.dialogRenderer === 'off_canvas') {
|
||||
$(this).on('click', function () {
|
||||
$('.ui-dialog.webform-ui-dialog:visible').find('.ui-dialog-content').dialog('close');
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Adds a hash (#) to current pages location for links and buttons
|
||||
*
|
||||
* @type {Drupal~behavior}
|
||||
*
|
||||
* @prop {Drupal~behaviorAttach} attach
|
||||
* Attaches the behavior to a[data-hash] or :button[data-hash].
|
||||
*
|
||||
* @see \Drupal\webform_ui\WebformUiEntityElementsForm::getElementRow
|
||||
* @see Drupal.behaviors.webformFormTabs
|
||||
*/
|
||||
Drupal.behaviors.webformAjaxHash = {
|
||||
attach: function (context) {
|
||||
$('[data-hash]', context).once('webform-ajax-hash').each(function () {
|
||||
var hash = $(this).data('hash');
|
||||
if (hash) {
|
||||
$(this).on('click', function () {
|
||||
location.hash = $(this).data('hash');
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Provide Ajax callback for confirmation back to link.
|
||||
*
|
||||
* @type {Drupal~behavior}
|
||||
*
|
||||
* @prop {Drupal~behaviorAttach} attach
|
||||
* Attaches the behavior to confirmation back to link.
|
||||
*/
|
||||
Drupal.behaviors.webformConfirmationBackAjax = {
|
||||
attach: function (context) {
|
||||
$('.js-webform-confirmation-back-link-ajax', context)
|
||||
.once('webform-confirmation-back-ajax')
|
||||
.click(function (event) {
|
||||
var $form = $(this).parents('form');
|
||||
|
||||
// Trigger the Ajax call back for the hidden submit button.
|
||||
// @see \Drupal\webform\WebformSubmissionForm::getCustomForm
|
||||
$form.find('.js-webform-confirmation-back-submit-ajax').click();
|
||||
|
||||
// Move the progress indicator from the submit button to after this link.
|
||||
// @todo Figure out a better way to set a progress indicator.
|
||||
var $progress_indicator = $form.find('.ajax-progress');
|
||||
if ($progress_indicator) {
|
||||
$(this).after($progress_indicator);
|
||||
}
|
||||
|
||||
// Cancel the click event.
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/** ********************************************************************** **/
|
||||
// Ajax commands.
|
||||
/** ********************************************************************** **/
|
||||
|
||||
/**
|
||||
* Track the updated table row key.
|
||||
*/
|
||||
var updateKey;
|
||||
|
||||
/**
|
||||
* Track the add element key.
|
||||
*/
|
||||
var addElement;
|
||||
|
||||
/**
|
||||
* Command to insert new content into the DOM.
|
||||
*
|
||||
* @param {Drupal.Ajax} ajax
|
||||
* {@link Drupal.Ajax} object created by {@link Drupal.ajax}.
|
||||
* @param {object} response
|
||||
* The response from the Ajax request.
|
||||
* @param {string} response.data
|
||||
* The data to use with the jQuery method.
|
||||
* @param {string} [response.method]
|
||||
* The jQuery DOM manipulation method to be used.
|
||||
* @param {string} [response.selector]
|
||||
* A optional jQuery selector string.
|
||||
* @param {object} [response.settings]
|
||||
* An optional array of settings that will be used.
|
||||
* @param {number} [status]
|
||||
* The XMLHttpRequest status.
|
||||
*/
|
||||
Drupal.AjaxCommands.prototype.webformInsert = function (ajax, response, status) {
|
||||
// Insert the HTML.
|
||||
this.insert(ajax, response, status);
|
||||
|
||||
// Add element.
|
||||
if (addElement) {
|
||||
var addSelector = (addElement === '_root_')
|
||||
? '#webform-ui-add-element'
|
||||
: '[data-drupal-selector="edit-webform-ui-elements-' + addElement + '-add"]';
|
||||
$(addSelector).click();
|
||||
}
|
||||
|
||||
// If not add element, then scroll to and highlight the updated table row.
|
||||
if (!addElement && updateKey) {
|
||||
var $element = $('tr[data-webform-key="' + updateKey + '"]');
|
||||
|
||||
// Highlight the updated element's row.
|
||||
$element.addClass('color-success');
|
||||
setTimeout(function () {$element.removeClass('color-success');}, 3000);
|
||||
|
||||
// Focus first tabbable item for the updated elements and handlers.
|
||||
$element.find(':tabbable:not(.tabledrag-handle)').eq(0).focus();
|
||||
|
||||
// Scroll to elements that are not visible.
|
||||
if (!isScrolledIntoView($element)) {
|
||||
$('html, body').animate({scrollTop: $element.offset().top - Drupal.webform.ajax.scrollTopOffset}, 500);
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Focus main content.
|
||||
$('#main-content').focus();
|
||||
}
|
||||
|
||||
// Display main page's status message in a floating container.
|
||||
var $wrapper = $(response.selector);
|
||||
if ($wrapper.parents('.ui-dialog').length === 0) {
|
||||
var $messages = $wrapper.find('.messages');
|
||||
// If 'add element' don't show any messages.
|
||||
if (addElement) {
|
||||
$messages.remove();
|
||||
}
|
||||
else if ($messages.length) {
|
||||
var $floatingMessage = $('#webform-ajax-messages');
|
||||
if ($floatingMessage.length === 0) {
|
||||
$floatingMessage = $('<div id="webform-ajax-messages" class="webform-ajax-messages"></div>');
|
||||
$('body').append($floatingMessage);
|
||||
}
|
||||
if ($floatingMessage.is(':animated')) {
|
||||
$floatingMessage.stop(true, true);
|
||||
}
|
||||
$floatingMessage.html($messages).show().delay(3000).fadeOut(1000);
|
||||
}
|
||||
}
|
||||
|
||||
updateKey = null; // Reset element update.
|
||||
addElement = null; // Reset add element.
|
||||
};
|
||||
|
||||
/**
|
||||
* Scroll to top ajax command.
|
||||
*
|
||||
|
|
@ -17,7 +211,7 @@
|
|||
* @param {string} response.selector
|
||||
* Selector to use.
|
||||
*
|
||||
* @see Drupal.AjaxCommands.prototype.webformScrollTop
|
||||
* @see Drupal.AjaxCommands.prototype.viewScrollTop
|
||||
*/
|
||||
Drupal.AjaxCommands.prototype.webformScrollTop = function (ajax, response) {
|
||||
// Scroll to the top of the view. This will allow users
|
||||
|
|
@ -32,10 +226,141 @@
|
|||
while ($(scrollTarget).scrollTop() === 0 && $(scrollTarget).parent()) {
|
||||
scrollTarget = $(scrollTarget).parent();
|
||||
}
|
||||
// Only scroll upward.
|
||||
if (offset.top - 10 < $(scrollTarget).scrollTop()) {
|
||||
$(scrollTarget).animate({scrollTop: (offset.top - 10)}, 500);
|
||||
|
||||
if (response.target === 'page' && $(scrollTarget).length && $(scrollTarget)[0].tagName === 'HTML') {
|
||||
// Scroll to top when scroll target is the entire page.
|
||||
// @see https://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
|
||||
var rect = $(scrollTarget)[0].getBoundingClientRect();
|
||||
if (!(rect.top >= 0 && rect.left >= 0 && rect.bottom <= $(window).height() && rect.right <= $(window).width())) {
|
||||
$(scrollTarget).animate({scrollTop: 0}, 500);
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Only scroll upward.
|
||||
if (offset.top - Drupal.webform.ajax.scrollTopOffset < $(scrollTarget).scrollTop()) {
|
||||
$(scrollTarget).animate({scrollTop: (offset.top - Drupal.webform.ajax.scrollTopOffset)}, 500);
|
||||
}
|
||||
}
|
||||
|
||||
// Focus on the form wrapper content bookmark if
|
||||
// .js-webform-autofocus is not enabled.
|
||||
// @see \Drupal\webform\Form\WebformAjaxFormTrait::buildAjaxForm
|
||||
var $form = $(response.selector + '-content').find('form');
|
||||
if (!$form.hasClass('js-webform-autofocus')) {
|
||||
$(response.selector + '-content').focus();
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Command to refresh the current webform page.
|
||||
*
|
||||
* @param {Drupal.Ajax} [ajax]
|
||||
* {@link Drupal.Ajax} object created by {@link Drupal.ajax}.
|
||||
* @param {object} response
|
||||
* The response from the Ajax request.
|
||||
* @param {string} response.url
|
||||
* The URL to redirect to.
|
||||
* @param {number} [status]
|
||||
* The XMLHttpRequest status.
|
||||
*/
|
||||
Drupal.AjaxCommands.prototype.webformRefresh = function (ajax, response, status) {
|
||||
// Get URL path name.
|
||||
// @see https://stackoverflow.com/questions/6944744/javascript-get-portion-of-url-path
|
||||
var a = document.createElement('a');
|
||||
a.href = response.url;
|
||||
if (a.pathname === window.location.pathname && $('.webform-ajax-refresh').length) {
|
||||
updateKey = (response.url.match(/[?|&]update=([^&]+)($|&)/)) ? RegExp.$1 : null;
|
||||
addElement = (response.url.match(/[?|&]add_element=([^&]+)($|&)/)) ? RegExp.$1 : null;
|
||||
$('.webform-ajax-refresh').click();
|
||||
}
|
||||
else {
|
||||
this.redirect(ajax, response, status);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Command to close a off-canvas and modal dialog.
|
||||
*
|
||||
* If no selector is given, it defaults to trying to close the modal.
|
||||
*
|
||||
* @param {Drupal.Ajax} [ajax]
|
||||
* {@link Drupal.Ajax} object created by {@link Drupal.ajax}.
|
||||
* @param {object} response
|
||||
* The response from the Ajax request.
|
||||
* @param {string} response.selector
|
||||
* Selector to use.
|
||||
* @param {bool} response.persist
|
||||
* Whether to persist the dialog element or not.
|
||||
* @param {number} [status]
|
||||
* The HTTP status code.
|
||||
*/
|
||||
Drupal.AjaxCommands.prototype.webformCloseDialog = function (ajax, response, status) {
|
||||
if ($('#drupal-off-canvas').length) {
|
||||
// Close off-canvas system tray which is not triggered by close dialog
|
||||
// command.
|
||||
// @see Drupal.behaviors.offCanvasEvents
|
||||
$('#drupal-off-canvas').remove();
|
||||
$('body').removeClass('js-tray-open');
|
||||
// Remove all *.off-canvas events
|
||||
$(document).off('.off-canvas');
|
||||
$(window).off('.off-canvas');
|
||||
var edge = document.documentElement.dir === 'rtl' ? 'left' : 'right';
|
||||
var $mainCanvasWrapper = $('[data-off-canvas-main-canvas]');
|
||||
$mainCanvasWrapper.css('padding-' + edge, 0);
|
||||
|
||||
// Resize tabs when closing off-canvas system tray.
|
||||
$(window).trigger('resize.tabs');
|
||||
}
|
||||
|
||||
// https://stackoverflow.com/questions/15763909/jquery-ui-dialog-check-if-exists-by-instance-method
|
||||
if ($(response.selector).hasClass('ui-dialog-content')) {
|
||||
this.closeDialog(ajax, response, status);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Triggers audio UAs to read the supplied text.
|
||||
*
|
||||
* @param {Drupal.Ajax} [ajax]
|
||||
* A {@link Drupal.ajax} object.
|
||||
* @param {object} response
|
||||
* Ajax response.
|
||||
* @param {string} response.text
|
||||
* A string to be read by the UA.
|
||||
* @param {string} [response.priority='polite']
|
||||
* A string to indicate the priority of the message. Can be either
|
||||
* 'polite' or 'assertive'.
|
||||
*
|
||||
* @see Drupal.announce
|
||||
*/
|
||||
Drupal.AjaxCommands.prototype.webformAnnounce = function (ajax, response) {
|
||||
// Delay the announcement.
|
||||
setTimeout(function () {Drupal.announce(response.text, response.priority);}, 200);
|
||||
};
|
||||
|
||||
/** ********************************************************************** **/
|
||||
// Helper functions.
|
||||
/** ********************************************************************** **/
|
||||
|
||||
/**
|
||||
* Determine if element is visible in the viewport.
|
||||
*
|
||||
* @param {Element} element
|
||||
* An element.
|
||||
*
|
||||
* @return {boolean}
|
||||
* TRUE if element is visible in the viewport.
|
||||
*
|
||||
* @see https://stackoverflow.com/questions/487073/check-if-element-is-visible-after-scrolling
|
||||
*/
|
||||
function isScrolledIntoView(element) {
|
||||
var docViewTop = $(window).scrollTop();
|
||||
var docViewBottom = docViewTop + $(window).height();
|
||||
|
||||
var elemTop = $(element).offset().top;
|
||||
var elemBottom = elemTop + $(element).height();
|
||||
|
||||
return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
|
||||
}
|
||||
|
||||
})(jQuery, Drupal);
|
||||
|
|
|
|||
Reference in a new issue