123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342 |
- /**
- * @file
- * Webform node form interface enhancements.
- */
- (function ($) {
- "use strict";
- Drupal.behaviors.webformAdmin = {};
- Drupal.behaviors.webformAdmin.attach = function (context) {
- // On click or change, make a parent radio button selected.
- Drupal.webform.setActive(context);
- Drupal.webform.updateTemplate(context);
- // Update the template select list upon changing a template.
- // Select all link for file extensions.
- Drupal.webform.selectCheckboxesLink(context);
- // Enhance the normal tableselect.js file to support indentations.
- Drupal.webform.tableSelectIndentation(context);
- // Automatically download exports if available.
- Drupal.webform.downloadExport(context);
- // Enhancements for the conditionals administrative page.
- Drupal.webform.conditionalAdmin(context);
- // Trigger radio/checkbox change when label click automatically selected by
- // browser.
- Drupal.webform.radioLabelAutoClick(context);
- };
- Drupal.webform = Drupal.webform || {};
- Drupal.webform.setActive = function (context) {
- $('.webform-inline-radio', context).click(function (e) {
- $(this).closest('.form-type-radio').find('input[type=radio]').webformProp('checked', true);
- });
- $('.webform-set-active', context).change(function (e) {
- if ($(this).val()) {
- $(this).closest('.form-type-radio').find('input[type=radio]').webformProp('checked', true);
- }
- e.preventDefault();
- });
- // Firefox improperly selects the parent radio button when clicking inside
- // a label that contains an input field. The only way of preventing this
- // currently is to remove the "for" attribute on the label.
- // See https://bugzilla.mozilla.org/show_bug.cgi?id=213519.
- if (navigator.userAgent.match(/Firefox/)) {
- $('.webform-inline-radio', context).removeAttr('for');
- }
- };
- // Update e-mail templates between default and custom.
- Drupal.webform.updateTemplate = function (context) {
- var defaultTemplate = $('#edit-templates-default').val();
- var $templateSelect = $('#webform-template-fieldset select#edit-template-option', context);
- var $templateTextarea = $('#webform-template-fieldset textarea:visible', context);
- var updateTemplateSelect = function () {
- if ($(this).val() == defaultTemplate) {
- $templateSelect.val('default');
- }
- else {
- $templateSelect.val('custom');
- }
- };
- var updateTemplateText = function () {
- if ($(this).val() == 'default' && $templateTextarea.val() != defaultTemplate) {
- if (confirm(Drupal.settings.webform.revertConfirm)) {
- $templateTextarea.val(defaultTemplate);
- }
- else {
- $(this).val('custom');
- }
- }
- };
- $templateTextarea.keyup(updateTemplateSelect);
- $templateSelect.change(updateTemplateText);
- };
- Drupal.webform.selectCheckboxesLink = function (context) {
- function selectCheckboxes() {
- var group = this.className.replace(/.*?webform-select-link-([^ ]*).*/, '$1');
- var $checkboxes = $('.webform-select-group-' + group + ' input[type=checkbox]');
- var reverseCheck = !$checkboxes[0].checked;
- $checkboxes.each(function () {
- this.checked = reverseCheck;
- });
- $checkboxes.trigger('change');
- return false;
- }
- $('a.webform-select-link', context).click(selectCheckboxes);
- };
- Drupal.webform.tableSelectIndentation = function (context) {
- var $tables = $('th.select-all', context).parents('table');
- $tables.find('input.form-checkbox').change(function () {
- var $rows = $(this).parents('table:first').find('tr');
- var row = $(this).parents('tr:first').get(0);
- var rowNumber = $rows.index(row);
- var rowTotal = $rows.size();
- var indentLevel = $(row).find('div.indentation').size();
- for (var n = rowNumber + 1; n < rowTotal; n++) {
- if ($rows.eq(n).find('div.indentation').size() <= indentLevel) {
- break;
- }
- $rows.eq(n).find('input.form-checkbox').webformProp('checked', this.checked);
- }
- });
- };
- /**
- * Attach behaviors for Webform results download page.
- */
- Drupal.webform.downloadExport = function (context) {
- if (context === document && Drupal.settings && Drupal.settings.webformExport && document.cookie.match(/webform_export_info=1/)) {
- window.location = Drupal.settings.webformExport;
- delete Drupal.settings.webformExport;
- }
- };
- /**
- * Attach behaviors for Webform conditional administration.
- */
- Drupal.webform.conditionalAdmin = function (context) {
- var $context = $(context);
- // Bind to the entire form and allow events to bubble-up from elements. This
- // saves a lot of processing when new conditions are added/removed.
- $context.find('#webform-conditionals-ajax:not(.webform-conditional-processed)')
- .addClass('webform-conditional-processed')
- .bind('change', function (e) {
- var $target = $(e.target);
- if ($target.is('.webform-conditional-source select')) {
- Drupal.webform.conditionalSourceChange.apply(e.target);
- }
- if ($target.is('.webform-conditional-operator select')) {
- Drupal.webform.conditionalOperatorChange.apply(e.target);
- }
- if ($target.is('.webform-conditional-andor select')) {
- Drupal.webform.conditionalAndOrChange.apply(e.target);
- }
- if ($target.is('.webform-conditional-action select')) {
- Drupal.webform.conditionalActionChange.apply(e.target);
- }
- });
- // Add event handlers to delete the entire row if the last rule or action is removed.
- $context.find('.webform-conditional-rule-remove:not(.webform-conditional-processed)').bind('click', function () {
- this.webformRemoveClass = '.webform-conditional-rule-remove';
- window.setTimeout($.proxy(Drupal.webform.conditionalRemove, this), 100);
- }).addClass('webform-conditional-processed');
- $context.find('.webform-conditional-action-remove:not(.webform-conditional-processed)').bind('click', function () {
- this.webformRemoveClass = '.webform-conditional-action-remove';
- window.setTimeout($.proxy(Drupal.webform.conditionalRemove, this), 100);
- }).addClass('webform-conditional-processed');
- // Trigger default handlers on the source element, this in turn will trigger
- // the operator handlers.
- $context.find('.webform-conditional-source select').trigger('change');
- // Trigger defaults handlers on the action element.
- $context.find('.webform-conditional-action select').trigger('change');
- // When adding a new table row, make it draggable and hide the weight column.
- if ($context.is('tr.ajax-new-content') && $context.find('.webform-conditional').length === 1) {
- Drupal.tableDrag['webform-conditionals-table'].makeDraggable($context[0]);
- $context.find('.webform-conditional-weight').closest('td').addClass('tabledrag-hide');
- if ($.cookie('Drupal.tableDrag.showWeight') !== '1') {
- Drupal.tableDrag['webform-conditionals-table'].hideColumns();
- }
- $context.removeClass('ajax-new-content');
- }
- };
- /**
- * Event callback for the remove button next to an individual rule.
- */
- Drupal.webform.conditionalRemove = function () {
- // See if there are any remaining rules in this element.
- var rowCount = $(this).parents('.webform-conditional:first').find(this.webformRemoveClass).length;
- if (rowCount <= 1) {
- var $tableRow = $(this).parents('tr:first');
- var $table = $('#webform-conditionals-table');
- if ($tableRow.length && $table.length) {
- $tableRow.remove();
- Drupal.webform.restripeTable($table[0]);
- }
- }
- };
- /**
- * Event callback to update the list of operators after a source change.
- */
- Drupal.webform.conditionalSourceChange = function () {
- var source = $(this).val();
- var dataType = Drupal.settings.webform.conditionalValues.sources[source]['data_type'];
- var $operator = $(this).parents('.webform-conditional-rule:first').find('.webform-conditional-operator select');
- // Store a the original list of all operators for all data types in the select
- // list DOM element.
- if (!$operator[0]['webformConditionalOriginal']) {
- $operator[0]['webformConditionalOriginal'] = $operator[0].innerHTML;
- }
- // Reference the original list to create a new list matching the data type.
- var $originalList = $($operator[0]['webformConditionalOriginal']);
- var $newList = $originalList.filter('optgroup[label=' + dataType + ']');
- var newHTML = $newList[0].innerHTML;
- // Update the options and fire the change event handler on the list to update
- // the value field, only if the options have changed. This avoids resetting
- // existing selections.
- if (newHTML != $operator.html()) {
- $operator.html(newHTML);
- }
- // Trigger the change in case the source component changed from one select
- // component to another.
- $operator.trigger('change');
- };
- /**
- * Event callback to update the value field after an operator change.
- */
- Drupal.webform.conditionalOperatorChange = function () {
- var source = $(this).parents('.webform-conditional-rule:first').find('.webform-conditional-source select').val();
- var dataType = Drupal.settings.webform.conditionalValues.sources[source]['data_type'];
- var operator = $(this).val();
- var $value = $(this).parents('.webform-conditional-rule:first').find('.webform-conditional-value');
- var name = $value.find('input, select, textarea').attr('name');
- var originalValue = false;
- // Given the dataType and operator, we can determine the form key.
- var formKey = Drupal.settings.webform.conditionalValues.operators[dataType][operator]['form'];
- var formSource = typeof Drupal.settings.webform.conditionalValues.forms[formKey] == 'undefined' ? false : source;
- // On initial request, save the default field as printed on the original page.
- if (!$value[0]['webformConditionalOriginal']) {
- $value[0]['webformConditionalOriginal'] = $value[0].innerHTML;
- originalValue = $value.find('input:first').val();
- }
- // On changes to an existing operator, check if the form key is different
- // (and any per-source form, such as a select option list) before replacing
- // the form with an identical version.
- else if ($value[0]['webformConditionalFormKey'] == formKey && $value[0]['webformConditionalFormSource'] == formSource) {
- return;
- }
- // Store the current form key for checking the next time the operator changes.
- $value[0]['webformConditionalFormKey'] = formKey;
- $value[0]['webformConditionalFormSource'] = formSource;
- // If using the default (a textfield), restore the original field.
- if (formKey === 'default') {
- $value[0].innerHTML = $value[0]['webformConditionalOriginal'];
- }
- // If the operator does not need a source value (i.e. is empty), hide it.
- else if (formKey === false) {
- $value[0].innerHTML = '<input type="text" value="" style="display: none;" >';
- }
- // If there is a per-source form for this operator (e.g. option lists), use
- // the specialized value form.
- else if (typeof Drupal.settings.webform.conditionalValues.forms[formKey] == 'object') {
- $value[0].innerHTML = Drupal.settings.webform.conditionalValues.forms[formKey][source];
- }
- // Otherwise all the sources use a generic field (e.g. a text field).
- else {
- $value[0].innerHTML = Drupal.settings.webform.conditionalValues.forms[formKey];
- }
- // Set the name attribute to match the original placeholder field.
- var $firstElement = $value.find('input, select, textarea').filter(':first');
- $firstElement.attr('name', name);
- if (originalValue) {
- $firstElement.val(originalValue);
- }
- };
- /**
- * Event callback to make sure all group and/or operators match.
- */
- Drupal.webform.conditionalAndOrChange = function () {
- var rid = this.getAttribute('data-rid');
- var text = $(this).find('option:selected').text();
- $(this).parents('.webform-conditional:first').find('.webform-conditional-andor div[data-rid="' + rid + '"]').text(text);
- };
- /**
- * Event callback to show argument only for appropriate actions.
- */
- Drupal.webform.conditionalActionChange = function () {
- var action = $(this).val();
- var $argument = $(this).parents('.webform-conditional-condition:first').find('.webform-conditional-argument input');
- var isShown = $argument.is(':visible');
- switch (action) {
- case 'show':
- case 'require':
- if (isShown) {
- $argument.hide();
- }
- break;
- case 'set':
- if (!isShown) {
- $argument.show();
- }
- break;
- }
- };
- /**
- * Triggers a change event when a label receives a click.
- *
- * When the browser automatically selects a radio button when it's label is
- * clicked, the FAPI states jQuery code doesn't receive an event. This function
- * ensures that automatically-selected radio buttons keep in sync with the
- * FAPI states.
- */
- Drupal.webform.radioLabelAutoClick = function (context) {
- $('label').once('webform-label').click(function () {
- $(this).prev('input:radio').change();
- });
- };
- /**
- * Make a prop shim for jQuery < 1.9.
- */
- $.fn.webformProp = $.fn.webformProp || function (name, value) {
- if (value) {
- return $.fn.prop ? this.prop(name, true) : this.attr(name, true);
- }
- else {
- return $.fn.prop ? this.prop(name, false) : this.removeAttr(name);
- }
- };
- })(jQuery);
|