4491 lines
127 KiB
PHP
4491 lines
127 KiB
PHP
<?php
|
|
|
|
// phpcs:disable Generic.Commenting.DocComment.MissingShort
|
|
/** @noinspection AutoloadingIssuesInspection */
|
|
/** @noinspection PhpIllegalPsrClassPathInspection */
|
|
// phpcs:enable Generic.Commenting.DocComment.MissingShort
|
|
|
|
use WPForms\Forms\Fields\Base\Frontend as FrontendBase;
|
|
use WPForms\Forms\Fields\Helpers\RequirementsAlerts;
|
|
use WPForms\Forms\Fields\Traits\MultiFieldMenu as MultiFieldMenuTrait;
|
|
use WPForms\Forms\Fields\Traits\ReadOnlyField as ReadOnlyFieldTrait;
|
|
use WPForms\Forms\IconChoices;
|
|
use WPForms\Integrations\AI\Helpers as AIHelpers;
|
|
|
|
/**
|
|
* Base field template.
|
|
*
|
|
* @since 1.0.0
|
|
*/
|
|
abstract class WPForms_Field {
|
|
|
|
use MultiFieldMenuTrait;
|
|
use ReadOnlyFieldTrait;
|
|
|
|
/**
|
|
* Common default field settings.
|
|
*
|
|
* @since 1.9.4
|
|
*
|
|
* @var array
|
|
*/
|
|
private const COMMON_DEFAULT_SETTINGS = [
|
|
'id' => 0,
|
|
'type' => '',
|
|
'label' => '',
|
|
'description' => '',
|
|
'size' => 'medium',
|
|
'default_value' => '',
|
|
'css' => '',
|
|
'read_only' => 0,
|
|
];
|
|
|
|
/**
|
|
* Full name of the field type, e.g. "Paragraph Text".
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @var string
|
|
*/
|
|
public $name;
|
|
|
|
/**
|
|
* Type of the field, eg "textarea".
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @var string
|
|
*/
|
|
public $type;
|
|
|
|
/**
|
|
* Font Awesome Icon used for the editor button, e.g. "fa-list".
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @var mixed
|
|
*/
|
|
public $icon = false;
|
|
|
|
/**
|
|
* Field keywords for search, e.g. "checkbox, file, icon, upload".
|
|
*
|
|
* @since 1.8.3
|
|
*
|
|
* @var string
|
|
*/
|
|
public $keywords = '';
|
|
|
|
/**
|
|
* Priority order the field button should show inside the "Add Fields" tab.
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @var int
|
|
*/
|
|
public $order = 1;
|
|
|
|
/**
|
|
* Field group the field belongs to.
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @var string
|
|
*/
|
|
public $group = 'standard';
|
|
|
|
/**
|
|
* Placeholder to hold default value(s) for some field types.
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @var mixed
|
|
*/
|
|
public $defaults;
|
|
|
|
/**
|
|
* Default field settings.
|
|
*
|
|
* @since 1.9.4
|
|
*
|
|
* @var mixed
|
|
*/
|
|
public $default_settings;
|
|
|
|
/**
|
|
* Current form ID in the admin builder.
|
|
*
|
|
* @since 1.1.1
|
|
*
|
|
* @var int|false
|
|
*/
|
|
public $form_id;
|
|
|
|
/**
|
|
* Current field ID.
|
|
*
|
|
* @since 1.5.6
|
|
*
|
|
* @var int
|
|
*/
|
|
public $field_id;
|
|
|
|
/**
|
|
* Current form data.
|
|
*
|
|
* @since 1.1.1
|
|
*
|
|
* @var array
|
|
*/
|
|
public $form_data;
|
|
|
|
/**
|
|
* Current field data.
|
|
*
|
|
* @since 1.5.6
|
|
*
|
|
* @var array
|
|
*/
|
|
public $field_data;
|
|
|
|
/**
|
|
* Instance of the Frontend class.
|
|
*
|
|
* @since 1.8.1
|
|
*
|
|
* @var FrontendBase
|
|
*/
|
|
protected $frontend_obj;
|
|
|
|
/**
|
|
* Primary class constructor.
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @param bool $init Pass false to allow shortcutting the whole initialization, if needed.
|
|
*/
|
|
public function __construct( $init = true ) { // phpcs:ignore WPForms.PHP.HooksMethod.InvalidPlaceForAddingHooks
|
|
|
|
if ( ! $init ) {
|
|
return;
|
|
}
|
|
|
|
// phpcs:disable WordPress.Security.NonceVerification
|
|
$this->form_id = false;
|
|
|
|
if ( isset( $_GET['form_id'] ) ) {
|
|
$this->form_id = absint( $_GET['form_id'] );
|
|
} elseif ( isset( $_POST['id'] ) ) {
|
|
$this->form_id = absint( $_POST['id'] );
|
|
}
|
|
// phpcs:enable WordPress.Security.NonceVerification
|
|
|
|
// Bootstrap.
|
|
$this->init();
|
|
$this->read_only_init();
|
|
|
|
// Init field default settings.
|
|
$this->field_default_settings();
|
|
|
|
// Initialize a field's Frontend class.
|
|
$this->frontend_obj = $this->get_object( 'Frontend' );
|
|
|
|
// Common field hooks.
|
|
$this->common_hooks();
|
|
}
|
|
|
|
/**
|
|
* Common field hooks.
|
|
*
|
|
* @since 1.9.4
|
|
*/
|
|
protected function common_hooks(): void { // phpcs:ignore WPForms.PHP.HooksMethod.InvalidPlaceForAddingHooks
|
|
|
|
// Solution to get an object of the field class.
|
|
add_filter(
|
|
"wpforms_fields_get_field_object_{$this->type}",
|
|
function () {
|
|
return $this;
|
|
}
|
|
);
|
|
|
|
// Field data.
|
|
add_filter( 'wpforms_field_new_default', [ $this, 'field_new_default' ] );
|
|
|
|
// Field data.
|
|
add_filter( 'wpforms_field_data', [ $this, 'field_data' ], 10, 2 );
|
|
|
|
// Add fields tab.
|
|
add_filter( 'wpforms_builder_fields_buttons', [ $this, 'field_button' ], 15 );
|
|
|
|
// Add field keywords to the template fields.
|
|
add_filter( 'wpforms_setup_template_fields', [ $this, 'enhance_template_fields_with_keywords' ] );
|
|
|
|
// Field options tab.
|
|
add_action( "wpforms_builder_fields_options_{$this->type}", [ $this, 'field_options' ] );
|
|
|
|
// Preview fields.
|
|
add_action( "wpforms_builder_fields_previews_{$this->type}", [ $this, 'field_preview' ] );
|
|
|
|
// AJAX Add new field.
|
|
add_action( "wp_ajax_wpforms_new_field_{$this->type}", [ $this, 'field_new' ] );
|
|
|
|
// Display field input elements on the front-end.
|
|
add_action( "wpforms_display_field_{$this->type}", [ $this, 'field_display_proxy' ], 10, 3 );
|
|
|
|
// Display field on the back-end.
|
|
add_filter( "wpforms_pro_admin_entries_edit_is_field_displayable_{$this->type}", '__return_true', 9 );
|
|
|
|
// Validation on submitting.
|
|
add_action( "wpforms_process_validate_{$this->type}", [ $this, 'validate' ], 10, 3 );
|
|
|
|
// Format.
|
|
add_action( "wpforms_process_format_{$this->type}", [ $this, 'format' ], 10, 3 );
|
|
|
|
// Prefill.
|
|
add_filter( 'wpforms_field_properties', [ $this, 'field_prefill_value_property' ], 10, 3 );
|
|
|
|
// Change the choice's value while saving entries.
|
|
add_filter( 'wpforms_process_before_form_data', [ $this, 'field_fill_empty_choices' ] );
|
|
|
|
// Change the field name for ajax error.
|
|
add_filter( 'wpforms_process_ajax_error_field_name', [ $this, 'ajax_error_field_name' ], 10, 4 );
|
|
|
|
// Add HTML line breaks before all newlines in Entry Preview.
|
|
add_filter( "wpforms_pro_fields_entry_preview_get_field_value_{$this->type}_field_after", 'nl2br', 100 );
|
|
|
|
// Add allowed HTML tags for the field label.
|
|
add_filter( 'wpforms_builder_strings', [ $this, 'add_allowed_label_html_tags' ] );
|
|
|
|
// Exclude empty dynamic choices from Entry Preview.
|
|
add_filter( 'wpforms_pro_fields_entry_preview_print_entry_preview_exclude_field', [ $this, 'exclude_empty_dynamic_choices' ], 10, 3 );
|
|
|
|
// Add classes to the builder field preview.
|
|
add_filter( 'wpforms_field_preview_class', [ $this, 'preview_field_class' ], 10, 2 );
|
|
}
|
|
|
|
/**
|
|
* All systems go. Used by subclasses. Required.
|
|
*
|
|
* @since 1.0.0
|
|
* @since 1.5.0 Converted to abstract method, as it's required for all fields.
|
|
*/
|
|
abstract public function init();
|
|
|
|
/**
|
|
* Prefill the field value with either fallback or dynamic data.
|
|
* This needs to be public (although internal) to be used in WordPress hooks.
|
|
*
|
|
* @since 1.5.0
|
|
*
|
|
* @param array $properties Field properties.
|
|
* @param array $field Current field specific data.
|
|
* @param array $form_data Prepared form data/settings.
|
|
*
|
|
* @return array Modified field properties.
|
|
*/
|
|
public function field_prefill_value_property( $properties, $field, $form_data ) {
|
|
|
|
// Process only for the current field.
|
|
if ( $this->type !== $field['type'] ) {
|
|
return $properties;
|
|
}
|
|
|
|
// Set the form data, so we can reuse it later, even on the front-end.
|
|
$this->form_data = $form_data;
|
|
|
|
// Dynamic data.
|
|
if ( ! empty( $this->form_data['settings']['dynamic_population'] ) ) {
|
|
$properties = $this->field_prefill_value_property_dynamic( $properties, $field );
|
|
}
|
|
|
|
// Fallback data rewrites the dynamic because user-submitted data is more important.
|
|
return $this->field_prefill_value_property_fallback( $properties, $field );
|
|
}
|
|
|
|
/**
|
|
* As we are processing user submitted data - ignore all admin-defined defaults.
|
|
* Preprocess choice-related fields only.
|
|
*
|
|
* @since 1.5.0
|
|
*
|
|
* @param array $field Field data and settings.
|
|
* @param array $properties Properties we are modifying.
|
|
*/
|
|
public function field_prefill_remove_choices_defaults( $field, &$properties ): void {
|
|
|
|
// Skip this step on the admin page.
|
|
if ( is_admin() && ! wpforms_is_admin_page( 'entries', 'edit' ) ) {
|
|
return;
|
|
}
|
|
|
|
if (
|
|
! empty( $field['dynamic_choices'] ) ||
|
|
! empty( $field['choices'] )
|
|
) {
|
|
array_walk_recursive(
|
|
$properties['inputs'],
|
|
static function ( &$value, $key ) {
|
|
|
|
if ( $key === 'default' ) {
|
|
$value = false;
|
|
}
|
|
if ( $value === 'wpforms-selected' ) {
|
|
$value = '';
|
|
}
|
|
}
|
|
);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Whether the current field can be populated dynamically.
|
|
*
|
|
* @since 1.5.0
|
|
*
|
|
* @param array $properties Field properties.
|
|
* @param array $field Current field specific data.
|
|
*
|
|
* @return bool
|
|
*/
|
|
public function is_dynamic_population_allowed( $properties, $field ) {
|
|
|
|
$allowed = true;
|
|
|
|
// Allow the population on the front-end only.
|
|
if ( is_admin() ) {
|
|
$allowed = false;
|
|
}
|
|
|
|
// For dynamic population we require $_GET.
|
|
if ( empty( $_GET ) ) { // phpcs:ignore
|
|
$allowed = false;
|
|
}
|
|
|
|
/**
|
|
* Filters whether the current field can be populated dynamically.
|
|
*
|
|
* @since 1.5.0
|
|
*
|
|
* @param bool $allowed Whether the current field can be populated dynamically.
|
|
* @param array $properties Field properties.
|
|
* @param array $field Field data.
|
|
*/
|
|
return (bool) apply_filters( 'wpforms_field_is_dynamic_population_allowed', $allowed, $properties, $field );
|
|
}
|
|
|
|
/**
|
|
* Prefill the field value with a dynamic value that we get from $_GET.
|
|
* The pattern is: wpf4_12_primary, where:
|
|
* 4 - form_id,
|
|
* 12 - field_id,
|
|
* first - input key.
|
|
* As 'primary' is our default input key, "wpf4_12_primary" and "wpf4_12" are the same.
|
|
*
|
|
* @since 1.5.0
|
|
*
|
|
* @param array $properties Field properties.
|
|
* @param array $field Current field specific data.
|
|
*
|
|
* @return array Modified field properties.
|
|
*/
|
|
protected function field_prefill_value_property_dynamic( $properties, $field ) {
|
|
|
|
if ( ! $this->is_dynamic_population_allowed( $properties, $field ) ) {
|
|
return $properties;
|
|
}
|
|
|
|
// Iterate over each GET key, parse, and scrap data from there.
|
|
foreach ( $_GET as $key => $raw_value ) { // phpcs:ignore
|
|
preg_match( '/wpf(\d+)_(\d+)(.*)/i', $key, $matches );
|
|
|
|
if ( empty( $matches ) || ! is_array( $matches ) ) {
|
|
continue;
|
|
}
|
|
|
|
// Required.
|
|
$form_id = absint( $matches[1] );
|
|
$field_id = absint( $matches[2] );
|
|
$input = 'primary';
|
|
|
|
// Optional.
|
|
if ( ! empty( $matches[3] ) ) {
|
|
$input = sanitize_key( trim( $matches[3], '_' ) );
|
|
}
|
|
|
|
// Both form and field IDs should be the same as the current form / field.
|
|
if (
|
|
(int) $this->form_data['id'] !== $form_id ||
|
|
(int) $field['id'] !== $field_id
|
|
) {
|
|
// Go to the next GET param.
|
|
continue;
|
|
}
|
|
|
|
if ( ! empty( $raw_value ) ) {
|
|
$this->field_prefill_remove_choices_defaults( $field, $properties );
|
|
|
|
if (
|
|
is_string( $raw_value ) &&
|
|
in_array(
|
|
$field['type'],
|
|
wpforms_get_multi_fields(),
|
|
true
|
|
)
|
|
) {
|
|
$raw_value = explode( '|', rawurldecode( $raw_value ) );
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Some fields (like checkboxes) support multiple selection.
|
|
* We do not support nested values, so omit them.
|
|
* Example: ?wpf771_19_wpforms[fields][19][address1]=test
|
|
* In this case:
|
|
* $input = wpforms
|
|
* $raw_value = [fields=>[]]
|
|
* $single_value = [19=>[]]
|
|
* There is no reliable way to clean those things out.
|
|
* So we will ignore the value altogether if it's an array.
|
|
* We support only single value numeric arrays, like these:
|
|
* ?wpf771_19[]=test1&wpf771_19[]=test2
|
|
* ?wpf771_19_value[]=test1&wpf771_19_value[]=test2
|
|
* ?wpf771_41_r3_c2[]=1&wpf771_41_r1_c4[]=1
|
|
* We support also pipe-separated values like this:
|
|
* ?wpf771_19=test1|test2
|
|
*/
|
|
if ( is_array( $raw_value ) ) {
|
|
foreach ( $raw_value as $single_value ) {
|
|
$properties = $this->get_field_populated_single_property_value( $single_value, $input, $properties, $field );
|
|
}
|
|
} else {
|
|
$properties = $this->get_field_populated_single_property_value( $raw_value, $input, $properties, $field );
|
|
}
|
|
}
|
|
|
|
return $properties;
|
|
}
|
|
|
|
/**
|
|
* Public version of get_field_populated_single_property_value() to use by external classes.
|
|
*
|
|
* @since 1.6.0.1
|
|
*
|
|
* @param string $raw_value Value from a GET param, always a string.
|
|
* @param string $input Represent a subfield inside the field. Maybe empty.
|
|
* @param array $properties Field properties.
|
|
* @param array $field Current field specific data.
|
|
*
|
|
* @return array Modified field properties.
|
|
*/
|
|
public function get_field_populated_single_property_value_public( $raw_value, $input, $properties, $field ) {
|
|
|
|
return $this->get_field_populated_single_property_value( $raw_value, $input, $properties, $field );
|
|
}
|
|
|
|
/**
|
|
* Get the value used to prefill via dynamic or fallback population.
|
|
* Based on field data and current properties.
|
|
*
|
|
* @since 1.5.0
|
|
*
|
|
* @param string $raw_value Value from a GET param, always a string.
|
|
* @param string $input Represent a subfield inside the field. Maybe empty.
|
|
* @param array $properties Field properties.
|
|
* @param array $field Current field specific data.
|
|
*
|
|
* @return array Modified field properties.
|
|
*/
|
|
protected function get_field_populated_single_property_value( $raw_value, $input, $properties, $field ) {
|
|
|
|
if ( ! is_string( $raw_value ) ) {
|
|
return $properties;
|
|
}
|
|
|
|
$get_value = stripslashes( sanitize_text_field( $raw_value ) );
|
|
|
|
// For fields that have dynamic choices, we need to add extra logic.
|
|
if ( ! empty( $field['dynamic_choices'] ) ) {
|
|
$properties = $this->get_field_populated_single_property_value_dynamic_choices( $get_value, $properties );
|
|
} elseif ( ! empty( $field['choices'] ) && is_array( $field['choices'] ) ) {
|
|
$properties = $this->get_field_populated_single_property_value_normal_choices( $get_value, $properties, $field );
|
|
|
|
} elseif (
|
|
/**
|
|
* For other types of fields, we need to check that
|
|
* the key is registered for the defined field in an input array.
|
|
*/
|
|
! empty( $input ) &&
|
|
isset( $properties['inputs'][ $input ] )
|
|
) {
|
|
$properties['inputs'][ $input ]['attr']['value'] = $get_value;
|
|
}
|
|
|
|
return $properties;
|
|
}
|
|
|
|
/**
|
|
* Get the value used to prefill via dynamic or fallback population.
|
|
* Based on field data and current properties.
|
|
* Dynamic choices section.
|
|
*
|
|
* @since 1.6.0
|
|
*
|
|
* @param string $get_value Value from a GET param, always a string, sanitized, stripped slashes.
|
|
* @param array $properties Field properties.
|
|
*
|
|
* @return array Modified field properties.
|
|
*/
|
|
protected function get_field_populated_single_property_value_dynamic_choices( $get_value, $properties ) {
|
|
|
|
$default_key = null;
|
|
|
|
foreach ( $properties['inputs'] as $input_key => $input_arr ) {
|
|
// Dynamic choices support only integers in its values.
|
|
if ( absint( $get_value ) === $input_arr['attr']['value'] ) {
|
|
$default_key = $input_key;
|
|
// Stop iterating over choices.
|
|
break;
|
|
}
|
|
}
|
|
|
|
// Redefine default choice only if dynamic value has changed anything.
|
|
if ( $default_key !== null ) {
|
|
foreach ( $properties['inputs'] as $input_key => $choice_arr ) {
|
|
if ( $input_key === $default_key ) {
|
|
$properties['inputs'][ $input_key ]['default'] = true;
|
|
$properties['inputs'][ $input_key ]['container']['class'][] = 'wpforms-selected';
|
|
// Stop iterating over choices.
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
return $properties;
|
|
}
|
|
|
|
/**
|
|
* Fill choices without labels.
|
|
*
|
|
* @since 1.6.2
|
|
*
|
|
* @param array $form_data Form data.
|
|
*
|
|
* @return array
|
|
*/
|
|
public function field_fill_empty_choices( $form_data ) {
|
|
|
|
if ( empty( $form_data['fields'] ) ) {
|
|
return $form_data;
|
|
}
|
|
|
|
// Set value for choices with the image only. Conditional logic doesn't work without value.
|
|
foreach ( $form_data['fields'] as $field_key => $field ) {
|
|
// Payment fields have their labels set up upfront.
|
|
if ( empty( $field['choices'] ) || ! in_array( $field['type'], [ 'radio', 'checkbox' ], true ) ) {
|
|
continue;
|
|
}
|
|
|
|
foreach ( $field['choices'] as $choice_id => $choice ) {
|
|
if ( ( isset( $choice['value'] ) && '' !== trim( $choice['value'] ) ) || empty( $choice['image'] ) ) {
|
|
continue;
|
|
}
|
|
|
|
$form_data['fields'][ $field_key ]['choices'][ $choice_id ]['value'] = sprintf( /* translators: %d - choice number. */
|
|
esc_html__( 'Choice %d', 'wpforms-lite' ),
|
|
(int) $choice_id
|
|
);
|
|
}
|
|
}
|
|
|
|
return $form_data;
|
|
}
|
|
|
|
/**
|
|
* Get the value used to prefill via dynamic or fallback population.
|
|
* Based on field data and current properties.
|
|
* Normal choices section.
|
|
*
|
|
* @since 1.6.0
|
|
*
|
|
* @param string $get_value Value from a GET param, always a string, sanitized.
|
|
* @param array $properties Field properties.
|
|
* @param array $field Current field specific data.
|
|
*
|
|
* @return array Modified field properties.
|
|
*/
|
|
protected function get_field_populated_single_property_value_normal_choices( $get_value, $properties, $field ) {
|
|
|
|
$default_key = null;
|
|
|
|
// For fields that have normal choices, we need to add extra logic.
|
|
foreach ( $field['choices'] as $choice_key => $choice_arr ) {
|
|
$choice_value_key = isset( $field['show_values'] ) ? 'value' : 'label';
|
|
|
|
if (
|
|
(
|
|
isset( $choice_arr[ $choice_value_key ] ) &&
|
|
strtoupper( sanitize_text_field( $choice_arr[ $choice_value_key ] ) ) === strtoupper( $get_value )
|
|
) ||
|
|
(
|
|
empty( $choice_arr[ $choice_value_key ] ) &&
|
|
$get_value === sprintf( /* translators: %d - choice number. */
|
|
esc_html__( 'Choice %d', 'wpforms-lite' ),
|
|
(int) $choice_key
|
|
)
|
|
)
|
|
) {
|
|
$default_key = $choice_key;
|
|
// Stop iterating over choices.
|
|
break;
|
|
}
|
|
}
|
|
|
|
// Redefine the default choice only if population value has changed anything.
|
|
if ( $default_key === null ) {
|
|
return $properties;
|
|
}
|
|
|
|
foreach ( $field['choices'] as $choice_key => $choice_arr ) {
|
|
if ( $choice_key === $default_key ) {
|
|
$properties['inputs'][ $choice_key ]['default'] = true;
|
|
$properties['inputs'][ $choice_key ]['container']['class'][] = 'wpforms-selected';
|
|
|
|
$properties = $this->add_quantity_to_populated_field_properties( $properties, $field );
|
|
|
|
break;
|
|
}
|
|
}
|
|
|
|
return $properties;
|
|
}
|
|
|
|
/**
|
|
* Handle the dropdown items field with quantities.
|
|
*
|
|
* @since 1.9.0
|
|
*
|
|
* @param array $properties Field properties.
|
|
* @param array $field Current field specific data.
|
|
*
|
|
* @return array
|
|
*/
|
|
private function add_quantity_to_populated_field_properties( array $properties, array $field ): array {
|
|
|
|
if (
|
|
empty( $this->form_data['id'] ) ||
|
|
empty( $field['id'] ) ||
|
|
empty( $field['type'] ) ||
|
|
empty( $field['enable_quantity'] ) ||
|
|
$field['type'] !== 'payment-select'
|
|
) {
|
|
return $properties;
|
|
}
|
|
|
|
$quantity_key = 'wpq' . $this->form_data['id'] . '_' . $field['id'];
|
|
|
|
// phpcs:disable WordPress.Security.NonceVerification
|
|
if ( empty( $_GET[ $quantity_key ] ) ) {
|
|
return $properties;
|
|
}
|
|
|
|
$quantity = absint( $_GET[ $quantity_key ] );
|
|
// phpcs:enable WordPress.Security.NonceVerification
|
|
|
|
if ( $quantity > ( $field['max_quantity'] ?? 10 ) || $quantity < ( $field['min_quantity'] ?? 0 ) ) {
|
|
return $properties;
|
|
}
|
|
|
|
$properties['quantity'] = $quantity;
|
|
|
|
return $properties;
|
|
}
|
|
|
|
/**
|
|
* Whether the current field can be populated dynamically.
|
|
*
|
|
* @since 1.5.0
|
|
*
|
|
* @param array $properties Field properties.
|
|
* @param array $field Current field specific data.
|
|
*
|
|
* @return bool
|
|
*/
|
|
public function is_fallback_population_allowed( $properties, $field ) {
|
|
|
|
$allowed = true;
|
|
|
|
// Allow the population on the front-end only.
|
|
if ( is_admin() ) {
|
|
$allowed = false;
|
|
}
|
|
|
|
/*
|
|
* Commented out to allow partial failing for complex multi-inputs fields.
|
|
* Example: name field with first/last format and being required, filled out only first.
|
|
* On submitting, we will preserve those sub-inputs that are not empty and display an error for an empty.
|
|
*/
|
|
|
|
// Do not populate if there are errors for that field.
|
|
|
|
// Require form id being the same for submitted and currently rendered form.
|
|
if (
|
|
! empty( $_POST['wpforms']['id'] ) && // phpcs:ignore
|
|
(int) $_POST['wpforms']['id'] !== (int) $this->form_data['id'] // phpcs:ignore
|
|
) {
|
|
$allowed = false;
|
|
}
|
|
|
|
// Require $_POST of the submitted field.
|
|
if ( empty( $_POST['wpforms']['fields'] ) ) { // phpcs:ignore
|
|
$allowed = false;
|
|
}
|
|
|
|
// Require field (processed and rendered) being the same.
|
|
if ( ! isset( $_POST['wpforms']['fields'][ $field['id'] ] ) ) { // phpcs:ignore
|
|
$allowed = false;
|
|
}
|
|
|
|
/**
|
|
* Filters whether the current field can be populated using a fallback.
|
|
*
|
|
* @since 1.5.0
|
|
*
|
|
* @param bool $allowed Whether the current field can be populated using a fallback.
|
|
* @param array $properties Field properties.
|
|
* @param array $field Field data.
|
|
*/
|
|
return (bool) apply_filters( 'wpforms_field_is_fallback_population_allowed', $allowed, $properties, $field );
|
|
}
|
|
|
|
/**
|
|
* Prefill the field value with a fallback value from form submission (in case of JS validation failed), that we get from $_POST.
|
|
*
|
|
* @since 1.5.0
|
|
*
|
|
* @param array $properties Field properties.
|
|
* @param array $field Current field specific data.
|
|
*
|
|
* @return array Modified field properties.
|
|
*/
|
|
protected function field_prefill_value_property_fallback( $properties, $field ) {
|
|
|
|
if ( ! $this->is_fallback_population_allowed( $properties, $field ) ) {
|
|
return $properties;
|
|
}
|
|
|
|
if ( empty( $_POST['wpforms']['fields'] ) || ! is_array( $_POST['wpforms']['fields'] ) ) { // phpcs:ignore
|
|
return $properties;
|
|
}
|
|
|
|
// We got user submitted raw data (not processed, will be done later).
|
|
$raw_value = $_POST['wpforms']['fields'][ $field['id'] ]; // phpcs:ignore
|
|
$input = 'primary';
|
|
|
|
if ( ! empty( $raw_value ) ) {
|
|
$this->field_prefill_remove_choices_defaults( $field, $properties );
|
|
}
|
|
|
|
/*
|
|
* For this particular field, this value may be either an array or a string.
|
|
* In array - this is a complex field, like address.
|
|
* The key in an array will be a sub-input (address1, state), and its appropriate value.
|
|
*/
|
|
if ( is_array( $raw_value ) ) {
|
|
foreach ( $raw_value as $input => $single_value ) {
|
|
$properties = $this->get_field_populated_single_property_value( $single_value, sanitize_key( $input ), $properties, $field );
|
|
}
|
|
} else {
|
|
$properties = $this->get_field_populated_single_property_value( $raw_value, sanitize_key( $input ), $properties, $field );
|
|
}
|
|
|
|
return $properties;
|
|
}
|
|
|
|
/**
|
|
* Init and return field default settings.
|
|
*
|
|
* @since 1.9.4
|
|
*
|
|
* @return array
|
|
*/
|
|
public function field_default_settings(): array {
|
|
|
|
// Merge common defaults with the current field defaults.
|
|
$this->default_settings = wp_parse_args( (array) ( $this->default_settings ?? [] ), self::COMMON_DEFAULT_SETTINGS );
|
|
|
|
return $this->default_settings;
|
|
}
|
|
|
|
/**
|
|
* Get field data for the field.
|
|
*
|
|
* @since 1.8.2
|
|
*
|
|
* @param array $field Current field.
|
|
*
|
|
* @return array
|
|
*/
|
|
public function field_new_default( $field ): array {
|
|
|
|
if ( ! isset( $field['type'] ) || $field['type'] !== $this->type ) {
|
|
return $field;
|
|
}
|
|
|
|
return wp_parse_args( $field, $this->field_default_settings() );
|
|
}
|
|
|
|
/**
|
|
* Get field data for the field.
|
|
*
|
|
* @since 1.8.2
|
|
*
|
|
* @param array $field Current field.
|
|
* @param array $form_data Form data and settings.
|
|
*
|
|
* @return array
|
|
*/
|
|
public function field_data( $field, $form_data ) {
|
|
|
|
if ( ! isset( $field['type'] ) || $field['type'] !== $this->type ) {
|
|
return $field;
|
|
}
|
|
|
|
// Remove field on frontend if it has no dynamic choices.
|
|
if ( $this->is_dynamic_choices_empty( $field, $form_data ) ) {
|
|
return [];
|
|
}
|
|
|
|
return wp_parse_args( $field, $this->default_settings );
|
|
}
|
|
|
|
/**
|
|
* Create the button for the 'Add Fields' tab, inside the form editor.
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @param array $fields List of form fields with their data.
|
|
*
|
|
* @return array
|
|
*/
|
|
public function field_button( $fields ) {
|
|
|
|
// If the field is a Pro field and the plugin is not a Pro, don't show the field.
|
|
if ( ! empty( $this->is_disabled_field ) ) {
|
|
return $fields;
|
|
}
|
|
|
|
// Add field information to a fields' array.
|
|
$fields[ $this->group ]['fields'][] = [
|
|
'order' => $this->order,
|
|
'name' => $this->name,
|
|
'type' => $this->type,
|
|
'icon' => $this->icon,
|
|
'keywords' => $this->keywords,
|
|
];
|
|
|
|
// Wipe hands clean.
|
|
return $fields;
|
|
}
|
|
|
|
/**
|
|
* Enhances template fields by adding keywords.
|
|
*
|
|
* @since 1.8.6
|
|
*
|
|
* @param array $template_fields List of template fields.
|
|
*
|
|
* @return array
|
|
*/
|
|
public function enhance_template_fields_with_keywords( array $template_fields ): array {
|
|
|
|
foreach ( $template_fields as $key => $field ) {
|
|
if ( $field === $this->type ) {
|
|
$template_fields[ $key ] = $this->name;
|
|
|
|
$this->add_keywords( $template_fields );
|
|
}
|
|
}
|
|
|
|
return array_unique( $template_fields );
|
|
}
|
|
|
|
/**
|
|
* Adds keywords to the provided fields.
|
|
*
|
|
* @since 1.8.6
|
|
*
|
|
* @param array $fields List of fields to which keywords will be added.
|
|
*
|
|
* @return void
|
|
*/
|
|
private function add_keywords( array &$fields ): void {
|
|
|
|
if ( $this->keywords ) {
|
|
$keywords_list = explode( ',', $this->keywords );
|
|
|
|
foreach ( $keywords_list as $keyword ) {
|
|
$fields[] = trim( $keyword );
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Create the field options panel. Used by subclasses.
|
|
*
|
|
* @since 1.0.0
|
|
* @since 1.5.0 Converted to abstract method, as it's required for all fields.
|
|
*
|
|
* @param array $field Field data and settings.
|
|
*/
|
|
abstract public function field_options( $field );
|
|
|
|
/**
|
|
* Create the field preview. Used by subclasses.
|
|
*
|
|
* @since 1.0.0
|
|
* @since 1.5.0 Converted to abstract method, as it's required for all fields.
|
|
*
|
|
* @param array $field Field data and settings.
|
|
*/
|
|
abstract public function field_preview( $field );
|
|
|
|
/**
|
|
* Helper function to create field option elements.
|
|
*
|
|
* Field option elements are pieces that help create a field option.
|
|
* They are used to quickly build field options.
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @param string $option Field option to render.
|
|
* @param array $field Field data and settings.
|
|
* @param array $args Field preview arguments.
|
|
* @param bool $do_echo Print or return the value. Print by default.
|
|
*
|
|
* @return string|null echo or return string
|
|
* @noinspection HtmlUnknownAttribute
|
|
* @noinspection HtmlWrongAttributeValue
|
|
*/
|
|
public function field_element( $option, $field, $args = [], $do_echo = true ) { // phpcs:ignore Generic.Metrics.CyclomaticComplexity.MaxExceeded
|
|
|
|
$id = (int) $field['id'];
|
|
$class = ! empty( $args['class'] ) ? wpforms_sanitize_classes( (array) $args['class'], true ) : '';
|
|
$slug = ! empty( $args['slug'] ) ? sanitize_title( $args['slug'] ) : '';
|
|
$attrs = '';
|
|
$output = '';
|
|
|
|
// Check for Smart Tags.
|
|
if ( ! empty( $args['smarttags'] ) ) {
|
|
$type = ! empty( $args['smarttags']['type'] ) ? esc_attr( $args['smarttags']['type'] ) : 'fields';
|
|
$fields = ! empty( $args['smarttags']['fields'] ) ? esc_attr( $args['smarttags']['fields'] ) : '';
|
|
$is_repeater_allowed = ! empty( $args['smarttags']['allow-repeated-fields'] ) ? esc_attr( $args['smarttags']['allow-repeated-fields'] ) : '';
|
|
$allowed_smarttags = ! empty( $args['smarttags']['allowed'] ) ? esc_attr( $args['smarttags']['allowed'] ) : '';
|
|
$location = ! empty( $args['location'] ) ? esc_attr( $args['location'] ) : '';
|
|
|
|
$args['data'] = [
|
|
'location' => $location,
|
|
'type' => $type,
|
|
'fields' => $fields,
|
|
'allowed-smarttags' => $allowed_smarttags,
|
|
'allow-repeated-fields' => $is_repeater_allowed,
|
|
];
|
|
}
|
|
|
|
if ( ! empty( $args['data'] ) ) {
|
|
foreach ( $args['data'] as $arg_key => $val ) {
|
|
if ( is_array( $val ) ) {
|
|
$val = wp_json_encode( $val );
|
|
}
|
|
$attrs .= ' data-' . $arg_key . '=\'' . $val . '\'';
|
|
}
|
|
}
|
|
|
|
if ( ! empty( $args['attrs'] ) ) {
|
|
foreach ( $args['attrs'] as $arg_key => $val ) {
|
|
if ( is_array( $val ) ) {
|
|
$val = wp_json_encode( $val );
|
|
}
|
|
$attrs .= $arg_key . '=\'' . $val . '\'';
|
|
}
|
|
}
|
|
|
|
switch ( $option ) {
|
|
// Row.
|
|
case 'row':
|
|
$output = sprintf(
|
|
'<div class="wpforms-field-option-row wpforms-field-option-row-%s %s" id="wpforms-field-option-row-%d-%s" data-field-id="%s" %s>%s</div>',
|
|
$slug,
|
|
$class,
|
|
$id,
|
|
$slug,
|
|
$id,
|
|
$attrs,
|
|
$args['content']
|
|
);
|
|
break;
|
|
|
|
// Label.
|
|
case 'label':
|
|
$class = ! empty( $class ) ? ' class="' . $class . '"' : '';
|
|
$output = sprintf( '<label for="wpforms-field-option-%d-%s"%s>%s', $id, $slug, $class, esc_html( $args['value'] ) );
|
|
|
|
if ( ! empty( $args['tooltip'] ) ) {
|
|
$output .= sprintf(
|
|
'<i class="fa fa-question-circle-o wpforms-help-tooltip %1$s" title="%2$s"></i>',
|
|
empty( $args['tooltip_class'] ) ? '' : wpforms_sanitize_classes( $args['tooltip_class'], is_array( $args['tooltip_class'] ) ),
|
|
esc_attr( $args['tooltip'] )
|
|
);
|
|
}
|
|
if ( ! empty( $args['after_tooltip'] ) ) {
|
|
$output .= $args['after_tooltip'];
|
|
}
|
|
|
|
$output .= '</label>';
|
|
break;
|
|
|
|
// Text input.
|
|
case 'text':
|
|
$type = ! empty( $args['type'] ) ? esc_attr( $args['type'] ) : 'text';
|
|
$placeholder = ! empty( $args['placeholder'] ) ? esc_attr( $args['placeholder'] ) : '';
|
|
$before = ! empty( $args['before'] ) ? '<span class="before-input">' . esc_html( $args['before'] ) . '</span>' : '';
|
|
$after = ! empty( $args['after'] ) ? '<span class="after-input sub-label">' . esc_html( $args['after'] ) . '</span>' : '';
|
|
|
|
if ( ! empty( $before ) ) {
|
|
$class .= ' has-before';
|
|
}
|
|
|
|
if ( ! empty( $after ) ) {
|
|
$class .= ' has-after';
|
|
}
|
|
|
|
$output = sprintf( '%s<input type="%s" class="%s" id="wpforms-field-option-%d-%s" name="fields[%d][%s]" value="%s" placeholder="%s" %s>%s', $before, $type, $class, $id, $slug, $id, $slug, esc_attr( $args['value'] ), $placeholder, $attrs, $after );
|
|
break;
|
|
|
|
// Textarea.
|
|
case 'textarea':
|
|
$rows = ! empty( $args['rows'] ) ? (int) $args['rows'] : '3';
|
|
$before = ! empty( $args['before'] ) ? '<span class="before-input">' . esc_html( $args['before'] ) . '</span>' : '';
|
|
$after = ! empty( $args['after'] ) ? '<span class="after-input sub-label">' . esc_html( $args['after'] ) . '</span>' : '';
|
|
|
|
$output = sprintf( '%s<textarea class="%s" id="wpforms-field-option-%d-%s" name="fields[%d][%s]" rows="%d" %s>%s</textarea>%s', $before, $class, $id, $slug, $id, $slug, $rows, $attrs, $args['value'], $after );
|
|
break;
|
|
|
|
// Checkbox.
|
|
case 'checkbox':
|
|
$checked = checked( '1', $args['value'], false );
|
|
$output = sprintf( '<input type="checkbox" class="%s" id="wpforms-field-option-%d-%s" name="fields[%d][%s]" value="1" %s %s>', $class, $id, $slug, $id, $slug, $checked, $attrs );
|
|
$output .= empty( $args['nodesc'] ) ? sprintf( '<label for="wpforms-field-option-%d-%s" class="inline">%s', $id, $slug, $args['desc'] ) : '';
|
|
|
|
if ( ! empty( $args['tooltip'] ) ) {
|
|
$output .= sprintf( '<i class="fa fa-question-circle-o wpforms-help-tooltip" title="%s"></i>', esc_attr( $args['tooltip'] ) );
|
|
}
|
|
|
|
$output .= empty( $args['nodesc'] ) ? '</label>' : '';
|
|
break;
|
|
|
|
// Toggle.
|
|
case 'toggle':
|
|
$output = $this->field_element_toggle( $args, $class, $id, $slug, $attrs );
|
|
break;
|
|
|
|
// Select.
|
|
case 'select':
|
|
$output = $this->field_element_select( $args, $class, $id, $slug, $attrs );
|
|
break;
|
|
|
|
case 'select-multiple':
|
|
$options = $args['options'];
|
|
$selected = (array) ( $args['value'] ?? [] );
|
|
$choicesjs = $args['choicesjs'] ?? 'choicesjs-select'; // Initialize the class for Choices.js by default.
|
|
|
|
$output = sprintf( '<select class="%1$s %5$s wpforms-field-element" id="wpforms-field-option-%2$d-%3$s" name="fields[%2$d][%3$s]" %4$s multiple data-field-id="%2$d" data-field-name="%3$s">', $class, $id, $slug, $attrs, esc_attr( $choicesjs ) );
|
|
|
|
foreach ( $options as $arg_key => $arg_option ) {
|
|
$output .= sprintf( '<option value="%s" %s>%s</option>', esc_attr( $arg_key ), selected( in_array( $arg_key, $selected, true ), true, false ), esc_html( $arg_option ) );
|
|
}
|
|
|
|
$output .= '</select>';
|
|
$output .= sprintf( '<input type="hidden" name="fields[%1$d][%2$s]" value="%3$s" id="wpforms-field-%1$d-%2$s-select-multiple-options">', $id, $slug, esc_attr( empty( $selected ) ? '' : wp_json_encode( $selected ) ) );
|
|
$output .= ! empty( $args['desc'] ) ? sprintf( '<span class="sub-label">%s</span>', $args['desc'] ) : '';
|
|
break;
|
|
|
|
// Color.
|
|
case 'color':
|
|
$args['class'][] = 'wpforms-color-picker';
|
|
|
|
$output = $this->field_element( 'text', $field, $args, $do_echo );
|
|
break;
|
|
|
|
// Button.
|
|
case 'button':
|
|
$class .= ' wpforms-btn';
|
|
$output = sprintf(
|
|
'<button type="button" class="%1$s" id="wpforms-field-option-%2$d-%3$s" %4$s>%5$s</button>',
|
|
$class,
|
|
$id,
|
|
$slug,
|
|
$attrs,
|
|
$args['value']
|
|
);
|
|
break;
|
|
}
|
|
|
|
if ( ! $do_echo ) {
|
|
return $output;
|
|
}
|
|
|
|
// @todo Ideally, we should late-escape here. All data above seems to be escaped or trusted, but we should consider refactoring this method.
|
|
// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
echo $output;
|
|
|
|
return null;
|
|
}
|
|
|
|
/**
|
|
* Create field option toggle element.
|
|
*
|
|
* @since 1.6.8
|
|
*
|
|
* @param array $args Arguments.
|
|
* @param string $class_name Class name.
|
|
* @param int $id Field ID.
|
|
* @param string $slug Field slug.
|
|
* @param string $attrs Attributes.
|
|
*
|
|
* @return string
|
|
*/
|
|
private function field_element_toggle( array $args, string $class_name, int $id, string $slug, string $attrs ): string {
|
|
|
|
$input_id = sprintf(
|
|
'wpforms-field-option-%d-%s',
|
|
esc_attr( $id ),
|
|
esc_attr( $slug )
|
|
);
|
|
|
|
$field_name = sprintf(
|
|
'fields[%d][%s]',
|
|
esc_attr( $id ),
|
|
esc_attr( $slug )
|
|
);
|
|
|
|
$label = ! empty( $args['desc'] ) ? $args['desc'] : '';
|
|
$value = ! empty( $args['value'] ) ? $args['value'] : '';
|
|
|
|
// Compatibility with the `checkbox` element.
|
|
$args['label-hide'] = ! empty( $args['nodesc'] ) ? $args['nodesc'] : false;
|
|
$args['input-class'] = $class_name;
|
|
|
|
return wpforms_panel_field_toggle_control( $args, $input_id, $field_name, $label, $value, $attrs );
|
|
}
|
|
|
|
/**
|
|
* Create field option select element.
|
|
*
|
|
* @since 1.9.8
|
|
*
|
|
* @param array $args Arguments.
|
|
* @param string $class_name Class name.
|
|
* @param int $id Field ID.
|
|
* @param string $slug Field slug.
|
|
* @param string $attrs Attributes.
|
|
*
|
|
* @return string
|
|
* @noinspection HtmlUnknownAttribute
|
|
*/
|
|
protected function field_element_select( array $args, string $class_name, int $id, string $slug, string $attrs ): string {
|
|
|
|
$options = $args['options'];
|
|
$value = $args['value'] ?? '';
|
|
$output = sprintf(
|
|
'<select class="%s" id="wpforms-field-option-%d-%s" name="fields[%d][%s]" %s>',
|
|
$class_name,
|
|
$id,
|
|
$slug,
|
|
$id,
|
|
$slug,
|
|
$attrs
|
|
);
|
|
|
|
foreach ( $options as $arg_key => $arg_option ) {
|
|
if ( is_array( $arg_option ) ) {
|
|
$output .= '<optgroup label="' . $arg_option['optgroup'] . '">';
|
|
|
|
unset( $arg_option['optgroup'] );
|
|
|
|
foreach ( $arg_option as $optgroup_key => $optgroup_option ) {
|
|
$output .=
|
|
sprintf(
|
|
'<option value="%s" %s>%s</option>',
|
|
esc_attr( $optgroup_key ),
|
|
selected( $optgroup_key, $value, false ),
|
|
esc_html( $optgroup_option )
|
|
);
|
|
}
|
|
|
|
$output .= '</optgroup>';
|
|
|
|
continue;
|
|
}
|
|
|
|
$output .= sprintf(
|
|
'<option value="%s" %s>%s</option>',
|
|
esc_attr( $arg_key ),
|
|
selected( $arg_key, $value, false ),
|
|
$arg_option
|
|
);
|
|
}
|
|
|
|
$output .= '</select>';
|
|
|
|
return $output;
|
|
}
|
|
|
|
/**
|
|
* Helper function to create common field options that are used frequently.
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @param string $option Field option to render.
|
|
* @param array $field Field data and settings.
|
|
* @param array $args Field preview arguments.
|
|
* @param bool $do_echo Print or return the value. Print by default.
|
|
*
|
|
* @return string|null echo or return string
|
|
* @noinspection HtmlUnknownAttribute
|
|
* @noinspection HtmlUnknownTarget
|
|
* @noinspection HtmlWrongAttributeValue
|
|
* @noinspection PhpMissingReturnTypeInspection
|
|
* @noinspection ReturnTypeCanBeDeclaredInspection
|
|
* @noinspection HtmlRequiredAltAttribute
|
|
*/
|
|
public function field_option( $option, $field, $args = [], $do_echo = true ) { // phpcs:ignore Generic.Metrics.CyclomaticComplexity.MaxExceeded, Generic.Metrics.NestingLevel.MaxExceeded
|
|
|
|
$output = '';
|
|
$markup = '';
|
|
|
|
switch ( $option ) {
|
|
/**
|
|
* Basic Fields.
|
|
*
|
|
* Basic Options markup.
|
|
*/
|
|
case 'basic-options':
|
|
$markup = ! empty( $args['markup'] ) ? $args['markup'] : 'open';
|
|
|
|
if ( $markup === 'open' ) {
|
|
$class = ! empty( $args['class'] ) ? esc_html( $args['class'] ) : '';
|
|
$after_name = ! empty( $args['after_title'] ) ? $args['after_title'] : '';
|
|
|
|
$output = sprintf(
|
|
'<div class="wpforms-field-option-field-title">%3$s <span>(ID #%1$d)</span></div>%5$s
|
|
<div class="wpforms-field-option-group wpforms-field-option-group-basic active" id="wpforms-field-option-basic-%1$s">
|
|
<a href="#" class="wpforms-field-option-group-toggle">%2$s</a>
|
|
<div class="wpforms-field-option-group-inner %4$s">
|
|
',
|
|
wpforms_validate_field_id( $field['id'] ),
|
|
esc_html__( 'General', 'wpforms-lite' ),
|
|
esc_html( $this->name ),
|
|
esc_attr( $class ),
|
|
$after_name
|
|
);
|
|
|
|
} else {
|
|
$output = '</div></div>';
|
|
}
|
|
break;
|
|
|
|
/*
|
|
* Field Label.
|
|
*/
|
|
case 'label':
|
|
$value = ! empty( $field['label'] ) ? esc_html( $field['label'] ) : '';
|
|
$tooltip = ! empty( $args['tooltip'] ) ? $args['tooltip'] : esc_html__( 'Enter text for the form field label. Field labels are recommended and can be hidden in the Advanced Settings.', 'wpforms-lite' );
|
|
|
|
$output = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'label',
|
|
'value' => esc_html__( 'Label', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output .= $this->field_element(
|
|
'text',
|
|
$field,
|
|
[
|
|
'slug' => 'label',
|
|
'value' => $value,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'label',
|
|
'content' => $output,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Field Description.
|
|
*/
|
|
case 'description':
|
|
$value = ! empty( $field['description'] ) ? esc_html( $field['description'] ) : '';
|
|
$tooltip = esc_html__( 'Enter text for the form field description.', 'wpforms-lite' );
|
|
|
|
$output = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'description',
|
|
'value' => esc_html__( 'Description', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output .= $this->field_element(
|
|
'textarea',
|
|
$field,
|
|
[
|
|
'slug' => 'description',
|
|
'value' => $value,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'description',
|
|
'content' => $output,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Field Required toggle.
|
|
*/
|
|
case 'required':
|
|
$default = ! empty( $args['default'] ) ? $args['default'] : '0';
|
|
$value = isset( $field['required'] ) ? esc_attr( $field['required'] ) : esc_attr( $default );
|
|
$tooltip = esc_html__( 'Check this option to mark the field required. A form will not submit unless all required fields are provided.', 'wpforms-lite' );
|
|
|
|
$output = $this->field_element(
|
|
'toggle',
|
|
$field,
|
|
[
|
|
'slug' => 'required',
|
|
'value' => $value,
|
|
'desc' => esc_html__( 'Required', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'required',
|
|
'content' => $output,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Field Meta (field type and ID).
|
|
*/
|
|
case 'meta':
|
|
_deprecated_argument( __CLASS__ . '::' . __METHOD__ . '( [ \'slug\' => \'meta\' ] )', '1.7.1 of the WPForms plugin' );
|
|
|
|
$output = sprintf( '<label>%s</label>', esc_html__( 'Type', 'wpforms-lite' ) );
|
|
|
|
$output .= sprintf(
|
|
'<p class="meta">%s <span class="id">(ID #%s)</span></p>',
|
|
esc_attr( $this->name ),
|
|
wpforms_validate_field_id( $field['id'] )
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'meta',
|
|
'content' => $output,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Code Block.
|
|
*/
|
|
case 'code':
|
|
$value = ! empty( $field['code'] ) ? esc_textarea( $field['code'] ) : '';
|
|
$tooltip = esc_html__( 'Enter code for the form field.', 'wpforms-lite' );
|
|
|
|
$output = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'code',
|
|
'value' => esc_html__( 'Code', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output .= $this->field_element(
|
|
'textarea',
|
|
$field,
|
|
[
|
|
'slug' => 'code',
|
|
'value' => $value,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'code',
|
|
'content' => $output,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Choices.
|
|
*/
|
|
case 'choices':
|
|
$values = ! empty( $field['choices'] ) ? $field['choices'] : $this->defaults;
|
|
$label = ! empty( $args['label'] ) ? esc_html( $args['label'] ) : esc_html__( 'Choices', 'wpforms-lite' );
|
|
$class = [ 'wpforms-undo-redo-container' ];
|
|
$field_type = $this->type;
|
|
$inline_style = '';
|
|
|
|
if ( ! empty( $field['multiple'] ) ) {
|
|
$field_type = 'checkbox';
|
|
}
|
|
|
|
if ( ! AIHelpers::is_disabled() ) {
|
|
$class[] = 'wpforms-ai-choices';
|
|
}
|
|
|
|
if ( ! empty( $field['show_values'] ) ) {
|
|
$class[] = 'show-values';
|
|
}
|
|
|
|
if ( ! empty( $field['dynamic_choices'] ) ) {
|
|
$class[] = 'wpforms-hidden';
|
|
}
|
|
|
|
if ( ! empty( $field['choices_images'] ) ) {
|
|
$class[] = 'show-images';
|
|
}
|
|
|
|
if ( ! empty( $field['choices_icons'] ) ) {
|
|
$class[] = 'show-icons';
|
|
$icon_color = isset( $field['choices_icons_color'] ) ? wpforms_sanitize_hex_color( $field['choices_icons_color'] ) : '';
|
|
$icon_color = empty( $icon_color ) ? IconChoices::get_default_color() : $icon_color;
|
|
$inline_style = "--wpforms-icon-choices-color: {$icon_color};";
|
|
}
|
|
|
|
$after_tooltip_classes = [
|
|
'toggle-bulk-add-display',
|
|
'toggle-unfoldable-cont',
|
|
empty( $field['dynamic_choices'] ) ? '' : 'wpforms-hidden',
|
|
];
|
|
|
|
// Field label.
|
|
$lbl = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'choices',
|
|
'value' => $label,
|
|
'tooltip' => esc_html__( 'Add choices for the form field.', 'wpforms-lite' ),
|
|
'tooltip_class' => empty( $field['dynamic_choices'] ) ? '' : 'wpforms-hidden',
|
|
'after_tooltip' => sprintf(
|
|
'<a href="#" class="%s"><i class="fa fa-download"></i><span>' . esc_html__( 'Bulk Add', 'wpforms-lite' ) . '</span></a>',
|
|
wpforms_sanitize_classes( $after_tooltip_classes, true )
|
|
),
|
|
],
|
|
false
|
|
);
|
|
|
|
$id = 'wpforms-field-option-' . wpforms_validate_field_id( $field['id'] ) . '-choices-list';
|
|
|
|
// Field contents.
|
|
$fld = sprintf(
|
|
'<ul id="%1$s" data-next-id="%2$s" class="choices-list %3$s" data-field-id="%4$s" data-field-type="%5$s" style="%6$s">',
|
|
esc_attr( $id ),
|
|
max( array_keys( $values ) ) + 1,
|
|
wpforms_sanitize_classes( $class, true ),
|
|
wpforms_validate_field_id( $field['id'] ),
|
|
esc_attr( $this->type ),
|
|
esc_attr( $inline_style )
|
|
);
|
|
|
|
foreach ( $values as $key => $value ) {
|
|
$default = ! empty( $value['default'] ) ? $value['default'] : '';
|
|
$base = sprintf( 'fields[%s][choices][%d]', wpforms_validate_field_id( $field['id'] ), absint( $key ) );
|
|
$label = $value['label'] ?? '';
|
|
$image = ! empty( $value['image'] ) ? $value['image'] : '';
|
|
$hide_image_btn = false;
|
|
$icon = isset( $value['icon'] ) && ! wpforms_is_empty_string( $value['icon'] ) ? $value['icon'] : IconChoices::DEFAULT_ICON;
|
|
$icon_style = ! empty( $value['icon_style'] ) ? $value['icon_style'] : IconChoices::DEFAULT_ICON_STYLE;
|
|
$is_other_option = ! empty( $value['other'] );
|
|
|
|
$not_draggable = $is_other_option ? 'not-draggable wpforms-choice-other-option' : '';
|
|
|
|
$fld .= '<li data-key="' . absint( $key ) . '" class="' . $not_draggable . '">';
|
|
|
|
$add_class = $is_other_option ? 'add wpforms-disabled' : 'add';
|
|
$remove_class = $is_other_option ? 'remove wpforms-disabled' : 'remove';
|
|
$move_class = $is_other_option ? 'move wpforms-disabled' : 'move';
|
|
|
|
$fld .= sprintf( '<span class="%s"><i class="fa fa-grip-lines"></i></span>', esc_attr( $move_class ) );
|
|
|
|
$fld .= sprintf(
|
|
'<input type="%s" name="%s[default]" class="default" value="1" %s>',
|
|
$field_type === 'checkbox' ? 'checkbox' : 'radio',
|
|
esc_attr( $base ),
|
|
checked( '1', $default, false )
|
|
);
|
|
|
|
/**
|
|
* Fires before the field choice label.
|
|
*
|
|
* @since 1.9.8.6
|
|
*
|
|
* @param string $output Output string.
|
|
* @param int $key Choice key.
|
|
* @param array $value Choice value.
|
|
* @param array $field Field settings.
|
|
* @param array $args Field options.
|
|
*/
|
|
$fld .= apply_filters( 'wpforms_field_option_choice_before_label', '', $key, $value, $field, $args );
|
|
|
|
$fld .= sprintf(
|
|
'<input type="text" name="%s[label]" value="%s" class="label">',
|
|
esc_attr( $base ),
|
|
esc_attr( $label )
|
|
);
|
|
|
|
/**
|
|
* Fires after the field choice label.
|
|
*
|
|
* @since 1.9.8.6
|
|
*
|
|
* @param string $output Output string.
|
|
* @param int $key Choice key.
|
|
* @param array $value Choice value.
|
|
* @param array $field Field settings.
|
|
* @param array $args Field options.
|
|
*/
|
|
$fld .= apply_filters( 'wpforms_field_option_choice_after_label', '', $key, $value, $field, $args );
|
|
|
|
$fld .= sprintf( '<a class="%s" href="#"><i class="fa fa-plus-circle"></i></a><a class="%s" href="#"><i class="fa fa-minus-circle"></i></a>', esc_attr( $add_class ), esc_attr( $remove_class ) );
|
|
|
|
/**
|
|
* Fires after the field choice label.
|
|
*
|
|
* @since 1.9.9
|
|
*
|
|
* @param string $output Output string.
|
|
* @param int $key Choice key.
|
|
* @param array $value Choice value.
|
|
* @param array $field Field settings.
|
|
* @param array $args Field options.
|
|
*/
|
|
$fld .= apply_filters( 'wpforms_field_option_choice_after_controls', '', $key, $value, $field, $args );
|
|
|
|
$fld .= sprintf(
|
|
'<input type="text" name="%s[value]" value="%s" class="value">',
|
|
esc_attr( $base ),
|
|
esc_attr( $value['value'] ?? '' )
|
|
);
|
|
$fld .= '<div class="wpforms-image-upload">';
|
|
$fld .= '<div class="preview">';
|
|
|
|
if ( ! empty( $image ) ) {
|
|
$fld .= sprintf(
|
|
'<img src="%s"><a href="#" title="%s" class="wpforms-image-upload-remove"><i class="fa fa-trash-o"></i></a>',
|
|
esc_url_raw( $image ),
|
|
esc_attr__( 'Remove Image', 'wpforms-lite' )
|
|
);
|
|
|
|
$hide_image_btn = true;
|
|
}
|
|
|
|
$fld .= '</div>';
|
|
$fld .= sprintf(
|
|
'<button class="wpforms-btn wpforms-btn-sm wpforms-btn-blue wpforms-btn-block wpforms-image-upload-add" data-after-upload="hide"%s>%s</button>',
|
|
$hide_image_btn ? ' style="display:none;"' : '',
|
|
esc_html__( 'Upload Image', 'wpforms-lite' )
|
|
);
|
|
$fld .= sprintf(
|
|
'<input type="hidden" name="%s[image]" value="%s" class="source">',
|
|
esc_attr( $base ),
|
|
esc_url_raw( $image )
|
|
);
|
|
$fld .= '</div>';
|
|
|
|
$fld .= sprintf(
|
|
'<div class="wpforms-icon-select">
|
|
<i class="ic-fa-preview ic-fa-%1$s ic-fa-%2$s"></i>
|
|
<span>%2$s</span>
|
|
<i class="fa fa-edit"></i>
|
|
<input type="hidden" name="%3$s[icon]" value="%2$s" class="source-icon">
|
|
<input type="hidden" name="%3$s[icon_style]" value="%1$s" class="source-icon-style">
|
|
</div>',
|
|
esc_attr( $icon_style ),
|
|
esc_attr( $icon ),
|
|
esc_attr( $base )
|
|
);
|
|
|
|
if ( $is_other_option ) {
|
|
$fld .= sprintf( '<input type="hidden" name="%s[other]" value="1" />', esc_attr( $base ) );
|
|
}
|
|
|
|
$fld .= '</li>';
|
|
}
|
|
$fld .= '</ul>';
|
|
|
|
// Field note: dynamic status.
|
|
$source = '';
|
|
$type = '';
|
|
$dynamic = ! empty( $field['dynamic_choices'] ) ? esc_html( $field['dynamic_choices'] ) : '';
|
|
|
|
if ( $dynamic === 'post_type' && ! empty( $field[ 'dynamic_' . $dynamic ] ) ) {
|
|
$type = esc_html__( 'post type', 'wpforms-lite' );
|
|
$pt = get_post_type_object( $field[ 'dynamic_' . $dynamic ] );
|
|
|
|
if ( $pt !== null ) {
|
|
$source = $pt->labels->name;
|
|
}
|
|
} elseif ( $dynamic === 'taxonomy' && ! empty( $field[ 'dynamic_' . $dynamic ] ) ) {
|
|
$type = esc_html__( 'taxonomy', 'wpforms-lite' );
|
|
$tax = get_taxonomy( $field[ 'dynamic_' . $dynamic ] );
|
|
|
|
if ( $tax !== false ) {
|
|
$source = $tax->labels->name;
|
|
}
|
|
}
|
|
|
|
$note = sprintf(
|
|
'<div class="wpforms-alert-warning wpforms-alert %s">',
|
|
! empty( $dynamic ) && ! empty( $field[ 'dynamic_' . $dynamic ] ) ? '' : 'wpforms-hidden'
|
|
);
|
|
|
|
$note .= '<h4>' . esc_html__( 'Dynamic Choices Active', 'wpforms-lite' ) . '</h4>';
|
|
|
|
$note .= sprintf(
|
|
/* translators: %1$s - source name, %2$s - type name. */
|
|
'<p>' . esc_html__( 'Choices are dynamically populated from the %1$s %2$s. Go to the Advanced tab to change this.', 'wpforms-lite' ) . '</p>',
|
|
'<span class="dynamic-name">' . esc_html( $source ) . '</span>',
|
|
'<span class="dynamic-type">' . esc_html( $type ) . '</span>'
|
|
);
|
|
$note .= '</div>';
|
|
|
|
// Final field output.
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'choices',
|
|
'content' => $lbl . $fld . $note,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Choices for payments.
|
|
*/
|
|
case 'choices_payments':
|
|
$values = ! empty( $field['choices'] ) ? $field['choices'] : $this->defaults;
|
|
$class = [ 'wpforms-undo-redo-container' ];
|
|
$input_type = in_array( $field['type'], [ 'payment-multiple', 'payment-select' ], true ) ? 'radio' : 'checkbox';
|
|
$inline_style = '';
|
|
|
|
if ( ! empty( $field['choices_images'] ) ) {
|
|
$class[] = 'show-images';
|
|
}
|
|
|
|
if ( ! empty( $field['choices_icons'] ) ) {
|
|
$class[] = 'show-icons';
|
|
$icon_color = isset( $field['choices_icons_color'] ) ? wpforms_sanitize_hex_color( $field['choices_icons_color'] ) : '';
|
|
$icon_color = empty( $icon_color ) ? IconChoices::get_default_color() : $icon_color;
|
|
$inline_style = "--wpforms-icon-choices-color: {$icon_color};";
|
|
}
|
|
|
|
// Field label.
|
|
$lbl = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'choices',
|
|
'value' => esc_html__( 'Items', 'wpforms-lite' ),
|
|
'tooltip' => esc_html__( 'Add choices for the form field.', 'wpforms-lite' ),
|
|
],
|
|
false
|
|
);
|
|
|
|
$id = 'wpforms-field-option-' . wpforms_validate_field_id( $field['id'] ) . '-choices-list';
|
|
|
|
// Field contents.
|
|
$fld = sprintf(
|
|
'<ul id="%1$s" data-next-id="%2$s" class="choices-list %3$s" data-field-id="%4$s" data-field-type="%5$s" style="%6$s">',
|
|
esc_attr( $id ),
|
|
max( array_keys( $values ) ) + 1,
|
|
wpforms_sanitize_classes( $class, true ),
|
|
wpforms_validate_field_id( $field['id'] ),
|
|
esc_attr( $this->type ),
|
|
esc_attr( $inline_style )
|
|
);
|
|
|
|
foreach ( $values as $key => $value ) {
|
|
$default = ! empty( $value['default'] ) ? $value['default'] : '';
|
|
$base = sprintf( 'fields[%s][choices][%d]', wpforms_validate_field_id( $field['id'] ), absint( $key ) );
|
|
$image = ! empty( $value['image'] ) ? $value['image'] : '';
|
|
$hide_image_btn = false;
|
|
$icon = isset( $value['icon'] ) && ! wpforms_is_empty_string( $value['icon'] ) ? $value['icon'] : IconChoices::DEFAULT_ICON;
|
|
$icon_style = ! empty( $value['icon_style'] ) ? $value['icon_style'] : IconChoices::DEFAULT_ICON_STYLE;
|
|
|
|
$fld .= '<li data-key="' . absint( $key ) . '">';
|
|
$fld .= '<span class="move"><i class="fa fa-grip-lines"></i></span>';
|
|
$fld .= sprintf(
|
|
'<input type="%s" name="%s[default]" class="default" value="1" %s>',
|
|
esc_attr( $input_type ),
|
|
esc_attr( $base ),
|
|
checked( '1', $default, false )
|
|
);
|
|
$fld .= sprintf(
|
|
'<input type="text" name="%s[label]" value="%s" class="label">',
|
|
esc_attr( $base ),
|
|
esc_attr( $value['label'] )
|
|
);
|
|
|
|
$fld .= sprintf(
|
|
'<input type="text" name="%s[value]" value="%s" class="value wpforms-money-input" placeholder="%s">',
|
|
esc_attr( $base ),
|
|
esc_attr( wpforms_format_amount( wpforms_sanitize_amount( $value['value'] ) ) ),
|
|
wpforms_format_amount( 0 )
|
|
);
|
|
$fld .= '<a class="add" href="#"><i class="fa fa-plus-circle"></i></a><a class="remove" href="#"><i class="fa fa-minus-circle"></i></a>';
|
|
$fld .= '<div class="wpforms-image-upload">';
|
|
$fld .= '<div class="preview">';
|
|
|
|
if ( ! empty( $image ) ) {
|
|
$fld .= sprintf(
|
|
'<img src="%s"><a href="#" title="%s" class="wpforms-image-upload-remove"><i class="fa fa-trash-o"></i></a>',
|
|
esc_url_raw( $image ),
|
|
esc_attr__( 'Remove Image', 'wpforms-lite' )
|
|
);
|
|
|
|
$hide_image_btn = true;
|
|
}
|
|
|
|
$fld .= '</div>';
|
|
$fld .= sprintf(
|
|
'<button class="wpforms-btn wpforms-btn-sm wpforms-btn-blue wpforms-btn-block wpforms-image-upload-add" data-after-upload="hide"%s>%s</button>',
|
|
$hide_image_btn ? ' style="display:none;"' : '',
|
|
esc_html__( 'Upload Image', 'wpforms-lite' )
|
|
);
|
|
$fld .= sprintf(
|
|
'<input type="hidden" name="%s[image]" value="%s" class="source">',
|
|
$base,
|
|
esc_url_raw( $image )
|
|
);
|
|
$fld .= '</div>';
|
|
|
|
$fld .= sprintf(
|
|
'<div class="wpforms-icon-select">
|
|
<i class="ic-fa-preview ic-fa-%1$s ic-fa-%2$s""></i>
|
|
<span>%2$s</span>
|
|
<i class="fa fa-edit"></i>
|
|
<input type="hidden" name="%3$s[icon]" value="%2$s" class="source-icon">
|
|
<input type="hidden" name="%3$s[icon_style]" value="%1$s" class="source-icon-style">
|
|
</div>',
|
|
esc_attr( $icon_style ),
|
|
esc_attr( $icon ),
|
|
esc_attr( $base )
|
|
);
|
|
|
|
$fld .= '</li>';
|
|
}
|
|
$fld .= '</ul>';
|
|
|
|
// Final field output.
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'choices',
|
|
'content' => $lbl . $fld,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Add Other Choice.
|
|
*/
|
|
case 'choices_other':
|
|
// Field contents.
|
|
$fld = $this->field_element(
|
|
'toggle',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_other',
|
|
'value' => $this->has_other_choice( $field ) ? '1' : '0',
|
|
'desc' => esc_html__( 'Add Other Choice', 'wpforms-lite' ),
|
|
'tooltip' => esc_html__( 'Add an Other choice so users can input their own value.', 'wpforms-lite' ),
|
|
],
|
|
false
|
|
);
|
|
|
|
// Final field output.
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_other',
|
|
'class' => $this->is_dynamic_choices( $field ) ? 'wpforms-hidden' : '',
|
|
'content' => $fld,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Other Placeholder (for the "Other" choice input field).
|
|
*/
|
|
case 'other_placeholder':
|
|
$label = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'other_placeholder',
|
|
'value' => esc_html__( 'Placeholder Text', 'wpforms-lite' ),
|
|
'tooltip' => esc_html__( 'Enter placeholder text for the Other input.', 'wpforms-lite' ),
|
|
],
|
|
false
|
|
);
|
|
|
|
$input = $this->field_element(
|
|
'text',
|
|
$field,
|
|
[
|
|
'slug' => 'other_placeholder',
|
|
'value' => isset( $field['other_placeholder'] ) ? esc_attr( $field['other_placeholder'] ) : '',
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'other_placeholder',
|
|
'content' => $label . $input,
|
|
'class' => ( $this->is_dynamic_choices( $field ) || ! $this->has_other_choice( $field ) ) ? 'wpforms-hidden' : '',
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Other Field Size (for "Other" choice input field).
|
|
*/
|
|
case 'other_size':
|
|
$tooltip = esc_html__( 'Select the size of the Other input.', 'wpforms-lite' );
|
|
$value = ! empty( $field['other_size'] ) ? esc_attr( $field['other_size'] ) : 'medium';
|
|
$options = [
|
|
'small' => esc_html__( 'Small', 'wpforms-lite' ),
|
|
'medium' => esc_html__( 'Medium', 'wpforms-lite' ),
|
|
'large' => esc_html__( 'Large', 'wpforms-lite' ),
|
|
];
|
|
|
|
$output = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'other_size',
|
|
'value' => esc_html__( 'Field Size', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output .= $this->field_element(
|
|
'select',
|
|
$field,
|
|
[
|
|
'slug' => 'other_size',
|
|
'value' => $value,
|
|
'options' => $options,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'other_size',
|
|
'content' => $output,
|
|
'class' => ( $this->is_dynamic_choices( $field ) || ! $this->has_other_choice( $field ) ) ? 'wpforms-hidden' : '',
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Choices Images.
|
|
*/
|
|
case 'choices_images':
|
|
// Field note: Image tips.
|
|
$note = sprintf(
|
|
'<div class="wpforms-alert-warning wpforms-alert %s">',
|
|
! empty( $field['choices_images'] ) ? '' : 'wpforms-hidden'
|
|
);
|
|
$note .= wp_kses(
|
|
__( '<h4>Images are not cropped or resized.</h4><p>For best results, they should be the same size and 250x250 pixels or smaller.</p>', 'wpforms-lite' ),
|
|
[
|
|
'h4' => [],
|
|
'p' => [],
|
|
]
|
|
);
|
|
$note .= '</div>';
|
|
|
|
// Field contents.
|
|
$fld = $this->field_element(
|
|
'toggle',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_images',
|
|
'value' => isset( $field['choices_images'] ) ? '1' : '0',
|
|
'desc' => esc_html__( 'Use Image Choices', 'wpforms-lite' ),
|
|
'tooltip' => esc_html__( 'Enable this option to use images with choices', 'wpforms-lite' ),
|
|
],
|
|
false
|
|
);
|
|
|
|
// Final field output.
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_images',
|
|
'class' => ! empty( $field['dynamic_choices'] ) ? 'wpforms-hidden' : '',
|
|
'content' => $note . $fld,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Hide Images Choices.
|
|
*/
|
|
case 'choices_images_hide':
|
|
$output = $this->choices_images_hide_option( $field );
|
|
break;
|
|
|
|
/*
|
|
* Choices Images Style.
|
|
*/
|
|
case 'choices_images_style':
|
|
// Field label.
|
|
$lbl = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_images_style',
|
|
'value' => esc_html__( 'Image Choice Style', 'wpforms-lite' ),
|
|
'tooltip' => esc_html__( 'Select the style for the image choices.', 'wpforms-lite' ),
|
|
],
|
|
false
|
|
);
|
|
|
|
// Field contents.
|
|
$fld = $this->field_element(
|
|
'select',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_images_style',
|
|
'value' => ! empty( $field['choices_images_style'] ) ? esc_attr( $field['choices_images_style'] ) : 'modern',
|
|
'options' => [
|
|
'modern' => esc_html__( 'Modern', 'wpforms-lite' ),
|
|
'classic' => esc_html__( 'Classic', 'wpforms-lite' ),
|
|
'none' => esc_html__( 'None', 'wpforms-lite' ),
|
|
],
|
|
],
|
|
false
|
|
);
|
|
|
|
// Final field output.
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_images_style',
|
|
'content' => $lbl . $fld,
|
|
'class' => ! empty( $field['choices_images'] ) ? '' : 'wpforms-hidden',
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Choices Icons.
|
|
*/
|
|
case 'choices_icons':
|
|
// Field contents.
|
|
$fld = $this->field_element(
|
|
'toggle',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_icons',
|
|
'value' => isset( $field['choices_icons'] ) ? '1' : '0',
|
|
'desc' => esc_html__( 'Use Icon Choices', 'wpforms-lite' ),
|
|
'tooltip' => esc_html__( 'Enable this option to use icons with the choices.', 'wpforms-lite' ),
|
|
],
|
|
false
|
|
);
|
|
|
|
// Final field output.
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_icons',
|
|
'class' => ! empty( $field['dynamic_choices'] ) ? 'wpforms-hidden' : '',
|
|
'content' => $fld,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
case 'choices_icons_color':
|
|
// Color picker.
|
|
$lbl = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_icons_color',
|
|
'value' => esc_html__( 'Icon Color', 'wpforms-lite' ),
|
|
'tooltip' => esc_html__( 'Select an accent color for the icon choices.', 'wpforms-lite' ),
|
|
],
|
|
false
|
|
);
|
|
|
|
$icon_color = isset( $field['choices_icons_color'] ) ? wpforms_sanitize_hex_color( $field['choices_icons_color'] ) : '';
|
|
$icon_color = empty( $icon_color ) ? IconChoices::get_default_color() : $icon_color;
|
|
|
|
$fld = $this->field_element(
|
|
'color',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_icons_color',
|
|
'value' => $icon_color,
|
|
'data' => [
|
|
'fallback-color' => $icon_color,
|
|
],
|
|
],
|
|
false
|
|
);
|
|
|
|
$this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_icons_color',
|
|
'content' => $lbl . $fld,
|
|
'class' => ! empty( $field['choices_icons'] ) ? [ 'color-picker-row' ] : [ 'color-picker-row', 'wpforms-hidden' ],
|
|
]
|
|
);
|
|
break;
|
|
|
|
case 'choices_icons_size':
|
|
// Field abel.
|
|
$lbl = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_icons_size',
|
|
'value' => esc_html__( 'Icon Size', 'wpforms-lite' ),
|
|
'tooltip' => esc_html__( 'Select icon size.', 'wpforms-lite' ),
|
|
],
|
|
false
|
|
);
|
|
|
|
$icon_choices_obj = wpforms()->obj( 'icon_choices' );
|
|
$raw_icon_sizes = $icon_choices_obj ? $icon_choices_obj->get_icon_sizes() : [];
|
|
|
|
$icon_sizes = array_map(
|
|
static function ( $data ) {
|
|
|
|
return $data['label'] ?? '';
|
|
},
|
|
$raw_icon_sizes
|
|
);
|
|
|
|
// Field contents.
|
|
$fld = $this->field_element(
|
|
'select',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_icons_size',
|
|
'value' => ! empty( $field['choices_icons_size'] ) ? esc_attr( $field['choices_icons_size'] ) : 'large',
|
|
'options' => $icon_sizes,
|
|
],
|
|
false
|
|
);
|
|
|
|
// Final field output.
|
|
$this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_icons_size',
|
|
'content' => $lbl . $fld,
|
|
'class' => ! empty( $field['choices_icons'] ) ? '' : 'wpforms-hidden',
|
|
]
|
|
);
|
|
break;
|
|
|
|
case 'choices_icons_style':
|
|
// Field label.
|
|
$lbl = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_icons_style',
|
|
'value' => esc_html__( 'Icon Choice Style', 'wpforms-lite' ),
|
|
'tooltip' => esc_html__( 'Select the style for the icon choices.', 'wpforms-lite' ),
|
|
],
|
|
false
|
|
);
|
|
|
|
// Field contents.
|
|
$fld = $this->field_element(
|
|
'select',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_icons_style',
|
|
'value' => ! empty( $field['choices_icons_style'] ) ? esc_attr( $field['choices_icons_style'] ) : 'default',
|
|
'options' => [
|
|
'default' => esc_html__( 'Default', 'wpforms-lite' ),
|
|
'modern' => esc_html__( 'Modern', 'wpforms-lite' ),
|
|
'classic' => esc_html__( 'Classic', 'wpforms-lite' ),
|
|
'none' => esc_html__( 'None', 'wpforms-lite' ),
|
|
],
|
|
],
|
|
false
|
|
);
|
|
|
|
// Final field output.
|
|
$this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_icons_style',
|
|
'content' => $lbl . $fld,
|
|
'class' => ! empty( $field['choices_icons'] ) ? '' : 'wpforms-hidden',
|
|
]
|
|
);
|
|
break;
|
|
|
|
/**
|
|
* Advanced Fields.
|
|
*/
|
|
|
|
/*
|
|
* Default value.
|
|
*/
|
|
case 'default_value':
|
|
$value = ! empty( $field['default_value'] ) || ( isset( $field['default_value'] ) && '0' === (string) $field['default_value'] ) ? esc_attr( $field['default_value'] ) : '';
|
|
$tooltip = esc_html__( 'Enter text for the default form field value.', 'wpforms-lite' );
|
|
$output = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'default_value',
|
|
'value' => esc_html__( 'Default Value', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output .= $this->field_element(
|
|
'text',
|
|
$field,
|
|
[
|
|
'slug' => 'default_value',
|
|
'value' => $value,
|
|
'class' => 'wpforms-smart-tags-enabled',
|
|
'smarttags' => [
|
|
'type' => 'other',
|
|
],
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'default_value',
|
|
'content' => $output,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Size.
|
|
*/
|
|
case 'size':
|
|
$value = ! empty( $field['size'] ) ? esc_attr( $field['size'] ) : 'medium';
|
|
$class = ! empty( $args['class'] ) ? esc_html( $args['class'] ) : '';
|
|
$tooltip = esc_html__( 'Select the default form field size.', 'wpforms-lite' );
|
|
$options = [
|
|
'small' => esc_html__( 'Small', 'wpforms-lite' ),
|
|
'medium' => esc_html__( 'Medium', 'wpforms-lite' ),
|
|
'large' => esc_html__( 'Large', 'wpforms-lite' ),
|
|
];
|
|
|
|
if ( ! empty( $args['exclude'] ) ) {
|
|
$options = array_diff_key( $options, array_flip( $args['exclude'] ) );
|
|
}
|
|
|
|
$output = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'size',
|
|
'value' => esc_html__( 'Field Size', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output .= $this->field_element(
|
|
'select',
|
|
$field,
|
|
[
|
|
'slug' => 'size',
|
|
'value' => $value,
|
|
'options' => $options,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'size',
|
|
'content' => $output,
|
|
'class' => $class,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Advanced Options markup.
|
|
*/
|
|
case 'advanced-options':
|
|
$markup = ! empty( $args['markup'] ) ? $args['markup'] : 'open';
|
|
|
|
if ( $markup === 'open' ) {
|
|
$override = apply_filters( 'wpforms_advanced_options_override', false ); // phpcs:ignore WPForms.PHP.ValidateHooks.InvalidHookName, WPForms.Comments.PHPDocHooks.RequiredHookDocumentation, WPForms.Comments.SinceTagHooks.MissingSinceTag
|
|
$override = ! empty( $override ) ? 'style="display:' . $override . ';"' : '';
|
|
$class = ! empty( $args['class'] ) ? esc_html( $args['class'] ) : '';
|
|
|
|
$output = sprintf(
|
|
'<div class="wpforms-field-option-group wpforms-field-option-group-advanced" id="wpforms-field-option-advanced-%1$s" %2$s>
|
|
<a href="#" class="wpforms-field-option-group-toggle">%3$s</a>
|
|
<div class="wpforms-field-option-group-inner %4$s">',
|
|
wpforms_validate_field_id( $field['id'] ),
|
|
$override,
|
|
esc_html__( 'Advanced', 'wpforms-lite' ),
|
|
esc_attr( $class )
|
|
);
|
|
|
|
} else {
|
|
$output = '</div></div>';
|
|
}
|
|
break;
|
|
|
|
/*
|
|
* Placeholder.
|
|
*/
|
|
case 'placeholder':
|
|
$class = ! empty( $args['class'] ) ? esc_html( $args['class'] ) : '';
|
|
$value = ! empty( $field['placeholder'] ) ? esc_attr( $field['placeholder'] ) : '';
|
|
$tooltip = esc_html__( 'Enter text for the form field placeholder.', 'wpforms-lite' );
|
|
|
|
$output = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'placeholder',
|
|
'value' => esc_html__( 'Placeholder Text', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output .= $this->field_element(
|
|
'text',
|
|
$field,
|
|
[
|
|
'slug' => 'placeholder',
|
|
'value' => $value,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'placeholder',
|
|
'content' => $output,
|
|
'class' => $class,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* CSS classes.
|
|
*/
|
|
case 'css':
|
|
$toggle = '';
|
|
$value = ! empty( $field['css'] ) ? esc_attr( $field['css'] ) : '';
|
|
$tooltip = esc_html__( 'Enter CSS class names for the form field container. Class names should be separated with spaces.', 'wpforms-lite' );
|
|
|
|
if ( $field['type'] !== 'pagebreak' ) {
|
|
$toggle = '<a href="#" class="toggle-layout-selector-display toggle-unfoldable-cont"><i class="fa fa-th-large"></i><span>' . esc_html__( 'Show Layouts', 'wpforms-lite' ) . '</span></a>';
|
|
}
|
|
|
|
// Build output.
|
|
$output = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'css',
|
|
'value' => esc_html__( 'CSS Classes', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
'after_tooltip' => $toggle,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output .= $this->field_element(
|
|
'text',
|
|
$field,
|
|
[
|
|
'slug' => 'css',
|
|
'value' => $value,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'css',
|
|
'content' => $output,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Hide Label.
|
|
*/
|
|
case 'label_hide':
|
|
$value = $field['label_hide'] ?? '0';
|
|
$tooltip = esc_html__( 'Check this option to hide the form field label.', 'wpforms-lite' );
|
|
|
|
// Build output.
|
|
$output = $this->field_element(
|
|
'toggle',
|
|
$field,
|
|
[
|
|
'slug' => 'label_hide',
|
|
'value' => $value,
|
|
'desc' => esc_html__( 'Hide Label', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'label_hide',
|
|
'content' => $output,
|
|
'class' => ! empty( $args['class'] ) ? wpforms_sanitize_classes( $args['class'] ) : '',
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Hide sublabels.
|
|
*/
|
|
case 'sublabel_hide':
|
|
$value = $field['sublabel_hide'] ?? '0';
|
|
$tooltip = esc_html__( 'Check this option to hide the form field sublabel.', 'wpforms-lite' );
|
|
|
|
// Build output.
|
|
$output = $this->field_element(
|
|
'toggle',
|
|
$field,
|
|
[
|
|
'slug' => 'sublabel_hide',
|
|
'value' => $value,
|
|
'desc' => esc_html__( 'Hide Sublabels', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'sublabel_hide',
|
|
'content' => $output,
|
|
'class' => ! empty( $args['class'] ) ? wpforms_sanitize_classes( $args['class'] ) : '',
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Input Columns.
|
|
*/
|
|
case 'input_columns':
|
|
$value = ! empty( $field['input_columns'] ) ? esc_attr( $field['input_columns'] ) : '';
|
|
$tooltip = esc_html__( 'Select the layout for displaying field choices.', 'wpforms-lite' );
|
|
$options = [
|
|
'' => esc_html__( 'One Column', 'wpforms-lite' ),
|
|
'2' => esc_html__( 'Two Columns', 'wpforms-lite' ),
|
|
'3' => esc_html__( 'Three Columns', 'wpforms-lite' ),
|
|
'inline' => esc_html__( 'Inline', 'wpforms-lite' ),
|
|
];
|
|
|
|
$output = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'input_columns',
|
|
'value' => esc_html__( 'Choice Layout', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output .= $this->field_element(
|
|
'select',
|
|
$field,
|
|
[
|
|
'slug' => 'input_columns',
|
|
'value' => $value,
|
|
'options' => $options,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'input_columns',
|
|
'content' => $output,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Dynamic Choices.
|
|
*/
|
|
case 'dynamic_choices':
|
|
$value = $this->is_dynamic_choices( $field ) ? esc_attr( $field['dynamic_choices'] ) : '';
|
|
$tooltip = esc_html__( 'Select auto-populate method to use.', 'wpforms-lite' );
|
|
$options = [
|
|
'' => esc_html__( 'Off', 'wpforms-lite' ),
|
|
'post_type' => esc_html__( 'Post Type', 'wpforms-lite' ),
|
|
'taxonomy' => esc_html__( 'Taxonomy', 'wpforms-lite' ),
|
|
];
|
|
|
|
$output = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'dynamic_choices',
|
|
'value' => esc_html__( 'Dynamic Choices', 'wpforms-lite' ),
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output .= $this->field_element(
|
|
'select',
|
|
$field,
|
|
[
|
|
'slug' => 'dynamic_choices',
|
|
'value' => $value,
|
|
'options' => $options,
|
|
],
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'dynamic_choices',
|
|
'class' => ! empty( $field['choices_images'] ) || ! empty( $field['choices_icons'] ) || $this->has_other_choice( $field ) ? 'wpforms-hidden' : '',
|
|
'content' => $output,
|
|
],
|
|
false
|
|
);
|
|
break;
|
|
|
|
/*
|
|
* Dynamic Choices Source.
|
|
*/
|
|
case 'dynamic_choices_source':
|
|
$type = ! empty( $field['dynamic_choices'] ) ? esc_attr( $field['dynamic_choices'] ) : '';
|
|
|
|
if ( ! empty( $type ) ) {
|
|
$type_name = '';
|
|
$items = [];
|
|
|
|
if ( $type === 'post_type' ) {
|
|
|
|
$type_name = esc_html__( 'Post Type', 'wpforms-lite' );
|
|
$items = get_post_types(
|
|
[
|
|
'public' => true,
|
|
],
|
|
'objects'
|
|
);
|
|
|
|
unset( $items['attachment'] );
|
|
} elseif ( $type === 'taxonomy' ) {
|
|
$type_name = esc_html__( 'Taxonomy', 'wpforms-lite' );
|
|
$items = get_taxonomies(
|
|
[
|
|
'public' => true,
|
|
'publicly_queryable' => true,
|
|
],
|
|
'objects'
|
|
);
|
|
|
|
unset( $items['post_format'] );
|
|
}
|
|
|
|
/* translators: %s - dynamic source type name. */
|
|
$tooltip = sprintf( esc_html__( 'Select %s to use for auto-populating field choices.', 'wpforms-lite' ), esc_html( $type_name ) );
|
|
|
|
/* translators: %s - dynamic source type name. */
|
|
$label = sprintf( esc_html__( 'Dynamic %s Source', 'wpforms-lite' ), esc_html( $type_name ) );
|
|
$options = [];
|
|
$source = ! empty( $field[ 'dynamic_' . $type ] ) ? esc_attr( $field[ 'dynamic_' . $type ] ) : '';
|
|
|
|
uasort(
|
|
$items,
|
|
static function ( $prev_item, $item ) {
|
|
|
|
return strcmp( $prev_item->name, $item->name );
|
|
}
|
|
);
|
|
|
|
foreach ( $items as $key => $item ) {
|
|
$options[ $key ] = esc_html( $item->labels->name );
|
|
}
|
|
|
|
// Field option label.
|
|
$option_label = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'dynamic_' . $type,
|
|
'value' => $label,
|
|
'tooltip' => $tooltip,
|
|
],
|
|
false
|
|
);
|
|
|
|
// The field option selects input.
|
|
$option_input = $this->field_element(
|
|
'select',
|
|
$field,
|
|
[
|
|
'slug' => 'dynamic_' . $type,
|
|
'options' => $options,
|
|
'value' => $source,
|
|
],
|
|
false
|
|
);
|
|
|
|
// Field option row (markup) including label and input.
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'dynamic_' . $type,
|
|
'content' => $option_label . $option_input,
|
|
],
|
|
false
|
|
);
|
|
} // End if.
|
|
break;
|
|
|
|
/*
|
|
* Quantity.
|
|
*/
|
|
case 'quantity':
|
|
$is_allowed = RequirementsAlerts::is_product_quantities_allowed();
|
|
$enable_quantity = $this->is_payment_quantities_enabled( $field );
|
|
$min_quantity = isset( $field['min_quantity'] ) ? (int) $field['min_quantity'] : 0;
|
|
$max_quantity = isset( $field['max_quantity'] ) ? (int) $field['max_quantity'] : 10;
|
|
$toggle_tooltip = esc_html__( 'Enable quantity for this product to allow customers to purchase more than one.', 'wpforms-lite' );
|
|
$range_tooltip = esc_html__( 'Set the minimum and maximum quantity for this product.', 'wpforms-lite' );
|
|
$hidden_class = ! empty( $args['hidden'] ) ? 'wpforms-hidden' : '';
|
|
|
|
$toggle_data = [
|
|
'slug' => 'enable_quantity',
|
|
'value' => $enable_quantity,
|
|
'desc' => esc_html__( 'Enable Quantity', 'wpforms-lite' ),
|
|
'tooltip' => $toggle_tooltip,
|
|
];
|
|
|
|
if ( ! $is_allowed ) {
|
|
$toggle_data['attrs'] = [ 'disabled' => 'disabled' ];
|
|
$toggle_data['control-class'] = 'wpforms-toggle-control-disabled';
|
|
}
|
|
|
|
$toggle = $this->field_element(
|
|
'toggle',
|
|
$field,
|
|
$toggle_data,
|
|
false
|
|
);
|
|
|
|
$output = $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'enable_quantity',
|
|
'content' => $toggle,
|
|
'class' => $hidden_class,
|
|
],
|
|
false
|
|
);
|
|
|
|
$min_has_error = $min_quantity > $max_quantity ? 'wpforms-error' : '';
|
|
|
|
$content = $this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'quantity',
|
|
'value' => esc_html__( 'Range', 'wpforms-lite' ),
|
|
'tooltip' => $range_tooltip,
|
|
],
|
|
false
|
|
);
|
|
$content .= '<div class="wpforms-field-options-quantity-columns">';
|
|
$content .= '<div class="wpforms-field-options-quantity-column">';
|
|
$content .= $this->field_element(
|
|
'text',
|
|
$field,
|
|
[
|
|
'slug' => 'min_quantity',
|
|
'type' => 'number',
|
|
'value' => $min_quantity,
|
|
'after' => esc_html__( 'Minimum', 'wpforms-lite' ),
|
|
'class' => [ 'wpforms-field-options-column', 'min-quantity-input', $min_has_error ],
|
|
'attrs' =>
|
|
[
|
|
'min' => 0,
|
|
'step' => 1,
|
|
],
|
|
],
|
|
false
|
|
);
|
|
$content .= '</div>';
|
|
$content .= '<div class="wpforms-field-options-quantity-column">';
|
|
$content .= $this->field_element(
|
|
'text',
|
|
$field,
|
|
[
|
|
'slug' => 'max_quantity',
|
|
'type' => 'number',
|
|
'value' => $max_quantity,
|
|
'after' => esc_html__( 'Maximum', 'wpforms-lite' ),
|
|
'class' => [ 'wpforms-field-options-column', 'max-quantity-input' ],
|
|
'attrs' =>
|
|
[
|
|
'min' => 1,
|
|
'step' => 1,
|
|
],
|
|
],
|
|
false
|
|
);
|
|
$content .= '</div>';
|
|
$content .= '</div>';
|
|
|
|
$range_hidden_class = $enable_quantity && empty( $args['hidden'] ) ? '' : 'wpforms-hidden';
|
|
|
|
$output .= $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'quantity',
|
|
'content' => $content,
|
|
'class' => [ $range_hidden_class, 'wpforms-field-quantity-option' ],
|
|
],
|
|
false
|
|
);
|
|
|
|
if ( ! $is_allowed ) {
|
|
$output .= $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'quantities_alert',
|
|
'content' => RequirementsAlerts::get_product_quantities_alert(),
|
|
'class' => $hidden_class,
|
|
],
|
|
false
|
|
);
|
|
}
|
|
break;
|
|
|
|
/*
|
|
* Choice Limit.
|
|
*/
|
|
case 'choice_limit':
|
|
$output = $this->choice_limit_option( $field );
|
|
break;
|
|
|
|
default:
|
|
/**
|
|
* Filters the field preview option output.
|
|
*
|
|
* @since 1.9.1
|
|
*
|
|
* @param string $output Field option output.
|
|
* @param array $field Field data and settings.
|
|
* @param array $args Field preview arguments.
|
|
* @param object $this WPForms_Field object.
|
|
*/
|
|
$output = (string) apply_filters( "wpforms_field_option_{$option}", $output, $field, $args, $this );
|
|
break;
|
|
}
|
|
|
|
if ( ! $do_echo ) {
|
|
return $output;
|
|
}
|
|
|
|
if ( ! in_array( $option, [ 'basic-options', 'advanced-options' ], true ) ) {
|
|
/**
|
|
* Fires before the field option output.
|
|
*
|
|
* @since 1.9.8.6
|
|
*
|
|
* @param array $field Field data and settings.
|
|
* @param object $this WPForms_Field object.
|
|
*/
|
|
do_action( "wpforms_field_options_before_{$option}", $field, $this );
|
|
|
|
// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
echo $output;
|
|
|
|
/**
|
|
* Fires after the field option output.
|
|
*
|
|
* @since 1.9.8.6
|
|
*
|
|
* @param array $field Field data and settings.
|
|
* @param object $this WPForms_Field object.
|
|
*/
|
|
do_action( "wpforms_field_options_after_{$option}", $field, $this );
|
|
|
|
return null;
|
|
}
|
|
|
|
if ( $markup === 'open' ) {
|
|
/**
|
|
* Fires before the field option output.
|
|
*
|
|
* @since 1.0.2
|
|
*
|
|
* @param array $field Field data and settings.
|
|
* @param object $this WPForms_Field object.
|
|
*/
|
|
do_action( "wpforms_field_options_before_{$option}", $field, $this );
|
|
}
|
|
|
|
if ( $markup === 'close' ) {
|
|
/**
|
|
* Fires at the bottom of the field option output.
|
|
*
|
|
* @since 1.0.2
|
|
*
|
|
* @param array $field Field data and settings.
|
|
* @param object $this WPForms_Field object.
|
|
*/
|
|
do_action( "wpforms_field_options_bottom_{$option}", $field, $this );
|
|
}
|
|
|
|
// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
echo $output;
|
|
|
|
if ( $markup === 'open' ) {
|
|
/**
|
|
* Fires at the top of the field option output.
|
|
*
|
|
* @since 1.0.2
|
|
*
|
|
* @param array $field Field data and settings.
|
|
* @param object $this WPForms_Field object.
|
|
*/
|
|
do_action( "wpforms_field_options_top_{$option}", $field, $this );
|
|
}
|
|
|
|
if ( $markup === 'close' ) {
|
|
/**
|
|
* Fires after the field option output.
|
|
*
|
|
* @since 1.0.2
|
|
*
|
|
* @param array $field Field data and settings.
|
|
* @param object $this WPForms_Field object.
|
|
*/
|
|
do_action( "wpforms_field_options_after_{$option}", $field, $this );
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
/**
|
|
* Get choice images hide an option field element.
|
|
*
|
|
* @since 1.9.8.3
|
|
*
|
|
* @param array $field Field data and settings.
|
|
*
|
|
* @return string
|
|
*/
|
|
private function choices_images_hide_option( array $field ): string {
|
|
|
|
// Field contents.
|
|
$fld = $this->field_element(
|
|
'toggle',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_images_hide',
|
|
'value' => isset( $field['choices_images_hide'] ) ? '1' : '0',
|
|
'desc' => wpforms()->is_pro() ? esc_html__( 'Hide Images in Entries', 'wpforms-lite' ) : esc_html__( 'Hide Images in Notifications', 'wpforms-lite' ),
|
|
'tooltip' => wpforms()->is_pro() ? esc_html__( 'Enable this option to hide the images in entries and notifications.', 'wpforms-lite' ) : esc_html__( 'Enable this option to hide the images in notifications.', 'wpforms-lite' ),
|
|
],
|
|
false
|
|
);
|
|
|
|
// Final field output.
|
|
return $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'choices_images_hide',
|
|
'class' => ! empty( $field['choices_images'] ) ? '' : 'wpforms-hidden',
|
|
'content' => $fld,
|
|
],
|
|
false
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Get choice limit option field element.
|
|
*
|
|
* @since 1.9.7
|
|
*
|
|
* @param array $field Field data and settings.
|
|
*
|
|
* @return string
|
|
*/
|
|
private function choice_limit_option( array $field ): string {
|
|
|
|
return $this->field_element(
|
|
'row',
|
|
$field,
|
|
[
|
|
'slug' => 'choice_limit',
|
|
'content' =>
|
|
$this->field_element(
|
|
'label',
|
|
$field,
|
|
[
|
|
'slug' => 'choice_limit',
|
|
'value' => esc_html__( 'Choice Limit', 'wpforms-lite' ),
|
|
'tooltip' => esc_html__( 'Limit the number of checkboxes a user can select. Leave empty for unlimited.', 'wpforms-lite' ),
|
|
],
|
|
false
|
|
) . $this->field_element(
|
|
'text',
|
|
$field,
|
|
[
|
|
'slug' => 'choice_limit',
|
|
'value' => isset( $field['choice_limit'] ) && (int) $field['choice_limit'] > 0 ? (int) $field['choice_limit'] : '',
|
|
'type' => 'number',
|
|
],
|
|
false
|
|
),
|
|
],
|
|
false
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Helper function to create common field options that are used frequently
|
|
* in the field preview.
|
|
*
|
|
* @since 1.0.0
|
|
* @since 1.5.0 Added support for <select> HTML tag for choices.
|
|
* @since 1.6.1 Added multiple select support.
|
|
*
|
|
* @param string $option Field option to render.
|
|
* @param array $field Field data and settings.
|
|
* @param array $args Field preview arguments.
|
|
* @param bool $do_echo Print or return the value. Print by default.
|
|
*
|
|
* @return ?string Print or return a string.
|
|
* @noinspection HtmlUnknownAttribute
|
|
* @noinspection HtmlUnknownTarget
|
|
* @noinspection HtmlWrongAttributeValue
|
|
*/
|
|
public function field_preview_option( $option, $field, $args = [], $do_echo = true ) { // phpcs:ignore Generic.Metrics.CyclomaticComplexity.MaxExceeded, Generic.Metrics.NestingLevel.MaxExceeded
|
|
|
|
$output = '';
|
|
$class = ! empty( $args['class'] ) ? wpforms_sanitize_classes( $args['class'] ) : '';
|
|
$allowed_tags = wpforms_builder_preview_get_allowed_tags();
|
|
|
|
switch ( $option ) {
|
|
case 'label':
|
|
$label = ! empty( $field['label'] ) ? esc_html( $field['label'] ) : esc_html__( 'Empty Label', 'wpforms-lite' );
|
|
$label_hidden = esc_html__( 'Label Hidden', 'wpforms-lite' );
|
|
$label_empty = esc_html__( 'To ensure your form is accessible, every field should have a descriptive label. If you\'d like to hide the label, you can do so by enabling Hide Label in the Advanced Field Options tab.', 'wpforms-lite' );
|
|
$badge = ! empty( $args['label_badge'] ) ? $args['label_badge'] : '';
|
|
$output = sprintf(
|
|
'<label class="label-title %1$s"><span class="hidden_text" title="%2$s"><i class="fa fa-eye-slash"></i></span><span class="empty_text" title="%3$s"><i class="fa fa-exclamation-triangle"></i></span><span class="text">%4$s</span><span class="required">*</span>%5$s</label>',
|
|
$class,
|
|
$label_hidden,
|
|
$label_empty,
|
|
$label,
|
|
$badge
|
|
);
|
|
break;
|
|
|
|
case 'description':
|
|
$description = ! empty( $field['description'] ) ? wp_kses( $field['description'], $allowed_tags ) : '';
|
|
$description = strpos( $class, 'nl2br' ) !== false ? nl2br( $description ) : $description;
|
|
$output = sprintf( '<div class="description %s">%s</div>', $class, $description );
|
|
break;
|
|
|
|
case 'choices':
|
|
$fields_w_choices = [ 'checkbox', 'gdpr-checkbox', 'select', 'payment-select', 'radio', 'payment-multiple', 'payment-checkbox' ];
|
|
|
|
$slice_size = in_array( $field['type'], [ 'payment-select', 'select' ], true ) ? 250 : 20;
|
|
$values = ! empty( $field['choices'] ) ? $field['choices'] : $this->defaults;
|
|
$dynamic = ! empty( $field['dynamic_choices'] ) ? $field['dynamic_choices'] : false;
|
|
$total = count( $values );
|
|
$values = array_slice( $values, 0, $slice_size );
|
|
$inline_style = '';
|
|
|
|
/*
|
|
* Check to see if this field is configured for Dynamic Choices,
|
|
* either auto populating from a post's type or a taxonomy.
|
|
*/
|
|
if ( ! empty( $field['dynamic_post_type'] ) || ! empty( $field['dynamic_taxonomy'] ) ) {
|
|
|
|
switch ( $dynamic ) {
|
|
case 'post_type':
|
|
// Post type dynamic populating.
|
|
$total_obj = wp_count_posts( $field['dynamic_post_type'] );
|
|
$total = isset( $total_obj->publish ) ? (int) $total_obj->publish : 0;
|
|
$values = [];
|
|
|
|
/**
|
|
* Filters dynamic choice taxonomy args.
|
|
*
|
|
* @since 1.5.0
|
|
*
|
|
* @param array $args Arguments.
|
|
* @param array $field Field.
|
|
* @param int|false $form_id Form ID.
|
|
*/
|
|
$args = apply_filters( // phpcs:ignore WPForms.PHP.ValidateHooks.InvalidHookName, WPForms.Comments.PHPDocHooks.RequiredHookDocumentation, WPForms.Comments.SinceTagHooks.MissingSinceTag
|
|
'wpforms_dynamic_choice_post_type_args',
|
|
[
|
|
'post_type' => $field['dynamic_post_type'],
|
|
'posts_per_page' => 20,
|
|
'orderby' => 'title',
|
|
'order' => 'ASC',
|
|
],
|
|
$field,
|
|
$this->form_id
|
|
);
|
|
|
|
$posts = wpforms_get_hierarchical_object( $args, true );
|
|
|
|
foreach ( $posts as $post ) {
|
|
$values[] = [
|
|
'label' => esc_html( wpforms_get_post_title( $post ) ),
|
|
];
|
|
}
|
|
break;
|
|
|
|
case 'taxonomy':
|
|
// Taxonomy dynamic populating.
|
|
$total = (int) wp_count_terms( $field['dynamic_taxonomy'] );
|
|
$values = [];
|
|
|
|
/**
|
|
* Filters dynamic choice taxonomy args.
|
|
*
|
|
* @since 1.5.0
|
|
*
|
|
* @param array $args Arguments.
|
|
* @param array $field Field.
|
|
* @param int|false $form_id Form ID.
|
|
*/
|
|
$args = apply_filters( // phpcs:ignore WPForms.PHP.ValidateHooks.InvalidHookName
|
|
'wpforms_dynamic_choice_taxonomy_args',
|
|
[
|
|
'taxonomy' => $field['dynamic_taxonomy'],
|
|
'hide_empty' => false,
|
|
'number' => 20,
|
|
],
|
|
$field,
|
|
$this->form_id
|
|
);
|
|
|
|
$terms = wpforms_get_hierarchical_object( $args, true );
|
|
|
|
foreach ( $terms as $term ) {
|
|
$values[] = [
|
|
'label' => esc_html( wpforms_get_term_name( $term ) ),
|
|
];
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
// Build output.
|
|
if ( ! in_array( $field['type'], $fields_w_choices, true ) ) {
|
|
break;
|
|
}
|
|
|
|
switch ( $field['type'] ) {
|
|
case 'checkbox':
|
|
case 'gdpr-checkbox':
|
|
case 'payment-checkbox':
|
|
$type = 'checkbox';
|
|
break;
|
|
|
|
case 'select':
|
|
case 'payment-select':
|
|
$type = 'select';
|
|
break;
|
|
|
|
default:
|
|
$type = 'radio';
|
|
break;
|
|
}
|
|
|
|
$list_class = [ 'primary-input' ];
|
|
$with_images = empty( $field['dynamic_choices'] ) && empty( $field['choices_icons'] ) && ! empty( $field['choices_images'] );
|
|
$with_icons = empty( $field['dynamic_choices'] ) && empty( $field['choices_images'] ) && ! empty( $field['choices_icons'] );
|
|
$with_other = ! $this->is_dynamic_choices( $field ) && $this->has_other_choice( $field );
|
|
$is_modern = ! empty( $field['style'] ) && $field['style'] === 'modern';
|
|
|
|
if ( $with_images ) {
|
|
$list_class[] = 'wpforms-image-choices';
|
|
$list_class[] = 'wpforms-image-choices-' . sanitize_html_class( $field['choices_images_style'] );
|
|
}
|
|
|
|
if ( $with_icons ) {
|
|
$list_class[] = 'wpforms-icon-choices';
|
|
$list_class[] = sanitize_html_class( 'wpforms-icon-choices-' . $field['choices_icons_style'] );
|
|
$list_class[] = sanitize_html_class( 'wpforms-icon-choices-' . $field['choices_icons_size'] );
|
|
$icon_color = isset( $field['choices_icons_color'] ) ? wpforms_sanitize_hex_color( $field['choices_icons_color'] ) : '';
|
|
$icon_color = empty( $icon_color ) ? IconChoices::get_default_color() : $icon_color;
|
|
$inline_style = "--wpforms-icon-choices-color: {$icon_color};";
|
|
}
|
|
|
|
if ( ! empty( $class ) ) {
|
|
$list_class[] = $class;
|
|
}
|
|
|
|
// Special rules for <select>-based fields.
|
|
if ( $type === 'select' ) {
|
|
if ( empty( $values ) ) {
|
|
$list_class[] = 'wpforms-hidden';
|
|
}
|
|
|
|
$multiple = ! empty( $field['multiple'] ) ? ' multiple' : '';
|
|
$placeholder = ! empty( $field['placeholder'] ) ? $field['placeholder'] : '';
|
|
|
|
$output = sprintf(
|
|
'<select class="%s"%s readonly>',
|
|
wpforms_sanitize_classes( $list_class, true ),
|
|
$multiple
|
|
);
|
|
|
|
$options = '';
|
|
$has_selected = false;
|
|
|
|
// Build the select options.
|
|
foreach ( $values as $key => $value ) {
|
|
|
|
$default = isset( $value['default'] ) && $value['default'];
|
|
$selected = selected( true, $default, false );
|
|
|
|
if ( $selected ) {
|
|
$has_selected = true;
|
|
}
|
|
|
|
$label = $this->get_choices_label( $value['label'] ?? '', $key + 1, $field );
|
|
$label .= ! empty( $field['show_price_after_labels'] ) && isset( $value['value'] ) ? ' - ' . wpforms_format_amount( wpforms_sanitize_amount( $value['value'] ), true ) : '';
|
|
|
|
$options .= sprintf(
|
|
'<option value="%2$s" %1$s>%2$s</option>',
|
|
$selected,
|
|
esc_html( $label )
|
|
);
|
|
}
|
|
|
|
// Optional placeholder.
|
|
if ( ( ! empty( $placeholder ) || $is_modern ) && ! $has_selected ) {
|
|
$options = sprintf(
|
|
'<option value="" class="placeholder">%s</option>',
|
|
esc_html( $placeholder )
|
|
) . $options;
|
|
}
|
|
|
|
$output .= $options . '</select>';
|
|
} else {
|
|
// Normal checkbox/radio-based fields.
|
|
$output = sprintf(
|
|
'<ul class="%s" style="%s">',
|
|
wpforms_sanitize_classes( $list_class, true ),
|
|
esc_attr( $inline_style )
|
|
);
|
|
|
|
foreach ( $values as $key => $value ) {
|
|
|
|
$default = $value['default'] ?? '';
|
|
$selected = checked( '1', $default, false );
|
|
$input_class = [];
|
|
$item_class = [];
|
|
|
|
if ( ! empty( $value['default'] ) ) {
|
|
$item_class[] = 'wpforms-selected';
|
|
}
|
|
|
|
// Mark Other choice in preview and prepare standalone input HTML.
|
|
if ( $with_other ) {
|
|
$item_class[] = 'wpforms-other-choice';
|
|
}
|
|
|
|
if ( $with_images ) {
|
|
$item_class[] = 'wpforms-image-choices-item';
|
|
}
|
|
|
|
if ( $with_icons ) {
|
|
$item_class[] = 'wpforms-icon-choices-item';
|
|
}
|
|
|
|
$output .= sprintf(
|
|
'<li class="%s">',
|
|
wpforms_sanitize_classes( $item_class, true )
|
|
);
|
|
|
|
$label = $this->get_choices_label( $value['label'] ?? '', $key + 1, $field );
|
|
$label .= ! empty( $field['show_price_after_labels'] ) && isset( $value['value'] ) ? $this->get_price_after_label( $value['value'] ) : '';
|
|
|
|
if ( $with_images ) {
|
|
|
|
if ( in_array( $field['choices_images_style'], [ 'modern', 'classic' ], true ) ) {
|
|
$input_class[] = 'wpforms-screen-reader-element';
|
|
}
|
|
|
|
$output .= '<label>';
|
|
|
|
$output .= sprintf(
|
|
'<span class="wpforms-image-choices-image"><img src="%s" alt="%s"%s></span>',
|
|
! empty( $value['image'] ) ? esc_url( $value['image'] ) : WPFORMS_PLUGIN_URL . 'assets/images/builder/placeholder-200x125.svg',
|
|
esc_attr( $label ),
|
|
! empty( $value['label'] ) ? ' title="' . esc_attr( $value['label'] ) . '"' : ''
|
|
);
|
|
|
|
if ( $field['choices_images_style'] === 'none' ) {
|
|
$output .= '<br>';
|
|
}
|
|
|
|
$output .= sprintf(
|
|
'<input type="%s" class="%s" %s readonly>',
|
|
$type,
|
|
wpforms_sanitize_classes( $input_class, true ),
|
|
$selected
|
|
);
|
|
|
|
$output .= '<span class="wpforms-image-choices-label">' . wp_kses( $label, $allowed_tags ) . '</span>';
|
|
|
|
$output .= '</label>';
|
|
|
|
} elseif ( $with_icons ) {
|
|
|
|
$icon = isset( $value['icon'] ) && ! wpforms_is_empty_string( $value['icon'] ) ? $value['icon'] : IconChoices::DEFAULT_ICON;
|
|
$icon_style = ! empty( $value['icon_style'] ) ? $value['icon_style'] : IconChoices::DEFAULT_ICON_STYLE;
|
|
|
|
if ( in_array( $field['choices_icons_style'], [ 'default', 'modern', 'classic' ], true ) ) {
|
|
$input_class[] = 'wpforms-screen-reader-element';
|
|
}
|
|
|
|
$output .= '<label>';
|
|
|
|
$output .= sprintf(
|
|
'<span class="wpforms-icon-choices-icon">
|
|
<i class="ic-fa-%s ic-fa-%s"></i>
|
|
<span class="wpforms-icon-choices-icon-bg"></span>
|
|
</span>',
|
|
esc_attr( $icon_style ),
|
|
esc_attr( $icon )
|
|
);
|
|
|
|
$output .= sprintf(
|
|
'<input type="%1$s" class="%2$s" %3$s readonly>',
|
|
$type,
|
|
wpforms_sanitize_classes( $input_class, true ),
|
|
$selected
|
|
);
|
|
|
|
$output .= '<span class="wpforms-icon-choices-label">' . wp_kses( $label, $allowed_tags ) . '</span>';
|
|
|
|
$output .= '</label>';
|
|
|
|
} else {
|
|
$output .= sprintf(
|
|
'<input type="%s" %s readonly> %s',
|
|
$type,
|
|
$selected,
|
|
wp_kses( $label, $allowed_tags )
|
|
);
|
|
}
|
|
|
|
$output .= '</li>';
|
|
}
|
|
|
|
$output .= '</ul>';
|
|
|
|
// Multiple choice: Another option.
|
|
if ( $type === 'radio' ) {
|
|
|
|
$placeholder = ! empty( $field['other_placeholder'] ) ? $field['other_placeholder'] : '';
|
|
$default_value = ( ! empty( $field['show_values'] ) && isset( $value['value'] ) && $value['value'] !== '' ) ? $value['value'] : '';
|
|
// Show input by default if the Other choice is set as default.
|
|
$hidden_class = ! empty( $default ) && ! empty( $value['other'] ) ? '' : 'wpforms-hidden';
|
|
|
|
$other_input_html = sprintf(
|
|
'<input type="text" class="wpforms-other-input %s" placeholder="%s" value="%s">',
|
|
esc_attr( $hidden_class ),
|
|
esc_attr( $placeholder ),
|
|
esc_attr( $default_value )
|
|
);
|
|
|
|
$output .= $other_input_html;
|
|
}
|
|
|
|
/*
|
|
* Contains more than 20/250 items, include a note about a limited subset of results displayed.
|
|
*/
|
|
if ( $total > $slice_size ) {
|
|
$output .= '<div class="wpforms-alert-dynamic wpforms-alert wpforms-alert-warning">';
|
|
$output .= sprintf(
|
|
wp_kses( /* translators: %s - total number of choices. */
|
|
__( 'Showing the first %1$s choices.<br> All %2$s choices will be displayed when viewing the form.', 'wpforms-lite' ),
|
|
[
|
|
'br' => [],
|
|
]
|
|
),
|
|
$slice_size,
|
|
$total
|
|
);
|
|
$output .= '</div>';
|
|
}
|
|
}
|
|
break;
|
|
|
|
case 'quantity':
|
|
$first_item = ! empty( $field['min_quantity'] ) ? $field['min_quantity'] : 0;
|
|
$class .= $this->is_payment_quantities_enabled( $field ) ? '' : ' wpforms-hidden';
|
|
|
|
$output = sprintf(
|
|
'<select class="quantity-input %1$s" readonly>',
|
|
esc_attr( $class )
|
|
);
|
|
$output .= sprintf(
|
|
'<option>%1$s</option>',
|
|
esc_html( $first_item )
|
|
);
|
|
$output .= '</select>';
|
|
break;
|
|
}
|
|
|
|
if ( ! $do_echo ) {
|
|
return $output;
|
|
}
|
|
|
|
echo $output; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
|
|
return null;
|
|
}
|
|
|
|
/**
|
|
* Create a new field in the admin AJAX editor.
|
|
*
|
|
* @since 1.0.0
|
|
*/
|
|
public function field_new(): void {
|
|
|
|
// Run a security check.
|
|
if ( ! check_ajax_referer( 'wpforms-builder', 'nonce', false ) ) {
|
|
wp_send_json_error( esc_html__( 'Your session expired. Please reload the builder.', 'wpforms-lite' ) );
|
|
}
|
|
|
|
// Check for permissions.
|
|
if ( ! wpforms_current_user_can( 'edit_forms' ) ) {
|
|
wp_send_json_error( esc_html__( 'You are not allowed to perform this action.', 'wpforms-lite' ) );
|
|
}
|
|
|
|
// Check for form ID.
|
|
if ( empty( $_POST['id'] ) ) {
|
|
wp_send_json_error( esc_html__( 'No form ID found', 'wpforms-lite' ) );
|
|
}
|
|
|
|
// Check for a field type to add.
|
|
if ( empty( $_POST['type'] ) ) {
|
|
wp_send_json_error( esc_html__( 'No field type found', 'wpforms-lite' ) );
|
|
}
|
|
|
|
// Grab field data.
|
|
$field_args = ! empty( $_POST['defaults'] ) && is_array( $_POST['defaults'] ) ? array_map( 'sanitize_text_field', wp_unslash( $_POST['defaults'] ) ) : [];
|
|
$field_type = sanitize_key( $_POST['type'] );
|
|
$form_obj = wpforms()->obj( 'form' );
|
|
$field_id = $form_obj ? $form_obj->next_field_id( absint( $_POST['id'] ) ) : false;
|
|
$field = [
|
|
'id' => $field_id,
|
|
'type' => $field_type,
|
|
'label' => $this->name,
|
|
'description' => '',
|
|
];
|
|
$field = wp_parse_args( $field_args, $field );
|
|
|
|
/**
|
|
* Allow the default field settings to be filtered.
|
|
*
|
|
* @since 1.0.8
|
|
*
|
|
* @param array $field Default field settings.
|
|
*/
|
|
$field = (array) apply_filters( 'wpforms_field_new_default', $field );
|
|
|
|
/**
|
|
* Filter whether the field should be required by default.
|
|
*
|
|
* @since 1.0.8
|
|
*
|
|
* @param string $field_required Required attribute value.
|
|
* @param array $field Field settings.
|
|
*/
|
|
$field_required = (string) apply_filters( 'wpforms_field_new_required', '', $field );
|
|
|
|
/**
|
|
* Filter the new field CSS class.
|
|
*
|
|
* @since 1.0.8
|
|
*
|
|
* @param string $class Required attribute value.
|
|
* @param array $field Field settings.
|
|
*/
|
|
$field_class = (string) apply_filters( 'wpforms_field_new_class', '', $field );
|
|
|
|
$field_helper_hide = ! empty( $_COOKIE['wpforms_field_helper_hide'] );
|
|
|
|
// Field types that default to the required.
|
|
if ( ! empty( $field_required ) ) {
|
|
$field_required = 'required';
|
|
$field['required'] = '1';
|
|
}
|
|
|
|
// Build Preview.
|
|
ob_start();
|
|
/**
|
|
* Fires after the field preview output in the Form Builder.
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @param array $field Field data.
|
|
*/
|
|
do_action( "wpforms_builder_fields_previews_{$field_type}", $field ); // phpcs:ignore WPForms.PHP.ValidateHooks.InvalidHookName
|
|
|
|
$prev = ob_get_clean();
|
|
$preview = sprintf(
|
|
'<div class="wpforms-field wpforms-field-%1$s %2$s %3$s" id="wpforms-field-%4$s" data-field-id="%4$s" data-field-type="%5$s">',
|
|
esc_attr( $field_type ),
|
|
esc_attr( $field_required ),
|
|
esc_attr( $field_class ),
|
|
wpforms_validate_field_id( $field['id'] ),
|
|
esc_attr( $field_type )
|
|
);
|
|
|
|
/**
|
|
* Allow the duplicate button to be hidden.
|
|
*
|
|
* @since 1.5.5
|
|
*
|
|
* @param bool $display Whether to display the duplicate button. Default is true.
|
|
* @param array $field Field.
|
|
*/
|
|
if ( apply_filters( 'wpforms_field_new_display_duplicate_button', true, $field ) ) {
|
|
$preview .= sprintf( '<a href="#" class="wpforms-field-duplicate" title="%s"><i class="fa fa-files-o" aria-hidden="true"></i></a>', esc_attr__( 'Duplicate Field', 'wpforms-lite' ) );
|
|
}
|
|
|
|
$preview .= sprintf( '<a href="#" class="wpforms-field-delete" title="%s"><i class="fa fa-trash-o"></i></a>', esc_attr__( 'Delete Field', 'wpforms-lite' ) );
|
|
|
|
// Multi-field actions menu.
|
|
$preview .= $this->get_multi_field_menu_html();
|
|
|
|
if ( ! $field_helper_hide ) {
|
|
$preview .= sprintf(
|
|
'<div class="wpforms-field-helper">
|
|
<span class="wpforms-field-helper-edit">%s</span>
|
|
<span class="wpforms-field-helper-drag">%s</span>
|
|
<span class="wpforms-field-helper-hide" title="%s">
|
|
<i class="fa fa-times-circle" aria-hidden="true"></i>
|
|
</span>
|
|
</div>',
|
|
esc_html__( 'Click to Edit', 'wpforms-lite' ),
|
|
esc_html__( 'Drag to Reorder', 'wpforms-lite' ),
|
|
esc_html__( 'Hide Helper', 'wpforms-lite' )
|
|
);
|
|
}
|
|
|
|
$preview .= $prev;
|
|
$preview .= '</div>';
|
|
|
|
// Build Options.
|
|
$class = apply_filters( 'wpforms_builder_field_option_class', '', $field ); // phpcs:ignore WPForms.PHP.ValidateHooks.InvalidHookName, WPForms.Comments.PHPDocHooks.RequiredHookDocumentation, WPForms.Comments.SinceTagHooks.MissingSinceTag
|
|
$options = sprintf(
|
|
'<div class="wpforms-field-option wpforms-field-option-%1$s %2$s" id="wpforms-field-option-%3$s" data-field-id="%3$s">',
|
|
sanitize_html_class( $field['type'] ),
|
|
wpforms_sanitize_classes( $class ),
|
|
wpforms_validate_field_id( $field['id'] )
|
|
);
|
|
|
|
$options .= sprintf(
|
|
'<input type="hidden" name="fields[%1$s][id]" value="%1$s" class="wpforms-field-option-hidden-id">',
|
|
wpforms_validate_field_id( $field['id'] )
|
|
);
|
|
$options .= sprintf(
|
|
'<input type="hidden" name="fields[%s][type]" value="%s" class="wpforms-field-option-hidden-type">',
|
|
wpforms_validate_field_id( $field['id'] ),
|
|
esc_attr( $field['type'] )
|
|
);
|
|
|
|
ob_start();
|
|
$this->field_options( $field );
|
|
$options .= ob_get_clean();
|
|
$options .= '</div>';
|
|
|
|
// Prepare to return compiled results.
|
|
wp_send_json_success(
|
|
[
|
|
'form_id' => absint( $_POST['id'] ),
|
|
'field' => $field,
|
|
'preview' => $preview,
|
|
'options' => $options,
|
|
]
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Display the field input elements on the frontend
|
|
* according to the render engine setting.
|
|
*
|
|
* @since 1.8.1
|
|
*
|
|
* @param array $field Field data and settings.
|
|
* @param array $field_atts Field attributes (deprecated).
|
|
* @param array $form_data Form data and settings.
|
|
*
|
|
* @noinspection PhpUnusedParameterInspection
|
|
*/
|
|
public function field_display_proxy( $field, $field_atts, $form_data ): void {
|
|
|
|
$render_engine = wpforms_get_render_engine();
|
|
$method = "field_display_{$render_engine}";
|
|
|
|
if ( ! method_exists( $this, $method ) ) {
|
|
|
|
// Something is wrong, this should never occur.
|
|
// Let's display the classic field in this case.
|
|
$method = 'fields_display_classic';
|
|
}
|
|
|
|
$this->$method( $field, $form_data );
|
|
}
|
|
|
|
/**
|
|
* Display the field using classic rendering.
|
|
*
|
|
* @since 1.0.0
|
|
* @since 1.5.0 Converted to abstract method, as it's required for all fields.
|
|
*
|
|
* @param array $field Field data and settings.
|
|
* @param array|null $deprecated Field attributes (deprecated).
|
|
* @param array $form_data Form data and settings.
|
|
*/
|
|
abstract public function field_display( $field, $deprecated, $form_data );
|
|
|
|
/**
|
|
* Display the field using classic rendering.
|
|
*
|
|
* @since 1.8.1
|
|
*
|
|
* @param array $field Field data and settings.
|
|
* @param array $form_data Form data and settings.
|
|
*/
|
|
protected function field_display_classic( $field, $form_data ): void {
|
|
|
|
// The classic view is the same good old `field_display`.
|
|
$this->field_display( $field, null, $form_data );
|
|
}
|
|
|
|
/**
|
|
* Display the field using modern rendering.
|
|
*
|
|
* @since 1.8.1
|
|
*
|
|
* @param array $field Field data and settings.
|
|
* @param array $form_data Form data and settings.
|
|
*/
|
|
protected function field_display_modern( $field, $form_data ) {
|
|
|
|
// Maybe call the method from the field's modern frontend class.
|
|
if ( ! empty( $this->frontend_obj ) && method_exists( $this->frontend_obj, 'field_display_modern' ) ) {
|
|
$this->frontend_obj->field_display_modern( $field, $form_data );
|
|
|
|
return;
|
|
}
|
|
|
|
// By default, the modern view is the same as the classic.
|
|
// In this way, we will implement modern only for the fields,
|
|
// where it is necessary.
|
|
$this->field_display_classic( $field, $form_data );
|
|
}
|
|
|
|
|
|
/**
|
|
* Display field input errors if present.
|
|
*
|
|
* @since 1.3.7
|
|
*
|
|
* @param string $key Input key.
|
|
* @param array $field Field data and settings.
|
|
*/
|
|
public function field_display_error( $key, $field ) {
|
|
|
|
// Need an error.
|
|
if ( empty( $field['properties']['error']['value'][ $key ] ) ) {
|
|
return;
|
|
}
|
|
|
|
printf(
|
|
'<label class="wpforms-error" for="%s">%s</label>',
|
|
esc_attr( $field['properties']['inputs'][ $key ]['id'] ?? '' ),
|
|
esc_html( $field['properties']['error']['value'][ $key ] )
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Display field input sublabel if present.
|
|
*
|
|
* @since 1.3.7
|
|
* @since 1.8.9 Ability to skip for attribute.
|
|
*
|
|
* @param string $key Input key.
|
|
* @param string $position Sublabel position.
|
|
* @param array $field Field data and settings.
|
|
*
|
|
* @noinspection HtmlUnknownAttribute
|
|
*/
|
|
public function field_display_sublabel( $key, $position, $field ): void {
|
|
|
|
// Need a sublabel value.
|
|
if ( empty( $field['properties']['inputs'][ $key ]['sublabel']['value'] ) ) {
|
|
return;
|
|
}
|
|
|
|
$field_position = ! empty( $field['properties']['inputs'][ $key ]['sublabel']['position'] ) ? $field['properties']['inputs'][ $key ]['sublabel']['position'] : 'after';
|
|
|
|
// Used to prevent from displaying sublabel twice.
|
|
if ( $field_position !== $position ) {
|
|
return;
|
|
}
|
|
|
|
$classes = [
|
|
'wpforms-field-sublabel',
|
|
$field_position,
|
|
];
|
|
|
|
if ( ! empty( $field['properties']['inputs'][ $key ]['sublabel']['hidden'] ) ) {
|
|
$classes[] = 'wpforms-sublabel-hide';
|
|
}
|
|
|
|
/**
|
|
* Allow skipping the `for` attribute inside the label.
|
|
*
|
|
* @since 1.8.9
|
|
*
|
|
* @param bool $skip Whether to skip the `for` attribute.
|
|
* @param string $key Input key.
|
|
* @param array $field Field data and settings.
|
|
*/
|
|
$skip_for = (bool) apply_filters( 'wpforms_field_display_sublabel_skip_for', false, $key, $field );
|
|
|
|
/**
|
|
* Allow setting custom for attribute to the label.
|
|
*
|
|
* @since 1.8.9
|
|
*
|
|
* @param string $value Actual for attribute value.
|
|
* @param string $key Input key.
|
|
* @param array $field Field data and settings.
|
|
*/
|
|
$for = apply_filters( 'wpforms_field_display_sublabel_for', $field['properties']['inputs'][ $key ]['id'], $key, $field );
|
|
|
|
printf(
|
|
'<label %1$s class="%2$s">%3$s</label>',
|
|
! $skip_for ? sprintf( 'for="%s"', esc_attr( $for ) ) : '',
|
|
wpforms_sanitize_classes( $classes, true ),
|
|
esc_html( $field['properties']['inputs'][ $key ]['sublabel']['value'] )
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Validate field on form submitting.
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @param string|int $field_id Field ID as a numeric string.
|
|
* @param mixed $field_submit Submitted field value (raw data).
|
|
* @param array $form_data Form data and settings.
|
|
*/
|
|
public function validate( $field_id, $field_submit, $form_data ) {
|
|
|
|
if ( ! empty( $this->is_disabled_field ) ) {
|
|
return;
|
|
}
|
|
|
|
// Basic required check - If a field is marked as required, check for entry data.
|
|
if ( ! empty( $form_data['fields'][ $field_id ]['required'] ) && empty( $field_submit ) && '0' !== (string) $field_submit ) {
|
|
wpforms()->obj( 'process' )->errors[ $form_data['id'] ][ $field_id ] = wpforms_get_required_label();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Format and sanitize field.
|
|
*
|
|
* @since 1.0.0
|
|
*
|
|
* @param int $field_id Field ID.
|
|
* @param mixed $field_submit Field value that was submitted.
|
|
* @param array $form_data Form data and settings.
|
|
*/
|
|
public function format( $field_id, $field_submit, $form_data ) {
|
|
|
|
if ( is_array( $field_submit ) ) {
|
|
$field_submit = array_filter( $field_submit );
|
|
$field_submit = implode( "\r\n", $field_submit );
|
|
}
|
|
|
|
$name = ! empty( $form_data['fields'][ $field_id ]['label'] ) ? sanitize_text_field( $form_data['fields'][ $field_id ]['label'] ) : '';
|
|
|
|
// Sanitize but keep line breaks.
|
|
$value = wpforms_sanitize_textarea_field( $field_submit );
|
|
|
|
wpforms()->obj( 'process' )->fields[ $field_id ] = [
|
|
'name' => $name,
|
|
'value' => $value,
|
|
'id' => wpforms_validate_field_id( $field_id ),
|
|
'type' => $this->type,
|
|
];
|
|
}
|
|
|
|
/**
|
|
* Format field returning value due to the context and field type:
|
|
* E.g., return images, if any, for HTML-supported values, use separate formatting for the Other option.
|
|
*
|
|
* @since 1.4.5
|
|
*
|
|
* @param string|mixed $value Field value.
|
|
* @param array $field Field settings.
|
|
* @param array $form_data Form data and settings.
|
|
* @param string $context Value display context.
|
|
*
|
|
* @return string
|
|
*/
|
|
public function field_html_value( $value, $field, $form_data = [], $context = '' ) {
|
|
|
|
$value = (string) $value;
|
|
|
|
if ( wpforms_payment_has_quantity( $field, $form_data ) ) {
|
|
return wpforms_payment_format_quantity( $field );
|
|
}
|
|
|
|
// Only use HTML formatting for checkbox fields, with image choices enabled
|
|
// and exclude the entry table display.
|
|
// Lastly, provides a filter to disable fancy display.
|
|
if (
|
|
! empty( $field['value'] ) &&
|
|
$field['type'] === $this->type &&
|
|
$context !== 'entry-table' &&
|
|
$this->filter_field_html_value_images( $context, $form_data['fields'][ $field['id'] ] ?? [] )
|
|
) {
|
|
return $this->get_field_html( $field, $value, $form_data );
|
|
}
|
|
|
|
return $value;
|
|
}
|
|
|
|
/**
|
|
* Filter whether to use HTML formatting for a field with image choices enabled.
|
|
*
|
|
* @since 1.9.8.3
|
|
*
|
|
* @param bool $filtering Whether to use HTML formatting.
|
|
* @param string $context Value display context.
|
|
* @param array $field Field settings.
|
|
*
|
|
* @return bool
|
|
*/
|
|
public function field_html_value_images( $filtering, string $context, array $field ): bool {
|
|
|
|
// Bail if images are hidden and not in the entry-preview context.
|
|
if ( ! empty( $field['choices_images_hide'] ) && $context !== 'entry-preview' ) {
|
|
return false;
|
|
}
|
|
|
|
return (bool) $filtering;
|
|
}
|
|
|
|
/**
|
|
* Return HTML for a field value.
|
|
*
|
|
* @since 1.8.4.1
|
|
* @since 1.8.9 Add $form_data parameter.
|
|
*
|
|
* @param array $field Field settings.
|
|
* @param string $value Field value.
|
|
* @param array $form_data Form data.
|
|
*
|
|
* @return string
|
|
*/
|
|
private function get_field_html( array $field, string $value, array $form_data ): string {
|
|
|
|
if ( ! empty( $field['image'] ) ) {
|
|
$value = $this->get_choices_value( $field, $form_data );
|
|
|
|
return $this->get_field_html_image( $field['image'], $value );
|
|
}
|
|
|
|
if ( ! empty( $field['images'] ) ) {
|
|
$items = [];
|
|
$value = $this->get_choices_value( $field, $form_data );
|
|
$values = explode( "\n", $value );
|
|
|
|
foreach ( $values as $key => $choice_label ) {
|
|
if ( ! empty( $field['images'][ $key ] ) ) {
|
|
$choice_label = $this->get_field_html_image( $field['images'][ $key ], $choice_label );
|
|
}
|
|
|
|
$items[] = $choice_label;
|
|
}
|
|
|
|
return implode( '', $items );
|
|
}
|
|
|
|
return $value;
|
|
}
|
|
|
|
/**
|
|
* Return choice value.
|
|
*
|
|
* This is only a wrapper for the wpforms_get_choices_value() global function.
|
|
*
|
|
* @since 1.9.8.3
|
|
*
|
|
* @param array $field Field settings.
|
|
* @param array $form_data Form data.
|
|
*
|
|
* @return string
|
|
*/
|
|
protected function get_choices_value( array $field, array $form_data ): string {
|
|
|
|
return wpforms_get_choices_value( $field, $form_data );
|
|
}
|
|
|
|
/**
|
|
* Return image HTML for a field value.
|
|
*
|
|
* @since 1.8.4.1
|
|
*
|
|
* @param string $url Image URL.
|
|
* @param string $label Field value.
|
|
*
|
|
* @return string
|
|
* @noinspection HtmlUnknownTarget
|
|
*/
|
|
private function get_field_html_image( $url, $label ): string {
|
|
|
|
return sprintf(
|
|
'<span style="max-width:200px;display:block;margin:0 0 5px 0;"><img src="%s" style="max-width:100%%;display:block;margin:0;" alt=""></span>%s',
|
|
esc_url( $url ),
|
|
$label
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Return boolean determining if field HTML values uses images.
|
|
*
|
|
* Bail if a field type is not set.
|
|
*
|
|
* @since 1.8.2
|
|
*
|
|
* @param string $context Context of the field.
|
|
* @param array $field Field settings.
|
|
*
|
|
* @return bool
|
|
*/
|
|
private function filter_field_html_value_images( string $context, array $field ): bool {
|
|
|
|
/**
|
|
* Filters whether to use HTML formatting for a field with image choices enabled.
|
|
*
|
|
* @since 1.5.1
|
|
* @since 1.9.8.3 Added $field parameter.
|
|
*
|
|
* @param bool $use_html Whether to use HTML formatting.
|
|
* @param string $context Value display context.
|
|
* @param array $field Field settings.
|
|
*/
|
|
return (bool) apply_filters( "wpforms_{$this->type}_field_html_value_images", true, $context, $field ); // phpcs:ignore WPForms.PHP.ValidateHooks.InvalidHookName
|
|
}
|
|
|
|
/**
|
|
* Get a field name for an ajax error message.
|
|
*
|
|
* @since 1.6.3
|
|
*
|
|
* @param string|mixed $name Field name for error triggered.
|
|
* @param array $field Field settings.
|
|
* @param array $props List of properties.
|
|
* @param string|string[] $error Error message.
|
|
*
|
|
* @return string
|
|
* @noinspection PhpMissingReturnTypeInspection
|
|
* @noinspection ReturnTypeCanBeDeclaredInspection
|
|
* @noinspection PhpMissingParamTypeInspection
|
|
*/
|
|
public function ajax_error_field_name( $name, $field, $props, $error ) {
|
|
|
|
$name = (string) $name;
|
|
|
|
if ( $name ) {
|
|
return $name;
|
|
}
|
|
|
|
if ( is_array( $error ) && isset( $props['inputs'][ key( $error ) ] ) ) {
|
|
// Handle separate error messages for composed fields like name or date_time.
|
|
$input = $props['inputs'][ key( $error ) ];
|
|
} else {
|
|
$input = $props['inputs']['primary'] ?? end( $props['inputs'] );
|
|
}
|
|
|
|
return (string) isset( $input['attr']['name'] ) ? $input['attr']['name'] : '';
|
|
}
|
|
|
|
/**
|
|
* Exclude empty dynamic choices from the entry preview.
|
|
*
|
|
* @since 1.8.2
|
|
*
|
|
* @param bool $hide Whether to hide the field.
|
|
* @param array $field Field data.
|
|
* @param array $form_data Form data.
|
|
*
|
|
* @return bool
|
|
*/
|
|
public function exclude_empty_dynamic_choices( $hide, $field, $form_data ) {
|
|
|
|
if ( empty( $field['dynamic'] ) ) {
|
|
return $hide;
|
|
}
|
|
|
|
$field_id = $field['id'];
|
|
$fields = $form_data['fields'];
|
|
$form_field = $fields[ $field_id ];
|
|
|
|
return $this->is_dynamic_choices_empty( $form_field, $form_data );
|
|
}
|
|
|
|
/**
|
|
* Enqueue Choicesjs script and config.
|
|
*
|
|
* @param array $forms Forms on the current page.
|
|
*
|
|
* @since 1.6.3
|
|
*/
|
|
protected function enqueue_choicesjs_once( $forms ): void {
|
|
|
|
if ( wpforms()->obj( 'frontend' )->is_choicesjs_enqueued ) {
|
|
return;
|
|
}
|
|
|
|
wp_enqueue_script(
|
|
'wpforms-choicesjs',
|
|
WPFORMS_PLUGIN_URL . 'assets/lib/choices.min.js',
|
|
[],
|
|
'10.2.0',
|
|
$this->load_script_in_footer()
|
|
);
|
|
|
|
$config = [
|
|
'removeItemButton' => true,
|
|
'shouldSort' => false,
|
|
// Forces the search to look for exact matches anywhere in the string.
|
|
'fuseOptions' => [
|
|
'threshold' => 0.1,
|
|
'distance' => 1000,
|
|
],
|
|
'loadingText' => esc_html__( 'Loading...', 'wpforms-lite' ),
|
|
'noResultsText' => esc_html__( 'No results found', 'wpforms-lite' ),
|
|
'noChoicesText' => esc_html__( 'No choices to choose from', 'wpforms-lite' ),
|
|
'uniqueItemText' => esc_html__( 'Only unique values can be added', 'wpforms-lite' ),
|
|
'customAddItemText' => esc_html__( 'Only values matching specific conditions can be added', 'wpforms-lite' ),
|
|
];
|
|
|
|
/**
|
|
* Allow theme/plugin developers to modify the provided or add own Choices.js settings.
|
|
*
|
|
* @since 1.6.1
|
|
*
|
|
* @param array $config Choices.js settings.
|
|
* @param array $forms Forms on the current page.
|
|
* @param WPForms_Field $field_obj Field object.
|
|
*/
|
|
$config = apply_filters( 'wpforms_field_select_choicesjs_config', $config, $forms, $this );
|
|
|
|
wp_localize_script(
|
|
'wpforms-choicesjs',
|
|
'wpforms_choicesjs_config',
|
|
$config
|
|
);
|
|
|
|
wpforms()->obj( 'frontend' )->is_choicesjs_enqueued = true;
|
|
}
|
|
|
|
/**
|
|
* Whether a Choicesjs search area should be shown.
|
|
*
|
|
* @since 1.6.4
|
|
*
|
|
* @param int $choices_count Choices amount.
|
|
*
|
|
* @return bool
|
|
*/
|
|
protected function is_choicesjs_search_enabled( $choices_count ) {
|
|
|
|
/**
|
|
* Allow modifying the minimum number of choices to show the search area.
|
|
* We should auto hide/remove search, if less than 8 choices by default.
|
|
*
|
|
* @since 1.6.4
|
|
*
|
|
* @param int $min_choices Minimum number of choices to show the search area.
|
|
*/
|
|
return $choices_count >= (int) apply_filters( 'wpforms_field_choicesjs_search_enabled_items_min', 8 );
|
|
}
|
|
|
|
/**
|
|
* Whether a Choicesjs search area should be shown for quantity select.
|
|
*
|
|
* @since 1.8.7
|
|
*
|
|
* @param array $field Field data.
|
|
*
|
|
* @return bool
|
|
*/
|
|
protected function is_quantity_choicesjs_search_enabled( $field ) {
|
|
|
|
if ( ! isset( $field['max_quantity'], $field['min_quantity'] ) ) {
|
|
return false;
|
|
}
|
|
|
|
$choices_count = (int) $field['max_quantity'] - (int) $field['min_quantity'];
|
|
|
|
/**
|
|
* We should auto hide/remove search, if less than 20 choices.
|
|
*
|
|
* @since 1.8.7
|
|
*
|
|
* @param int $limit Minimum limit.
|
|
*/
|
|
return $choices_count >= (int) apply_filters( 'wpforms_field_quantity_choicesjs_search_enabled_items_min', 20 );
|
|
}
|
|
|
|
/**
|
|
* Get an instance of the class connected to the current field
|
|
* and located in the `src/Forms/[Pro/]Fields/FieldType/Class.php` file.
|
|
*
|
|
* @since 1.8.1
|
|
*
|
|
* @param string $class_name Class name, for example `Frontend`.
|
|
*
|
|
* @return object
|
|
*/
|
|
protected function get_object( $class_name ) {
|
|
|
|
$property = strtolower( $class_name ) . '_obj';
|
|
|
|
if ( ! is_null( $this->$property ) ) {
|
|
return $this->$property;
|
|
}
|
|
|
|
$class_dir = implode( '', array_map( 'ucfirst', explode( '-', $this->type ) ) );
|
|
$class_name = ucfirst( $class_name );
|
|
$class_name = 'Forms\Fields\\' . $class_dir . '\\' . $class_name;
|
|
$fqdn_class = '\WPForms\Pro\\' . $class_name;
|
|
$fqdn_class = class_exists( $fqdn_class ) && wpforms()->is_pro() ? $fqdn_class : '\WPForms\Lite\\' . $class_name;
|
|
$fqdn_class = class_exists( $fqdn_class ) ? $fqdn_class : '\WPForms\\' . $class_name;
|
|
|
|
$this->$property = class_exists( $fqdn_class ) ? new $fqdn_class( $this ) : null;
|
|
|
|
return $this->$property;
|
|
}
|
|
|
|
/**
|
|
* Add allowed HTML tags for field labels.
|
|
*
|
|
* @since 1.8.2
|
|
*
|
|
* @param array $strings Array of strings.
|
|
*
|
|
* @return array
|
|
*/
|
|
public function add_allowed_label_html_tags( $strings ) {
|
|
|
|
// Default allowed tags.
|
|
$allowed_tags = [
|
|
'br',
|
|
'strong',
|
|
'b',
|
|
'em',
|
|
'i',
|
|
'a',
|
|
];
|
|
|
|
/**
|
|
* Filter the allowed HTML tags for field labels.
|
|
*
|
|
* @since 1.8.2
|
|
*
|
|
* @param array $allowed_tags Allowed HTML tags.
|
|
*/
|
|
$strings['allowed_label_html_tags'] = (array) apply_filters( 'wpforms_field_label_allowed_html_tags', $allowed_tags );
|
|
|
|
return $strings;
|
|
}
|
|
|
|
/**
|
|
* Whether a field has dynamic choices.
|
|
*
|
|
* @since 1.8.2
|
|
*
|
|
* @param array $field Field settings.
|
|
*
|
|
* @return bool
|
|
*/
|
|
protected function is_dynamic_choices( array $field ): bool {
|
|
|
|
return ! empty( $field['dynamic_choices'] );
|
|
}
|
|
|
|
/**
|
|
* Whether a field has dynamic choices and they are empty.
|
|
*
|
|
* @since 1.8.2
|
|
*
|
|
* @param array $field Field settings.
|
|
* @param array $form_data Form data and settings.
|
|
*
|
|
* @return bool
|
|
*/
|
|
protected function is_dynamic_choices_empty( $field, $form_data ) {
|
|
|
|
if ( ! $this->is_dynamic_choices( $field ) ) {
|
|
return false;
|
|
}
|
|
|
|
$form_id = absint( $form_data['id'] );
|
|
$dynamic = wpforms_get_field_dynamic_choices( $field, $form_id, $form_data );
|
|
|
|
return empty( $dynamic );
|
|
}
|
|
|
|
/**
|
|
* Get an empty dynamic choices message.
|
|
*
|
|
* @since 1.8.2
|
|
*
|
|
* @param array $field Field data and settings.
|
|
*
|
|
* @return string
|
|
*/
|
|
protected function get_empty_dynamic_choices_message( $field ) {
|
|
|
|
$dynamic = ! empty( $field['dynamic_choices'] ) ? $field['dynamic_choices'] : false;
|
|
|
|
if ( ! $dynamic ) {
|
|
return '';
|
|
}
|
|
|
|
if ( empty( $field[ 'dynamic_' . $dynamic ] ) ) {
|
|
return '';
|
|
}
|
|
|
|
$source = esc_html__( 'Dynamic choices', 'wpforms-lite' );
|
|
$type = esc_html__( 'items', 'wpforms-lite' );
|
|
|
|
$source_object = null;
|
|
|
|
if ( $dynamic === 'post_type' ) {
|
|
$type = esc_html__( 'posts', 'wpforms-lite' );
|
|
$source_object = get_post_type_object( $field[ 'dynamic_' . $dynamic ] );
|
|
}
|
|
|
|
if ( $dynamic === 'taxonomy' ) {
|
|
$type = esc_html__( 'terms', 'wpforms-lite' );
|
|
$source_object = get_taxonomy( $field[ 'dynamic_' . $dynamic ] );
|
|
}
|
|
|
|
if ( $source_object !== null ) {
|
|
$source = $source_object->labels->name;
|
|
}
|
|
|
|
return sprintf( /* translators: %1$s - data source name (e.g., Categories, Posts), %2$s - data source type (e.g., post type, taxonomy). */
|
|
esc_html__( 'This field will not be displayed in your form since there are no %2$s belonging to %1$s.', 'wpforms-lite' ),
|
|
esc_html( $source ),
|
|
esc_html( $type )
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Display an empty dynamic choices message.
|
|
*
|
|
* @since 1.8.2
|
|
*
|
|
* @param array $field Field data and settings.
|
|
*/
|
|
protected function display_empty_dynamic_choices_message( $field ): void {
|
|
|
|
printf(
|
|
'<div class="wpforms-alert wpforms-alert-warning">%s</div>',
|
|
esc_html( $this->get_empty_dynamic_choices_message( $field ) )
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Get checkbox, choices and select the field options label.
|
|
*
|
|
* @since 1.8.6
|
|
* @since 1.8.9 Added the `$field` parameter.
|
|
*
|
|
* @param string $label Choice option label.
|
|
* @param int $key Choice number.
|
|
* @param array $field Field data and settings.
|
|
*
|
|
* @return string
|
|
*/
|
|
protected function get_choices_label( $label, int $key, array $field ) {
|
|
|
|
$is_payment_field = ! empty( $field ) && ( $field['type'] === 'payment-checkbox' || $field['type'] === 'payment-multiple' );
|
|
$label = trim( $label );
|
|
$is_icon_image_choice = ! empty( $field['choices_icons'] ) || ! empty( $field['choices_images'] );
|
|
|
|
// Do not set a placeholder for an empty label in Icon and Image choices except for payment fields.
|
|
if ( ! $is_payment_field && $is_icon_image_choice && wpforms_is_empty_string( $label ) ) {
|
|
return '';
|
|
}
|
|
|
|
/* translators: %d - choice number. */
|
|
$placeholder = $is_payment_field ? __( 'Item %d', 'wpforms-lite' ) : __( 'Choice %d', 'wpforms-lite' );
|
|
|
|
return ! wpforms_is_empty_string( $label ) ?
|
|
$label :
|
|
sprintf(
|
|
$placeholder,
|
|
$key
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Display quantity dropdown on the front.
|
|
*
|
|
* @since 1.8.7
|
|
*
|
|
* @param array $field Field data and settings.
|
|
*
|
|
* @noinspection HtmlUnknownAttribute
|
|
*/
|
|
protected function display_quantity_dropdown( $field ): void {
|
|
|
|
if ( ! $this->is_payment_quantities_enabled( $field ) ) {
|
|
return;
|
|
}
|
|
|
|
$field_id = wpforms_validate_field_id( $field['id'] );
|
|
$form_id = absint( $this->form_data['id'] );
|
|
$container = [
|
|
'id' => "wpforms-{$form_id}-field_{$field_id}-quantity",
|
|
'class' => [ 'wpforms-payment-quantity' ],
|
|
'attr' => [
|
|
'name' => "wpforms[quantities][{$field_id}]",
|
|
],
|
|
'data' => [],
|
|
];
|
|
$is_modern = ! empty( $field['style'] ) && $field['style'] === 'modern';
|
|
|
|
// Add a class for Choices.js initialization.
|
|
if ( $is_modern ) {
|
|
$container['class'][] = 'choicesjs-select';
|
|
$container['data']['size-class'] = 'wpforms-payment-quantity';
|
|
$container['data']['search-enabled'] = $this->is_quantity_choicesjs_search_enabled( $field );
|
|
$container['data']['remove-items-enabled'] = false;
|
|
}
|
|
|
|
// Add the required attribute.
|
|
if ( ! empty( $field['required'] ) ) {
|
|
$container['attr']['required'] = 'required';
|
|
}
|
|
|
|
// Preselect default if no other choices were marked as default.
|
|
printf(
|
|
'<select %s>',
|
|
wpforms_html_attributes( $container['id'], $container['class'], $container['data'], $container['attr'] ) // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
);
|
|
|
|
// Reset Max quantity in a case minimum is higher.
|
|
$field['max_quantity'] = max( (int) $field['min_quantity'], (int) $field['max_quantity'] );
|
|
|
|
$default = $field['properties']['quantity'] ?? $field['min_quantity'];
|
|
|
|
for ( $option = $field['min_quantity']; $option <= $field['max_quantity']; $option++ ) {
|
|
printf(
|
|
'<option value="%1$s" %2$s >%3$s</option>', // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
esc_attr( $option ),
|
|
selected( $option, $default, false ),
|
|
esc_html( $option )
|
|
);
|
|
}
|
|
|
|
echo '</select>';
|
|
}
|
|
|
|
/**
|
|
* Add a class to the builder field preview.
|
|
*
|
|
* @since 1.8.7
|
|
*
|
|
* @param string $css Class names.
|
|
* @param array $field Field properties.
|
|
*
|
|
* @return string
|
|
*/
|
|
public function preview_field_class( $css, $field ) {
|
|
|
|
if ( $field['type'] !== $this->type ) {
|
|
return $css;
|
|
}
|
|
|
|
if ( $this->is_payment_quantities_enabled( $field ) ) {
|
|
$css .= ' payment-quantity-enabled';
|
|
}
|
|
|
|
return $css;
|
|
}
|
|
|
|
/**
|
|
* Determine if payment quantities enabled.
|
|
*
|
|
* @since 1.8.7
|
|
*
|
|
* @param array $field_settings Field settings.
|
|
*
|
|
* @return bool
|
|
*/
|
|
protected function is_payment_quantities_enabled( $field_settings ) {
|
|
|
|
if ( empty( $field_settings['enable_quantity'] ) ) {
|
|
return false;
|
|
}
|
|
|
|
// Quantity available only for `single` format of the Single payment field.
|
|
if ( $field_settings['type'] === 'payment-single' && $field_settings['format'] !== 'single' ) {
|
|
return false;
|
|
}
|
|
|
|
// Otherwise return true.
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Get field payment submitted quantity.
|
|
*
|
|
* @since 1.8.7
|
|
*
|
|
* @param array $field Field data.
|
|
* @param array $form_data Form data and settings.
|
|
*
|
|
* @return int
|
|
*/
|
|
protected function get_submitted_field_quantity( $field, $form_data ): int {
|
|
// phpcs:disable WordPress.Security.NonceVerification.Missing
|
|
$has_submitted_quantity = isset( $_POST['wpforms']['quantities'][ $field['id'] ] );
|
|
$submitted_quantity = $has_submitted_quantity ? (int) $_POST['wpforms']['quantities'][ $field['id'] ] : 0;
|
|
// phpcs:enable WordPress.Security.NonceVerification.Missing
|
|
|
|
if ( ! $has_submitted_quantity && isset( $form_data['quantities'][ $field['id'] ] ) ) {
|
|
$submitted_quantity = (int) $form_data['quantities'][ $field['id'] ];
|
|
}
|
|
|
|
$min_quantity = (int) $field['min_quantity'];
|
|
|
|
// Verify submitted quantity value.
|
|
if ( $submitted_quantity >= $min_quantity && $submitted_quantity <= (int) $field['max_quantity'] ) {
|
|
return $submitted_quantity;
|
|
}
|
|
|
|
// Otherwise, return a minimum quantity.
|
|
return $min_quantity;
|
|
}
|
|
|
|
/**
|
|
* Whether to print the script in the footer.
|
|
*
|
|
* @since 1.9.0
|
|
*
|
|
* @return bool
|
|
*/
|
|
protected function load_script_in_footer(): bool {
|
|
|
|
return ! wpforms_is_frontend_js_header_force_load();
|
|
}
|
|
|
|
/**
|
|
* Get formatted price after label.
|
|
*
|
|
* @since 1.9.2
|
|
*
|
|
* @param float $amount Amount.
|
|
*
|
|
* @return string
|
|
*/
|
|
protected function get_price_after_label( $amount ): string {
|
|
|
|
return sprintf( ' - <span class="wpforms-currency-symbol">%s</span>', wpforms_format_amount( wpforms_sanitize_amount( $amount ), true ) );
|
|
}
|
|
|
|
/**
|
|
* Validate field choice limit.
|
|
*
|
|
* @since 1.9.7
|
|
*
|
|
* @param int $field_id Field ID.
|
|
* @param array $field_submit Submitted field value (raw data).
|
|
* @param array $form_data Form data and settings.
|
|
*/
|
|
protected function validate_field_choice_limit( int $field_id, array $field_submit, array $form_data ): void {
|
|
|
|
$choice_limit = isset( $form_data['fields'][ $field_id ]['choice_limit'] ) ? (int) $form_data['fields'][ $field_id ]['choice_limit'] : '';
|
|
$count_choices = count( $field_submit );
|
|
|
|
if ( ! $choice_limit || $count_choices <= $choice_limit ) {
|
|
return;
|
|
}
|
|
|
|
// Generating the error.
|
|
$error = wpforms_setting( 'validation-check-limit', esc_html__( 'You have exceeded the number of allowed selections: {#}.', 'wpforms-lite' ) );
|
|
$error = str_replace( '{#}', $choice_limit, $error );
|
|
|
|
wpforms()->obj( 'process' )->errors[ $form_data['id'] ][ $field_id ] = $error;
|
|
}
|
|
|
|
/**
|
|
* Determines if the field has the "Add Other Choice" option enabled.
|
|
*
|
|
* @since 1.9.8.3
|
|
*
|
|
* @param array $field The field data to check for the "Add Other Choice" option.
|
|
*
|
|
* @return bool True, if the "Add Other Choice" option is enabled, false otherwise.
|
|
*/
|
|
protected function has_other_choice( array $field ): bool {
|
|
|
|
return ! empty( $field['choices_other'] );
|
|
}
|
|
}
|