$attributes Block attributes. * @since 0.0.1 */ public function __construct( $attributes ) { $this->slug = 'donation-amount'; $this->choice_type = isset( $attributes['choiceType'] ) ? Helper::get_string_value( $attributes['choiceType'] ) : 'radio'; $this->layout = isset( $attributes['layout'] ) ? Helper::get_string_value( $attributes['layout'] ) : 'horizontal'; $this->choice_width = isset( $attributes['choiceWidth'] ) ? Helper::get_string_value( $attributes['choiceWidth'] ) : '50'; $this->allow_custom_amount = ! isset( $attributes['allowCustomAmount'] ) || (bool) $attributes['allowCustomAmount']; $this->custom_amount_min = isset( $attributes['customAmountMin'] ) && is_numeric( $attributes['customAmountMin'] ) ? (float) $attributes['customAmountMin'] : 0.0; $this->custom_amount_max = isset( $attributes['customAmountMax'] ) && is_numeric( $attributes['customAmountMax'] ) ? (float) $attributes['customAmountMax'] : 0.0; $this->set_properties( $attributes ); $this->set_unique_slug(); $this->set_markup_properties(); } /** * Render donation-amount markup * * @since 0.0.1 * @return string */ public function markup() { $classes = $this->get_field_classes( [ 'sd-' . $this->choice_type . '-mode' ] ); $vertical_class = 'vertical' === $this->layout ? ' sd-vertical-layout' : ''; $choice_width_class = ' sd-choice-width-' . str_replace( '.', '-', $this->choice_width ); $wrap_class = 'sd-block-wrap sd-donation-amount-wrap' . $choice_width_class . $vertical_class; $svg_type = 'radio' === $this->choice_type ? 'circle' : 'square'; $checked_svg = $this->get_svg_icon( $svg_type . '-checked', 'sd-donation-amount-icon' ); $unchecked_svg = $this->get_svg_icon( $svg_type . '-unchecked', 'sd-donation-amount-icon-unchecked' ); $input_name = 'checkbox' === $this->choice_type ? $this->field_name . '[]' : $this->field_name; // Get the default value for the hidden input (preselected option). $hidden_value = ''; if ( ! empty( $this->default ) && ! empty( $this->options ) && is_array( $this->options ) ) { foreach ( $this->options as $option ) { $option_value = $option['value'] ?? ( $option['label'] ?? '' ); if ( $this->default === $option_value ) { $hidden_value = $option_value; break; } } } ob_start(); ?>
label_markup ); ?> help_markup ); ?> allow_custom_amount && 'radio' === $this->choice_type; ?> options ) && is_array( $this->options ) ) { ?>
options as $index => $option ) { ?> unique_slug . '-' . $index; $is_checked = $this->default === $option_value; $checked_attr = $is_checked ? 'checked' : ''; ?>
/>
[ 'class' => true, 'width' => true, 'height' => true, 'viewbox' => true, 'fill' => true, 'xmlns' => true, 'aria-hidden' => true, ], 'circle' => [ 'cx' => true, 'cy' => true, 'r' => true, 'stroke' => true, 'stroke-width' => true, 'fill' => true, ], 'rect' => [ 'x' => true, 'y' => true, 'width' => true, 'height' => true, 'rx' => true, 'stroke' => true, 'stroke-width' => true, ], 'path' => [ 'd' => true, 'stroke' => true, 'stroke-width' => true, 'stroke-linecap' => true, 'stroke-linejoin' => true, ], ]; echo wp_kses( $checked_svg, $allowed_svg ); echo wp_kses( $unchecked_svg, $allowed_svg ); ?>
custom_amount_min > 0 ) { ?> min="custom_amount_min ); ?>" custom_amount_max > 0 ) { ?> max="custom_amount_max ); ?>" placeholder="" aria-label="" />
error_msg_markup ); ?>
'; case 'circle-unchecked': return '