500 lines
15 KiB
JavaScript
500 lines
15 KiB
JavaScript
|
|
var __gf_timeout_handle;
|
|
|
|
gform.addAction( 'gform_input_change', function( elem, formId, fieldId ) {
|
|
if( window.gf_form_conditional_logic ) {
|
|
var dependentFieldIds = rgars( gf_form_conditional_logic, [ formId, 'fields', gformExtractFieldId( fieldId ) ].join( '/' ) );
|
|
if( dependentFieldIds ) {
|
|
gf_apply_rules( formId, dependentFieldIds );
|
|
}
|
|
}
|
|
}, 10 );
|
|
|
|
function gf_apply_rules(formId, fields, isInit){
|
|
var rule_applied = 0;
|
|
jQuery(document).trigger( 'gform_pre_conditional_logic', [ formId, fields, isInit ] );
|
|
for(var i=0; i < fields.length; i++){
|
|
gf_apply_field_rule(formId, fields[i], isInit, function(){
|
|
rule_applied++;
|
|
if(rule_applied == fields.length){
|
|
jQuery(document).trigger('gform_post_conditional_logic', [formId, fields, isInit]);
|
|
if(window["gformCalculateTotalPrice"])
|
|
window["gformCalculateTotalPrice"](formId);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function gf_check_field_rule(formId, fieldId, isInit, callback){
|
|
|
|
//if conditional logic is not specified for that field, it is supposed to be displayed
|
|
if(!window["gf_form_conditional_logic"] || !window["gf_form_conditional_logic"][formId] || !window["gf_form_conditional_logic"][formId]["logic"][fieldId])
|
|
return "show";
|
|
|
|
var conditionalLogic = window["gf_form_conditional_logic"][formId]["logic"][fieldId];
|
|
var action = gf_get_field_action(formId, conditionalLogic["section"]);
|
|
|
|
//If section is hidden, always hide field. If section is displayed, see if field is supposed to be displayed or hidden
|
|
if(action != "hide")
|
|
action = gf_get_field_action(formId, conditionalLogic["field"]);
|
|
|
|
return action;
|
|
}
|
|
|
|
function gf_apply_field_rule(formId, fieldId, isInit, callback){
|
|
|
|
var action = gf_check_field_rule(formId, fieldId, isInit, callback);
|
|
|
|
gf_do_field_action(formId, action, fieldId, isInit, callback);
|
|
|
|
var conditionalLogic = window["gf_form_conditional_logic"][formId]["logic"][fieldId];
|
|
//perform conditional logic for the next button
|
|
if(conditionalLogic["nextButton"]){
|
|
action = gf_get_field_action(formId, conditionalLogic["nextButton"]);
|
|
gf_do_next_button_action(formId, action, fieldId, isInit);
|
|
}
|
|
|
|
}
|
|
|
|
function gf_get_field_action(formId, conditionalLogic){
|
|
if(!conditionalLogic)
|
|
return "show";
|
|
|
|
var matches = 0;
|
|
for(var i = 0; i < conditionalLogic["rules"].length; i++){
|
|
var rule = conditionalLogic["rules"][i];
|
|
if(gf_is_match(formId, rule))
|
|
matches++;
|
|
}
|
|
|
|
var action;
|
|
if( (conditionalLogic["logicType"] == "all" && matches == conditionalLogic["rules"].length) || (conditionalLogic["logicType"] == "any" && matches > 0) )
|
|
action = conditionalLogic["actionType"];
|
|
else
|
|
action = conditionalLogic["actionType"] == "show" ? "hide" : "show";
|
|
|
|
return action;
|
|
}
|
|
|
|
function gf_is_match( formId, rule ) {
|
|
|
|
var $ = jQuery,
|
|
inputId = rule['fieldId'],
|
|
fieldId = gformExtractFieldId( inputId ),
|
|
inputIndex = gformExtractInputIndex( inputId ),
|
|
isInputSpecific = inputIndex !== false,
|
|
$inputs;
|
|
|
|
if( isInputSpecific ) {
|
|
$inputs = $( '#input_{0}_{1}_{2}'.format( formId, fieldId, inputIndex ) );
|
|
} else {
|
|
$inputs = $( 'input[id="input_{0}_{1}"], input[id^="input_{0}_{1}_"], input[id^="choice_{0}_{1}_"], select#input_{0}_{1}, textarea#input_{0}_{1}'.format( formId, rule.fieldId ) );
|
|
}
|
|
|
|
var isCheckable = $.inArray( $inputs.attr( 'type' ), [ 'checkbox', 'radio' ] ) !== -1,
|
|
isMatch = isCheckable ? gf_is_match_checkable( $inputs, rule, formId, fieldId ) : gf_is_match_default( $inputs.eq( 0 ), rule, formId, fieldId );
|
|
|
|
return gform.applyFilters( 'gform_is_value_match', isMatch, formId, rule );
|
|
}
|
|
|
|
function gf_is_match_checkable( $inputs, rule, formId, fieldId ) {
|
|
|
|
var isMatch = false;
|
|
|
|
$inputs.each( function() {
|
|
|
|
var $input = jQuery( this ),
|
|
fieldValue = gf_get_value( $input.val() ),
|
|
isRangeOperator = jQuery.inArray( rule.operator, [ '<', '>' ] ) !== -1,
|
|
isStringOperator = jQuery.inArray( rule.operator, [ 'contains', 'starts_with', 'ends_with' ] ) !== -1;
|
|
|
|
// if we are looking for a specific value and this is not it, skip
|
|
if( fieldValue != rule.value && ! isRangeOperator && ! isStringOperator ) {
|
|
return; // continue
|
|
}
|
|
|
|
// force an empty value for unchecked items
|
|
if( ! $input.is( ':checked' ) ) {
|
|
fieldValue = '';
|
|
}
|
|
// if the 'other' choice is selected, get the value from the 'other' text input
|
|
else if ( fieldValue == 'gf_other_choice' ) {
|
|
fieldValue = $( '#input_{0}_{1}_other'.format( formId, fieldId ) ).val();
|
|
}
|
|
|
|
if( gf_matches_operation( fieldValue, rule.value, rule.operator ) ) {
|
|
isMatch = true;
|
|
return false; // break
|
|
}
|
|
|
|
} );
|
|
|
|
return isMatch;
|
|
}
|
|
|
|
function gf_is_match_default( $input, rule, formId, fieldId ) {
|
|
|
|
var val = $input.val(),
|
|
values = ( val instanceof Array ) ? val : [ val ], // transform regular value into array to support multi-select (which returns an array of selected items)
|
|
matchCount = 0;
|
|
|
|
for( var i = 0; i < values.length; i++ ) {
|
|
|
|
// fields with pipes in the value will use the label for conditional logic comparison
|
|
var hasLabel = values[i] ? values[i].indexOf( '|' ) >= 0 : true,
|
|
fieldValue = gf_get_value( values[i] );
|
|
|
|
var fieldNumberFormat = gf_get_field_number_format( rule.fieldId, formId, 'value' );
|
|
if( fieldNumberFormat && ! hasLabel ) {
|
|
fieldValue = gf_format_number( fieldValue, fieldNumberFormat );
|
|
}
|
|
|
|
var ruleValue = rule.value;
|
|
//if ( fieldNumberFormat ) {
|
|
// ruleValue = gf_format_number( ruleValue, fieldNumberFormat );
|
|
//}
|
|
|
|
if( gf_matches_operation( fieldValue, ruleValue, rule.operator ) ) {
|
|
matchCount++;
|
|
}
|
|
|
|
}
|
|
|
|
// if operator is 'isnot', none of the values can match
|
|
var isMatch = rule.operator == 'isnot' ? matchCount == values.length : matchCount > 0;
|
|
|
|
return isMatch;
|
|
}
|
|
|
|
function gf_format_number( value, fieldNumberFormat ) {
|
|
|
|
decimalSeparator = '.';
|
|
|
|
if( fieldNumberFormat == 'currency' ) {
|
|
decimalSeparator = gformGetDecimalSeparator( 'currency' );
|
|
} else if( fieldNumberFormat == 'decimal_comma' ) {
|
|
decimalSeparator = ',';
|
|
} else if( fieldNumberFormat == 'decimal_dot' ) {
|
|
decimalSeparator = '.';
|
|
}
|
|
|
|
// transform to a decimal dot number
|
|
value = gformCleanNumber( value, '', '', decimalSeparator );
|
|
|
|
/**
|
|
* Looking at format specified by wp locale creates issues. When performing conditional logic, all numbers will be formatted to decimal dot and then compared that way. AC
|
|
*/
|
|
// now transform to number specified by locale
|
|
// if( window['gf_number_format'] && window['gf_number_format'] == 'decimal_comma' ) {
|
|
// value = gformFormatNumber( value, -1, ',', '.' );
|
|
// }
|
|
|
|
if( ! value ) {
|
|
value = 0;
|
|
}
|
|
|
|
number = value.toString();
|
|
|
|
return number;
|
|
}
|
|
|
|
function gf_try_convert_float(text){
|
|
|
|
/*
|
|
* The only format that should matter is the field format. Attempting to do this by WP locale creates a lot of issues with consistency.
|
|
* var format = window["gf_number_format"] == "decimal_comma" ? "decimal_comma" : "decimal_dot";
|
|
*/
|
|
|
|
var format = 'decimal_dot';
|
|
if( gformIsNumeric( text, format ) ) {
|
|
var decimal_separator = format == "decimal_comma" ? "," : ".";
|
|
return gformCleanNumber( text, "", "", decimal_separator );
|
|
}
|
|
|
|
return text;
|
|
}
|
|
|
|
function gf_matches_operation(val1, val2, operation){
|
|
val1 = val1 ? val1.toLowerCase() : "";
|
|
val2 = val2 ? val2.toLowerCase() : "";
|
|
|
|
switch(operation){
|
|
case "is" :
|
|
return val1 == val2;
|
|
break;
|
|
|
|
case "isnot" :
|
|
return val1 != val2;
|
|
break;
|
|
|
|
case ">" :
|
|
val1 = gf_try_convert_float(val1);
|
|
val2 = gf_try_convert_float(val2);
|
|
|
|
return gformIsNumber(val1) && gformIsNumber(val2) ? val1 > val2 : false;
|
|
break;
|
|
|
|
case "<" :
|
|
val1 = gf_try_convert_float(val1);
|
|
val2 = gf_try_convert_float(val2);
|
|
|
|
return gformIsNumber(val1) && gformIsNumber(val2) ? val1 < val2 : false;
|
|
break;
|
|
|
|
case "contains" :
|
|
return val1.indexOf(val2) >=0;
|
|
break;
|
|
|
|
case "starts_with" :
|
|
return val1.indexOf(val2) ==0;
|
|
break;
|
|
|
|
case "ends_with" :
|
|
var start = val1.length - val2.length;
|
|
if(start < 0)
|
|
return false;
|
|
|
|
var tail = val1.substring(start);
|
|
return val2 == tail;
|
|
break;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function gf_get_value(val){
|
|
if(!val)
|
|
return "";
|
|
|
|
val = val.split("|");
|
|
return val[0];
|
|
}
|
|
|
|
function gf_do_field_action(formId, action, fieldId, isInit, callback){
|
|
var conditional_logic = window["gf_form_conditional_logic"][formId];
|
|
var dependent_fields = conditional_logic["dependents"][fieldId];
|
|
|
|
for(var i=0; i < dependent_fields.length; i++){
|
|
var targetId = fieldId == 0 ? "#gform_submit_button_" + formId : "#field_" + formId + "_" + dependent_fields[i];
|
|
var defaultValues = conditional_logic["defaults"][dependent_fields[i]];
|
|
|
|
//calling callback function on the last dependent field, to make sure it is only called once
|
|
do_callback = (i+1) == dependent_fields.length ? callback : null;
|
|
|
|
gf_do_action(action, targetId, conditional_logic["animation"], defaultValues, isInit, do_callback, formId);
|
|
|
|
gform.doAction('gform_post_conditional_logic_field_action', formId, action, targetId, defaultValues, isInit);
|
|
}
|
|
}
|
|
|
|
function gf_do_next_button_action(formId, action, fieldId, isInit){
|
|
var conditional_logic = window["gf_form_conditional_logic"][formId];
|
|
var targetId = "#gform_next_button_" + formId + "_" + fieldId;
|
|
|
|
gf_do_action(action, targetId, conditional_logic["animation"], null, isInit, null, formId);
|
|
}
|
|
|
|
function gf_do_action(action, targetId, useAnimation, defaultValues, isInit, callback, formId){
|
|
|
|
var $target = jQuery( targetId );
|
|
|
|
/**
|
|
* Do not re-enable inputs that are disabled by default. Check if field's inputs have been assessed. If not, add
|
|
* designator class so these inputs are exempted below.
|
|
*/
|
|
if( ! $target.data( 'gf-disabled-assessed' ) ) {
|
|
$target.find( 'input:hidden:disabled' ).addClass( 'gf-default-disabled' );
|
|
$target.data( 'gf-disabled-assessed', true );
|
|
}
|
|
|
|
if(action == "show"){
|
|
|
|
// reset tabindex for selects
|
|
$target.find( 'select' ).each( function() {
|
|
$select = jQuery( this );
|
|
$select.attr( 'tabindex', $select.data( 'tabindex' ) );
|
|
} );
|
|
|
|
if(useAnimation && !isInit){
|
|
if($target.length > 0){
|
|
$target.find('input:hidden:not(.gf-default-disabled)').prop( 'disabled', false );
|
|
$target.slideDown(callback);
|
|
} else if(callback){
|
|
callback();
|
|
}
|
|
}
|
|
else{
|
|
|
|
var display = $target.data('gf_display');
|
|
|
|
//defaults to list-item if previous (saved) display isn't set for any reason
|
|
if ( display == '' || display == 'none' ){
|
|
display = 'list-item';
|
|
}
|
|
$target.find('input:hidden:not(.gf-default-disabled)').prop( 'disabled', false );
|
|
$target.css('display', display);
|
|
|
|
if(callback){
|
|
callback();
|
|
}
|
|
}
|
|
}
|
|
else{
|
|
|
|
//if field is not already hidden, reset its values to the default
|
|
var child = $target.children().first();
|
|
if (child.length > 0){
|
|
var reset = gform.applyFilters('gform_reset_pre_conditional_logic_field_action', true, formId, targetId, defaultValues, isInit);
|
|
|
|
if(reset && !gformIsHidden(child)){
|
|
gf_reset_to_default(targetId, defaultValues);
|
|
}
|
|
}
|
|
|
|
// remove tabindex and stash as a data attr for selects
|
|
$target.find( 'select' ).each( function() {
|
|
$select = jQuery( this );
|
|
$select.data( 'tabindex', $select.attr( 'tabindex' ) ).removeAttr( 'tabindex' );
|
|
} );
|
|
|
|
//Saving existing display so that it can be reset when showing the field
|
|
if( ! $target.data('gf_display') ){
|
|
$target.data('gf_display', $target.css('display'));
|
|
}
|
|
|
|
if(useAnimation && !isInit){
|
|
if($target.length > 0 && $target.is(":visible")) {
|
|
$target.slideUp(callback);
|
|
} else if(callback) {
|
|
callback();
|
|
}
|
|
} else{
|
|
$target.hide();
|
|
$target.find('input:hidden').prop( 'disabled', true );
|
|
if(callback){
|
|
callback();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function gf_reset_to_default(targetId, defaultValue){
|
|
|
|
var dateFields = jQuery( targetId ).find( '.gfield_date_month input, .gfield_date_day input, .gfield_date_year input, .gfield_date_dropdown_month select, .gfield_date_dropdown_day select, .gfield_date_dropdown_year select' );
|
|
if( dateFields.length > 0 ) {
|
|
|
|
dateFields.each( function(){
|
|
|
|
var element = jQuery( this );
|
|
|
|
// defaultValue is associative array (i.e. [ m: 1, d: 13, y: 1987 ] )
|
|
if( defaultValue ) {
|
|
|
|
var key = 'd';
|
|
if (element.parents().hasClass('gfield_date_month') || element.parents().hasClass('gfield_date_dropdown_month') ){
|
|
key = 'm';
|
|
}
|
|
else if(element.parents().hasClass('gfield_date_year') || element.parents().hasClass('gfield_date_dropdown_year') ){
|
|
key = 'y';
|
|
}
|
|
|
|
val = defaultValue[ key ];
|
|
|
|
}
|
|
else{
|
|
val = "";
|
|
}
|
|
|
|
if(element.prop("tagName") == "SELECT" && val != '' )
|
|
val = parseInt(val);
|
|
|
|
|
|
if(element.val() != val)
|
|
element.val(val).trigger("change");
|
|
else
|
|
element.val(val);
|
|
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
//cascading down conditional logic to children to suppport nested conditions
|
|
//text fields and drop downs, filter out list field text fields name with "_shim"
|
|
var target = jQuery(targetId).find('select, input[type="text"]:not([id*="_shim"]), input[type="number"], textarea');
|
|
|
|
var target_index = 0;
|
|
|
|
target.each(function(){
|
|
var val = "";
|
|
|
|
var element = jQuery(this);
|
|
|
|
//get name of previous input field to see if it is the radio button which goes with the "Other" text box
|
|
//otherwise field is populated with input field name
|
|
var radio_button_name = element.prev("input").attr("value");
|
|
if(radio_button_name == "gf_other_choice"){
|
|
val = element.attr("value");
|
|
}
|
|
else if(jQuery.isArray(defaultValue)){
|
|
val = defaultValue[target_index];
|
|
}
|
|
else if(jQuery.isPlainObject(defaultValue)){
|
|
val = defaultValue[element.attr("name")];
|
|
if( ! val ) {
|
|
// 'input_123_3_1' => '3.1'
|
|
var inputId = element.attr( 'id' ).split( '_' ).slice( 2 ).join( '.' );
|
|
val = defaultValue[ inputId ];
|
|
}
|
|
}
|
|
else if(defaultValue){
|
|
val = defaultValue;
|
|
}
|
|
|
|
if( element.is('select:not([multiple])') && ! val ) {
|
|
val = element.find( 'option' ).not( ':disabled' ).eq(0).val();
|
|
}
|
|
|
|
if(element.val() != val) {
|
|
element.val(val).trigger('change');
|
|
if (element.is('select') && element.next().hasClass('chosen-container')) {
|
|
element.trigger('chosen:updated');
|
|
}
|
|
}
|
|
else{
|
|
element.val(val);
|
|
}
|
|
|
|
|
|
target_index++;
|
|
});
|
|
|
|
//checkboxes and radio buttons
|
|
var elements = jQuery(targetId).find('input[type="radio"], input[type="checkbox"]:not(".copy_values_activated")');
|
|
|
|
elements.each(function(){
|
|
|
|
//is input currently checked?
|
|
var isChecked = jQuery(this).is(':checked') ? true : false;
|
|
|
|
//does input need to be marked as checked or unchecked?
|
|
var doCheck = defaultValue ? jQuery.inArray(jQuery(this).attr('id'), defaultValue) > -1 : false;
|
|
|
|
//if value changed, trigger click event
|
|
if(isChecked != doCheck){
|
|
//setting input as checked or unchecked appropriately
|
|
|
|
if(jQuery(this).attr("type") == "checkbox"){
|
|
jQuery(this).trigger('click');
|
|
}
|
|
else{
|
|
jQuery(this).prop("checked", doCheck);
|
|
|
|
//need to set the prop again after the click is triggered
|
|
jQuery(this).trigger('click').prop('checked', doCheck);
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
}
|