Preset textfield. */ final class Preset_Textfield { /** * Custom Param output. */ public static function output( $settings, $value ) { $is_preset = false; $choices = $settings['choices'] ?? $settings['param_name'] ?? []; if ( class_exists( '\TotalThemeCore\Vcex\Setting_Choices' ) ) { $choices = (new \TotalThemeCore\Vcex\Setting_Choices( $choices, $settings ))->get_choices(); } // Gap fix if ( 'gap' === $choices ) { if ( '0px' === $value ) { $value = 'none'; } elseif ( in_array( $value, $choices ) ) { $value = absint( $value ); } } // Check if the current value is a preset if ( ! $is_preset && ( ! $value || array_key_exists( $value, $choices ) ) ) { $is_preset = true; } // Begin output $html = '
'; if ( $choices && is_array( $choices ) ) { $html .= '
'; $hidden = $is_preset ? '' : ' style="display: none;"'; $html .= '
'; $html .= self::select( $value, $choices ); $html .= '
'; $hidden = $is_preset ? ' style="display: none;"' : ''; $html .= '
'; $html .= self::custom_input( $is_preset, $value, $settings ); $html .= '
'; $html .= '
'; $html .= self::toggle_button( $is_preset, $value ); } // This is needed or else nothing gets saved $html .= ''; $html .= '
'; if ( empty( $settings['description'] ) && isset( $settings['choices'] ) && is_string( $settings['choices'] ) && function_exists( 'vcex_shortcode_param_description' ) ) { $desc = vcex_shortcode_param_description( $settings['choices'] ); if ( $desc ) { $html .= '
' . wp_kses( $desc, [ 'br' => [] ] ) . '
'; } } return $html; } /** * Returns the select html. */ protected static function select( $value, $choices ) { $html = ''; return $html; } /** * Returns the toggle button html. */ protected static function toggle_button( $is_preset, $value ) { $toggle_pressed = ( ! $is_preset && $value ) ? 'true' : 'false'; return ''; } /** * Returns the custom input field. */ protected static function custom_input( $is_preset, $value, $settings ) { $custom_val = ! $is_preset ? $value : ''; $placeholder = isset( $settings['placeholder'] ) ? 'placeholder="' . esc_attr( $settings['placeholder'] ) . '"' : ''; $responsive = $settings['responsive_input'] ?? false; if ( $responsive ) { return self::responsive_input( $custom_val, $settings ); } else { return ''; } } /** * Returns a resppnsive input field. */ protected static function responsive_input( $value, $settings ) { if ( $value && ! str_contains( $value, ':' ) ) { $ogvalue = $value; $value = "d:{$value}"; } $medias = [ 'd' => [ 'label' => esc_html__( 'Desktop', 'total-theme-core' ), 'icon' => 'dashicons dashicons-desktop', ], 'tl' => [ 'label' => esc_html__( 'Tablet Landscape', 'total-theme-core' ), 'icon' => 'dashicons dashicons-tablet', ], 'tp' => [ 'label' => esc_html__( 'Tablet Portrait', 'total-theme-core' ), 'icon' => 'dashicons dashicons-tablet', ], 'pl' => [ 'label' => esc_html__( 'Phone Landscape', 'total-theme-core' ), 'icon' => 'dashicons dashicons-smartphone', ], 'pp' => [ 'label' => esc_html__( 'Phone Portrait', 'total-theme-core' ), 'icon' => 'dashicons dashicons-smartphone', ], ]; foreach ( $medias as $key => $val ) { $defaults[ $key ] = ''; } $field_values = $defaults; foreach ( explode( '|', $value ) as $pair ) { [ $key, $val ] = array_pad( explode( ':', $pair, 2 ), 2, null ); if ( '' !== $key && null !== $val && array_key_exists( $key, $field_values ) ) { $field_values[ trim( $key ) ] = trim( $val ); } } $html = '
'; foreach ( $medias as $key => $val ) { $field_name = $settings['param_name'] . '[' . $key . ']'; $icon_class = $val['icon']; $html .= '
'; if ( 'pl' === $key || 'tl' === $key ) { $icon_class .= ' dashicons--flip'; } $html .= '
'; $html .= ''; $html .= ''; $html .= '
'; } $html .= '
'; if ( ! empty( $ogvalue ) ) { $value = $ogvalue; } $html .= ''; return $html; } }