XylotrechusZ
/* eslint-env jquery */
//-------------------------------------------------
// INITIALIZING PAGE
//-------------------------------------------------
jQuery( document ).ready(
function () {
InitializeEditor();
}
);
function InitializeEditor() {
jQuery( '.search-button > input' ).on( 'keyup change click paste', function( e ) {
FieldSearch( this );
addClearButton( this );
} );
jQuery( '.search-button > input' ).on( 'keyup paste', function( e ) {
jQuery( '.sidebar' ).tabs( {
active: 0,
} );
} );
jQuery( '.clear-button' ).on( 'click', function( e ) {
clearInput( this );
} );
jQuery( '.gf-topmenu-dynamic' ).on( 'click', function( e ) {
var position = jQuery( this ).position();
jQuery( '.gf-popover' ).css( 'left', ( position.left + ( jQuery( this ).width() / 2 ) + 6 ) + 'px' );
var currentDisplay = jQuery( '.gf-popover' ).css( 'display' );
jQuery( '.gf-popover' ).css( 'display', ( currentDisplay === 'block' ? 'none' : 'block' ) );
} );
jQuery( '.gf-popover__button' ).on( 'click', function() {
var url = jQuery( this ).data( 'url' );
if ( url !== '' ) {
window.location.href = url;
}
} );
jQuery( document ).on( 'click', function( e ) {
var container = jQuery( ".gf-topmenu-dynamic" );
if ( ! container.is( e.target ) && container.has( e.target ).length === 0 ) {
jQuery( '.gf-popover' ).hide();
}
} );
jQuery( '.add-buttons button' ).each( function() {
var $this = jQuery( this );
var type = $this.attr( 'data-type' );
var onClick = $this.attr( 'onclick' );
if ( typeof type == 'undefined' && onClick ) {
// deprecate buttons without the type data attribute
if ( onClick.indexOf( 'StartAddField' ) > -1 ) {
if ( /StartAddField\([ ]?'(.*?)[ ]?'/.test( onClick ) ) {
type = onClick.match( /'(.*?)'/ )[ 1 ];
$this.data( 'type', type );
}
}
}
if ( typeof type != 'undefined' && ( typeof onClick == 'undefined' || onClick == '') ) {
jQuery( this ).click( function() {
StartAddField( type );
} );
}
} );
jQuery( '#field_choices, #field_columns' ).sortable( {
axis: 'y',
handle: '.field-choice-handle',
update: function( event, ui ) {
var fromIndex = ui.item.data( "index" );
var toIndex = ui.item.index();
MoveFieldChoice( fromIndex, toIndex );
},
} );
jQuery( '.field_input_choices' ).sortable( {
axis: 'y',
handle: '.field-choice-handle',
update: function( event, ui ) {
var fromIndex = ui.item.data( "index" );
var toIndex = ui.item.index();
var inputId = ui.item.data( "input_id" );
var $ul = ui.item.parent();
MoveInputChoice( $ul, inputId, fromIndex, toIndex );
},
} );
if ( typeof gf_global[ 'view' ] == 'undefined' || gf_global[ 'view' ] != 'settings' )
InitializeForm( form );
//for backwards compatibility <1.7
jQuery( document ).trigger( 'gform_load_form_settings', [ form ] );
SetupUnsavedChangesWarning();
//log deprecated events
if ( window.console ) {
var doc = jQuery( document )[ 0 ];
var data = jQuery.hasData( doc ) && jQuery._data( doc );
if ( data ){
var deprecatedEvents = new Array( 'gform_load_form_settings' );
for ( var e in data.events ) {
if ( jQuery.inArray( e, deprecatedEvents ) !== -1 ) {
console.log( 'Gravity Forms API warning: The jQuery event "' + e + '" is deprecated on this page since version 1.7' );
}
}
}
}
// store original value of input before change
jQuery( document ).on( 'focus', '#field_choices input.field-choice-text, #field_choices input.field-choice-value', function() {
jQuery( this ).data( 'previousValue', jQuery( this ).val() );
} );
InitializeFieldSettings();
jQuery( '.sidebar' ).tabs({
activate: function( event, ui ) {
ui.newPanel.css("display","flex");
}
});
jQuery( '#field_settings' ).tabs();
jQuery( '.field_settings' ).accordion( gform.options.jqEditorAccordions );
jQuery( '#add_fields_menu .panel-block-tabs__wrapper' ).accordion( gform.options.jqAddFieldAccordions );
jQuery( '.panel-block-tabs' ).find( '.panel-block-tabs__toggle' ).each( function( i, element ) {
jQuery( element ).append( '<i></i>' );
} );
ResetFieldAccordions();
// Loop keypresses in the field settings area through them, or focus back on the active fields
// settings trigger if esc is used.
jQuery( '.panel-block > .field_settings' ).on( 'keydown', function( e ) {
// esc key, refocus the settings trigger in the editor preview for the active field
if ( e.keyCode === 27 ) {
jQuery( '.gfield.field_selected .gfield-edit').focus();
return;
}
// not tab key, exit
if ( e.keyCode !== 9 ) {
return;
}
// get visible focusable items
var focusable = gform.tools.getFocusable( this );
// store first and last visible item
var firstFocusableEl = focusable[0];
var lastFocusableEl = focusable[ focusable.length - 1 ];
// shiftkey was involved, we're going backwards, focus last el if we are leaving first
if ( e.shiftKey ) /* shift + tab */ {
if (document.activeElement === firstFocusableEl) {
lastFocusableEl.focus();
e.preventDefault();
}
// regular tabbing direction, bring us back to first el at reaching end
} else /* tab */ {
if (document.activeElement === lastFocusableEl) {
firstFocusableEl.focus();
e.preventDefault();
}
}
} );
// Prior to gravityformsppcp 2.3, the PayPal buttons show up in the editor instead of in the sidebar.
jQuery( '#field_submit #gform_ppcp_smart_payment_buttons' ).remove();
}
function InitializeFieldSettings(){
gform.addFilter( 'gform_editor_field_settings', 'hideDefaultMarginOnTopLabelAlignment' );
jQuery('#field_max_file_size').on('input propertychange', function(){
var $this = jQuery(this),
inputValue = parseInt($this.val());
var value = inputValue ? inputValue : '';
SetFieldProperty('maxFileSize', value);
}).on('change', function(){
var field = GetSelectedField();
var value = field.maxFileSize ? field.maxFileSize : '';
var maskedValue = value === '' ? '' : value + "MB";
this.value = maskedValue;
});
jQuery(document).on('input propertychange', '.field_default_value', function(){
SetFieldDefaultValue(this.value);
});
jQuery(document).on('input propertychange', '.field_placeholder, .field_placeholder_textarea', function(){
SetFieldPlaceholder(this.value);
var field = GetSelectedField();
if ( field.label === '' ) {
setFieldError( 'label_setting', 'below' );
if ( this.value !== '' ) {
resetFieldError( 'label_setting' );
}
}
});
jQuery('.field_input_choices')
.on('input propertychange', 'input', function () {
var $li = jQuery(this).closest('li'),
index = $li.data('index'),
inputId = $li.data('input_id'),
value = $li.find('.field-choice-value').val(),
text = $li.find('.field-choice-text').val();
SetInputChoice(inputId, index, value, text);
})
.on('click keypress', 'input:radio, input:checkbox', function () {
var $li = jQuery(this).closest('li'),
index = $li.data('index'),
inputId = $li.data('input_id'),
value = $li.find('.field-choice-value').val(),
text = $li.find('.field-choice-text').val();
SetInputChoice(inputId, index, value, text);
})
.on('click keypress', '.field-input-insert-choice', function () {
var $li = jQuery(this).closest('li'),
$ul = $li.closest('ul'),
index = $li.data('index'),
inputId = $li.data('input_id');
InsertInputChoice($ul, inputId, index + 1);
})
.on('click keypress', '.field-input-delete-choice', function () {
var $li = jQuery(this).closest('li'),
$ul = $li.closest('ul'),
index = $li.data('index'),
inputId = $li.data('input_id');
DeleteInputChoice($ul, inputId, index);
});
jQuery('.field_input_choice_values_enabled').on('click keypress', function(){
var $container = jQuery(this).parent().siblings('.gfield_settings_input_choices_container');
ToggleInputChoiceValue($container, this.checked);
var $ul = $container.find('ul');
SetInputChoices($ul);
});
jQuery('.input_placeholders_setting')
.on('input propertychange', '.input_placeholder', function(){
var inputId = jQuery(this).closest('.input_placeholder_row').data('input_id');
SetInputPlaceholder(this.value, inputId);
})
.on('input propertychange', '#field_single_placeholder', function(){
SetFieldPlaceholder(this.value);
});
//add onclick event to disable placeholder when the rich text editor is on
jQuery('#field_rich_text_editor').on('click keypress', function(){
var field = GetSelectedField();
if (this.checked ){
var disablePlaceHolder = true;
//see if a field is using this in conditional logic and warn it will not work with rich text editor
if ( HasConditionalLogicDependency(field.id,field.value) ){
gform.instances.dialogConfirmAsync(gf_vars.conditionalLogicRichTextEditorWarning).then((confirmed) => {
if (!confirmed) {
jQuery('#field_rich_text_editor').prop('checked', false);
disablePlaceHolder = false;
}
if (disablePlaceHolder) {
jQuery('#field_placeholder, #field_placeholder_textarea').prop('disabled', true);
jQuery('span#placeholder_warning').css('display', 'block');
}
});
}
if (disablePlaceHolder){
jQuery('#field_placeholder, #field_placeholder_textarea').prop('disabled', true);
jQuery('span#placeholder_warning').css('display','block');
}
}
else{
jQuery('#field_placeholder, #field_placeholder_textarea').prop('disabled', false);
jQuery('span#placeholder_warning').css('display','none');
}
});
jQuery('.prepopulate_field_setting')
.on('input propertychange', '.field_input_name', function(){
var inputId = jQuery(this).closest('.field_input_name_row').data('input_id');
SetInputName(this.value, inputId);
})
.on('input propertychange', '#field_input_name', function(){
SetInputName(this.value);
});
jQuery( '.custom_inputs_setting, .custom_inputs_sub_setting, .sub_labels_setting' )
.on( 'change', '.gform-field__toggle-input', function() {
var inputId = jQuery( this ).closest( '.gform-field__toggle' ).data( 'input_id' );
ToggleInputHidden( jQuery( this ), inputId );
} )
.on( 'click', '#field_password_fields_container .gform-field__toggle', function() {
// special handling for the password field checkboxes
var inputId = jQuery( this ).data( 'input_id' );
var toggleInput = jQuery( this ).find( '.gform-field__toggle-input' );
toggleInput[ 0 ].focus();
toggleInput[ 0 ].checked = ! toggleInput[ 0 ].checked;
ToggleInputHidden( toggleInput, inputId );
} )
.on( 'input propertychange', '.field_custom_input_default_label', function() {
var inputId = jQuery( this ).closest( '.field_custom_input_row' ).data( 'input_id' );
SetInputCustomLabel( this.value, inputId );
} )
.on( 'input propertychange', '.field_single_custom_label', function() {
SetInputCustomLabel( this.value );
} );
jQuery('.default_input_values_setting')
.on('input propertychange', '.default_input_value', function(){
var inputId = jQuery(this).closest('.default_input_value_row').data('input_id');
SetInputDefaultValue(this.value, inputId);
})
.on('input', '#field_single_default_value', function(){
SetFieldDefaultValue(this.value);
});
jQuery('.choices_setting, .columns_setting')
.on('blur', '.field-choice-input', function(e){
var $this = jQuery(this);
var li = $this.closest('li.field-choice-row');
var inputType = li.data('input_type');
var i = li.data('index');
SetFieldChoice( inputType, i);
if($this.hasClass('field-choice-text') || $this.hasClass('field-choice-value')){
CheckChoiceConditionalLogicDependency(this);
e.stopPropagation();
} else if ( $this.hasClass( 'field-choice-price' ) ) {
this.value = GetSelectedField().choices[i]["price"]; // Get currency formatted value.
}
});
jQuery('#field_enable_copy_values_option').on('click keypress', function(){
SetCopyValuesOptionProperties(this.checked);
ToggleCopyValuesOption( false );
if(this.checked == false){
ToggleCopyValuesActivated(false);
}
});
jQuery('#field_copy_values_option_label').on('input propertychange', function(){
SetCopyValuesOptionLabel(this.value);
});
jQuery('#field_copy_values_option_field').on('change', function(){
SetFieldProperty('copyValuesOptionField', jQuery(this).val());
});
jQuery('#field_copy_values_option_default').on('change', function(){
SetFieldProperty('copyValuesOptionDefault', this.checked == true ? 1 : 0);
ToggleCopyValuesActivated(this.checked);
});
jQuery('#field_label')
.on('input propertychange', function(){
SetFieldLabel( this.value );
SetAriaLabel( this.value );
if ( this.value !== '' ) {
resetFieldError( 'label_setting' );
ResetFieldAccessibilityWarning( 'label_setting' );
}
})
.on( 'blur', function () {
if ( this.value === '' ) {
setFieldError( 'label_setting', 'below' );
}
} );
jQuery('#submit_text').on('input propertychange', function(){
jQuery('#gform_submit_button_' + form.id ).val( this.value );
});
jQuery('#submit_image').on('input propertychange', function(){
ToggleSubmitType( false );
});
jQuery('#field_description').on('blur', function(){
var field = GetSelectedField();
if ( field.description != this.value ) {
SetFieldDescription(this.value);
RefreshSelectedFieldPreview();
}
if ( field.label === '' ) {
setFieldError( 'label_setting', 'below' );
if ( this.value !== '' ) {
resetFieldError( 'label_setting' );
}
}
});
jQuery( 'input[ name="field_visibility" ]' ).on( 'DOMSubTreeModified change', function() {
var field = GetSelectedField();
SetFieldProperty( 'visibility', this.value );
var hidden_markup = '<div class="admin-hidden-markup"><i class="gform-icon gform-icon--hidden" aria-hidden="true" title="This field is hidden when viewing the form"></i><span>This field is hidden when viewing the form</span></div>';
if ( field[ 'visibility' ] === 'hidden' ) {
jQuery( '#field_' + field.id + ' .gfield_label' ).before( hidden_markup );
jQuery( '#field_' + field.id + ' .gsection_title' ).before( hidden_markup );
jQuery( '#field_' + field.id ).addClass( 'admin-hidden' );
} else {
jQuery( '#field_' + field.id ).removeClass( 'admin-hidden' );
jQuery( '#field_' + field.id + ' .admin-hidden-markup' ).remove();
}
});
jQuery('#field_checkbox_label').on('input propertychange', function(){
var field = GetSelectedField();
if ( field.checkboxLabel != this.value ) {
SetFieldCheckboxLabel(this.value);
RefreshSelectedFieldPreview();
}
});
jQuery('#select_all_text').on('input propertychange', function(){
SetFieldProperty('selectAllText', this.value);
RefreshSelectedFieldPreview();
});
jQuery('#field_content').on('input propertychange', function(){
SetFieldProperty('content', this.value);
});
jQuery('#next_button_text_input, #next_button_image_url').on('input propertychange', function(){
SetPageButton('next');
});
jQuery('#previous_button_image_url, #previous_button_text_input').on('input propertychange', function(){
SetPageButton('previous');
});
jQuery('#field_custom_field_name_text').on('input propertychange', function(){
SetFieldProperty('postCustomFieldName', this.value);
});
jQuery('#field_customfield_content_template').on('input propertychange', function(){
SetCustomFieldTemplate();
});
jQuery('#gfield_calendar_icon_url').on('input propertychange', function(){
SetFieldProperty('calendarIconUrl', this.value);
});
jQuery('#field_max_files').on('input propertychange', function(){
SetFieldProperty('maxFiles', this.value);
});
jQuery('#field_maxrows').on('input propertychange', function(){
SetFieldProperty('maxRows', this.value);
});
jQuery('#field_mask_text').on('input propertychange', function(){
SetFieldProperty('inputMaskValue', this.value);
});
jQuery('#field_file_extension').on('input propertychange', function(){
SetFieldProperty('allowedExtensions', this.value);
});
jQuery('#field_maxlen')
.on('keypress', function(event){
return ValidateKeyPress(event, GetMaxLengthPattern(), false)
})
.on('change keyup', function(){
SetMaxLength(this);
});
jQuery('#field_range_min').on('input propertychange', function(){
SetFieldProperty('rangeMin', this.value);
});
jQuery('#field_range_max').on('input propertychange', function(){
SetFieldProperty('rangeMax', this.value);
});
jQuery('#field_calculation_formula').on('input propertychange', function(){
SetFieldProperty('calculationFormula', this.value.trim());
});
jQuery('#field_error_message').on('input propertychange', function(){
SetFieldProperty('errorMessage', this.value);
});
jQuery( '#field_css_class' ).on( 'focus', function () {
jQuery( this ).data( 'previousClass', this.value );
}).on( 'change', function() {
SetFieldProperty( 'cssClass', this.value );
previousClass = jQuery( this ).data( 'previousClass' );
jQuery( '#field_' + field.id ).removeClass( previousClass ).addClass( this.value );
CheckDeprecatedReadyClass( field );
});
jQuery('#field_admin_label').on('input propertychange', function(){
SetFieldProperty('adminLabel', this.value);
});
jQuery( '.autocomplete_setting' )
.on( 'input propertychange', '.input_autocomplete', function() {
var inputId = jQuery( this ).closest( '.input_autocomplete_row' ).data( 'input_id') ;
SetInputAutocomplete( this.value, inputId );
} )
.on( 'input propertychange', '#field_autocomplete_attribute', function() {
SetFieldProperty( 'autocompleteAttribute', this.value );
});
jQuery('#field_add_icon_url').on('input propertychange', function(){
SetFieldProperty('addIconUrl', this.value);
});
jQuery('#field_delete_icon_url').on('input propertychange', function(){
SetFieldProperty('deleteIconUrl', this.value);
});
jQuery('#choice_min_max').on('input propertychange', function(){
if ( field.type !== 'image_choice' ) {
return;
}
});
}
/**
* Filters out the Hide Default Margins option when labels are top-aligned.
*
* @since 2.5
*
* @param {array} settings The settings for this field.
* @param {array} field The current field.
*
* @return {array}
*/
function hideDefaultMarginOnTopLabelAlignment( settings, field ) {
if ( form[ 'labelPlacement' ] !== 'top_label' ) {
return settings;
}
// Labels are top-aligned; remove the disable margins setting so it doesn't display.
for ( var key in settings ) {
if ( settings[ key ] === '.disable_margins_setting' ) {
settings.splice( key, 1 );
break;
}
}
return settings;
}
function InitializeForm(form){
// Submit button settings.
jQuery( "#submit_text" ).val( form.button.text );
jQuery( "#submit_image" ).val( form.button.imageUrl );
if( form.button.width ) {
jQuery( "#submit_width_" + form.button.width ).prop( 'checked', true );
} else {
jQuery( "#submit_width_auto" ).prop( 'checked', true );
}
if( form.button.location ) {
jQuery( "#submit_location_" + form.button.location ).prop( 'checked', true );
} else {
jQuery( "#submit_location_bottom" ).prop( 'checked', true );
}
if( form.button.type ) {
jQuery( "#submit_type_" + form.button.type ).prop( 'checked', true );
} else {
jQuery( "#submit_type_" ).prop( 'checked', true );
}
if(form.lastPageButton && form.lastPageButton.type === 'image')
jQuery('#last_page_button_image').prop('checked', true);
else if(!form.lastPageButton || form.lastPageButton.type !== 'image')
jQuery('#last_page_button_text').prop('checked', true);
jQuery('#last_page_button_text_input').val(form.lastPageButton ? form.lastPageButton.text : gf_vars['previousLabel']);
jQuery('#last_page_button_image_url').val(form.lastPageButton ? form.lastPageButton.imageUrl : '');
TogglePageButton('last_page', true);
if(form.postStatus)
jQuery('#field_post_status').val(form.postStatus);
if(form.postAuthor)
jQuery('#field_post_author').val(form.postAuthor);
//default to checked
if(form.useCurrentUserAsAuthor === undefined)
form.useCurrentUserAsAuthor = true;
jQuery('#gfield_current_user_as_author').prop('checked', form.useCurrentUserAsAuthor ? true : false);
if(form.postCategory)
jQuery('#field_post_category').val(form.postCategory);
if(form.postFormat)
jQuery('#field_post_format').val(form.postFormat);
if(form.postContentTemplateEnabled){
jQuery('#gfield_post_content_enabled').prop('checked', true);
jQuery('#field_post_content_template').val(form.postContentTemplate);
}
else{
jQuery('#gfield_post_content_enabled').prop('checked', false);
jQuery('#field_post_content_template').val('');
}
TogglePostContentTemplate(true);
if(form.postTitleTemplateEnabled){
jQuery('#gfield_post_title_enabled').prop('checked', true);
jQuery('#field_post_title_template').val(form.postTitleTemplate);
}
else{
jQuery('#gfield_post_title_enabled').prop('checked', false);
jQuery('#field_post_title_template').val('');
}
TogglePostTitleTemplate(true);
jQuery('#gform_pagination, #gform_last_page_settings').on('click', function ( event ) {
FieldClick(this);
event.stopPropagation();
});
jQuery('#gform_fields').on('click', '.gfield', function ( event ) {
FieldClick(this);
event.stopPropagation();
});
var paginationType = form['pagination'] && form['pagination']['type'] ? form['pagination']['type'] : 'percentage';
var paginationSteps = paginationType === 'steps' ? true : false;
var paginationPercentage = paginationType === 'percentage' ? true : false;
var paginationNone = paginationType === 'none' ? true : false;
if(paginationSteps)
jQuery('#pagination_type_steps').prop('checked', true);
else if(paginationPercentage)
jQuery('#pagination_type_percentage').prop('checked', true);
else if(paginationNone)
jQuery('#pagination_type_none').prop('checked', true);
jQuery('#first_page_css_class').val(form['firstPageCssClass']);
TogglePageBreakSettings();
InitPaginationOptions( true );
InitializeFields();
}
function LoadFieldSettings() {
// Loads settings
field = GetSelectedField();
var inputType = GetInputType(field);
// Set the field sidebar message.
setSidebarFieldMessage();
// Reset accessibility warnings
resetAllFieldAccessibilityWarnings();
// Reset errors
resetAllFieldErrors();
// Reset notices
resetAllFieldNotices();
// Reset deprecated ready class notice
resetDeprecatedReadyClassNotice();
jQuery("#field_label").val(field.label);
if (field.type == "html") {
jQuery(".tooltip_form_field_label").hide();
jQuery(".tooltip_form_field_label_html").show();
//jQuery(".tooltip_form_field_label").hide();
} else {
jQuery(".tooltip_form_field_label").show();
jQuery(".tooltip_form_field_label_html").hide();
}
jQuery("#field_admin_label").val(field.adminLabel);
jQuery("#field_content").val(field["content"] == undefined ? "" : field["content"]);
jQuery("#post_custom_field_type").val(field.inputType);
jQuery("#post_tag_type").val(field.inputType);
jQuery("#field_size").val(field.size);
jQuery("#field_required").prop("checked", field.isRequired == true ? true : false);
jQuery("#field_margins").prop("checked", field.disableMargins == true ? true : false);
jQuery("#field_no_duplicates").prop("checked", field.noDuplicates == true ? true : false);
jQuery("#field_default_value").val(field.defaultValue == undefined ? "" : field.defaultValue);
jQuery("#field_default_value_textarea").val(field.defaultValue == undefined ? "" : field.defaultValue);
jQuery("#field_autocomplete_attribute").val(field.autocompleteAttribute);
jQuery("#field_description").val(field.description == undefined ? "" : field.description);
jQuery("#field_description").attr('placeholder', field.descriptionPlaceholder == undefined ? "" : field.descriptionPlaceholder);
jQuery("#field_checkbox_label").val(field.checkboxLabel == undefined ? "" : field.checkboxLabel);
jQuery("#field_css_class").val(field.cssClass == undefined ? "" : field.cssClass);
jQuery("#field_range_min").val(field.rangeMin == undefined || field.rangeMin === false ? "" : field.rangeMin);
jQuery("#field_range_max").val(field.rangeMax == undefined || field.rangeMax === false ? "" : field.rangeMax);
jQuery("#field_name_format").val(field.nameFormat);
jQuery('#field_force_ssl').prop('checked', field.forceSSL ? true : false);
jQuery("#select_all_text").val(field.selectAllText);
if ('' !== field.cssClass) {
CheckDeprecatedReadyClass(field);
}
if (field.useRichTextEditor) {
//disable the placeholder when the rich text editor is checked, show message indicating why disabled
jQuery('#field_placeholder, #field_placeholder_textarea').prop('disabled', true);
jQuery('span#placeholder_warning').css('display', 'block');
//jQuery('span#placeholder_warning').text('Placeholder text is not supported when using the Rich Text Editor.');
} else {
jQuery('#field_placeholder, #field_placeholder_textarea').prop('disabled', false);
jQuery('span#placeholder_warning').css('display', 'none');
//jQuery('span#placeholder_warning').text('');
}
if (typeof field.labelPlacement == 'undefined') {
field.labelPlacement = '';
}
if (typeof field.descriptionPlacement == 'undefined') {
field.descriptionPlacement = '';
}
if (typeof field.subLabelPlacement == 'undefined') {
field.subLabelPlacement = '';
}
jQuery("#field_label_placement").val(field.labelPlacement);
jQuery("#field_description_placement").val(field.descriptionPlacement);
jQuery("#field_sub_label_placement").val(field.subLabelPlacement);
if ((field.labelPlacement == 'left_label' || field.labelPlacement == 'right_label' || (field.labelPlacement == '' && form.labelPlacement != 'top_label'))) {
jQuery('#field_description_placement_container').hide();
} else {
jQuery('#field_description_placement_container').show();
}
// field.adminOnly is the old property which stored the visibility setting; only reference if field.visibility is not set
SetFieldVisibility(field.visibility, true, true);
if (typeof field.placeholder == 'undefined') {
field.placeholder = '';
}
jQuery("#field_placeholder, #field_placeholder_textarea").val(field.placeholder);
jQuery("#field_file_extension").val(field.allowedExtensions == undefined ? "" : field.allowedExtensions);
jQuery("#field_multiple_files").prop("checked", field.multipleFiles ? true : false);
jQuery("#field_max_files").val(field.maxFiles ? field.maxFiles : "");
jQuery("#field_max_file_size").val(field.maxFileSize ? field.maxFileSize + "MB" : "");
ToggleMultiFile(true);
jQuery("#field_phone_format").val(field.phoneFormat);
jQuery("#field_error_message").val(field.errorMessage);
jQuery('#field_select_all_choices').prop('checked', field.enableSelectAll ? true : false);
jQuery('#field_other_choice').prop('checked', field.enableOtherChoice ? true : false);
jQuery('#field_add_icon_url').val(field.addIconUrl ? field.addIconUrl : "");
jQuery('#field_delete_icon_url').val(field.deleteIconUrl ? field.deleteIconUrl : "");
jQuery('#gfield_enable_enhanced_ui').prop('checked', field.enableEnhancedUI ? true : false);
jQuery("#gfield_password_strength_enabled").prop("checked", field.passwordStrengthEnabled == true ? true : false);
jQuery("#gfield_password_visibility_enabled").prop("checked", field.passwordVisibilityEnabled == true ? true : false);
TogglePasswordVisibility(true);
jQuery("#gfield_min_strength").val(field.minPasswordStrength == undefined ? "" : field.minPasswordStrength);
TogglePasswordStrength(true);
jQuery("#gfield_email_confirm_enabled").prop("checked", field.emailConfirmEnabled == true ? true : false);
//Creating blank item for number format to existing number fields so that user is not force into a format (for backwards compatibility)
if (!field.numberFormat) {
if (jQuery("#field_number_format #field_number_format_blank").length == 0) {
jQuery("#field_number_format").prepend("<option id='field_number_format_blank' value=''>" + gf_vars["selectFormat"] + "</option>");
}
} else
jQuery("#field_number_format_blank").remove();
jQuery("#field_number_format").val(field.numberFormat ? field.numberFormat : "");
// Handle calculation options
// hide rounding option for calculation product fields
if (field.type == 'product' && field.inputType == 'calculation') {
field.enableCalculation = true;
jQuery('.field_calculation_rounding').hide();
jQuery('.field_enable_calculation').hide();
} else {
jQuery('.field_enable_calculation').show();
if (field.type == 'number' && field.numberFormat == "currency") {
jQuery('.field_calculation_rounding').hide();
} else {
jQuery('.field_calculation_rounding').show();
}
}
jQuery('#field_enable_calculation').prop('checked', field.enableCalculation ? true : false);
ToggleCalculationOptions(field.enableCalculation, field);
jQuery('#field_calculation_formula').val(field.calculationFormula);
var rounding = gform.utils.isNumber(field.calculationRounding) ? field.calculationRounding : "norounding";
jQuery('#field_calculation_rounding').val(rounding);
jQuery("#option_field_type").val(field.inputType);
var productFieldType = jQuery("#product_field_type");
productFieldType.val(field.inputType);
if (has_entry(field.id)) {
productFieldType.prop("disabled", true);
} else {
productFieldType.prop("disabled", false);
}
jQuery("#donation_field_type").val(field.inputType);
jQuery("#quantity_field_type").val(field.inputType);
if (field["inputType"] == "hiddenproduct" || field["inputType"] == "singleproduct" || field["inputType"] == "singleshipping" || field["inputType"] == "calculation") {
var basePrice = field.basePrice == undefined ? "" : field.basePrice;
jQuery("#field_base_price").val(field.basePrice == undefined ? "" : field.basePrice);
SetBasePrice(basePrice);
}
jQuery("#shipping_field_type").val(field.inputType);
jQuery("#field_disable_quantity").prop("checked", field.disableQuantity == true ? true : false);
SetDisableQuantity(field.disableQuantity == true);
var isPassword = field.enablePasswordInput ? true : false
jQuery("#field_password").prop("checked", isPassword ? true : false);
jQuery("#field_maxlen").val(typeof field.maxLength == "undefined" ? "" : field.maxLength);
jQuery("#field_maxrows").val(typeof field.maxRows == "undefined" ? "" : field.maxRows);
var addressType = field.addressType == undefined ? "international" : field.addressType;
jQuery('#field_address_type').val(addressType);
if (field.type == 'address') {
field = UpgradeAddressField(field);
}
if (field.type == 'email' || field.inputType == 'email') {
field = UpgradeEmailField(field);
}
if (field.type === 'consent') {
field = UpgradeConsentField(field);
}
var defaultState = field.defaultState == undefined ? "" : field.defaultState;
var defaultProvince = field.defaultProvince == undefined ? "" : field.defaultProvince; //for backwards compatibility
var defaultStateProvince = addressType == "canadian" && defaultState == "" ? defaultProvince : defaultState;
jQuery("#field_address_default_state_" + addressType).val(defaultStateProvince);
jQuery("#field_address_default_country_" + addressType).val(field.defaultCountry == undefined ? "" : field.defaultCountry);
SetAddressType(true);
jQuery("#gfield_display_alt").prop("checked", field.displayAlt == true ? true : false);
jQuery("#gfield_display_title").prop("checked", field.displayTitle == true ? true : false);
jQuery("#gfield_display_caption").prop("checked", field.displayCaption == true ? true : false);
jQuery("#gfield_display_description").prop("checked", field.displayDescription == true ? true : false);
var customFieldExists = CustomFieldExists(field.postCustomFieldName);
jQuery("#field_custom_field_name_select")[0].selectedIndex = 0;
jQuery("#field_custom_field_name_text").val("");
if (customFieldExists)
jQuery("#field_custom_field_name_select").val(field.postCustomFieldName);
else
jQuery("#field_custom_field_name_text").val(field.postCustomFieldName);
if (customFieldExists)
jQuery("#field_custom_existing").prop("checked", true);
else
jQuery("#field_custom_new").prop("checked", true);
ToggleCustomField(true);
jQuery('#gfield_customfield_content_enabled').prop("checked", field.customFieldTemplateEnabled ? true : false);
jQuery('#field_customfield_content_template').val(field.customFieldTemplateEnabled ? field.customFieldTemplate : "");
ToggleCustomFieldTemplate(true);
if (field.displayAllCategories)
jQuery("#gfield_category_all").prop("checked", true);
else
jQuery("#gfield_category_select").prop("checked", true);
ToggleCategory(true);
jQuery('#gfield_post_category_initial_item_enabled').prop("checked", field.categoryInitialItemEnabled ? true : false);
jQuery('#field_post_category_initial_item').val(field.categoryInitialItemEnabled ? field.categoryInitialItem : "");
TogglePostCategoryInitialItem(true);
var hasPostFeaturedImage = field.postFeaturedImage ? true : false;
jQuery('#gfield_featured_image').prop('checked', hasPostFeaturedImage);
if (typeof field.inputMaskIsCustom != 'boolean') {
field.inputMaskIsCustom = !IsStandardMask(field.inputMaskValue);
}
var isStandardMask = !field.inputMaskIsCustom;
jQuery("#field_input_mask").prop('checked', field.inputMask ? true : false);
if (isStandardMask) {
jQuery("#field_mask_standard").prop("checked", true);
jQuery("#field_mask_select").val(field.inputMaskValue);
} else {
jQuery("#field_mask_custom").prop("checked", true);
jQuery("#field_mask_text").val(field.inputMaskValue);
}
ToggleInputMask(true);
ToggleInputMaskOptions(true);
InitAutocompleteOptions(true);
if (inputType == "creditcard") {
field = UpgradeCreditCardField(field);
if (!field.creditCards || field.creditCards.length <= 0)
field.creditCards = ['amex', 'visa', 'discover', 'mastercard'];
for (i in field.creditCards) {
if (!field.creditCards.hasOwnProperty(i))
continue;
jQuery('#field_credit_card_' + field.creditCards[i]).prop('checked', true);
}
}
if (inputType == 'date') {
field = UpgradeDateField(field);
}
if (inputType == 'time') {
field = UpgradeTimeField(field);
}
CreateDefaultValuesUI(field);
CreatePlaceholdersUI(field);
CreateAutocompleteUI(field);
CreateCustomizeInputsUI(field);
CreateInputLabelsUI(field);
if (!field["dateType"] && inputType == "date") {
field["dateType"] = "datepicker";
}
jQuery("#field_date_input_type").val(field["dateType"]);
jQuery("#gfield_calendar_icon_url").val(field["calendarIconUrl"] == undefined ? "" : field["calendarIconUrl"]);
jQuery('#field_date_format').val(field['dateFormat'] == undefined ? "mdy" : field['dateFormat']);
jQuery('#field_time_format').val(field['timeFormat'] == "24" ? "24" : "12");
SetCalendarIconType(field["calendarIconType"], true);
ToggleDateCalendar(true);
LoadDateInputs();
LoadTimeInputs();
field.allowsPrepopulate = field.allowsPrepopulate ? true : false; //needed when property is undefined
field.useRichTextEditor = field.useRichTextEditor ? true : false;
jQuery("#field_prepopulate").prop("checked", field.allowsPrepopulate ? true : false);
jQuery("#field_rich_text_editor").prop("checked", field.useRichTextEditor ? true : false);
if (has_entry(field.id)) {
jQuery('#field_rich_text_editor').prop("disabled", true);
} else {
jQuery('#field_rich_text_editor').prop("disabled", false);
}
CreateInputNames(field);
ToggleInputName(true);
var canHaveConditionalLogic = GetFirstRuleField() > 0;
if (field["type"] == "page") {
LoadFieldConditionalLogic(canHaveConditionalLogic, "next_button");
LoadFieldConditionalLogic(canHaveConditionalLogic, "page");
} else if (field["type"] == "submit") {
LoadFieldConditionalLogic(canHaveConditionalLogic, "button");
} else {
LoadFieldConditionalLogic(canHaveConditionalLogic, "field");
}
jQuery("#field_enable_copy_values_option").prop("checked", field.enableCopyValuesOption == true ? true : false);
jQuery("#field_copy_values_option_default").prop("checked", field.copyValuesOptionDefault == true ? true : false);
var copyValueOptions = GetCopyValuesFieldsOptions(field.copyValuesOptionField, field);
if (copyValueOptions.length > 0) {
jQuery("#field_enable_copy_values_option").prop("disabled", false);
jQuery("#field_copy_values_disabled").hide();
jQuery("#field_copy_values_option_field").html(copyValueOptions);
} else {
jQuery("#field_enable_copy_values_option").prop("disabled", true);
jQuery("#field_copy_values_disabled").show();
}
ToggleCopyValuesOption(field.enableCopyValuesOption, true);
if (field.nextButton) {
if (field.nextButton.type == "image")
jQuery("#next_button_image").prop("checked", true);
else
jQuery("#next_button_text").prop("checked", true);
jQuery("#next_button_text_input").val(field.nextButton.text);
jQuery("#next_button_image_url").val(field.nextButton.imageUrl);
}
if (field.previousButton) {
if (field.previousButton.type == "image")
jQuery("#previous_button_image").prop("checked", true);
else
jQuery("#previous_button_text").prop("checked", true);
jQuery("#previous_button_text_input").val(field.previousButton.text);
jQuery("#previous_button_image_url").val(field.previousButton.imageUrl);
}
TogglePageButton("next", true);
TogglePageButton("previous", true);
jQuery(".gfield_category_checkbox").each(function () {
if (field["choices"]) {
for (var i = 0; i < field["choices"].length; i++) {
if (this.value == field["choices"][i].value) {
this.checked = true;
return;
}
}
}
this.checked = false;
});
if (has_entry(field.id))
jQuery("#field_type, #field_multiple_files").prop("disabled", true);
else
jQuery("#field_type, #field_multiple_files").prop("disabled", false);
jQuery("#field_custom_field_name").val(field.postCustomFieldName);
jQuery('#field_columns_enabled')
.prop('checked', Boolean(field.enableColumns))
.prop('disabled', has_entry(field.id));
jQuery('#choice_min_max').val(field.choiceLimit == undefined || field.choiceLimit == '' ? "single" : field.choiceLimit);
jQuery('#choice_number').val(field.choiceLimitNumber);
jQuery('#choice_number_min').val(field.choiceLimitMin);
jQuery('#choice_number_max').val(field.choiceLimitMax);
LoadFieldChoices(field);
// Don't let users switch between radio and checkbox after a field has entries
var choiceFieldType = jQuery("#field_multiple_selections");
if (has_entry(field.id) && !FieldIsChoiceType(field)) {
choiceFieldType.prop("disabled", true);
} else {
choiceFieldType.prop("disabled", false);
}
//displays appropriate settings
jQuery(".field_setting").hide();
var allSettings = getAllFieldSettings(field);
jQuery(allSettings).show();
//hide post category drop down if post category field is in the form
for (var i = 0; i < form.fields.length; i++) {
if (form.fields[i].type == "post_category") {
jQuery(".post_category_setting").hide();
break;
}
}
// hide "Display placeholder" option for post category field if input type is not a select
if (field.type == 'post_category' && inputType != 'select') {
jQuery('.post_category_initial_item_setting').hide();
jQuery('#gfield_post_category_initial_item_enabled').prop('checked', false);
SetCategoryInitialItem();
}
// A11y enhancements: Do no allow Multi-Select input type for new forms.
if (field.type === 'post_tags' || field.type === 'post_category') {
var inputTypeObj = (field.type === 'post_tags') ? jQuery('#post_tag_type') : jQuery('#post_category_field_type');
if (field.inputType == 'multiselect') {
if (inputTypeObj.data('multiselect')) {
inputTypeObj.append('<option value="multiselect">' + inputTypeObj.data('multiselect') + '</option>');
inputTypeObj.val('multiselect');
inputTypeObj.data('multiselect', null);
}
var fieldSetting = (field.type === 'post_tags') ? 'post_tag_type_setting' : 'post_category_field_type_setting';
SetFieldAccessibilityWarning(fieldSetting, 'below');
}
}
//hide "Enable calculation" option for quantity fields
if (field.type == 'quantity') {
jQuery('.calculation_setting').hide();
}
jQuery("#post_category_field_type").val(field.inputType);
var fg = field.simpleCaptchaFontColor == undefined ? "" : field.simpleCaptchaFontColor;
jQuery("#field_captcha_fg").val(fg);
SetColorPickerColor("field_captcha_fg", fg);
var bg = field.simpleCaptchaBackgroundColor == undefined ? "" : field.simpleCaptchaBackgroundColor;
jQuery("#field_captcha_bg").val(bg);
SetColorPickerColor("field_captcha_bg", bg);
jQuery("#field_captcha_type").val(field.captchaType == undefined ? "captcha" : field.captchaType);
jQuery("#field_captcha_badge").val(field.captchaBadge == undefined ? "bottomright" : field.captchaBadge);
jQuery("#field_captcha_size").val(field.simpleCaptchaSize == undefined ? "medium" : field.simpleCaptchaSize);
//controlling settings based on captcha type
if (field["type"] == "captcha") {
SetFieldAccessibilityWarning('captcha', 'above');
var recaptcha_settings = ".captcha_language_setting, .captcha_theme_setting";
var simple_captcha_settings = ".captcha_size_setting, .captcha_fg_setting, .captcha_bg_setting";
if (field["captchaType"] == "simple_captcha" || field["captchaType"] == "math") {
jQuery(simple_captcha_settings).show();
jQuery(recaptcha_settings).hide();
} else {
jQuery(simple_captcha_settings).hide();
jQuery(recaptcha_settings).show();
}
//mapping blackglass (from older version) to dark and all other themes to light
var theme = field.captchaTheme == undefined || ['blackglass', 'dark'].indexOf(field.captchaTheme) < 0 ? 'light' : 'dark';
jQuery('#field_captcha_theme').val(theme).show();
//check the captcha theme to reset the language since the language cannot be specifically checked
var lang = field.captchaLanguage == undefined ? 'en' : field.captchaLanguage;
jQuery('#field_captcha_language').val(lang).show();
//add captcha option to drop down if it does not already exist
if (jQuery('#field_captcha_type option[value="captcha"]').length < 1) {
jQuery('#field_captcha_type').prepend('<option value="captcha">reCAPTCHA</option>');
}
}
//Display custom field template for texareas and text fields
if (field["type"] == "post_custom_field" && (field["inputType"] == "textarea" || field["inputType"] == "text")) {
jQuery(".customfield_content_template_setting").show();
}
if (field["type"] == "name") {
if (typeof field["nameFormat"] == 'undefined' || field["nameFormat"] != "advanced") {
field = MaybeUpgradeNameField(field);
} else {
SetUpAdvancedNameField();
}
if (field["nameFormat"] == "simple") {
jQuery(".default_value_setting").show();
jQuery(".size_setting").show();
jQuery('#field_name_fields_container').html('').hide();
jQuery('.sub_label_placement_setting').hide();
jQuery('.name_prefix_choices_setting').hide();
jQuery('.name_format_setting').hide();
jQuery('.name_setting').hide();
jQuery('.default_input_values_setting').hide();
jQuery('.default_value_setting').show();
} else if (field["nameFormat"] == "extended") {
jQuery('.name_format_setting').show();
jQuery('.name_prefix_choices_setting').hide();
jQuery('.name_setting').hide();
jQuery('.default_input_values_setting').hide();
jQuery('.input_placeholders_setting').hide();
}
}
// if calc enabled, hide range
if (field.enableCalculation) {
jQuery('li.range_setting').hide();
}
if (field.type == 'text') {
if (field.inputMask) {
jQuery(".maxlen_setting").hide();
} else {
jQuery(".maxlen_setting").show();
}
}
if (inputType == "date") {
ToggleDateSettings(field);
}
if (inputType == "email") {
ToggleEmailSettings(field);
}
// Setup Password field.
if (field.type === 'password' || field.inputType === 'password') {
// Upgrade Password field properties.
field = UpgradePasswordField(field);
// Create Password inputs UI.
var passwordFields = GetCustomizeInputsUI(field);
jQuery('#field_password_fields_container').html(passwordFields);
// remove the toggle from the "Enter Password" field
jQuery('#field_password_fields_container .field_custom_input_row').first().find('.gform-field__toggle').remove();
// Show/Hide Size setting.
var confirmEnabled = field.inputs[1].isHidden == 'undefined' ? true : !field.inputs[1].isHidden;
if (confirmEnabled) {
jQuery('.size_setting').hide();
}
// Hide Password sub-label.
jQuery('.password_setting .custom_inputs_setting ').on('click keypress', '.gform-field__toggle', function () {
var field = GetSelectedField(),
confirmEnabled = !field.inputs[1].isHidden,
passwordSubLabel = jQuery('label[for="input_' + field.id + '"]');
if (confirmEnabled) {
passwordSubLabel.show();
jQuery('.size_setting').hide();
} else {
passwordSubLabel.hide();
jQuery('.size_setting').show();
}
});
}
ToggleChoiceLimitSettings();
// Accessibility and other warnings
if ((field.type === 'multiselect' || field.type === 'select') && field.enableEnhancedUI) {
SetFieldAccessibilityWarning('enable_enhanced_ui_setting', 'below');
}
if (field.type === 'multiselect') {
SetFieldAccessibilityWarning('multiselect', 'above');
}
if (field.labelPlacement === 'hidden_label') {
SetFieldAccessibilityWarning('label_placement_setting', 'above');
}
if (field.label === '') {
setFieldError('label_setting', 'below');
}
if (field.dateType === 'datepicker') {
SetFieldAccessibilityWarning('date_input_type_setting', 'above');
}
if (field.type === 'submit') {
if (HasPageField()) {
SetFieldNotification('submit_location_setting', 'above');
}
if (form.button.type === 'image') {
SetFieldAccessibilityWarning('submit_type_setting', 'below');
if (!form.button.imageUrl) {
SetFieldNotification('submit_image_setting', 'below');
}
}
}
ToggleChoiceOptionOther( field );
ToggleChoiceOptionSelectAll( field );
ToggleChoiceOptionSelectAllText( true );
// Show/hide choice options based on the settings inside it. Hide if all settings are hidden. Show if any setting is visible.
ToggleChoiceOption( field );
ToggleSubmitType( true );
jQuery(document).trigger('gform_load_field_settings', [field, form]);
gform.doAction('gform_post_load_field_settings', [field, form]);
if (field.choiceAlignment == "horizontal") {
jQuery( "#choice_alignment_horizontal" ).prop( "checked", true );
}
if (field.choiceAlignment == "vertical") {
jQuery( "#choice_alignment_vertical" ).prop( "checked", true );
}
SetProductField(field);
Placeholders.enable();
}
/**
* Retrieves the settings to include for a field.
*
* @since 2.5
*
* @param {object} field The field being loaded.
*
* @return {string} A comma-deliniated string of the settings values.
*/
function getAllFieldSettings(field) {
var allSettings = fieldSettings[field.type];
if (field.inputType && field.type !== 'post_category') {
var additionalSettings = fieldSettings[field.inputType];
if (additionalSettings.length > 0) {
allSettings += ", " + additionalSettings;
}
}
var settingsArray = allSettings.split(', ');
/**
* gform_editor_field_settings
*
* Modify the editor settings that are used for the current field, including those inherited from the inputType.
*
* @since 2.5
*
* @param {array} settingsArray The current settings values for the field.
* @param {object} field The field being modified.
*
* @return {array} The modified array of settings values.
*/
settingsArray = gform.applyFilters( 'gform_editor_field_settings', settingsArray, field );
return settingsArray.join( ', ' );
}
function ToggleDateSettings(field){
var isDateField = field["dateType"] == "datefield";
var isDatePicker = field["dateType"] == "datepicker";
var isDateDropDown = field["dateType"] == "datedropdown";
jQuery('.placeholder_setting').toggle(isDatePicker);
jQuery('.default_value_setting').toggle(isDatePicker);
jQuery('.sub_label_placement_setting').toggle(isDateField);
jQuery('.sub_labels_setting').toggle(isDateField);
jQuery('.default_input_values_setting').toggle(isDateDropDown || isDateField);
jQuery('.input_placeholders_setting').toggle(isDateDropDown || isDateField);
}
function SetUpAdvancedNameField(){
field = GetSelectedField();
jQuery('.name_format_setting').hide();
jQuery('.name_setting').show();
jQuery('.name_prefix_choices_setting').show();
var nameFields = GetCustomizeInputsUI(field);
jQuery('#field_name_fields_container').html(nameFields).show();
var prefixInput = GetInput(field, field.id + '.2');
var prefixChoices = GetInputChoices(prefixInput);
jQuery('#field_prefix_choices').html(prefixChoices);
ToggleNamePrefixUI(!prefixInput.isHidden);
jQuery( '.name_setting .custom_inputs_setting' ).on( 'click', '.gform-field__toggle', function() {
var inputId = jQuery( this ).data( 'input_id' );
if ( inputId.toString().indexOf( ".2" ) >= 0 ) {
var isActive = jQuery( this ).find( '.gform-field__toggle-input' ).is( ':checked' );
ToggleNamePrefixUI( isActive );
}
} );
jQuery('.default_value_setting').hide();
jQuery('.default_input_values_setting').show();
jQuery('.input_placeholders_setting').show();
CreateDefaultValuesUI(field);
CreatePlaceholdersUI(field);
CreateAutocompleteUI(field);
CreateInputNames(field);
}
function GetCopyValuesFieldsOptions(selectedFieldId, currentField){
var options = [], label, field, option, currentType = GetInputType(currentField), selected;
for(var i = 0; i < form.fields.length;i++){
field = form.fields[i];
if(field.id != currentField.id && GetInputType(field) == currentType && !field.enableCopyValuesOption){
label = GetLabel(field);
selected = selectedFieldId == field.id ? 'selected="selected"' : '';
option = '<option value="' + field.id + '" ' + selected + '>' + label + '</option>';
options.push(option);
}
}
return options.join('');
}
function ToggleNamePrefixUI(isActive){
jQuery('.name_prefix_choices_setting').toggle(isActive);
}
function TogglePageBreakSettings(){
if(HasPageBreak()){
jQuery("#gform_last_page_settings").show();
jQuery("#gform_pagination").show();
}
else
{
jQuery("#gform_last_page_settings").hide();
jQuery("#gform_pagination").hide();
}
}
function SetDisableQuantity(isChecked){
SetFieldProperty('disableQuantity', isChecked);
if(isChecked)
jQuery(".field_selected .ginput_quantity_label, .field_selected .ginput_quantity").hide();
else
jQuery(".field_selected .ginput_quantity_label, .field_selected .ginput_quantity").show();
}
function SetBasePrice(number){
if(!number)
number = 0;
var currency = GetCurrentCurrency();
var price = currency.toMoney(number);
if(price == false)
price = 0;
jQuery("#field_base_price").val(price);
SetFieldProperty('basePrice', price);
jQuery(".field_selected .ginput_product_price, .field_selected .ginput_shipping_price").html(price);
jQuery(".field_selected .ginput_amount").val(price);
}
function ChangeAddressType(){
field = GetSelectedField();
if(field["type"] != "address")
return;
var addressType = jQuery("#field_address_type").val();
var countryInput = GetInput(field, field.id + ".6");
var country = jQuery("#field_address_country_" + addressType).val();
if(country == ''){
countryInput.isHidden = false
} else {
countryInput.isHidden = true;
}
SetAddressType( false );
}
function SetAddressType( isInit ){
field = GetSelectedField();
if(field["type"] != "address")
return;
SetAddressProperties();
jQuery(".gfield_address_type_container").hide();
jQuery("#address_type_container_" + jQuery("#field_address_type").val()).show();
CreatePlaceholdersUI(field);
CreateAutocompleteUI(field);
}
function UpdateAddressFields(){
var addressType = jQuery("#field_address_type").val();
field = GetSelectedField();
var address_fields_str = GetCustomizeInputsUI(field);
jQuery("#field_address_fields_container").html(address_fields_str);
//change zip label
var zipInput = GetInput(field, field.id + ".5");
var zip_label = jQuery("#field_address_zip_label_" + addressType).val();
jQuery("#field_custom_input_default_label_" + field.id + "_5").text(zip_label);
jQuery("#field_custom_input_label_" + field.id + "\\.5").attr("placeholder", zip_label);
if(!zipInput.customLabel){
jQuery(".field_selected #input_" + field["id"] + "_5_label").html(zip_label);
}
//change state label
var stateInput = GetInput(field, field.id + ".4");
var state_label = jQuery("#field_address_state_label_" + addressType).val();
jQuery("#field_custom_input_default_label_" + field.id + "_4").text(state_label);
jQuery("#field_custom_input_label_" + field.id + "\\.4").attr("placeholder", state_label);
if(!stateInput.customLabel){
jQuery(".field_selected #input_" + field["id"] + "_4_label").html(state_label);
}
// hide country drop down and setting.
var isInternational = jQuery( "#field_address_country_" + addressType ).val() == "";
var hideCountrySetting = ! isInternational;
var hideCountryField = ! isInternational || ! jQuery( '#field_address_fields_container [id="gforms-editor-toggle-' + field.id + '.6"' ).is( ':checked' );
// hide country setting if this address type applies to a specific country.
if ( hideCountrySetting ) {
jQuery('.field_custom_input_row_input_' + field.id + '_6').hide();
} else {
jQuery('.field_selected .field_custom_input_row_input_' + field.id + '_6').show();
}
// hide country field if this address type applies to a specific country or if show country is toggled off.
if ( hideCountryField ){
jQuery('.field_selected #input_' + field.id + '_6_container').hide();
} else {
//selects default country and displays drop down
jQuery(".field_selected #input_" + field.id + "_6").val(jQuery("#field_address_default_country_" + addressType).val());
jQuery(".field_selected #input_" + field.id + "_6_container").show();
}
var has_state_drop_down = jQuery("#field_address_has_states_" + addressType).val() != "";
if(has_state_drop_down){
jQuery(".field_selected .state_text").hide();
var selected_state = jQuery("#field_address_default_state_" + addressType).val()
var state_dropdown = jQuery(".field_selected .state_dropdown");
state_dropdown.append(jQuery('<option></option>').val(selected_state).html(selected_state));
state_dropdown.val(selected_state).show();
}
else{
jQuery(".field_selected .state_dropdown").hide();
jQuery(".field_selected .state_text").show();
}
}
function SetAddressProperties(){
field = GetSelectedField();
var addressType = jQuery("#field_address_type").val();
SetFieldProperty("addressType", addressType);
SetFieldProperty("defaultState", jQuery("#field_address_default_state_" + addressType).val());
SetFieldProperty("defaultProvince",""); //for backwards compatibility
//Only save the hide country property for address types that have that option (ones with no country)
var country = jQuery("#field_address_country_" + addressType).val();
if(country == ""){
country = jQuery("#field_address_default_country_" + addressType).val();
}
SetFieldProperty("defaultCountry",country);
UpdateAddressFields();
}
function MaybeUpgradeNameField(field){
if(typeof field.nameFormat == 'undefined' || field.nameFormat == '' || field.nameFormat == 'normal' || (field.nameFormat == 'simple' && !has_entry(field.id))){
field = UpgradeNameField(field, true, true, true);
}
return field;
}
function UpgradeNameField(field, prefixHiddex, middleHidden, suffixHidden){
field.nameFormat = 'advanced';
field.inputs = MergeInputArrays(GetAdvancedNameFieldInputs(field, prefixHiddex, middleHidden, suffixHidden), field.inputs);
RefreshSelectedFieldPreview(function(){
SetUpAdvancedNameField();
});
return field;
}
function UpgradeDateField(field){
if(field.type != 'date' && field.inputType != 'date' ){
return field;
}
if(typeof field.dateType != 'undefined' && field.dateType != 'datepicker' && !field.inputs){
field.inputs = GetDateFieldInputs(field);
}
return field;
}
function UpgradeTimeField(field){
if(field.type != 'time' && field.inputType != 'time' ){
return field;
}
if(!field.inputs){
field.inputs = GetTimeFieldInputs(field);
}
return field;
}
function UpgradeEmailField(field){
if(field.type != 'email' && field.inputType != 'email'){
return field;
}
if(field.emailConfirmEnabled && !field.inputs){
field.inputs = GetEmailFieldInputs(field);
field.inputs[0].placeholder = field.placeholder
}
return field;
}
function UpgradePasswordField(field){
if(field.type != 'password' && field.inputType != 'password'){
return field;
}
if(!field.inputs){
field.inputs = GetPasswordFieldInputs(field);
field.inputs[0].placeholder = field.placeholder
}
return field;
}
function UpgradeAddressField(field){
if(field.hideCountry){
var countryInput = GetInput(field, field.id + ".6");
countryInput.isHidden = true;
}
delete field.hideCountry;
if(field.hideAddress2){
var address2Input = GetInput(field, field.id + ".2");
address2Input.isHidden = true;
}
delete field.hideAddress2;
if(field.hideState){
var stateInput = GetInput(field, field.id + ".4");
stateInput.isHidden = true;
}
delete field.hideState;
return field;
}
function UpgradeConsentField(field) {
if(field.type !== 'consent'){
return field;
}
if(field.choices[1] && field.choices[1]['value'] === "0"){
field.choices.pop();
}
return field;
}
function TogglePasswordVisibility( isInit ){
if ( jQuery( '#gfield_password_visibility_enabled' ).is( ":checked" ) ) {
jQuery( '.gfield.field_selected .ginput_container_password span button' ).show();
} else {
jQuery( '.gfield.field_selected .ginput_container_password span button' ).hide();
}
}
function TogglePasswordStrength( isInit ){
if(jQuery("#gfield_password_strength_enabled").is(":checked")){
jQuery("#gfield_min_strength_container").show();
}
else{
jQuery("#gfield_min_strength_container").hide();
}
}
function ToggleCategory( isInit ){
if(jQuery("#gfield_category_all").is(":checked")){
jQuery("#gfield_settings_category_container").hide();
SetFieldProperty("displayAllCategories", true);
SetFieldProperty("choices", new Array()); //reset selected categories
}
else{
jQuery("#gfield_settings_category_container").show();
SetFieldProperty("displayAllCategories", false);
}
}
function SetCopyValuesOptionLabel(value){
SetFieldProperty('copyValuesOptionLabel', value);
jQuery('.field_selected .copy_values_option_label').html(value);
}
function SetCustomFieldTemplate(){
var enabled = jQuery("#gfield_customfield_content_enabled").is(":checked");
SetFieldProperty("customFieldTemplate", enabled ? jQuery("#field_customfield_content_template").val() : null);
SetFieldProperty("customFieldTemplateEnabled", enabled );
}
function SetCategoryInitialItem(){
var enabled = jQuery("#gfield_post_category_initial_item_enabled").is(":checked");
SetFieldProperty("categoryInitialItem", enabled ? jQuery("#field_post_category_initial_item").val() : null);
SetFieldProperty("categoryInitialItemEnabled", enabled );
}
function PopulateContentTemplate(fieldName){
if(jQuery("#" + fieldName).val().length == 0){
var field = GetSelectedField();
jQuery("#" + fieldName).val("{" + field.label + ":" + field.id + "}");
}
}
function TogglePostContentTemplate(isInit){
if(jQuery("#gfield_post_content_enabled").is(":checked")){
jQuery("#gfield_post_content_container").show();
if(!isInit){
PopulateContentTemplate("field_post_content_template");
}
}
else{
jQuery("#gfield_post_content_container").hide();
}
}
function TogglePostTitleTemplate(isInit){
if(jQuery("#gfield_post_title_enabled").is(":checked")){
jQuery("#gfield_post_title_container").show();
if(!isInit)
PopulateContentTemplate("field_post_title_template");
}
else{
jQuery("#gfield_post_title_container").hide();
}
}
function ToggleCustomFieldTemplate(isInit){
if(jQuery("#gfield_customfield_content_enabled").is(":checked")){
jQuery("#gfield_customfield_content_container").show();
if(!isInit){
PopulateContentTemplate("field_customfield_content_template");
}
}
else{
jQuery("#gfield_customfield_content_container").hide();
}
}
function ToggleInputName( isInit ){
if(jQuery('#field_prepopulate').is(":checked")){
jQuery('#field_input_name_container').show();
}
else{
jQuery('#field_input_name_container').hide();
jQuery("#field_input_name").val("");
}
}
function SetFieldColumns(){
SetFieldChoices();
}
function ToggleChoiceValue( isInit ){
var field = GetSelectedField();
var suffix = field.enablePrice ? "_and_price" : "";
var container = jQuery('#gfield_settings_choices_container');
//removing all classes
container.removeClass("choice_with_price choice_with_value choice_with_value_and_price");
var isShowValues = jQuery('#field_choice_values_enabled').is(":checked");
if(isShowValues){
container.addClass("choice_with_value" + suffix);
}
else if(field.enablePrice){
container.addClass("choice_with_price");
}
}
function ToggleInputChoiceValue($container, enabled){
if(typeof enabled == 'undefined'){
enabled = false;
}
var field = GetSelectedField();
var inputId = $container.find('li').data('input_id');
var input = GetInput(field, inputId);
input.enableChoiceValue = enabled;
//removing all classes
$container.removeClass("choice_with_value");
if(enabled){
$container.addClass("choice_with_value");
}
}
function ToggleCopyValuesActivated(isActivated){
jQuery('.field_selected .copy_values_activated').prop('checked', isActivated);
var field = GetSelectedField();
jQuery('#input_'+ field.id).toggle(!isActivated);
}
function TogglePageButton(button_name, isInit){
var isText = jQuery("#" + button_name + "_button_text").is(":checked");
show_element = isText ? "#" + button_name + "_button_text_container" : "#" + button_name + "_button_image_container"
hide_element = isText ? "#" + button_name + "_button_image_container" : "#" + button_name + "_button_text_container";
if(isInit){
jQuery(hide_element).hide();
jQuery(show_element).show();
}
else{
jQuery(hide_element).hide();
jQuery(show_element).fadeIn(800);
}
}
function SetPageButton(button_name){
field = GetSelectedField();
var buttonType = jQuery("#" + button_name + "_button_image").is(":checked") ? "image" : "text";
field[button_name + "Button"]["type"] = buttonType;
if(buttonType == "image"){
field[button_name + "Button"]["text"] = "";
field[button_name + "Button"]["imageUrl"] = jQuery("#" + button_name + "_button_image_url").val();
}
else{
field[button_name + "Button"]["text"] = jQuery("#" + button_name + "_button_text_input").val();
field[button_name + "Button"]["imageUrl"] = "";
}
}
function ToggleCustomField( isInit ){
var isExisting = jQuery("#field_custom_existing").is(":checked");
show_element = isExisting ? "#field_custom_field_name_select" : "#field_custom_field_name_text"
hide_element = isExisting ? "#field_custom_field_name_text" : "#field_custom_field_name_select";
jQuery(hide_element).hide();
jQuery(show_element).show();
}
function ToggleInputMask(isInit){
if(jQuery("#field_input_mask").is(":checked")){
jQuery("#gform_input_mask").show();
jQuery(".maxlen_setting").hide();
SetFieldProperty('inputMask', true);
//setting max length to blank
jQuery("#field_maxlen").val("");
SetFieldProperty('maxLength', "");
}
else{
jQuery("#gform_input_mask").hide();
jQuery(".maxlen_setting").show();
SetFieldProperty('inputMask', false);
SetFieldProperty('inputMaskValue', '');
SetFieldProperty('inputMaskIsCustom', false);
}
}
function ToggleInputMaskOptions(isInit){
var isStandard = jQuery('#field_mask_standard').is(':checked'),
show_element = isStandard ? '#field_mask_select' : '#field_mask_text, .mask_text_description',
hide_element = isStandard ? '#field_mask_text, .mask_text_description' : '#field_mask_select';
jQuery(hide_element).val('').hide();
jQuery(show_element).show();
if (!isInit) {
SetFieldProperty('inputMaskValue', '');
SetFieldProperty('inputMaskIsCustom', !isStandard);
}
}
function ToggleAutoresponder(){
if(jQuery("#form_autoresponder_enabled").is(":checked"))
jQuery("#form_autoresponder_container").show("slow");
else
jQuery("#form_autoresponder_container").hide("slow");
}
function ToggleMultiFile(isInit){
if(jQuery("#field_multiple_files").prop("checked")) {
jQuery("#gform_multiple_files_options").show();
var $uploadField = jQuery('.gform_fileupload_multifile');
var pluploadSettings = $uploadField.data('settings');
if ( pluploadSettings && typeof pluploadSettings.chunk_size != 'undefined' ) {
jQuery('#gform_server_max_file_size_notice').hide();
}
SetFieldProperty('multipleFiles', true);
}
else {
jQuery("#gform_multiple_files_options").hide();
SetFieldProperty('multipleFiles', false);
jQuery("#field_max_files").val("");
SetFieldProperty('maxFiles', "");
}
if(!isInit) {
var field = GetSelectedField();
StartChangeInputType("fileupload", field);
}
}
function SetAutocompleteProperty( isInit, value ) {
SetFieldProperty( 'enableAutocomplete' , value );
ToggleAutocompleteAttribute( isInit );
}
function ToggleAutocompleteAttribute( isInit ) {
if( jQuery( "#field_enable_autocomplete" ).is( ":checked" ) ) {
jQuery( "#autocomplete_attribute_container" ).show();
}
else{
jQuery( "#autocomplete_attribute_container" ).hide();
}
}
function InitAutocompleteOptions( isInit ) {
jQuery( '#field_enable_autocomplete' ).prop( "checked", field.enableAutocomplete ? true : false );
ToggleAutocompleteAttribute( true) ;
}
function HasPostContentField(){
for(var i=0; i<form.fields.length; i++){
var type = form.fields[i].type;
if(type == "post_content")
return true;
}
return false;
}
function HasPostTitleField(){
for(var i=0; i<form.fields.length; i++){
var type = form.fields[i].type;
if(type == "post_title")
return true;
}
return false;
}
function HasCustomField(){
for(var i=0; i<form.fields.length; i++){
var type = form.fields[i].type;
if(type == "post_custom_field")
return true;
}
return false;
}
function HasPageBreak(){
for(var i=0; i<form.fields.length; i++){
var type = form.fields[i].type;
if(type == "page")
return true;
}
return false;
}
function SetNextButtonConditionalLogic(isChecked){
var field = GetSelectedField();
field.nextButton.conditionalLogic = isChecked ? new ConditionalLogic() : null;
}
/**
* Sets the conditonal logic for the submit button.
*
* @since 2.6
*/
function SetSubmitConditionalLogic(isChecked) {
form.button.conditionalLogic = isChecked ? new ConditionalLogic() : null;
}
function UpdateFormObject(){
form["button"]["text"] = jQuery('#submit_text').val();
form["button"]["width"] = jQuery("input:radio[name='submit_width']:checked").val();
form["button"]["location"] = jQuery("input:radio[name='submit_location']:checked").val();
form["button"]["imageUrl"] = jQuery('#submit_image').val();
form["button"]["layoutGridColumnSpan"] = jQuery( '#field_submit' ).getGridColumnSpan();
form.postContentTemplateEnabled = false;
form.postTitleTemplateEnabled = false;
form.postTitleTemplate = "";
form.postContentTemplate = "";
if( HasPageField() ) {
SetSubmitLocation( 'bottom' );
jQuery('#field_submit').attr( 'data-field-position', 'bottom' );
jQuery('input[name="submit_location"][value="bottom"]').prop( 'checked', true );
} else {
jQuery( '.submit_location_setting' ).prev( '.gform-alert--notice' ).remove();
}
if(HasPostField()){
form.postAuthor = jQuery('#field_post_author').val() ? jQuery('#field_post_author').val() : "";
form.useCurrentUserAsAuthor = jQuery('#gfield_current_user_as_author').is(":checked");
form.postCategory = jQuery('#field_post_category').val();
form.postFormat = jQuery('#field_post_format').length != 0 ? jQuery('#field_post_format').val() : 0;
form.postStatus = jQuery('#field_post_status').val();
}
if(jQuery("#gfield_post_content_enabled").is(":checked") && HasPostContentField()){
form.postContentTemplateEnabled = true;
form.postContentTemplate = jQuery("#field_post_content_template").val();
}
if(jQuery("#gfield_post_title_enabled").is(":checked") && HasPostTitleField()){
form.postTitleTemplateEnabled = true;
form.postTitleTemplate = jQuery("#field_post_title_template").val();
}
if(jQuery("#gform_last_page_settings").is(":visible")){
form.lastPageButton = new Button();
form.lastPageButton.type = jQuery("#last_page_button_text").is(":checked") ? "text" : "image";
if(form.lastPageButton.type == "image"){
form.lastPageButton.text = "";
form.lastPageButton.imageUrl = jQuery("#last_page_button_image_url").val();
}
else{
form.lastPageButton.text = jQuery("#last_page_button_text_input").val();
form.lastPageButton.imageUrl = "";
}
}
else{
form.lastPageButton = null;
}
if(jQuery("#gform_pagination").is(":visible")){
form["pagination"] = new Object();
var type = jQuery("input[name=\"pagination_type\"]:checked").val();
form["pagination"]["type"] = type;
var pageNames = jQuery(".gform_page_names input");
form["pagination"]["pages"] = new Array();
for(var i=0; i<pageNames.length; i++){
form["pagination"]["pages"].push(jQuery(pageNames[i]).val());
}
if(type == "percentage"){
form["pagination"]["style"] = jQuery("#percentage_style").val();
form["pagination"]["backgroundColor"] = form["pagination"]["style"] == "custom" ? jQuery("#percentage_style_custom_bgcolor").val() : null;
form["pagination"]["color"] = form["pagination"]["style"] == "custom" ? jQuery("#percentage_style_custom_color").val() : null;
form["pagination"]["display_progressbar_on_confirmation"] = jQuery("#percentage_confirmation_display").is(":checked");
form["pagination"]["progressbar_completion_text"] = jQuery("#percentage_confirmation_display").is(":checked") ? jQuery("#percentage_confirmation_page_name").val() : null;
}
else{
form["pagination"]["backgroundColor"] = null;
form["pagination"]["color"] = null;
form["pagination"]["display_progressbar_on_confirmation"] = null;
form["pagination"]["progressbar_completion_text"] = null;
}
form["firstPageCssClass"] = jQuery("#first_page_css_class").val();
}
else{
form["pagination"] = null;
form["firstPageCssClass"] = null;
}
SortFields();
// allow users to update form with custom function before save
if(window["gform_before_update"]){
form = window["gform_before_update"](form);
if(window.console)
console.log('"gform_before_update" is deprecated since version 1.7! Use the "gform_pre_form_editor_save" filter instead.');
}
// new method for filtering the form object before save
form = gform.applyFilters('gform_pre_form_editor_save', form);
return form;
}
function SortFields(){
var fields = new Array();
jQuery(".gfield").each(function(){
if( jQuery(this).hasClass('spacer') || 'gform_editor_submit_container' == jQuery(this).attr('data-field-class') ) {
return;
}
id = this.id.substr(6);
fields.push(GetFieldById(id));
});
form.fields = fields;
}
/**
* Toggle settings and focus first element
*
* @param element
*/
function EditField( element ) {
event.stopPropagation();
// patch for safari when focus is returned here on esc key from settings
if ( event.keyCode === 27 ) {
return;
}
FieldClick( gform.tools.getClosest( element, '.gfield' ) );
var settingsPane = gform.tools.getNodes( '.sidebar__panel--settings', false, document, true )[0];
var focusableSettings = gform.tools.getFocusable( settingsPane );
if ( focusableSettings[0]) {
setTimeout( function() { focusableSettings[0].focus(); }, 50 );
}
}
/**
* Mark a field for deletion upon save.
*
* @param element The field element being deleted.
*/
function DeleteField( element ) {
event.stopPropagation();
// Get field ID from element.
var fieldId = jQuery( element )[0].id.split( '_' )[2];
var field = GetFieldById( fieldId );
var confirmDeleteMessage = field.displayOnly ? gf_vars.confirmationDeleteDisplayField : gf_vars.confirmationDeleteField;
if (!HasConditionalLogicDependency(fieldId)) {
gform.instances.dialogConfirmAsync( gf_vars.confirmationDeleteDisplayFieldTitle, confirmDeleteMessage ).then((userConfirmed) => {
if (!userConfirmed) {
return;
}
proceedWithDeletion(fieldId);
});
} else {
gform.instances.dialogConfirmAsync( gf_vars.conditionalLogicWarningTitle, gf_vars.conditionalLogicDependency ).then((userConfirmed) => {
if (!userConfirmed) {
return;
}
proceedWithDeletion(fieldId);
});
}
}
function proceedWithDeletion(fieldId) {
// Initialize deleted field property.
if ( ! form.deletedFields ) {
form.deletedFields = [];
}
// Add field ID to form object.
form.deletedFields.push( fieldId );
// Loop through form fields.
for ( var i = 0; i < form.fields.length; i++ ) {
// If field ID matches the one to be deleted, delete it.
if ( form.fields[i].id == fieldId ) {
// Remove the field.
form.fields.splice(i, 1);
// Fade out field, then remove.
jQuery( '#field_' + fieldId ).fadeOut( 'slow', function() {
// Remove field element.
jQuery( '#field_' + fieldId ).remove();
if ( form['fields'].length === 0 ) {
jQuery('#field_submit').remove();
} else {
if ( form['fields'][0].type === 'submit' ) {
jQuery('#field_submit').remove();
form['fields'].splice( 0, 1 );
}
}
// Show no fields placeholder if there are no form fields.
if ( form.fields.length === 0 ) {
jQuery( '#no-fields' ).show();
}
/**
* Do something after the field has been removed from the DOM.
*
* @since 2.5
*
* @param object form The current form object.
* @param int fieldId The ID of the current field.
*/
gform.doAction( 'gform_after_field_removed', form, fieldId );
} );
// Hide field settings panel.
HideSettings( 'field_settings' );
break;
}
}
// Activate the Add Fields tab now that the currently selectd field has been deleted.
jQuery('.sidebar' ).tabs( 'option', 'active', 0 )
// Toggle page break settings.
TogglePageBreakSettings();
// Run field deleted action.
jQuery( document ).trigger( 'gform_field_deleted', [ form, fieldId ] );
}
/**
* Check if a field or choice has a field with conditional logic dependent upon it.
*
* If a field is being deleted, only a field ID is required. If a choice is being edited or deleted
* both the field ID and the value of the choice should be provided. This function will then loop
* through all form fields and each field's conditional logic rules to find if any field depends on
* the field being modified for conditional logic.
*
* Triggered when:
* delete field pass field ID
* delete choice pass field ID, value
* edit choice pass field ID, value
*
* @param fieldId the field ID that is being edited or deleted
* @param value Optional the value of the choice being edited or deleted
*
* @returns {Boolean}
*/
function HasConditionalLogicDependencyLegwork(fieldId, value) {
// check form button conditional logic
if(form.button && ObjectHasConditionalLogicDependency(form.button, fieldId, value) )
return true;
// check confirmations conditional logic
for(i in form.confirmations) {
if(!form.confirmations.hasOwnProperty(i))
continue;
if( ObjectHasConditionalLogicDependency(form.confirmations[i], fieldId, value) )
return true;
}
// check notifications conditional logic
for(i in form.notifications) {
if(!form.notifications.hasOwnProperty(i))
continue;
if( ObjectHasConditionalLogicDependency(form.notifications[i], fieldId, value) )
return true;
}
// check field conditional logic
for(i in form.fields) {
if(!form.fields.hasOwnProperty(i))
continue;
var field = form.fields[i];
if( ObjectHasConditionalLogicDependency(field, fieldId, value) )
return true;
// if this is a page field, check the next button conditional logic as well
if( GetInputType(field) == 'page' && ObjectHasConditionalLogicDependency(field.nextButton, fieldId, value) )
return true;
}
return false;
}
/**
* Runs the check for conditional logic dependencies and then applies a filter to result.
*
* Couldn't find a tidier way of applying the filter in the original function so I made this
* caller function so the code remains effecient and user can override the result in cases
* of failure and success.
*
* @param fieldId
* @param value
*/
function HasConditionalLogicDependency(fieldId, value) {
var result = HasConditionalLogicDependencyLegwork(fieldId, value);
return gform.applyFilters('gform_has_conditional_logic_dependency', result, fieldId, value);
}
/**
* Determine if an object has a conditional logic rule dependent on the field and/or value provided.
*
* All GF objects (fields, buttons, confirmations, etc) that have conditional logic have it stored in a
* 'conditionaLogic' property. This function checks if this property exists and if so loops through all
* the rules until it finds a match. If not match is found, function returns false.
*
* @param object The GF Object that has conditional logic property (fields, buttons, confirmation, notifications, paging)
* @param fieldId The fieldId being modified and on which a dependency is being searched for
* @param value Optional The value of the choice being being modified or deleted
*
* @returns {Boolean}
*/
function ObjectHasConditionalLogicDependency(object, fieldId, value) {
if(!object.conditionalLogic)
return false;
if(typeof value == 'undefined')
var value = false;
var rules = object.conditionalLogic.rules;
for(i in rules) {
if(! rules.hasOwnProperty(i))
continue;
var rule = rules[i];
// if rule field ID does not match the field ID of the field being modified, continue
if(rule.fieldId != fieldId)
continue;
// if value is provided and the rule value does not match provided value, continue
if(value !== false && rule.value != value)
continue;
if (!value && !rule.value) {
var ruleField = GetFieldById(fieldId);
if (ruleField && ruleField.choices && ruleField.placeholder) {
continue;
}
}
return true;
}
return false;
}
function HasDependentRule(rules, fieldId, value) {
if(typeof value == 'undefined')
value = false;
for(i in rules) {
if(! rules.hasOwnProperty(i))
continue;
var rule = rules[i];
// if rule field ID does not match the field ID of the field being modified, continue
if(rule.fieldId != fieldId)
continue;
// if value is provided and the rule value does not match provided value, continue
if(value !== false && rule.value != value)
continue;
return true;
}
return false;
}
function CheckChoiceConditionalLogicDependency(input) {
var field = GetSelectedField();
var previousValue = jQuery(input).data('previousValue'); // Get the value before checking. Fixes an issue in Chrome on Windows.
if (previousValue == undefined){
//set a value because undefined cannot be saved with jQuery data
previousValue = '';
}
if(HasConditionalLogicDependency(field.id, previousValue)) {
// Only call the confirmation dialog if the value has changed.
if ( jQuery(input).val() === previousValue ) {
return;
}
// confirm that the user wants to make the modification.
setTimeout( ()=>
gform.instances.dialogConfirmAsync( gf_vars.conditionalLogicWarningTitle, gf_vars.conditionalLogicDependencyChoiceEdit ).then( ( confirmed ) => {
if ( ! confirmed ) {
// if user does not want to make modification, replace with original value.
jQuery( input ).val( previousValue ).trigger( 'blur' );
jQuery( input ).data( 'previousValue', previousValue );
}
} ),
100
);
}
}
function StartDuplicateField(element) {
var sourcefieldId = jQuery(element)[0].id.split("_")[2];
gform.doAction( 'gform_before_field_duplicated', sourcefieldId );
for(fieldIndex in form.fields){
if(! form.fields.hasOwnProperty(fieldIndex))
continue;
if(form.fields[fieldIndex].id == sourcefieldId) {
// create a copy of the field
var field = Copy(form.fields[fieldIndex]);
field.id = GetNextFieldId();
if(field.inputs != null) {
for(inputIndex in field.inputs) {
if(!field.inputs.hasOwnProperty(inputIndex))
continue;
var id = field.inputs[inputIndex]['id'] + '',
newId = id == sourcefieldId ? field.id : id.replace(/(\d+\.)/, field.id + '.');
field.inputs[inputIndex]['id'] = newId;
}
}
/**
* Modify the field that is being duplicated.
*
* @param object field The duplicated field.
* @param object form The current form object.
*
* @since @todo
*/
field = gform.applyFilters( 'gform_duplicate_field', field, form );
field = gform.applyFilters( 'gform_duplicate_field_{0}'.gformFormat( GetInputType( field ) ), field, form );
form.fields.splice(fieldIndex, 0, field);
DuplicateField(field, sourcefieldId);
return;
}
}
}
function EndDuplicateField(field, fieldString, sourceFieldId) {
gform.doAction( 'gform_field_duplicated', form, field, jQuery( fieldString ), sourceFieldId );
var nativeEvent = new Event('gform/form_editor/field-duplicated-native');
document.dispatchEvent(nativeEvent);
}
function GetFieldsByType(types){
var fields = new Array();
for(var i=0; i<form["fields"].length; i++){
if(IndexOf(types, form["fields"][i]["type"]) >= 0)
fields.push(form["fields"][i]);
}
return fields;
}
function GetNextFieldId(){
var nextFieldId;
if ( typeof form.nextFieldId == 'undefined' ) {
var max = 0;
for(var i=0; i<form.fields.length; i++){
if(parseFloat(form.fields[i].id) > max)
max = parseFloat(form.fields[i].id);
}
if (form.deletedFields) {
for (var i = 0; i < form.deletedFields.length; i++) {
if (parseFloat(form.deletedFields[i]) > max)
max = parseFloat(form.deletedFields[i]);
}
}
nextFieldId = parseFloat(max) + 1;
} else {
nextFieldId = parseInt(form.nextFieldId);
}
form.nextFieldId = nextFieldId + 1;
return nextFieldId;
}
function GetFirstField() {
for ( var i = 0; i < form.fields.length; i++ ) {
return form.fields[i].id;
}
}
function EndAddField(field, fieldString, index){
gf_vars['currentlyAddingField'] = false;
// We just added a field. Let's hide the No Fields placeholder.
jQuery( '#no-fields' ).hide();
jQuery('#gform_adding_field_spinner').remove();
//sets up DOM for new field
if(typeof index != 'undefined'){
form.fields.splice(index, 0, field);
if (index === 0) {
jQuery('#gform_fields').prepend(fieldString);
} else {
jQuery('#gform_fields').children().eq(index - 1).after(fieldString);
}
} else {
if ( jQuery( '#field_submit' ).length ) {
jQuery( fieldString ).insertBefore ( jQuery( '#field_submit' ) );
} else {
jQuery('#gform_fields').append(fieldString);
}
//creates new javascript field
form.fields.push(field);
}
var newFieldElement = jQuery('#field_' + field.id);
newFieldElement.animate({ backgroundColor: '#FFFBCC' }, 'fast', function(){jQuery(this).animate({backgroundColor: '#FFF'}, 'fast', function(){jQuery(this).css('background-color', '');})})
//Unselects all fields
jQuery('.selectable').removeClass('field_selected');
//Closing editors
HideSettings('field_settings');
HideSettings('form_settings');
HideSettings('last_page_settings');
//Select current field
newFieldElement.addClass('field_selected');
//initializes new field with default data
SetFieldSize(field.size);
SetFieldEnhancedUI( field.enableEnhancedUI );
TogglePageBreakSettings();
InitializeFields();
newFieldElement.removeClass('field_selected');
jQuery(document).trigger('gform_field_added', [form, field]);
}
function StartChangeNameFormat(format) {
field = GetSelectedField();
UpgradeNameField(field, false, true, false);
}
function StartChangeCaptchaType(captchaType) {
field = GetSelectedField();
field["captchaType"] = captchaType;
SetFieldProperty('captchaType', captchaType);
StartChangeInputType(field["type"], field);
ResetRecaptcha();
}
function ResetRecaptcha() {
field = GetSelectedField();
field['captchaLanguage'] = 'en';
field['captchaTheme'] = 'light';
}
function StartChangeProductType(type) {
field = GetSelectedField();
if (type === 'radio' || type === 'select') {
field.enablePrice = true;
} else {
field.enablePrice = null;
field.choices = null;
}
if (type !== 'calculation') {
field.enableCalculation = false;
field.calculationFormula = '';
}
return StartChangeInputType(type, field);
}
function StartChangeDonationType(type){
field = GetSelectedField();
if(type != "donation")
field["enablePrice"] = true;
else
field["enablePrice"] = null;
return StartChangeInputType(type, field);
}
function StartChangeShippingType(type) {
field = GetSelectedField();
if (type !== 'singleshipping') {
field.enablePrice = true;
} else {
field.enablePrice = null;
field.choices = null;
}
return StartChangeInputType(type, field);
}
function StartChangePostCategoryType(type){
if(type == 'dropdown') {
jQuery('.post_category_initial_item_setting').hide();
} else {
jQuery('.post_category_initial_item_setting').show();
}
field = GetSelectedField();
return StartChangeInputType(type, field);
}
function StartChangePostCustomFieldType( type ) {
if ( jQuery.inArray( type, [ 'radio', 'select', 'checkbox', 'multiselect' ] ) === -1 ) {
field.choices = null;
}
return StartChangeInputType(type, field);
}
function EndChangeInputType(params){
var fieldId = params.id, fieldType = params.type, fieldString = params.fieldString;
jQuery("#field_" + fieldId).replaceWith(fieldString);
var field = GetFieldById(fieldId);
// setting input type if different than field type
field.inputType = field.type != fieldType ? fieldType : "";
// Add selected field class back post refresh
jQuery("#field_" + fieldId).addClass( 'field_selected' );
SetDefaultValues(field);
SetFieldLabel(field.label);
SetAriaLabel(field.label);
SetFieldSize(field.size);
SetFieldDefaultValue(field.defaultValue);
SetFieldDescription(field.description);
SetFieldCheckboxLabel(field.checkboxLabel);
SetFieldRequired(field.isRequired);
InitializeFields();
jQuery('.field_settings').css('opacity', '1');
ShowSettings(field);
/**
* Do something after a field's input type has changed.
*
* @since 2.9
*
* @param int fieldId The ID of the field for which the input type changed.
*/
gform.doAction( 'gform_after_change_input_type', fieldId );
}
function InitializeFields(){
//Border on/off logic on mouse over
jQuery('.selectable').hover(
function () {
jQuery(this).addClass('field_hover');
},
function () {
jQuery(this).removeClass('field_hover');
}
).focus(
function () {
if ( jQuery( this ).hasClass( 'field_selected' ) ) {
return;
}
jQuery( '.field_hover' ).removeClass( 'field_hover' );
jQuery( '.field_selected' ).removeClass( 'field_selected' );
jQuery( this ).addClass( 'field_hover' );
jQuery( this ).addClass( 'field_selected' );
}
).on( 'keypress', this, function ( event ) {
var key = event.which;
if ( key == 13 ) {
jQuery( '#general_tab_toggle' ).focus();
}
} );
jQuery('.field_delete_icon, .field_duplicate_icon').click(function(event){
event.stopPropagation();
});
jQuery('.field_settings, #form_settings, #last_page_settings, #pagination_settings, .form_delete_icon, .all-merge-tags').click(function(event){
/**
* Fires when an element in the FormEditor is clicked that should have no effect.
*
* This action is useful if you need to perform an action using the click event without forcing propagation.
*
* @since 2.5
*
* @param {DomEvent} event The dom event.
*/
gform.doAction( 'formEditorNullClick', event );
event.stopPropagation();
});
}
function FieldClick( field ) {
//disable click that happens right after dragging ends
if ( gforms_dragging == field.id ) {
gforms_dragging = 0;
return;
}
// force focus to ensure onblur events fire for field setting inputs
jQuery( 'input#gform_force_focus' ).focus();
//unselects all fields
jQuery( '.selectable' ).removeClass( 'field_selected' );
//selects current field
var $field = jQuery( field );
$field.removeClass( 'field_hover' ).addClass( 'field_selected' );
// Apply field class data to settings container in 2.5+.
var $fieldSettingsContainer = jQuery( '#field_settings_container' );
if ( $fieldSettingsContainer.length ) {
var fieldClass = jQuery( field ).data( 'field-class' );
var previousFieldClass = $fieldSettingsContainer.data( 'active-field-class' );
$fieldSettingsContainer.removeClass( previousFieldClass );
$fieldSettingsContainer.data( 'active-field-class', fieldClass );
$fieldSettingsContainer.addClass( fieldClass );
}
ShowSettings( field );
}
function ShowSettings( element ) {
if ( element.id === 'gform_last_page_settings' ) {
//hide field and form pagination setting fields
jQuery( '.field_setting' ).hide();
jQuery( '.pagination_setting' ).hide();
jQuery("#gfield_post_category_initial_item_container").hide();
jQuery("#gfield_min_strength_container").hide();
// Show last pagination setting fields
fieldObject = GetSelectedField();
jQuery( '.last_pagination_setting' ).show();
var label = jQuery( '#gform_last_page_settings' ).data( 'title' );
var description = jQuery( '#gform_last_page_settings' ).data( 'description' );
var icon_classes = 'button-icon dashicons-media-text';
} else if ( element.id === 'gform_pagination' ) {
//hide field and last pagination setting fields
fieldObject = typeof fieldObject !== 'undefined' ? fieldObject : GetFirstField();
jQuery( '.field_setting' ).hide();
jQuery( '.last_pagination_setting' ).hide();
// Show form pagination setting fields
jQuery( '.pagination_setting' ).show();
jQuery("#gfield_post_category_initial_item_container").hide();
jQuery("#gfield_min_strength_container").hide();
InitPaginationOptions();
var label = jQuery( '#gform_pagination' ).data( 'title' );
var description = jQuery( '#gform_pagination' ).data( 'description' );
var icon_classes = 'button-icon dashicons-media-text';
} else if ( element.id === 'field_submit' ) {
// Hide form pagination and last pagination setting fields
jQuery( '.pagination_setting' ).hide();
jQuery( '.last_pagination_setting' ).hide();
// Load and show field setting fields
LoadFieldSettings();
fieldObject = GetSubmitField();
var label = gf_vars.button;
var description = gf_vars.buttonDescription;
var icon_classes = 'gform-icon gform-icon--smart-button';
} else {
// Hide form pagination and last pagination setting fields
jQuery( '.pagination_setting' ).hide();
jQuery( '.last_pagination_setting' ).hide();
// Load and show field setting fields
LoadFieldSettings();
fieldObject = GetSelectedField();
var field_button = jQuery( '#add_fields button[data-type='+fieldObject.type+']' );
var label = field_button.find( '.button-text' ).text();
var description = field_button.data( 'description' );
// If we have a custom icon img, get it
var $button_icon = field_button.find( '.button-icon' );
var icon_img = $button_icon.find( 'img' );
var icon_classes = $button_icon.children().attr( 'class' );
}
// Show field icon and description in sidebar
jQuery( '#nothing_selected' ).hide();
jQuery( '#sidebar_field_label' )
.removeClass( 'no-id' )
.text( label )
.attr( 'data-fieldId-label', gf_vars.idString )
.attr( 'data-fieldId', fieldObject.id );
if( 'submit' === fieldObject.type ) {
jQuery( '#sidebar_field_label' ).addClass( 'no-id' );
}
jQuery( '#sidebar_field_text' ).text( description );
// Reset icon classes
jQuery( ' #sidebar_field_icon' ).attr( 'class', '' );
jQuery( ' #sidebar_field_icon img' ).remove();
if ( icon_img && icon_img.length ) {
jQuery( '#sidebar_field_icon' ).append( '<img src="' + icon_img.attr( 'src' ) + '" />' );
} else {
// Get dashicon classes from button
jQuery( '#sidebar_field_icon' ).addClass( icon_classes );
}
// Hide tabs that has no settings
jQuery( '.panel-block-tabs__body--settings' ).each( function( index, tab ) {
var tabId = jQuery( tab ).attr( 'id' );
var visibleElements = jQuery( '#' + tabId + ' > li' ).filter( function() {
return jQuery( this ).css( 'display' ) !== 'none';
} );
if ( visibleElements.length === 0 ) {
jQuery( '#' + tabId + '_toggle' ).hide();
jQuery( '#' + tabId ).hide();
} else {
jQuery( '#' + tabId + '_toggle' ).show();
}
} );
jQuery('#sidebar_field_info').removeClass('panel-block--hidden');
jQuery('#sidebar_field_info').addClass('panel-block--flex');
jQuery('.field_settings').show();
// Show field settings tab
jQuery('.sidebar').tabs( 'option', 'active', 1 );
var visibleChoicesSettings = gform.tools
.getNodes( '[data-js="choices-ui-content"] > li', true, document, true )
.filter( function( element ) {
return window.getComputedStyle( element ).getPropertyValue( 'display' ) !== 'none';
} );
if ( ! visibleChoicesSettings.length ) {
gform.tools.trigger( 'gform/flyout/close-all' );
}
gform.tools.trigger( 'gform/form_editor/setting_selected', document, false, element );
}
function TogglePercentageStyle( isInit ){
if(jQuery("#percentage_style").val() == 'custom'){
jQuery('.percentage_custom_container').show();
}
else{
jQuery('.percentage_custom_container').hide();
}
}
function TogglePercentageConfirmationText( isInit ){
if(jQuery("#percentage_confirmation_display").is(":checked")){
jQuery('.percentage_confirmation_page_name_setting').show();
}
else{
jQuery('.percentage_confirmation_page_name_setting').hide();
}
}
function CustomFieldExists(name){
if(!name)
return true;
var options = jQuery("#field_custom_field_name_select option");
for(var i=0; i<options.length; i++)
{
if(options[i].value == name)
return true;
}
return false;
}
function IsStandardMask(value){
if(!value)
return true;
var options = jQuery("#field_mask_select option");
for(var i=0; i<options.length; i++)
{
if(options[i].value == value)
return true;
}
return false;
}
function LoadFieldChoices(field){
//loading ui
jQuery('#field_choice_values_enabled').prop("checked", field.enableChoiceValue ? true : false);
ToggleChoiceValue();
jQuery('#field_multiple_selections').prop("checked", field.inputType == 'checkbox' ? true : false);
var container_name = GetInputType(field) == "list" ? "field_columns" : "field_choices";
jQuery("#" + container_name).html(GetFieldChoices(field));
//loading bulk input
LoadBulkChoices(field);
ToggleClearDefaultChoicesButton();
jQuery(document).trigger('gform_load_field_choices', [field]);
gform.doAction('gform_load_field_choices', [field]);
}
function LoadInputChoices($ul, input){
//loading ui
var $container = $ul.parent();
$container.find('.field_input_choice_values_enabled').prop("checked", input.enableChoiceValue ? true : false);
ToggleInputChoiceValue($container, input.enableChoiceValue);
jQuery($ul).html(GetInputChoices(input));
}
function LoadBulkChoices(field){
LoadCustomChoices();
if(!field.choices)
return;
var choices = new Array();
var choice;
for(var i=0; i<field.choices.length; i++){
choice = field.choices[i].text == field.choices[i].value ? field.choices[i].text : field.choices[i].text + "|" + field.choices[i].value;
if(field.enablePrice && field.choices[i]["price"] != "")
choice += "|:" + field.choices[i]["price"];
/**
* Filter each individual choice as it is loaded.
*
* This filter is generally used in combination with gform_insert_bulk_choices_choice, and is useful
* for generating unique text patterns for adding arbitrary data to a choice.
*
* @since 2.5
*
* @param {string} choice The string representing the current choice as a text pattern.
* @param {Choice} field.choices[i] The Choice object representing this particular Choice data.
* @param {object} field The current field being evaluated.
*
* @return {string} The updated text pattern, e.g. Label|Value|Meta|Other
*/
choice = gform.applyFilters( 'gform_load_bulk_choices_choice', choice, field.choices[i], field );
choices.push(choice);
}
/**
* Filter bulk loaded choices *after* they've been formatted for the bulk UI.
*
* This filter is useful if you would like to format the choices to provide additional parameters for choice-based settings.
*
* @since 2.3
*
* @param array bulkChoices The formatted choices.
* @param array choices The choice objects from the current field.
*/
choices = gform.applyFilters( 'gform_choices_post_bulk_load', choices, field.choices );
jQuery("#gfield_bulk_add_input").val(choices.join("\n"));
}
/**
* Toggles the visibility of the choice options based on the visibility of individual settings.
*
* @since 2.9.0
*
* @param {object} field - The field object containing the choice options.
*/
function ToggleChoiceOption( field ) {
const choiceOptions = document.getElementById( 'choice_options' );
const settings = choiceOptions.querySelectorAll( '.field_setting' );
const anyVisible = Array.from( settings ).some(
( setting ) => { return setting.style.display === 'block' || setting.style.display === ''; }
);
choiceOptions.style.display = anyVisible ? 'block' : 'none';
}
/**
* Toggles the visibility of the "Other" choice setting based on the field type and choice limit.
*
* @since 2.9.0
*
* @param {object} field - The field object containing the choice options.
*/
function ToggleChoiceOptionOther( field ) {
const choiceOptions = document.getElementById( 'choice_options' );
const otherChoiceSetting = choiceOptions.getElementsByClassName( 'other_choice_setting' )[0];
switch ( field.type ) {
case 'product':
case 'option':
case 'shipping':
otherChoiceSetting.style.display = 'none';
break;
case 'image_choice':
otherChoiceSetting.style.display = 'none';
break;
case 'multi_choice':
field.choiceLimit = field.choiceLimit || 'single';
const showOtherChoice = field.choiceLimit === 'single';
otherChoiceSetting.style.display = showOtherChoice ? 'block' : 'none';
}
}
/**
* Toggles the visibility of the "Select All" choice setting based on the field type and choice limit.
*
* @since 2.9.0
*
* @param {object} field - The field object containing the choice options.
*/
function ToggleChoiceOptionSelectAll( field ) {
let choiceOptions = document.getElementById( 'choice_options' );
let selectAllChoices = choiceOptions.getElementsByClassName( 'select_all_choices_setting' )[0];
let selectAllCheckbox = document.getElementById( 'field_select_all_choices' );
switch ( field.type ) {
case 'image_choice':
selectAllChoices.style.display = 'none';
selectAllCheckbox.checked = false;
break;
case 'multi_choice':
field.choiceLimit = field.choiceLimit || 'single';
const showSelectAll = [ 'unlimited','range' ].includes( field.choiceLimit );
selectAllChoices.style.display = showSelectAll ? 'block' : 'none';
selectAllCheckbox.checked = showSelectAll ? selectAllCheckbox.checked : false;
}
}
/**
* Toggles the visibility of the "Select All" text setting based on the field type and input type.
*
* @since 2.9.0
*
* @param {boolean} isInit - Indicates if the function is being called during initialization.
*/
function ToggleChoiceOptionSelectAllText( isInit ){
var field = GetSelectedField();
if ( field.type !== 'multi_choice' || GetInputType( field ) !== 'checkbox' ) {
jQuery('.select_all_text_setting').hide();
return;
}
var isSelectAllEnabled = jQuery('#field_select_all_choices').is(":checked");
if( isSelectAllEnabled ) {
jQuery('.select_all_text_setting').show();
} else {
jQuery('.select_all_text_setting').hide();
}
}
/**
* Toggles the visibility of the choice limit settings based on the selected value.
*
* @since 2.9.0
*
* @param {string|null} value - The choice limit value to determine which settings to show.
*/
function ToggleChoiceLimitSettings( value = null ) {
var field = GetSelectedField();
value = value || field.choiceLimit;
switch ( value ) {
case 'exactly':
jQuery('#choice_number_wrapper').show();
jQuery('#choice_number_min_max_wrapper').hide();
break;
case 'range':
jQuery('#choice_number_wrapper').hide();
jQuery('#choice_number_min_max_wrapper').show();
break;
default:
jQuery('#choice_number_wrapper').hide();
jQuery('#choice_number_min_max_wrapper').hide();
break;
}
}
function DisplayCustomMessage(message){
jQuery("#bulk_custom_message").html(message).slideDown();
//slide up after 2 seconds
setTimeout(
function(){
jQuery("#bulk_custom_message").slideUp();
}, 2000
);
}
function LoadCustomChoices(){
jQuery(".choice_section_header, .bulk_custom_choice").remove();
if(!IsEmpty(gform_custom_choices)){
var str = "<li class='choice_section_header'>" + gf_vars.customChoices + "</li>";
for(key in gform_custom_choices){
if(!gform_custom_choices.hasOwnProperty(key))
continue;
var selectChoiceAction = 'SelectCustomChoice( jQuery(this).data("key") );';
str += "<li class='bulk_custom_choice'><a href='javascript:void(0);' data-key='" + escapeAttr( key ) + "' onclick='" + selectChoiceAction + "' onkeypress='" + selectChoiceAction + "' class='bulk-choice bulk_custom_choice'>" + escapeHtml( key ) + "</a></li>";
}
str += "<li class='choice_section_header'>" + gf_vars.predefinedChoices + "</li>";
jQuery("#bulk_items").prepend(str);
}
}
function SelectCustomChoice( name ){
jQuery("#gfield_bulk_add_input").val(gform_custom_choices[name].join("\n"));
gform_selected_custom_choice = name;
InitBulkCustomPanel();
}
function SelectPredefinedChoice(name){
var list = gform_predefined_choices[name];
// Countries can also be an object if the gform_countries filter is used, so convert to array with just the values.
if( name == "Countries" && Array.isArray( list ) !== true ) {
list = Object.values( list );
}
jQuery('#gfield_bulk_add_input').val(list.join('\n'));
gform_selected_custom_choice = "";
InitBulkCustomPanel();
}
function InsertBulkChoices(choices){
field = GetSelectedField();
field.choices = new Array();
var enableValue = false;
for(var i=0; i<choices.length; i++){
text_price = choices[i].split("|:");
text_value = text_price[0];
price = "";
if(text_price.length > 1){
var currency = GetCurrentCurrency();
price = currency.toMoney(text_price[1]);
}
text_value = text_value.split("|");
if(text_value.length > 1)
enableValue = true;
choice = new Choice(jQuery.trim(text_value[0]), jQuery.trim(text_value[text_value.length -1]), jQuery.trim(price));
/**
* Filter each individual Choice object as it is inserted into the UI.
*
* This filter is generally used in combination with gform_load_bulk_choices_choice, and is useful
* for parsing a unique text pattern (e.g., Label|Value|Other) and adding the additional data to
* the resulting Choice object.
*
* @since 2.5
*
* @param {Choice} choice The Choice object representing this particular Choice data.
* @param {string} choice_string The string representing the current choice as a text pattern.
* @param {object} field The current field being evaluated.
*
* @return {Choice} The updated Choice object containing any additional data needed.
*/
choice = gform.applyFilters( 'gform_insert_bulk_choices_choice', choice, choices[i], field );
if ( FieldIsChoiceType( field ) ) {
InsertFieldForChoice( choice, field );
}
field.choices.push( choice );
}
/**
* Fires after bulk choices have been added to the field object and before the UI has been re-rendered.
*
* This action is useful if you need to alter other field settings based on the choices.
*
* @since 2.3
*
* @param array field The currently selected field object.
*/
gform.doAction( 'gform_bulk_insert_choices', field );
if(enableValue){
field["enableChoiceValue"] = true;
jQuery('#field_choice_values_enabled').prop("checked", true);
ToggleChoiceValue();
}
LoadFieldChoices(field);
RefreshSelectedFieldPreview();
}
function InitBulkCustomPanel(){
if(gform_selected_custom_choice.length == 0){
CloseCustomChoicesPanel();
}
else{
LoadCustomChoicesPanel();
}
}
function LoadCustomChoicesPanel(isNew, speed){
if(isNew){
jQuery("#custom_choice_name").val("");
jQuery("#bulk_save_button").html(gf_vars.save);
jQuery("#bulk_cancel_link").show();
jQuery("#bulk_delete_link").hide();
}
else{
jQuery("#custom_choice_name").val(gform_selected_custom_choice);
jQuery("#bulk_save_button").html(gf_vars.update);
jQuery("#bulk_cancel_link").hide();
jQuery("#bulk_delete_link").show();
}
jQuery("#bulk_save_as").hide();
jQuery("#bulk_custom_edit").show();
}
function CloseCustomChoicesPanel(){
jQuery("#bulk_save_as").show();
jQuery("#bulk_custom_edit").hide();
}
function IsEmpty(array){
var key;
for (key in array) {
if (array.hasOwnProperty(key))
return false;
}
return true;
}
function SetFieldChoice(inputType, index, refresh = true){
var text = jQuery("#" + inputType + "_choice_text_" + index).val();
var value = jQuery("#" + inputType + "_choice_value_" + index).val();
var price = jQuery("#" + inputType + "_choice_price_" + index).val();
field = GetSelectedField();
field.choices[index].text = text;
field.choices[index].value = field.enableChoiceValue ? value : text;
if(field.enablePrice){
var currency = GetCurrentCurrency();
var price = currency.toMoney(price);
if(!price)
price = "";
field.choices[index]["price"] = price;
}
//set field selections
jQuery("#field_choices :radio, #field_choices :checkbox").each(function(index){
field.choices[index].isSelected = this.checked;
});
ToggleClearDefaultChoicesButton();
LoadBulkChoices(field);
if ( refresh ) {
RefreshSelectedFieldPreview();
}
// Checkbox field inputs are re-generated on the fly.
// For Choice field inputs, we need to update the input directly to keep the same IDs.
if ( FieldIsChoiceType( field ) ) {
let input = GetInputFromKey(field.choices[index].key, field);
input.label = text;
}
}
function ResetDefaultChoices() {
jQuery( '#field_choices' ).find( ':radio, :checkbox' ).each( function( index, element ) {
var id = element.id;
var inputType = id.split( '_' )[0];
var index = id.split( '_' ).pop();
jQuery( element ).prop( 'checked', false );
SetFieldChoice( inputType, index, false );
} );
RefreshSelectedFieldPreview();
}
function ToggleClearDefaultChoicesButton() {
var clearDefaultButton = jQuery( '.field-choice-clear-default' );
if ( jQuery( '#field_choices :radio:checked, #field_choices :checkbox:checked' ).length ) {
clearDefaultButton.show();
} else {
clearDefaultButton.hide();
}
}
function SetInputChoice(inputId, index, value, text){
var field = GetSelectedField();
var input = GetInput(field, inputId);
inputId = inputId.toString().replace('.', '_');
input.choices[index].text = text;
input.choices[index].value = input.enableChoiceValue ? value : text;
//set field selections
jQuery(".field-input-choice-" + inputId + ":radio, .field-input-choice-" + inputId + ":checkbox").each(function(index){
input.choices[index].isSelected = this.checked;
});
UpdateInputChoices(input);
}
/*
* Deprecated in 2.9.0
*/
function UpdateFieldChoices(fieldType){
console.log( 'UpdateFieldChoices is deprecated as of Gravity Forms 2.9.0 and will be removed in a future version. Please use RefreshSelectedFieldPreview instead.' );
var choices = '';
var selector = '';
var inputContainer = ( "1" === gf_legacy.is_legacy ) ? 'li' : 'div';
var inputContainerClass;
if(field.inputType == "checkbox")
field.inputs = new Array();
var skip = 0;
// Multiselect is functionally just a select input with a different attribute; adjust the type here.
if ( fieldType === 'multiselect' ) {
fieldType = 'select';
}
switch( fieldType ){
case "select" :
for(var i=0; i<field.choices.length; i++)
{
selected = field.choices[i].isSelected ? "selected='selected'" : "";
var choiceValue = field.choices[i].value ? field.choices[i].value : field.choices[i].text;
choices += "<option value='" + choiceValue.replace(/'/g, "'") + "' " + selected + ">" + field.choices[i].text + "</option>";
}
break;
case "checkbox" :
for(var i=0; i<field.choices.length; i++)
{
// Functionality for generating checkbox inputs has been moved to SetFieldCheckboxInputs.
//Skipping ids that are multiple of ten to avoid conflicts with other fields (i.e. 5.1 and 5.10)
if((i + 1 + skip) % 10 == 0){
skip++;
}
var field_number = field.id + '.' + (i + 1 + skip);
field.inputs.push(new Input(field_number, field.choices[i].text));
var id = 'choice_' + field.id + '_' + (i + 1);
inputContainerClass = "gchoice g" + id;
checked = field.choices[i].isSelected ? "checked" : "";
if(i < 5) {
choices += "<" + inputContainer + " class='" + inputContainerClass + "'><input name='input_" + field.inputs[i].id + "' type='" + fieldType + "' " + checked + " value='" + field.choices[i].value + "' id='" + id +"' disabled='disabled'><label for='" + id + "'>" + field.choices[i].text + "</label></" + inputContainer + ">";
}
}
if(field.choices.length > 5)
choices += "<" + inputContainer + " class='gchoice_total'>" + gf_vars["editToViewAll"].replace("%d", field.choices.length) + "</" + inputContainer + ">";
if ( field.enableSelectAll ) {
choices += '<button type="button" id="button_' + id + '_select_all" disabled="disabled">' + gf_vars["selectAll"] + '</button>';
}
break;
case "radio" :
for(var i=0; i<field.choices.length; i++)
{
var id = 'choice_' + field.id + '_' + (i + 1);
inputContainerClass = "gchoice g" + id;
checked = field.choices[i].isSelected ? "checked" : "";
if(i < 5) {
choices += "<" + inputContainer + " class='" + inputContainerClass + "'><input name='input_" + field.id + "' type='" + fieldType + "' " + checked + " value='" + field.choices[i].value + "' id='" + id +"' disabled='disabled'><label for='" + id + "'>" + field.choices[i].text + "</label></" + inputContainer + ">";
}
}
choices += field.enableOtherChoice ? "<" + inputContainer + "><input type='" + fieldType + "' " + checked + " id='" + id +"' disabled='disabled'><input type='text' value='" + gf_vars.otherChoiceValue + "' disabled='disabled' /></" + inputContainer + ">" : "";
if(field.choices.length > 5) {
choices += "<" + inputContainer + " class='gchoice_total'>" + gf_vars["editToViewAll"].replace("%d", field.choices.length) + "</" + inputContainer + ">";
}
break;
case "list" :
RefreshSelectedFieldPreview();
break;
}
selector = '.gfield_' + fieldType;
jQuery(".field_selected " + selector).html(choices);
}
function UpdateInputChoices(input){
var choices = '';
for(var i=0; i<input.choices.length; i++) {
var selected = input.choices[i].isSelected ? "selected='selected'" : "";
var choiceValue = input.choices[i].value ? input.choices[i].value : input.choices[i].text;
choices += "<option value='" + choiceValue.replace(/'/g, "'") + "' " + selected + ">" + input.choices[i].text + "</option>";
}
var inputId = input.id.toString().replace('.', '_');
jQuery(".field_selected #input_" + inputId).html(choices);
}
function InsertFieldChoice( index ) {
field = GetSelectedField();
var inputType = GetInputType( field );
var text = "";
var value = "";
var price = field[ "enablePrice" ] ? "0.00" : "";
var file_url = "";
if ( inputType === 'list' ) {
text = window.gf_vars.column + " " + (index + 1);
value = window.gf_vars.column + " " + (index + 1);
}
var newChoice = new Choice( text, value, price );
if ( window[ "gform_new_choice_" + field.type ] ) {
newChoice = window[ "gform_new_choice_" + field.type ]( field, newChoice );
}
if ( typeof field.choices !== 'object' ) {
field.choices = [];
}
field.choices.splice( index, 0, newChoice );
if ( FieldIsChoiceType( field ) ) {
InsertFieldForChoice( newChoice, field );
}
LoadFieldChoices( field );
RefreshSelectedFieldPreview();
}
/**
* Generate a new input for a choice field and set a new ID by increasing the last input ID.
*
* @since 2.9
*
*/
function InsertFieldForChoice( newChoice, field ) {
// Checkbox field inputs are generated on the fly.
// For Choice field inputs, we need to manually generate the input and set a new ID by increasing the last input ID.
// This works because the inputs array is never reordered and the higher ID inputs are always appended to the end of the array.
newChoice.key = GenerateUniqueFieldKey();
var inputId = field.id + '.1';
if ( ! Array.isArray( field.inputs ) ) {
field.inputs = [];
} else {
//get last input id number
var newInputNumber = parseInt(field.inputs[ field.inputs.length - 1 ].id.split( '.' )[1]);
newInputNumber++;
// increment lastInputId if its multiple of ten
if ( newInputNumber % 10 === 0 ) {
newInputNumber++;
}
inputId = field.id + '.' + newInputNumber;
}
var input = new Input(inputId, newChoice.text);
input.key = newChoice.key;
field.inputs.push(input);
}
/**
* Generates a new random key for a field input.
*
* @since 2.9
*
*/
function GenerateUniqueFieldKey() {
return Math.random().toString(36).substring(2, 11) + Date.now().toString(36);
}
/**
* Get the matching input object from the choices array based on the key.
*
* @since 2.9
*
* @param key
* @param field
*/
function GetInputFromKey( key, field ) {
var input = false;
if ( !field ) {
field = GetSelectedField();
}
if ( Array.isArray( field.inputs ) ) {
field.inputs.forEach( function( fieldInput ) {
if ( fieldInput.key === key ) {
input = fieldInput;
}
} );
}
return input;
}
function InsertInputChoice($ul, inputId, index){
var field = GetSelectedField();
var input = GetInput(field, inputId);
var new_choice = new Choice("", "");
input.choices.splice(index, 0, new_choice);
LoadInputChoices($ul, input);
UpdateInputChoices(input);
}
function DeleteFieldChoice(index){
field = GetSelectedField();
var value = jQuery('#' + GetInputType(field) + '_choice_value_' + index).val();
if( HasConditionalLogicDependency(field.id, value) ) {
gform.instances.dialogConfirmAsync( gf_vars.conditionalLogicWarningTitle , gf_vars.conditionalLogicDependencyChoice ).then( ( confirmed ) => {
if ( ! confirmed ) {
return;
}
RemoveFieldChoice(index, field);
});
} else {
RemoveFieldChoice(index, field);
}
}
/**
* Removes the selected item from the field choices.
*
* @since 2.9
*
* @param {int} index The index of the choice to remove.
* @param {(object|boolean)} field The value returned from the jQuery Selector.
*/
function RemoveFieldChoice(index, field){
// For Checkbox field, inputs are re-generated on the fly.
// For Choice fields, we need to manually find and delete the matching input.
if ( FieldIsChoiceType( field ) ) {
var key = field.choices[index].key;
field.choices.splice(index, 1);
var input = GetInputFromKey( key, field );
if ( input ) {
var index = field.inputs.indexOf( input );
field.inputs.splice( index, 1 );
}
} else {
field.choices.splice(index, 1);
}
LoadFieldChoices(field);
RefreshSelectedFieldPreview();
}
function DeleteInputChoice($ul, inputId, index){
var field = GetSelectedField();
var input = GetInput(field, inputId);
input.choices.splice(index, 1);
LoadInputChoices($ul, input);
UpdateInputChoices(input);
}
function MoveFieldChoice(fromIndex, toIndex){
field = GetSelectedField();
var choice = field.choices[fromIndex];
//deleting from old position
field.choices.splice(fromIndex, 1);
//inserting into new position
field.choices.splice(toIndex, 0, choice);
LoadFieldChoices(field);
RefreshSelectedFieldPreview();
}
function MoveInputChoice($ul, inputId, fromIndex, toIndex){
var field = GetSelectedField();
var input = GetInput(field, inputId);
var choice = input.choices[fromIndex];
//deleting from old position
input.choices.splice(fromIndex, 1);
//inserting into new position
input.choices.splice(toIndex, 0, choice);
LoadInputChoices($ul, input);
UpdateInputChoices(input);
}
function GetFieldType(fieldId){
return fieldId.substr(0, fieldId.lastIndexOf("_"));
}
function GetSelectedField() {
var $field = jQuery( '.field_selected' );
if( $field.length <= 0 ) {
return false;
}
var id = $field[0].id.substr( 6 );
return GetFieldById( id );
}
function SetPasswordProperty(isChecked){
SetFieldProperty("enablePasswordInput", isChecked);
}
function ToggleDateCalendar( isInit ){
var dateType = jQuery("#field_date_input_type").val();
if(dateType == "datefield" || dateType == "datedropdown"){
jQuery("#date_picker_container").hide();
SetCalendarIconType("none");
}
else{
jQuery("#date_picker_container").show();
}
}
function ToggleCalendarIconUrl( isInit ){
if(jQuery("#gsetting_icon_custom").is(":checked")){
jQuery("#gfield_icon_url_container").show();
}
else{
jQuery("#gfield_icon_url_container").hide();
jQuery("#gfield_calendar_icon_url").val("");
SetFieldProperty('calendarIconUrl', '');
}
}
function SetTimeFormat(format){
SetFieldProperty('timeFormat', format);
LoadTimeInputs();
}
function LoadTimeInputs(){
var field = GetSelectedField();
if(field.type != 'time' && field.inputType != 'time'){
return;
}
var format = jQuery("#field_time_format").val();
if(format == "24"){
jQuery('#input_default_value_row_input_' + field.id +'_3').hide();
jQuery(".field_selected .gfield_time_ampm").hide();
} else {
jQuery('#input_default_value_row_input_' + field.id +'_3').show();
jQuery(".field_selected .gfield_time_ampm").show();
}
jQuery('#input_placeholder_row_input_' + field.id +'_3').hide(); // No support for placeholder.
// AM/PM Sub label is hidden in the time field class after `gform_post_load_field_settings` is fired.
}
/**
* Set date format for a date field.
*
* @since unknown
* @since 2.5 Updated for the layout editor.
*
* @param format
* @constructor
*/
function SetDateFormat( format ) {
SetFieldProperty( 'dateFormat', format );
var field = GetSelectedField();
if ( field.dateType === 'datepicker' ) {
var formatLabel = jQuery( '#field_date_format option:selected' ).text();
if ( field.placeholder === '' ) {
jQuery( '.field_selected input[name="ginput_datepicker"]' )
.attr( 'placeholder', formatLabel );
}
}
LoadDateInputs();
}
function LoadDateInputs(){
var type = jQuery("#field_date_input_type").val();
var format = jQuery("#field_date_format").val();
// setting up field positions
var position = format ? format.substr(0,3) : "mdy";
if(type == "datefield") {
switch(position){
case "ymd" :
jQuery(".field_selected #gfield_input_date_month").remove().insertBefore(".field_selected #gfield_input_date_day");
jQuery(".field_selected #gfield_input_date_year").remove().insertBefore(".field_selected #gfield_input_date_month");
break;
case "mdy" :
jQuery(".field_selected #gfield_input_date_day").remove().insertBefore(".field_selected #gfield_input_date_year");
jQuery(".field_selected #gfield_input_date_month").remove().insertBefore(".field_selected #gfield_input_date_day");
break;
case "dmy" :
jQuery(".field_selected #gfield_input_date_month").remove().insertBefore(".field_selected #gfield_input_date_year");
jQuery(".field_selected #gfield_input_date_day").remove().insertBefore(".field_selected #gfield_input_date_month");
break;
}
jQuery('.field_selected')
.removeClass( 'gfield--datepicker-default-icon gfield--datepicker-no-icon' )
.removeClass( 'gfield--input-type-datedropdown gfield--input-type-datepicker' )
.addClass( 'gfield--input-type-datefield' );
jQuery(".field_selected [id^='gfield_input_date']").show();
jQuery(".field_selected [id^='gfield_dropdown_date']").hide();
jQuery(".field_selected #gfield_input_datepicker").hide();
jQuery(".field_selected #gfield_input_datepicker_icon").hide();
}
else if(type == "datedropdown") {
switch(position) {
case "ymd" :
jQuery(".field_selected #gfield_dropdown_date_month").remove().insertBefore(".field_selected #gfield_dropdown_date_day");
jQuery(".field_selected #gfield_dropdown_date_year").remove().insertBefore(".field_selected #gfield_dropdown_date_month");
break;
case "mdy" :
jQuery(".field_selected #gfield_dropdown_date_day").remove().insertBefore(".field_selected #gfield_dropdown_date_year");
jQuery(".field_selected #gfield_dropdown_date_month").remove().insertBefore(".field_selected #gfield_dropdown_date_day");
break;
case "dmy" :
jQuery(".field_selected #gfield_dropdown_date_month").remove().insertBefore(".field_selected #gfield_dropdown_date_year");
jQuery(".field_selected #gfield_dropdown_date_day").remove().insertBefore(".field_selected #gfield_dropdown_date_month");
break;
}
jQuery('.field_selected')
.removeClass( 'gfield--datepicker-default-icon gfield--datepicker-no-icon' )
.removeClass( 'gfield--input-type-datefield gfield--input-type-datepicker' )
.addClass( 'gfield--input-type-datedropdown' );
jQuery(".field_selected [id^='gfield_dropdown_date']").css('display', 'flex');
jQuery(".field_selected [id^='gfield_input_date']").hide();
jQuery(".field_selected #gfield_input_datepicker").hide();
jQuery(".field_selected #gfield_input_datepicker_icon").hide();
}
else {
jQuery('.field_selected')
.removeClass( 'gfield--input-type-datefield gfield--input-type-datedropdown' )
.addClass( 'gfield--input-type-datepicker' );
jQuery(".field_selected [id^='gfield_input_date']").hide();
jQuery(".field_selected [id^='gfield_dropdown_date']").hide();
jQuery(".field_selected #gfield_input_datepicker").css( 'display', 'flex' );
// Displaying or hiding the calendar icon
if(jQuery("#gsetting_icon_calendar").is(":checked")) {
jQuery(".field_selected").removeClass( 'gfield--datepicker-no-icon' ).addClass( 'gfield--datepicker-default-icon' );
jQuery(".field_selected #gfield_input_datepicker_icon").show();
} else {
jQuery(".field_selected").removeClass( 'gfield--datepicker-default-icon' ).addClass( 'gfield--datepicker-no-icon' );
jQuery(".field_selected #gfield_input_datepicker_icon").hide();
}
}
}
function SetCalendarIconType(iconType, isInit){
field = GetSelectedField();
if(GetInputType(field) != "date")
return;
if(iconType == undefined)
iconType = "none";
if(iconType == "none")
jQuery("#gsetting_icon_none").prop("checked", true);
else if(iconType == "calendar")
jQuery("#gsetting_icon_calendar").prop("checked", true);
else if(iconType == "custom")
jQuery("#gsetting_icon_custom").prop("checked", true);
SetFieldProperty('calendarIconType', iconType);
ToggleCalendarIconUrl( isInit );
LoadDateInputs();
}
function SetDateInputType(type){
field = GetSelectedField();
if(GetInputType(field) != "date")
return;
if ( type === 'datepicker' ) {
SetFieldAccessibilityWarning( 'date_input_type_setting', 'above' );
} else {
resetAllFieldAccessibilityWarnings();
}
field.dateType = type;
field.inputs = GetDateFieldInputs(field);
CreateDefaultValuesUI(field);
CreatePlaceholdersUI(field);
CreateInputLabelsUI(field);
ToggleDateSettings(field);
ResetDefaultInputValues(field);
ToggleDateCalendar();
LoadDateInputs();
}
function SetPostImageMeta(){
var displayAlt = jQuery('#gfield_display_alt').is(":checked");
var displayTitle = jQuery('#gfield_display_title').is(":checked");
var displayCaption = jQuery('#gfield_display_caption').is(":checked");
var displayDescription = jQuery('#gfield_display_description').is(":checked");
var displayLabel = (displayAlt || displayTitle || displayCaption || displayDescription);
//setting property
SetFieldProperty('displayAlt', displayAlt);
SetFieldProperty('displayTitle', displayTitle);
SetFieldProperty('displayCaption', displayCaption);
SetFieldProperty('displayDescription', displayDescription);
//updating UI
jQuery('.field_selected .ginput_post_image_alt').css("display", displayAlt ? "block" : "none");
jQuery('.field_selected .ginput_post_image_title').css("display", displayTitle ? "block" : "none");
jQuery('.field_selected .ginput_post_image_caption').css("display", displayCaption ? "block" : "none");
jQuery('.field_selected .ginput_post_image_description').css("display", displayDescription ? "block" : "none");
jQuery('.field_selected .ginput_post_image_file').css("display", displayLabel ? "block" : "none");
}
function SetFeaturedImage() {
var isChecked = jQuery('#gfield_featured_image').is(':checked');
if(isChecked) {
for(i in form.fields) {
if(!form.fields.hasOwnProperty(i))
continue;
form.fields[i].postFeaturedImage = false;
}
SetFieldProperty('postFeaturedImage', true);
}
else{
SetFieldProperty('postFeaturedImage', false);
}
}
function SetFieldProperty(name, value){
if (value == undefined)
value = "";
var field = GetSelectedField();
var previousValue = rgar( field, name );
field[name] = value;
/**
* Enables custom actions to be performed when a field property is set.
*
* @since 2.7.16
*
* @param {string} name The name of the property that was set.
* @param {object} field The field object that was updated.
* @param {(string|number|boolean|array)} value The current value of the specified property.
* @param {(string|number|boolean|array)} previousValue The previous value of the specified property.
*/
window.gform.doAction( 'gform_post_set_field_property', name, field, value, previousValue );
}
function SetInputName(value, inputId){
var field = GetSelectedField();
if(value)
value = value.trim();
if(!inputId){
field["inputName"] = value;
}
else{
for(var i=0; i<field["inputs"].length; i++){
if(field["inputs"][i]["id"] == inputId){
field["inputs"][i]["name"] = value;
return;
}
}
}
}
function SetInputDefaultValue(value, inputId){
var field = GetSelectedField(), $select, elementId, ele;
if(value)
value = value.trim();
for(var i=0; i<field["inputs"].length; i++){
if(field["inputs"][i]["id"] == inputId){
field["inputs"][i]["defaultValue"] = value;
jQuery('[name="input_' + inputId + '"], #input_' + inputId.toString().replace('.', '_')).each(function(){
var type = this.nodeName;
if( type == 'INPUT'){
jQuery(this).val(value);
} else {
$select = jQuery(this);
value = value.toLowerCase();
$select
.val('')
.children()
.each(function () {
if(this.value.toLowerCase() == value){
$select.val(this.value);
return false;
}
});
}
});
return;
}
}
}
function SetInputPlaceholder(value, inputId){
var field = GetSelectedField(), ele, elementId;
if(value)
value = value.trim();
for(var i=0; i<field["inputs"].length; i++){
if(field["inputs"][i]["id"] == inputId){
field["inputs"][i]["placeholder"] = value;
jQuery('[name="input_' + inputId + '"], #input_' + inputId.toString().replace('.', '_')).each(function(){
var type = this.nodeName;
if( type == 'INPUT'){
jQuery(this).prop("placeholder", value);
} else if (type == 'SELECT'){
jQuery(this).find('option[value=""]').text(value);
}
});
return;
}
}
}
function ResetInputPlaceholders(field){
if(!field){
field = GetSelectedField()
}
if(!field.inputs){
return
}
jQuery(field.inputs).each(function(){
var placeholder = typeof this.placeholder != 'undefined' ? this.placeholder : '';
SetInputPlaceholder(placeholder, this.id);
})
}
function SetInputAutocomplete( value, inputId ){
var field = GetSelectedField(), ele, elementId;
if( value )
value = value.trim();
for( var i=0; i<field["inputs"].length; i++ ){
if( field["inputs"][i]["id"] == inputId ) {
field["inputs"][i]["autocompleteAttribute"] = value;
jQuery( '[name="input_' + inputId + '"], #input_' + inputId.toString().replace( '.', '_' ) ).each( function() {
field["inputs"][i]["autocompleteAttribute"] = value;
} );
return;
}
}
}
function ResetDefaultInputValues(field){
if(!field){
field = GetSelectedField()
}
if(!field.inputs){
return
}
jQuery(field.inputs).each(function(){
var defaultValue = typeof this.defaultValue != 'undefined' ? this.defaultValue : '';
SetInputDefaultValue(defaultValue, this.id);
})
}
/**
* Set the custom label of a input.
*
* @since unknown
* @since 2.5 Updated to handle screen-reader-text for date and time inputs.
*
* @param {string} value The value of the custom label.
* @param {string} [inputId] The input ID.
*/
function SetInputCustomLabel( value, inputId ) {
var field = GetSelectedField(), elementID, label, input;
if ( value )
value = value.trim();
for ( var i = 0; i < field[ "inputs" ].length; i++ ) {
input = field[ "inputs" ][ i ];
if ( input.id == inputId ) {
if ( value == '' ) {
delete input.customLabel;
label = typeof input.defaultLabel != 'undefined' ? input.defaultLabel : input.label;
} else {
input.customLabel = value;
label = value;
}
elementID = 'input_' + field.inputs[ i ].id;
elementID = elementID.replace( '.', '_' );
elementID = '.ginput_container label[for=' + elementID + "]";
jQuery( elementID ).text( label );
// Toggle the screen-reader-text class based on if the customLabel is set.
if ( field.type === 'date' || field.type === 'time' ) {
jQuery( elementID ).toggleClass( 'screen-reader-text', ! input.hasOwnProperty( 'customLabel' ) );
}
return;
}
}
}
function SetInputHidden(isHidden, inputId){
var field = GetSelectedField();
for(var i=0; i<field["inputs"].length; i++){
if(field["inputs"][i]["id"] == inputId){
field["inputs"][i]["isHidden"] = isHidden;
inputId = inputId.toString().replace('.','_');
jQuery("#input_" + inputId + "_container").toggle(!isHidden);
return;
}
}
}
function SetSelectedCategories(){
var field = GetSelectedField();
field["choices"] = new Array();
jQuery(".gfield_category_checkbox").each(function(){
if(this.checked)
field["choices"].push(new Choice(this.name, this.value));
});
field["choices"].sort(function(a, b){return ( a["text"].toLowerCase() > b["text"].toLowerCase() );});
}
function SetFieldLabel(label){
var requiredElement = jQuery(".field_selected .gfield_required")[0];
jQuery(".field_selected label.gfield_label, .field_selected .gsection_title, .field_selected legend.gfield_label > span").text(label).append(requiredElement);
SetFieldProperty("label", label);
var nativeEvent = new Event('gform/form_editor/set_field_label');
document.dispatchEvent(nativeEvent);
}
/**
* Set the Aria Label for a field in the editor.
*
* @since 2.5.
*
* @param {string} label The field label
*/
function SetAriaLabel(label){
var fieldId = jQuery( ".field_selected" )[0].id.split( '_' )[1];
var field = GetFieldById( fieldId );
var ariaLabel = window.gf_vars.fieldLabelAriaLabel.replace('{field_label}', label).replace('{field_type}', field.type);
jQuery( ".field_selected .gfield-edit" ).attr( 'aria-label', ariaLabel );
}
function SetCaptchaTheme(theme, thumbnailUrl){
jQuery(".field_selected .gfield_captcha").attr("src", thumbnailUrl);
SetFieldProperty("captchaTheme", theme);
}
function SetCaptchaSize(size){
var type = jQuery("#field_captcha_type").val();
SetFieldProperty("simpleCaptchaSize", size);
RedrawCaptcha();
jQuery(".field_selected .gfield_captcha_input_container").removeClass(type + "_small").removeClass(type + "_medium").removeClass(type + "_large").addClass(type + "_" + size);
}
function SetCaptchaFontColor(color){
SetFieldProperty("simpleCaptchaFontColor", color);
RedrawCaptcha();
}
function SetCaptchaBackgroundColor(color){
SetFieldProperty("simpleCaptchaBackgroundColor", color);
RedrawCaptcha();
}
function RedrawCaptcha(){
var captchaType = jQuery("#field_captcha_type").val();
if(captchaType == "math"){
url_1 = GetCaptchaUrl(1);
url_2 = GetCaptchaUrl(2);
url_3 = GetCaptchaUrl(3);
jQuery(".field_selected .gfield_captcha:eq(0)").attr("src", url_1);
jQuery(".field_selected .gfield_captcha:eq(1)").attr("src", url_2);
jQuery(".field_selected .gfield_captcha:eq(2)").attr("src", url_3);
}
else{
url = GetCaptchaUrl();
jQuery(".field_selected .gfield_captcha").attr("src", url);
}
}
function SetFieldEnhancedUI( checked ) {
SetFieldProperty( 'enableEnhancedUI', checked ? 1 : 0 );
if ( checked ) {
SetFieldAccessibilityWarning( 'enable_enhanced_ui_setting', 'below' );
} else {
resetAllFieldAccessibilityWarnings();
}
}
function SetFieldSize(size) {
jQuery(".field_selected .small, .field_selected .medium, .field_selected .large").removeClass("small").removeClass("medium").removeClass("large").addClass(size);
SetFieldProperty("size", size);
}
function SetFieldLabelPlacement(labelPlacement) {
var labelPlacementClass = labelPlacement ? labelPlacement : form.labelPlacement;
SetFieldProperty("labelPlacement", labelPlacement);
jQuery(".field_selected").removeClass("top_label").removeClass("right_label").removeClass("left_label").removeClass("hidden_label").addClass(labelPlacementClass);
if ((field.labelPlacement == 'left_label' || field.labelPlacement == 'right_label' || (field.labelPlacement == '' && form.labelPlacement != 'top_label'))) {
jQuery('#field_description_placement').val('');
SetFieldProperty("descriptionPlacement", '');
jQuery('#field_description_placement_container').hide();
} else {
jQuery('#field_description_placement_container').show();
}
if (field.labelPlacement == 'hidden_label') {
SetFieldAccessibilityWarning('label_placement_setting', 'above');
} else {
resetAllFieldAccessibilityWarnings();
}
SetFieldProperty("labelPlacement", labelPlacement);
SetFieldRequired(field.isRequired);
RefreshSelectedFieldPreview();
}
function SetFieldDescriptionPlacement(descriptionPlacement){
SetFieldProperty("descriptionPlacement", descriptionPlacement);
RefreshSelectedFieldPreview();
}
function SetFieldSubLabelPlacement( subLabelPlacement ) {
SetFieldProperty( "subLabelPlacement", subLabelPlacement );
RefreshSelectedFieldPreview();
}
function SetFieldVisibility( visibility, handleInputs, isInit ) {
if (!isInit && visibility === 'administrative' && HasConditionalLogicDependency(field.id)) {
gform.instances.dialogConfirmAsync(gf_vars.conditionalLogicWarningTitle , gf_vars.conditionalLogicDependencyAdminOnly).then((confirmed) => {
if (confirmed) {
proceedWithVisibilityChange(visibility, handleInputs);
} else {
proceedWithVisibilityChange( 'visible', true );
}
});
} else {
proceedWithVisibilityChange(visibility, handleInputs);
}
}
function proceedWithVisibilityChange( visibility, handleInputs ) {
const isWhitelisted = gf_vars.visibilityOptions.some(option => option.value === visibility);
if( ! isWhitelisted ) {
visibility = 'visible';
}
SetFieldProperty( 'visibility', visibility );
if( handleInputs ) {
const $inputs = jQuery('input[name="field_visibility"]');
$inputs.prop( 'checked', false );
$inputs.filter( '[value="' + visibility + '"]' ).prop( 'checked', true );
}
}
function SetFieldDefaultValue(defaultValue){
jQuery(".field_selected > div > input:visible, .field_selected > div > textarea:visible, .field_selected > div > select:visible").val(defaultValue);
SetFieldProperty('defaultValue', defaultValue);
}
function SetFieldPlaceholder(placeholder){
jQuery(".field_selected > div > input:visible, .field_selected > div > textarea:visible, .field_selected > div > select:visible").each(function(){
var type = this.nodeName;
var $this = jQuery(this);
if(type == 'INPUT' || type == 'TEXTAREA'){
jQuery(this).prop("placeholder", placeholder);
} else if (type == 'SELECT'){
var $option = $this.find('option[value=""]');
if($option.length>0){
if(placeholder.length > 0){
$option.text(placeholder);
} else {
$option.remove();
}
} else {
$this.prepend('<option value="">' + placeholder + '</option>');
$this.val('');
}
}
});
SetFieldProperty('placeholder', placeholder);
}
function SetFieldDescription(description){
if(description == undefined)
description = "";
SetFieldProperty('description', description);
}
function SetFieldCheckboxLabel(text){
if(text == undefined)
text = "";
SetFieldProperty('checkboxLabel', text);
}
function SetFieldCheckboxInputs(field) {
// this function generates the inputs for checkboxes that are not part of a choice field
if ( ! [ 'checkbox' ].includes( GetInputType( field ) ) || FieldIsChoiceType( field ) ) {
return
}
field.inputs = new Array();
var skip = 0;
for(var i=0; i<field.choices.length; i++)
{
//Skipping ids that are multiple of ten to avoid conflicts with other fields (i.e. 5.1 and 5.10)
if((i + 1 + skip) % 10 == 0){
skip++;
}
var field_number = field.id + '.' + (i + 1 + skip);
field.inputs.push(new Input(field_number, field.choices[i].text));
}
}
function SetPasswordStrength(isEnabled){
if(isEnabled){
jQuery(".field_selected .gfield_password_strength").show();
}
else{
jQuery(".field_selected .gfield_password_strength").hide();
//resetting min strength
jQuery("#gfield_min_strength").val("");
SetFieldProperty('minPasswordStrength', "");
}
SetFieldProperty('passwordStrengthEnabled', isEnabled);
}
function ToggleEmailSettings(field){
var isConfirmEnabled = typeof field.emailConfirmEnabled != 'undefined' && field.emailConfirmEnabled == true;
jQuery('.placeholder_setting').toggle(!isConfirmEnabled);
jQuery('.default_value_setting').toggle(!isConfirmEnabled);
jQuery('.sub_label_placement_setting').toggle(isConfirmEnabled);
jQuery('.sub_labels_setting').toggle(isConfirmEnabled);
jQuery('.default_input_values_setting').toggle(isConfirmEnabled);
jQuery('.input_placeholders_setting').toggle(isConfirmEnabled);
}
function SetEmailConfirmation(isEnabled){
var field = GetSelectedField();
if(isEnabled){
jQuery(".field_selected .ginput_single_email").hide();
jQuery(".field_selected .ginput_confirm_email").show();
}
else{
jQuery(".field_selected .ginput_confirm_email").hide();
jQuery(".field_selected .ginput_single_email").show();
}
field['emailConfirmEnabled'] = isEnabled;
field.inputs = GetEmailFieldInputs(field);
CreateDefaultValuesUI(field);
CreatePlaceholdersUI(field);
CreateAutocompleteUI(field);
CreateCustomizeInputsUI(field);
CreateInputLabelsUI(field);
ToggleEmailSettings(field);
}
function SetCardType(elem, value) {
var cards = GetSelectedField()['creditCards'] ? GetSelectedField()['creditCards'] : new Array();
if(jQuery(elem).is(':checked')) {
if(jQuery.inArray(value, cards) == -1) {
jQuery('.gform_card_icon_' + value).fadeIn();
cards[cards.length] = value;
}
} else {
var index = jQuery.inArray(value, cards);
if(index != -1) {
jQuery('.gform_card_icon_' + value).fadeOut();
cards.splice(index, 1);
}
}
SetFieldProperty('creditCards', cards);
}
function SetFieldRequired( isRequired ) {
var required = gform_form_strings.requiredIndicator;
var requiredSelector = '.field_selected .gfield_required';
var appendRequired = false;
if ( field.type === 'consent' ) {
jQuery( requiredSelector ).remove();
if ( isRequired ) {
appendRequired = true;
}
} else if ( jQuery( requiredSelector ).length > 0 ) {
if ( isRequired ) {
jQuery( requiredSelector ).html( required );
} else {
jQuery( requiredSelector ).remove();
}
} else if ( isRequired ) {
appendRequired = true;
}
if ( appendRequired ) {
var labelSelector = field.type === 'consent' && field.labelPlacement === 'hidden_label' ? '.field_selected .gfield_consent_label' : '.field_selected legend.gfield_label span, .field_selected label.gfield_label';
jQuery( labelSelector ).append( '<span class="gfield_required">' + required + '</span>' );
}
SetFieldProperty( 'isRequired', isRequired );
}
function SetMaxLength(input) {
var patt = GetMaxLengthPattern();
var cleanValue = '';
var characters = input.value.split('');
for(i in characters) {
if(!characters.hasOwnProperty(i))
continue;
if( !patt.test(characters[i]) )
cleanValue += characters[i];
}
input.value = cleanValue;
SetFieldProperty('maxLength', cleanValue);
}
function GetMaxLengthPattern() {
return /[a-zA-Z\-!@#$%^&*();'":_+=<,>.~`?\/|\[\]\{\}\\]/;
}
/**
* Validate any keypress events based on a provided RegExp.
*
* Function retrieves the character code from the keypress event and tests it against provided pattern.
* Optionally specify 'matchPositive' argument to false in order to return true if the character is NOT
* in the provided pattern.
*
* @param event The JS keypress event.
* @param patt RegExp to test keypress character against.
* @param matchPositive Defaults to true. Whether to return true if the character is found or NOT found in the pattern.
*/
function ValidateKeyPress(event, patt, matchPositive) {
var matchPositive = typeof matchPositive == 'undefined' ? true : matchPositive;
var char = event['which'] ? event.which : event.keyCode;
var isMatch = patt.test(String.fromCharCode(char));
if(event.ctrlKey)
return true;
return matchPositive ? isMatch : !isMatch;
}
function IndexOf(ary, item){
for(var i=0; i<ary.length; i++)
if(ary[i] == item)
return i;
return -1;
}
function ToggleCalculationOptions(isEnabled, field) {
if(isEnabled) {
jQuery('#calculation_options').show();
if(field.type != 'product')
jQuery('li.range_setting').hide();
} else {
jQuery('#calculation_options').hide();
if(field.type != 'product')
jQuery('li.range_setting').show();
SetFieldProperty('calculationFormula', '');
SetFieldProperty('calculationRounding', '');
}
SetFieldProperty('enableCalculation', isEnabled);
if ( field.type === 'number' ) {
var nativeEvent = new Event('gform/form_editor/toggle_calculation_options');
document.dispatchEvent(nativeEvent);
}
}
function FormulaContentCallback() {
SetFieldProperty('calculationFormula', jQuery('#field_calculation_formula').val().trim());
}
function SetupUnsavedChangesWarning() {
// check if form is in legacy mode
var legacyHtml = window.gf_legacy && window.gf_legacy.is_legacy === '1';
// apply system changes to the form, unsaved notification should only apply for user-made changes
UpdateFormObject();
// store a json copy of original form to determine if user-made changes were made
gforms_original_json = jQuery.toJSON(form);
window.onbeforeunload = function(){
UpdateFormObject();
var original = JSON.parse( JSON.stringify( JSON.parse( window.gforms_original_json ) ) );
var current = JSON.parse( JSON.stringify( window.form ) );
if ( legacyHtml ) {
original.fields.forEach( function( field, i ) {
delete original.fields[ i ].layoutGroupId;
} );
current.fields.forEach( function( field, i ) {
delete current.fields[ i ].layoutGroupId;
} );
}
if ( JSON.stringify( original ) !== JSON.stringify( current ) && ! gf_vars.isFormTrash ) {
return "You have unsaved changes.";
}
}
}
function ToggleRichTextEditor( isEnabled ) {
var field = GetSelectedField(),
$input = jQuery( '#input_' + field.id ),
$preview = jQuery( '#input_' + field.id + '_rte_preview' );
if( isEnabled ) {
$input.hide();
$preview.show();
} else {
$preview.hide();
$input.show();
}
SetFieldProperty( 'useRichTextEditor', isEnabled );
}
function SetHTMLMargins( value ) {
var field = GetSelectedField(),
$container = jQuery( '#field_' + field.id );
$container.toggleClass( 'gfield_html_formatted' );
SetFieldProperty('disableMargins', value );
}
function SetSubmitLocation( location ) {
if( 'inline' === location ) {
// Find the last group id.
var lastGroup = jQuery( '#field_submit' ).prev().attr( 'data-groupid' );
// Move the submit button to the group.
jQuery( '#field_submit' ).setGroupId( lastGroup ).resizeGroup( lastGroup );
// Remove any spacers from the group.
jQuery( '#field_submit' ).next( '.spacer' ).remove();
// Assign the correct position property.
jQuery( '*[data-field-class="gform_editor_submit_container"]' ).attr( 'data-field-position', 'inline' );
} else {
// Move the submit button out of the group and make it full-width.
var groupID = jQuery( '#field_submit' ).attr( 'data-groupid' );
jQuery( '#field_submit' )
.removeAttr( 'data-groupid' )
.addClass( 'gfield--width-full' )
.setGridColumnSpan( 12 )
.resizeGroup( groupID );
// Assign the correct position property.
jQuery( '*[data-field-class="gform_editor_submit_container"]' ).attr( 'data-field-position', 'bottom' );
}
}
function SetSubmitWidth( width ) {
if( 'full' === width ) {
jQuery( '#field_submit .gform-button' ).addClass( 'gform-button--width-full' );
} else {
jQuery( '#field_submit .gform-button' ).removeClass( 'gform-button--width-full' );
}
}
function ToggleSubmitType( isInit ) {
var field = GetSelectedField();
if ( field.type !== 'submit' ) {
return;
}
var type = jQuery( 'input[name=submit_type]:checked' ).val();
if( ! isInit ) {
form.button.type = type;
}
var $formSubmitButton = jQuery( '#gform_submit_button_' + form.id );
var $submitImageSetting = jQuery( '#submit_image' );
var $submitImageSettingValue = $submitImageSetting.val();
var $submitTextSetting = jQuery( '#submit_text' );
var $submitTextSettingValue = $submitTextSetting.val();
if( 'text' === type ) {
ResetFieldAccessibilityWarning( 'submit_type_setting' );
ResetFieldNotice( 'submit_image_setting' );
jQuery( '.submit_text_setting' ).show();
jQuery( '.submit_image_setting' ).hide();
}
if( 'image' === type ) {
ResetFieldAccessibilityWarning( 'submit_type_setting' );
SetFieldAccessibilityWarning( 'submit_type_setting', 'below' );
if ( ! $submitImageSettingValue ) {
SetFieldNotification( 'submit_image_setting', 'below' );
}
jQuery( '.submit_text_setting' ).hide();
jQuery( '.submit_image_setting' ).show();
}
if( 'text' === type || ( 'image' === type && ! $submitImageSettingValue ) ) {
var text = $submitTextSettingValue ? $submitTextSettingValue : gform_form_strings.defaultSubmit;
$formSubmitButton.attr( 'type', 'submit' ).attr( 'value', text ).removeClass( 'gform_image_button' );
$submitTextSetting.val( text );
}
if( 'image' === type && $submitImageSettingValue ) {
ResetFieldNotice( 'submit_image_setting' );
var src = $submitImageSettingValue ? $submitImageSettingValue : '';
$formSubmitButton.attr( 'type', 'image' ).attr( 'src', src ).removeAttr( 'value' ).addClass( 'gform_image_button' );
$submitImageSetting.val( src );
}
}
//------------------------------------------------------------------------------------------------------------------------
//Color Picker
function iColorShow(mouseX, mouseY, id, callback){
jQuery("#iColorPicker").css({'top': (mouseY - 150) +"px",'left':mouseX +"px",'position':'absolute'}).fadeIn("fast");
jQuery("#iColorPickerBg").css({'position':'absolute','top':0,'left':0,'width':'100%','height':'100%'}).fadeIn("fast");
var def=jQuery("#"+id).val();
jQuery('#colorPreview span').text(def);
jQuery('#colorPreview').css('background',def);
jQuery('#color').val(def);
var hxs=jQuery('#iColorPicker');
for(i=0;i<hxs.length;i++){
var tbl=document.getElementById('hexSection'+i);
var tblChilds=tbl.childNodes;
for(j=0;j<tblChilds.length;j++){
var tblCells=tblChilds[j].childNodes;
for(k=0;k<tblCells.length;k++){
jQuery(tblChilds[j].childNodes[k]).unbind().mouseover(
function(a){var aaa="#"+jQuery(this).attr('hx');jQuery('#colorPreview').css('background',aaa);jQuery('#colorPreview span').text(aaa)}
).click(function(){
var aaa="#"+jQuery(this).attr('hx');
jQuery("#"+id).val(aaa);
jQuery("#chip_"+id).css("background-color",aaa);
jQuery("#iColorPickerBg").hide();
jQuery("#iColorPicker").fadeOut();
if(callback)
window[callback](aaa);
jQuery(this)})
}
}
}
}
this.iColorPicker=function(){
jQuery("input.iColorPicker").each(function(i){if(i==0){jQuery(document.createElement("div")).attr("id","iColorPicker").css('display','none').html('<table class="pickerTable" id="pickerTable0"><thead id="hexSection0"><tr><td style="background:#f00;" hx="f00"></td><td style="background:#ff0" hx="ff0"></td><td style="background:#0f0" hx="0f0"></td><td style="background:#0ff" hx="0ff"></td><td style="background:#00f" hx="00f"></td><td style="background:#f0f" hx="f0f"></td><td style="background:#fff" hx="fff"></td><td style="background:#ebebeb" hx="ebebeb"></td><td style="background:#e1e1e1" hx="e1e1e1"></td><td style="background:#d7d7d7" hx="d7d7d7"></td><td style="background:#cccccc" hx="cccccc"></td><td style="background:#c2c2c2" hx="c2c2c2"></td><td style="background:#b7b7b7" hx="b7b7b7"></td><td style="background:#acacac" hx="acacac"></td><td style="background:#a0a0a0" hx="a0a0a0"></td><td style="background:#959595" hx="959595"></td></tr><tr><td style="background:#ee1d24" hx="ee1d24"></td><td style="background:#fff100" hx="fff100"></td><td style="background:#00a650" hx="00a650"></td><td style="background:#00aeef" hx="00aeef"></td><td style="background:#2f3192" hx="2f3192"></td><td style="background:#ed008c" hx="ed008c"></td><td style="background:#898989" hx="898989"></td><td style="background:#7d7d7d" hx="7d7d7d"></td><td style="background:#707070" hx="707070"></td><td style="background:#626262" hx="626262"></td><td style="background:#555" hx="555"></td><td style="background:#464646" hx="464646"></td><td style="background:#363636" hx="363636"></td><td style="background:#262626" hx="262626"></td><td style="background:#111" hx="111"></td><td style="background:#000" hx="000"></td></tr><tr><td style="background:#f7977a" hx="f7977a"></td><td style="background:#fbad82" hx="fbad82"></td><td style="background:#fdc68c" hx="fdc68c"></td><td style="background:#fff799" hx="fff799"></td><td style="background:#c6df9c" hx="c6df9c"></td><td style="background:#a4d49d" hx="a4d49d"></td><td style="background:#81ca9d" hx="81ca9d"></td><td style="background:#7bcdc9" hx="7bcdc9"></td><td style="background:#6ccff7" hx="6ccff7"></td><td style="background:#7ca6d8" hx="7ca6d8"></td><td style="background:#8293ca" hx="8293ca"></td><td style="background:#8881be" hx="8881be"></td><td style="background:#a286bd" hx="a286bd"></td><td style="background:#bc8cbf" hx="bc8cbf"></td><td style="background:#f49bc1" hx="f49bc1"></td><td style="background:#f5999d" hx="f5999d"></td></tr><tr><td style="background:#f16c4d" hx="f16c4d"></td><td style="background:#f68e54" hx="f68e54"></td><td style="background:#fbaf5a" hx="fbaf5a"></td><td style="background:#fff467" hx="fff467"></td><td style="background:#acd372" hx="acd372"></td><td style="background:#7dc473" hx="7dc473"></td><td style="background:#39b778" hx="39b778"></td><td style="background:#16bcb4" hx="16bcb4"></td><td style="background:#00bff3" hx="00bff3"></td><td style="background:#438ccb" hx="438ccb"></td><td style="background:#5573b7" hx="5573b7"></td><td style="background:#5e5ca7" hx="5e5ca7"></td><td style="background:#855fa8" hx="855fa8"></td><td style="background:#a763a9" hx="a763a9"></td><td style="background:#ef6ea8" hx="ef6ea8"></td><td style="background:#f16d7e" hx="f16d7e"></td></tr><tr><td style="background:#ee1d24" hx="ee1d24"></td><td style="background:#f16522" hx="f16522"></td><td style="background:#f7941d" hx="f7941d"></td><td style="background:#fff100" hx="fff100"></td><td style="background:#8fc63d" hx="8fc63d"></td><td style="background:#37b44a" hx="37b44a"></td><td style="background:#00a650" hx="00a650"></td><td style="background:#00a99e" hx="00a99e"></td><td style="background:#00aeef" hx="00aeef"></td><td style="background:#0072bc" hx="0072bc"></td><td style="background:#0054a5" hx="0054a5"></td><td style="background:#2f3192" hx="2f3192"></td><td style="background:#652c91" hx="652c91"></td><td style="background:#91278f" hx="91278f"></td><td style="background:#ed008c" hx="ed008c"></td><td style="background:#ee105a" hx="ee105a"></td></tr><tr><td style="background:#9d0a0f" hx="9d0a0f"></td><td style="background:#a1410d" hx="a1410d"></td><td style="background:#a36209" hx="a36209"></td><td style="background:#aba000" hx="aba000"></td><td style="background:#588528" hx="588528"></td><td style="background:#197b30" hx="197b30"></td><td style="background:#007236" hx="007236"></td><td style="background:#00736a" hx="00736a"></td><td style="background:#0076a4" hx="0076a4"></td><td style="background:#004a80" hx="004a80"></td><td style="background:#003370" hx="003370"></td><td style="background:#1d1363" hx="1d1363"></td><td style="background:#450e61" hx="450e61"></td><td style="background:#62055f" hx="62055f"></td><td style="background:#9e005c" hx="9e005c"></td><td style="background:#9d0039" hx="9d0039"></td></tr><tr><td style="background:#790000" hx="790000"></td><td style="background:#7b3000" hx="7b3000"></td><td style="background:#7c4900" hx="7c4900"></td><td style="background:#827a00" hx="827a00"></td><td style="background:#3e6617" hx="3e6617"></td><td style="background:#045f20" hx="045f20"></td><td style="background:#005824" hx="005824"></td><td style="background:#005951" hx="005951"></td><td style="background:#005b7e" hx="005b7e"></td><td style="background:#003562" hx="003562"></td><td style="background:#002056" hx="002056"></td><td style="background:#0c004b" hx="0c004b"></td><td style="background:#30004a" hx="30004a"></td><td style="background:#4b0048" hx="4b0048"></td><td style="background:#7a0045" hx="7a0045"></td><td style="background:#7a0026" hx="7a0026"></td></tr></thead><tbody><tr><td style="border:1px solid #000;background:#fff;cursor:pointer;height:60px;-moz-background-clip:-moz-initial;-moz-background-origin:-moz-initial;-moz-background-inline-policy:-moz-initial;" colspan="16" align="center" id="colorPreview"><span style="color:#000;border:1px solid rgb(0, 0, 0);padding:5px;background-color:#fff;font:11px Arial, Helvetica, sans-serif;"></span></td></tr></tbody></table><style>#iColorPicker input{margin:2px}</style>').appendTo("body");jQuery(document.createElement("div")).attr("id","iColorPickerBg").click(function(){jQuery("#iColorPickerBg").hide();jQuery("#iColorPicker").fadeOut()}).appendTo("body");jQuery('table.pickerTable td').css({'width':'12px','height':'14px','border':'1px solid #000','cursor':'pointer'});jQuery('#iColorPicker table.pickerTable').css({'border-collapse':'collapse'});jQuery('#iColorPicker').css({'border':'1px solid #ccc','background':'#333','padding':'5px','color':'#fff','z-index':9999})}
jQuery('#colorPreview').css({'height':'50px'});
})
};
jQuery(function(){iColorPicker()});
function SetColorPickerColor(field_name, color, callback){
var chip = jQuery('#chip_' + field_name);
chip.css("background-color", color);
if(callback)
window[callback](color);
}
jQuery( document ).mouseup( function( e ) {
var container = jQuery( "#iColorPicker" );
if ( ! container.is( e.target ) && container.has( e.target ).length === 0 ) {
jQuery( "#iColorPickerBg" ).hide();
jQuery( "#iColorPicker" ).fadeOut();
}
} );
function SetFieldChoices(){
var field = GetSelectedField();
for(var i=0; i<field.choices.length; i++){
SetFieldChoice(GetInputType(field), i);
}
}
function SetInputChoices($ul){
var field = GetSelectedField(), $this, value, text, inputId;
$ul.find('li').each(function(i){
$this = jQuery(this);
inputId = $this.data('input_id');
value = $this.find('.field-choice-value').val();
text = $this.find('.field-choice-text').val();
SetInputChoice(inputId, i, value, text);
});
}
function MergeInputArrays(inputs1, inputs2){
var inputA, inputB;
for(var i=0; i<inputs1.length; ++i) {
inputA = inputs1[i];
inputB = GetInput({inputs: inputs2},inputA.id);
if(inputB){
inputs1[i] = jQuery.extend(inputA, inputB);
}
}
return inputs1;
}
/**
* Perform Field Search.
*
* Performs a search for a field by the given search term.
*
* @since 2.4
*
* @param {string} element The search input element.
*
* @return void
*/
function FieldSearch( element ) {
var search = jQuery( element ).val().toLowerCase();
if ( search == '' ) {
jQuery( '.add-buttons button' ).parent().css( 'display', 'block' );
ResetFieldAccordions();
} else {
ShowAllFieldAccordions();
}
jQuery( '.add-buttons' ).each( function( index, group ) {
SearchWithinFieldGroup( group, search );
} )
}
/**
* Add Clear Button to Search Input.
*
* Adds the classes to generate the clear button for the field search input.
*
* @since 2.5
*
* @param {string} element The search input element.
*
* @return void
*/
function addClearButton( element ) {
var text = jQuery( element ).val();
if ( text === '' ) {
jQuery( '.search-button' ).removeClass( 'clearable' );
jQuery( '.search-button span' ).removeClass( 'clear-button' );
} else {
jQuery( '.search-button' ).addClass( 'clearable' );
jQuery( '.search-button span' ).addClass( 'clear-button' );
}
}
/**
* Clears the search input.
*
* Clears the search input when the clear button is clicked.
*
* @since 2.5
*
* @param {string} element The clear button element.
*
* @return void
*/
function clearInput( element ) {
jQuery( element ).parent().children( 'input' ).val( '' );
jQuery( element ).removeClass( 'clear-button' );
FieldSearch( element );
}
/**
* Reset Field Accordions.
*
* Resets the collapsed state of Field Accordions so all of them are open.
*
* @since 2.5
*
* @return void
*/
function ResetFieldAccordions() {
jQuery( '#add_fields_menu .panel-block-tabs__wrapper' ).accordion( 'option', { active: 0 } );
}
/**
* Show All Field Accordions.
*
* Sets the accordion state to "open" for all Field Accordions.
*
* @since 2.5
*
* @return void
*/
function ShowAllFieldAccordions() {
jQuery( '#add_fields_menu .panel-block-tabs__wrapper' ).accordion( 'option', { active: 0 } );
}
/**
* Search Within Field Group
*
* Performs a simple string match against all the Field buttons within the given group, and hides any
* which do not match.
*
* @since 2.5
*
* @param {string} group The field group to search within.
* @param {string} search The search term to match against.
*
* @return void
*/
function SearchWithinFieldGroup( group, search ) {
var results = false;
jQuery( group ).find( 'button' ).each( function( index, button ) {
if ( jQuery( button ).val().toLowerCase().indexOf( search ) == -1 ) {
jQuery( button ).parent().css( 'display', 'none' );
} else {
jQuery( button ).parent().css( 'display', 'block' );
results = true;
}
} );
var resultsDisplay = results ? 'none' : 'block';
jQuery( group ).parent().find( '.gf-field-group__no-results' ).css( 'display', resultsDisplay );
}
/**
* Quick jQuery plugin that allows a variable to be passed which determins whether to
* instantly hide the element or slideUp instead.
*/
jQuery.fn.gfSlide = function(direction) {
var isVisible = jQuery('.field_settings').is(':visible');
if(direction == 'up') {
if(!isVisible) {
this.hide();
} else {
this.slideUp();
}
} else {
if(!isVisible) {
this.show();
} else {
this.slideDown();
}
}
return this;
};
/**
* Form Editor conditional logic should not allow adminOnly fields to be selectable. Also exclude the current field from being
* set in conditional logic for itself.
*/
gform.addFilter( 'gform_is_conditional_logic_field', function( isConditionalLogicField, field ) {
if( field.visibility == 'administrative' ) {
isConditionalLogicField = false;
} else if( field.id == GetSelectedField().id ) {
isConditionalLogicField = false;
}
return isConditionalLogicField;
} );
/**
* Validates the calculation formula.
*
* @since 2.4.6.8 Moved from form_detail.php and added filter.
* @since 1.8
*
* @param formula The formula to be validated.
*
* @return boolean
*/
function IsValidFormula(formula) {
if (formula == '') {
return true;
}
var patt = /{([^}]+)}/i,
exprPatt = /^[0-9 -/*\(\)]+$/i,
expr = formula.replace(/(\r\n|\n|\r)/gm, ''),
match,
result = false;
while (match = patt.exec(expr)) {
expr = expr.replace(match[0], 1);
}
if (exprPatt.test(expr)) {
try {
var r = eval(expr);
result = !isNaN(parseFloat(r)) && isFinite(r);
} catch (e) {
result = false;
}
}
/**
* Allow the validation result to be overridden.
*
* @since 2.4.6.8
*
* @param result The validation result.
* @param formula The calculation formula being validated.
*/
return gform.applyFilters( 'gform_is_valid_formula_form_editor', result, formula );
}
/**
* Reset the field notice alert for a field setting.
*
* @since 2.6
*
* @param string [fieldSetting] The field setting class.
*/
function ResetFieldNotice( fieldSetting ) {
if ( typeof fieldSetting !== 'undefined' ) {
jQuery( '.' + fieldSetting )
.nextAll( '.gform-alert--notice' ).remove()
.prevAll( '.gform-alert--notice' ).remove();
}
}
/**
* Reset the field notice alerts for all field settings.
*
* @since 2.6
*/
function resetAllFieldNotices() {
if ( jQuery('.editor-sidebar').find('.gform-alert--notice').length ) {
jQuery('.editor-sidebar').find('.gform-alert--notice:not(.gform-visible-notice)').remove();
}
}
/**
* Reset the field accessibility warning for a field setting.
*
* @param string [fieldSetting] The field setting class.
*/
function ResetFieldAccessibilityWarning( fieldSetting ) {
if ( typeof fieldSetting !== 'undefined' ) {
jQuery( '.gform-alert--accessibility[data-field-setting="' + fieldSetting + '"]' ).remove()
}
}
/**
* Reset the field accessibility warnings for all field settings.
*
* @since 2.5.8
*/
function resetAllFieldAccessibilityWarnings() {
if ( jQuery('.editor-sidebar').find('.gform-alert--accessibility').length ) {
jQuery('.editor-sidebar').find('.gform-alert--accessibility').remove();
}
}
/**
* Displays the first message of the field sidebar messages, if any.
*
* @since 2.8
*/
function setSidebarFieldMessage() {
let types = [
{ type: 'warning', iconClasses: ['gform-icon--exclamation-simple', 'gform-icon-preset--status-error'] },
{ type: 'error', iconClasses: ['gform-icon--exclamation-simple', 'gform-icon-preset--status-error'] },
{ type: 'info', iconClasses: ['gform-icon--information-simple', 'gform-icon-preset--status-info'] },
{ type: 'notice', iconClasses: ['gform-icon--information-simple', 'gform-icon-preset--status-info'] },
{ type: 'success', iconClasses: ['gform-icon--checkmark-simple', 'gform-icon-preset--status-correct'] },
];
/**
* Allow the sidebar messages types to be filtered.
*
* @since 2.8.0
*
* @param Object types The types of sidebar messages, each with a type and iconClasses property.
*/
types = gform.applyFilters( 'gform_field_sidebar_messages_types', types );
let showSidebarMessage = false;
types.forEach(
( { type, iconClasses } ) => {
$container = jQuery( '.field_selected .field-sidebar-message-content--type-' + type );
messageMarkup = $container && $container.length ? gform_strip_scripts( $container.html() ) : '';
if ( messageMarkup ) {
jQuery( '#sidebar_field_message_container' ).html( '<div class="gform-alert gform-alert--theme-cosmos"><span class="gform-icon gform-icon--preset-active gform-alert__icon" aria-hidden="true"></span><div class="gform-alert__message-wrap"><div class="gform-alert__message"></div></div></div>' );
jQuery( '#sidebar_field_message_container .gform-alert__message' ).html( messageMarkup );
jQuery( '#sidebar_field_message_container .gform-alert' ).addClass( 'gform-alert--' + ( type === 'warning' ? 'error' : type ) );
iconClasses.forEach(
( className ) => {
jQuery( '#sidebar_field_message_container .gform-icon' ).addClass( className );
}
);
// Add class to force this notice visible, as all field notices are reset when a field is selected.
if ( type === 'notice' ) {
jQuery( '#sidebar_field_message_container .gform-alert' ).addClass( 'gform-visible-notice' );
}
showSidebarMessage = true;
wp.a11y.speak( messageMarkup );
} else {
jQuery( '#sidebar_field_message_container' ).hide();
}
}
);
if ( showSidebarMessage ) {
jQuery( '#sidebar_field_message_container' ).show();
jQuery( '#sidebar_field_message_container .gform-alert' ).show();
}
}
/**
* Set the field error for a field settings.
*
* We add the field setting to the "errors" field property and display the error
* message next to the setting.
*
* @since 2.5
*
* @param {string} fieldSetting The field setting class name.
* @param {string} position The position to put the warning, can be 'above' or 'below'.
* @param {string} [message] The message to be set in the warning.
*/
function setFieldError( fieldSetting, position, message ) {
var field = GetSelectedField();
// Make sure this field can have errors.
if ( field.type == 'page' ||
field.type == 'section' ||
field.type == 'html' ) {
return;
}
var errorProperties = [ fieldSetting ];
// Extra rules for the label setting.
if ( fieldSetting === 'label_setting' ) {
var fieldPlaceholder = field.hasOwnProperty( 'placeholder' ) ? field.placeholder : '';
var fieldDescription = field.hasOwnProperty( 'description' ) ? field.description : '';
if ( fieldPlaceholder !== '' || fieldDescription !== '' ) {
SetFieldAccessibilityWarning( 'label_setting', 'below' );
resetFieldError( 'label_setting' );
return;
} else {
ResetFieldAccessibilityWarning( 'label_setting' );
}
}
// Set up error property list to the "errors" property.
if ( field.hasOwnProperty( 'errors' ) && ! field.errors.includes( fieldSetting ) ) {
errorProperties = errorProperties.concat( field.errors );
}
SetFieldProperty( 'errors', errorProperties );
// Get the error message.
if ( message === undefined ) {
message = getFieldErrorMessage( fieldSetting );
}
var errorDiv = '<div class="gform-alert gform-alert--error gform-alert--inline" data-field-setting="' + fieldSetting + '">';
errorDiv += '<span class="gform-alert__icon gform-icon gform-icon--circle-error-fine" aria-hidden="true"></span>';
errorDiv += '<div class="gform-alert__message-wrap">' + message + '</div>';
errorDiv += '</div>';
// Display the error message.
var fieldSettingContainer = jQuery( '.' + fieldSetting );
fieldSettingContainer.addClass( 'error' );
jQuery( '.gform-alert--error[data-field-setting="' + fieldSetting + '"]' ).remove();
if ( position === 'above' ) {
fieldSettingContainer.before( errorDiv );
} else {
fieldSettingContainer.after( errorDiv );
}
}
/**
* Reset the field error for a field setting.
*
* @since 2.5
*
* @param {string} [fieldSetting] The field setting class name.
*/
function resetFieldError( fieldSetting ) {
var field = GetSelectedField();
var errorProperties = field.hasOwnProperty( 'errors' ) ? field.errors : [];
if ( typeof fieldSetting !== 'undefined' ) {
jQuery( '.gform-alert--error[data-field-setting="' + fieldSetting + '"]' ).remove()
jQuery( '.' + fieldSetting ).removeClass( 'error' );
var index = errorProperties.indexOf( fieldSetting );
// Delete the field property from the errors.
if ( index > -1 ) {
if ( errorProperties.length > 1 ) {
delete errorProperties[ index ];
} else {
errorProperties = [];
}
}
}
SetFieldProperty( 'errors', errorProperties );
}
/**
* Reset the field errors for all field settings.
*
* @since 2.5.8
*/
function resetAllFieldErrors() {
if ( ! jQuery( '.field_setting' ).hasClass( 'error' ) ) {
return;
}
jQuery('.editor-sidebar .gform-alert--error').remove();
jQuery('.field_setting').filter('.error').removeClass( 'error' );
if ( form.fields.length > 0 ) {
form.fields.forEach( function( field ) {
if( field.hasOwnProperty( 'errors' ) && field.errors.length > 0 ) {
field.errors = [];
}
} );
}
}
/**
* Check if a given field or the selected field has errors.
*
* @since 2.5
*
* @param {object} [field] The field object.
*
* @return {boolean}
*/
function fieldHasError( field ) {
if ( typeof field === 'undefined' ) {
field = GetSelectedField();
}
if ( field.hasOwnProperty( 'errors' ) && field.errors.length > 0 ) {
return true;
}
return false;
}