142 lines
4.1 KiB
JavaScript
142 lines
4.1 KiB
JavaScript
/**
|
|
* @file
|
|
* Javascript behaviors for webforms.
|
|
*/
|
|
|
|
(function ($, Drupal) {
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* Autofocus first input.
|
|
*
|
|
* @type {Drupal~behavior}
|
|
*
|
|
* @prop {Drupal~behaviorAttach} attach
|
|
* Attaches the behavior for the webform autofocusing.
|
|
*/
|
|
Drupal.behaviors.webformAutofocus = {
|
|
attach: function (context) {
|
|
$(context).find('.webform-submission-form.js-webform-autofocus :input:visible:enabled:first').focus();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Prevent webform autosubmit on wizard pages.
|
|
*
|
|
* @type {Drupal~behavior}
|
|
*
|
|
* @prop {Drupal~behaviorAttach} attach
|
|
* Attaches the behavior for disabling webform autosubmit.
|
|
*/
|
|
Drupal.behaviors.webformDisableAutoSubmit = {
|
|
attach: function (context) {
|
|
// @see http://stackoverflow.com/questions/11235622/jquery-disable-form-submit-on-enter
|
|
$(context).find('.webform-submission-form.js-webform-disable-autosubmit input').once('webform-disable-autosubmit').on('keyup keypress', function (e) {
|
|
var keyCode = e.keyCode || e.which;
|
|
if (keyCode === 13) {
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Skip client-side validation when submit button is pressed.
|
|
*
|
|
* @type {Drupal~behavior}
|
|
*
|
|
* @prop {Drupal~behaviorAttach} attach
|
|
* Attaches the behavior for the skipping client-side validation.
|
|
*/
|
|
Drupal.behaviors.webformSubmitNoValidate = {
|
|
attach: function (context) {
|
|
$(context).find('input:submit.js-webform-novalidate').once('webform-novalidate').on('click', function () {
|
|
$(this.form).attr('novalidate', 'novalidate');
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Disable validate when save draft submit button is clicked.
|
|
*
|
|
* @type {Drupal~behavior}
|
|
*
|
|
* @prop {Drupal~behaviorAttach} attach
|
|
* Attaches the behavior for the webform draft submit button.
|
|
*/
|
|
Drupal.behaviors.webformDraft = {
|
|
attach: function (context) {
|
|
$(context).find('#edit-draft').once('webform-draft').on('click', function () {
|
|
$(this.form).attr('novalidate', 'novalidate');
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Filters the webform element list by a text input search string.
|
|
*
|
|
* The text input will have the selector `input.webform-form-filter-text`.
|
|
*
|
|
* The target element to do searching in will be in the selector
|
|
* `input.webform-form-filter-text[data-element]`
|
|
*
|
|
* The text source where the text should be found will have the selector
|
|
* `.webform-form-filter-text-source`
|
|
*
|
|
* @type {Drupal~behavior}
|
|
*
|
|
* @prop {Drupal~behaviorAttach} attach
|
|
* Attaches the behavior for the webform element filtering.
|
|
*/
|
|
Drupal.behaviors.webformFilterByText = {
|
|
attach: function (context, settings) {
|
|
var $input = $('input.webform-form-filter-text').once('webform-form-filter-text');
|
|
var $table = $($input.attr('data-element'));
|
|
var $filter_rows;
|
|
|
|
/**
|
|
* Filters the webform element list.
|
|
*
|
|
* @param {jQuery.Event} e
|
|
* The jQuery event for the keyup event that triggered the filter.
|
|
*/
|
|
function filterElementList(e) {
|
|
var query = $(e.target).val().toLowerCase();
|
|
|
|
/**
|
|
* Shows or hides the webform element entry based on the query.
|
|
*
|
|
* @param {number} index
|
|
* The index in the loop, as provided by `jQuery.each`
|
|
* @param {HTMLElement} label
|
|
* The label of the webform.
|
|
*/
|
|
function toggleEntry(index, label) {
|
|
var $label = $(label);
|
|
var $row = $label.parent().parent();
|
|
var textMatch = $label.text().toLowerCase().indexOf(query) !== -1;
|
|
$row.toggle(textMatch);
|
|
}
|
|
|
|
// Filter if the length of the query is at least 2 characters.
|
|
if (query.length >= 2) {
|
|
$filter_rows.each(toggleEntry);
|
|
}
|
|
else {
|
|
$filter_rows.each(function (index) {
|
|
$(this).parent().parent().show();
|
|
});
|
|
}
|
|
}
|
|
|
|
if ($table.length) {
|
|
$filter_rows = $table.find('div.webform-form-filter-text-source');
|
|
$input.on('keyup', filterElementList);
|
|
}
|
|
}
|
|
};
|
|
|
|
})(jQuery, Drupal);
|