Widget update method seems to be not called or does not work

In my widget, when I try to update any value, that does not work.
First of all, I don´t know know to see if this method is correctly called ; then, I don´t know how to fix this problem.

Widget Class

class Home_Parallax_Video extends WP_Widget{

private $domain = “home-parallax-video”;

private $defaults;

/**
* Translation labels.
*
* @since 4.8.0
* @var array
*/
public $l10n = array(
‘add_to_widget’ => ”,
‘replace_media’ => ”,
‘edit_media’ => ”,
‘media_library_state_multi’ => ”,
‘media_library_state_single’ => ”,
‘missing_attachment’ => ”,
‘no_media_selected’ => ”,
‘add_media’ => ”,
);

/**
* Whether or not the widget has been registered yet.
*
* @since 4.8.1
* @var bool
*/
protected $registered = false;

/**
* Home_Parallax_Video constructor.
*/
public function __construct() {
$widget_opts = array(
‘description’ => esc_html__( ‘Display a video as homepage background with a parallax effect.’, $this->domain ),
‘customize_selective_refresh’ => true,
‘mime_type’ => ‘video’,
);
$l10n_defaults = array(
‘no_media_selected’ => __( ‘No media selected’ ),
‘add_media’ => _x( ‘Add Media’, ‘label for button in the media widget’ ),
‘replace_media’ => _x( ‘Replace Media’, ‘label for button in the media widget; should preferably not be longer than ~13 characters long’ ),
‘edit_media’ => _x( ‘Edit Media’, ‘label for button in the media widget; should preferably not be longer than ~13 characters long’ ),
‘add_to_widget’ => __( ‘Add to Widget’ ),
‘missing_attachment’ => sprintf(
/* translators: %s: URL to media library */
__( ‘We can’t find that file. Check your <a href=”%s”>media library</a> and make sure it wasn’t deleted.’ ),
esc_url( admin_url( ‘upload.php’ ) )
),
/* translators: %d: widget count */
‘media_library_state_multi’ => _n_noop( ‘Media Widget (%d)’, ‘Media Widget (%d)’ ),
‘media_library_state_single’ => __( ‘Media Widget’ ),
‘unsupported_file_type’ => __( ‘Looks like this isn’t the correct kind of file. Please link to an appropriate file instead.’ ),
);
$this->l10n = array_merge( $l10n_defaults, array_filter( $this->l10n ) );

$this->defaults = array(
‘title’ => get_bloginfo(‘name’),
‘attachment_id’ => null,
‘url’ => null,
‘baseline’ => ”,
‘button_label’ => ”,
‘button_link’ => ”
);

parent::__construct( ‘home_video’, esc_html__( ‘Home Parallax Video’, $this->domain ), $widget_opts );
}

/**
* Add hooks while registering all widget instances of this widget class.
*
* @since 4.8.0
*
* @param integer $number Optional. The unique order number of this widget instance
* compared to other instances of the same class. Default -1.
*/
public function _register_one( $number = -1 ) {
parent::_register_one( $number );
if ( $this->registered ) {
return;
}
$this->registered = true;

// Note that the widgets component in the customizer will also do the ‘admin_print_scripts-widgets.php’ action in WP_Customize_Widgets::print_scripts().
add_action( ‘admin_print_scripts-widgets.php’, array( $this, ‘enqueue_admin_scripts’ ) );

if ( $this->is_preview() ) {
add_action( ‘wp_enqueue_scripts’, array( $this, ‘enqueue_preview_scripts’ ) );
}

// Note that the widgets component in the customizer will also do the ‘admin_footer-widgets.php’ action in WP_Customize_Widgets::print_footer_scripts().
add_action( ‘admin_footer-widgets.php’, array( $this, ‘render_control_template_scripts’ ) );

add_filter( ‘display_media_states’, array( $this, ‘display_media_state’ ), 10, 2 );
}

/**
* Get schema for properties of a widget instance (item).
*
* @since 4.8.0
*
* @see WP_REST_Controller::get_item_schema()
* @see WP_REST_Controller::get_additional_fields()
* @link https://core.trac.wordpress.org/ticket/35574
* @return array Schema for properties.
*/
public function get_instance_schema() {
$schema = array(
‘attachment_id’ => array(
‘type’ => ‘integer’,
‘default’ => 0,
‘minimum’ => 0,
‘description’ => __( ‘Attachment post ID’ ),
‘media_prop’ => ‘id’,
),
‘url’ => array(
‘type’ => ‘string’,
‘default’ => ”,
‘format’ => ‘uri’,
‘description’ => __( ‘URL to the media file’ ),
),
‘title’ => array(
‘type’ => ‘string’,
‘default’ => ”,
‘sanitize_callback’ => ‘sanitize_text_field’,
‘description’ => __( ‘Title for the widget’ ),
‘should_preview_update’ => true,
),
‘baseline’ => array(
‘type’ => ‘string’,
‘default’ => ”,
‘sanitize_callback’ => ‘sanitize_text_field’,
‘description’ => __( ‘Baseline for the widget’ ),
‘should_preview_update’ => true,
),
‘button_label’ => array(
‘type’ => ‘string’,
‘default’ => ”,
‘sanitize_callback’ => ‘sanitize_text_field’,
‘description’ => __( ‘Button label for the widget’ ),
‘should_preview_update’ => true,
),
‘button_link’ => array(
‘type’ => ‘string’,
‘default’ => ”,
‘sanitize_callback’ => ‘sanitize_text_field’,
‘description’ => __( ‘Button link for the widget’ ),
‘should_preview_update’ => true,
),
);

/**
* Filters the media widget instance schema to add additional properties.
*
* @since 4.9.0
*
* @param array $schema Instance schema.
* @param WP_Widget_Media $this Widget object.
*/
$schema = apply_filters( “widget_{$this->id_base}_instance_schema”, $schema, $this );

return $schema;
}

/**
* Determine if the supplied attachment is for a valid attachment post with the specified MIME type.
*
* @since 4.8.0
*
* @param int|WP_Post $attachment Attachment post ID or object.
* @param string $mime_type MIME type.
* @return bool Is matching MIME type.
*/
public function is_attachment_with_mime_type( $attachment, $mime_type ) {
if ( empty( $attachment ) ) {
return false;
}
$attachment = get_post( $attachment );
if ( ! $attachment ) {
return false;
}
if ( ‘attachment’ !== $attachment->post_type ) {
return false;
}
return wp_attachment_is( $mime_type, $attachment );
}

/**
* Sanitize a token list string, such as used in HTML rel and class attributes.
*
* @since 4.8.0
*
* @link http://w3c.github.io/html/infrastructure.html#space-separated-tokens
* @link https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList
* @param string|array $tokens List of tokens separated by spaces, or an array of tokens.
* @return string Sanitized token string list.
*/
public function sanitize_token_list( $tokens ) {
if ( is_string( $tokens ) ) {
$tokens = preg_split( ‘/s+/’, trim( $tokens ) );
}
$tokens = array_map( ‘sanitize_html_class’, $tokens );
$tokens = array_filter( $tokens );
return join( ‘ ‘, $tokens );
}

/**
* Displays the widget on the front-end.
*
* @since 4.8.0
*
* @see WP_Widget::widget()
*
* @param array $args Display arguments including before_title, after_title, before_widget, and after_widget.
* @param array $instance Saved setting from the database.
*/
public function widget( $args, $instance ) {
$allowed_tags = wp_kses_allowed_html( ‘post’ );
$allowed_tags[‘iframe’] = array(
‘width’ => array(),
‘height’ => array(),
‘src’ => array(),
‘frameborder’ => array(),
‘allowfullscreen’ => array(),
);

$instance = wp_parse_args( $instance, $this->defaults );

echo $args[‘before_widget’];

/**
* Widget Content
*/
?>
<section class=”overlay align-center”>
<?php
if( ” != $instance[‘title’] ){
echo ‘<h1>’ . wp_kses_post( $instance[‘title’] ) . ‘</h1>’;
}
if ( ” != $instance[‘baseline’] ) {
echo ‘<div class=”baseline”>’;
echo apply_filters( ‘the_content’, wp_kses( $instance[‘baseline’], $allowed_tags ) );
echo ‘</div>’;
}
echo ( ” != $instance[‘button_label’] && ” != $instance[‘button_link’] ) ? ‘<a class=”btn btn-lg btn-filled” href=”‘ . esc_url( $instance[‘button_link’] ) . ‘”>’ . wp_kses_post( $instance[‘button_label’] ) . ‘</a>’ : ”;
?>
</section>
<video class=”parallax-video” autoplay loop muted>
<source type=”video/mp4″ src=”<?php echo wp_get_attachment_url( $instance[‘attachment_id’] ); ?>” />
</video>
<div class=”clearfix”></div>
<?php

echo $args[‘after_widget’];
}

/**
* Sanitizes the widget form values as they are saved.
*
* @since 4.8.0
*
* @see WP_Widget::update()
* @see WP_REST_Request::has_valid_params()
* @see WP_REST_Request::sanitize_params()
*
* @param array $new_instance Values just sent to be saved.
* @param array $instance Previously saved values from database.
* @return array Updated safe values to be saved.
*/
public function update( $new_instance, $old_instance ) {

$instance = array();
$instance[‘title’] = ( ! empty( $new_instance[‘title’] ) ) ? wp_kses_post( $new_instance[‘title’] ) : ”;
$instance[‘baseline’] = ( ! empty( $new_instance[‘baseline’] ) ) ? wp_kses_post( $new_instance[‘baseline’] ) : ”;

return $instance;

/*$schema = $this->get_instance_schema();
foreach ( $schema as $field => $field_schema ) {
if ( ! array_key_exists( $field, $new_instance ) ) {
continue;
}
$value = $new_instance[ $field ];

// Workaround for rest_validate_value_from_schema() due to the fact that rest_is_boolean( ” ) === false, while rest_is_boolean( ‘1’ ) is true.
if ( ‘boolean’ === $field_schema[‘type’] && ” === $value ) {
$value = false;
}

if ( true !== rest_validate_value_from_schema( $value, $field_schema, $field ) ) {
continue;
}

$value = rest_sanitize_value_from_schema( $value, $field_schema );

// @codeCoverageIgnoreStart
if ( is_wp_error( $value ) ) {
continue; // Handle case when rest_sanitize_value_from_schema() ever returns WP_Error as its phpdoc @return tag indicates.
}

// @codeCoverageIgnoreEnd
if ( isset( $field_schema[‘sanitize_callback’] ) ) {
$value = call_user_func( $field_schema[‘sanitize_callback’], $value );
}
if ( is_wp_error( $value ) ) {
continue;
}
$instance[ $field ] = $value;
}

return $instance;*/
}

/**
* Render the media on the frontend.
*
* @since 4.8.0
*
* @param array $instance Widget instance props.
*
* @return void
*/
public function render_media( $instance ) {
$instance = array_merge( wp_list_pluck( $this->get_instance_schema(), ‘default’ ), $instance );
$attachment = null;

if ( $this->is_attachment_with_mime_type( $instance[‘attachment_id’], $this->widget_options[‘mime_type’] ) ) {
$attachment = get_post( $instance[‘attachment_id’] );
}

$src = $instance[‘url’];
if ( $attachment ) {
$src = wp_get_attachment_url( $attachment->ID );
}

if ( empty( $src ) ) {
return;
}

$youtube_pattern = ‘#^https?://(?:www.)?(?:youtube.com/watch|youtu.be/)#’;
$vimeo_pattern = ‘#^https?://(.+.)?vimeo.com/.*#’;

if ( $attachment || preg_match( $youtube_pattern, $src ) || preg_match( $vimeo_pattern, $src ) ) {
add_filter( ‘wp_video_shortcode’, array( $this, ‘inject_video_max_width_style’ ) );

echo wp_video_shortcode(
array_merge(
$instance,
compact( ‘src’ )
),
$instance[‘content’]
);

remove_filter( ‘wp_video_shortcode’, array( $this, ‘inject_video_max_width_style’ ) );
} else {
echo $this->inject_video_max_width_style( wp_oembed_get( $src ) );
}
}

/**
* Inject max-width and remove height for videos too constrained to fit inside sidebars on frontend.
*
* @since 4.8.0
*
* @param string $html Video shortcode HTML output.
* @return string HTML Output.
*/
public function inject_video_max_width_style( $html ) {
$html = preg_replace( ‘/sheight=”d+”/’, ”, $html );
$html = preg_replace( ‘/swidth=”d+”/’, ”, $html );
$html = preg_replace( ‘/(?<=width:)s*d+px(?=;?)/’, ‘100%’, $html );
return $html;
}

/**
* Outputs the settings update form.
*
* Note that the widget UI itself is rendered with JavaScript via `MediaWidgetControl#render()`.
*
* @since 4.8.0
*
* @see WP_Widget_Media::render_control_template_scripts() Where the JS template is located.
* @param array $instance Current settings.
* @return void
*/
public function form( $instance ) {
$instance_schema = $this->get_instance_schema();
$instance = wp_array_slice_assoc(
wp_parse_args( (array) $instance, ‘default’ ),
array_keys( $instance_schema )
);

//var_dump( $instance );

$allowed_tags = wp_kses_allowed_html( ‘post’ );
$allowed_tags[‘iframe’] = array(
‘width’ => array(),
‘height’ => array(),
‘src’ => array(),
‘frameborder’ => array(),
‘allowfullscreen’ => array(),
);

?>
<p>
<label for=”<?php echo esc_attr( $this->get_field_id( ‘title’ ) ); ?>”>
<?php echo esc_html__( ‘Title ‘, $this->domain ); ?>
</label>
<input type=”text” value=”<?php echo ( !isset( $instance[‘title’] ) ) ? ” : esc_attr( $instance[‘title’] ); ?>” name=”<?php echo esc_attr( $this->get_field_name( ‘title’ ) ); ?>” id=”<?php echo esc_attr( $this->get_field_id( ‘title’ ) ); ?>” class=”widefat” autocomplete=”off”/>
</p>
<p class=”editor-container”>
<label for=”<?php echo esc_attr( $this->get_field_id( ‘baseline’ ) ); ?>”>
<?php echo esc_html__( ‘Content ‘, $this->domain ); ?>
</label>

<textarea name=”<?php echo esc_attr( $this->get_field_name( ‘baseline’ ) ); ?>” id=”<?php echo esc_attr( $this->get_field_id( ‘baseline’ ) ); ?>” class=”widefat” autocomplete=”off”>
<?php echo ( !isset( $instance[‘baseline’] ) ) ? ” : wp_kses( nl2br( $instance[‘baseline’] ), $allowed_tags ); ?>
</textarea>
</p>
<p>
<label for=”<?php echo esc_attr( $this->get_field_id( ‘attachment_id’ ) ); ?>”>
<?php echo esc_html__( ‘Video ( attachment id )’, $this->domain ); ?>
</label>
<input type=”number” min=”1″ step=”1″ value=”<?php echo ( !isset( $instance[‘attachment_id’] ) ) ? ” : esc_attr( $instance[‘attachment_id’] ); ?>” name=”<?php echo esc_attr( $this->get_field_name( ‘attachment_id’ ) ); ?>” id=”<?php echo esc_attr( $this->get_field_id( ‘attachment_id’ ) ); ?>” class=”widefat” autocomplete=”off” />
</p>
<p>
<label for=”<?php echo esc_attr( $this->get_field_id( ‘button_label’ ) ); ?>”>
<?php echo esc_html__( ‘Button Label ‘, $this->domain ); ?>
</label>

<input type=”text” value=”<?php echo ( !isset( $instance[‘button_label’] ) ) ? ” : esc_attr( $instance[‘button_label’] ); ?>” name=”<?php echo esc_attr( $this->get_field_name( ‘button_label’ ) ); ?>” id=”<?php echo esc_attr( $this->get_field_id( ‘button_label’ ) ); ?>” class=”widefat” />
</p>

<p>
<label for=”<?php echo esc_attr( $this->get_field_id( ‘button_link’ ) ); ?>”>
<?php echo esc_html__( ‘Button Link ‘, $this->domain ); ?>
</label>

<input type=”text” value=”<?php echo ( !isset( $instance[‘button_link’] ) ) ? ” : esc_url( $instance[‘button_link’] ); ?>” name=”<?php echo esc_attr( $this->get_field_name( ‘button_link’ ) ); ?>” id=”<?php echo esc_attr( $this->get_field_id( ‘button_link’ ) ); ?>” class=”widefat” />
</p>

<?php
foreach ( $instance as $name => $value ) : ?>
<input
type=”hidden”
data-property=”<?php echo esc_attr( $name ); ?>”
class=”media-widget-instance-property”
name=”<?php echo esc_attr( $this->get_field_name( $name ) ); ?>”
id=”<?php echo esc_attr( $this->get_field_id( $name ) ); // Needed specifically by wpWidgets.appendTitle(). ?>”
value=”<?php echo esc_attr( is_array( $value ) ? join( ‘,’, $value ) : strval( $value ) ); ?>”
/>
<?php
endforeach;
}

/**
* Filters the default media display states for items in the Media list table.
*
* @since 4.8.0
*
* @param array $states An array of media states.
* @param WP_Post $post The current attachment object.
* @return array
*/
public function display_media_state( $states, $post = null ) {
if ( ! $post ) {
$post = get_post();
}

// Count how many times this attachment is used in widgets.
$use_count = 0;
foreach ( $this->get_settings() as $instance ) {
if ( isset( $instance[‘attachment_id’] ) && $instance[‘attachment_id’] === $post->ID ) {
$use_count++;
}
}

if ( 1 === $use_count ) {
$states[] = $this->l10n[‘media_library_state_single’];
} elseif ( $use_count > 0 ) {
$states[] = sprintf( translate_nooped_plural( $this->l10n[‘media_library_state_multi’], $use_count ), number_format_i18n( $use_count ) );
}

return $states;
}

/**
* Enqueue preview scripts.
*
* These scripts normally are enqueued just-in-time when a widget is rendered.
* In the customizer, however, widgets can be dynamically added and rendered via
* selective refresh, and so it is important to unconditionally enqueue them in
* case a widget does get added.
*
* @since 4.8.0
*/
public function enqueue_preview_scripts() {}

/**
* Loads the required scripts and styles for the widget control.
*
* @since 4.8.0
*/
public function enqueue_admin_scripts() {
wp_enqueue_media();
wp_enqueue_script( ‘media-widgets’ );
}

/**
* Render form template scripts.
*
* @since 4.8.0
*/
public function render_control_template_scripts() {
?>
<script type=”text/html” id=”tmpl-widget-media-<?php echo esc_attr( $this->id_base ); ?>-control”>
<# var elementIdPrefix = ‘el’ + String( Math.random() ) + ‘_’ #>
<p>
<label for=”{{ elementIdPrefix }}title”><?php esc_html_e( ‘Title:’ ); ?></label>
<input id=”{{ elementIdPrefix }}title” type=”text” class=”widefat title”>
</p>
<div class=”media-widget-preview <?php echo esc_attr( $this->id_base ); ?>”>
<div class=”attachment-media-view”>
<div class=”placeholder”><?php echo esc_html( $this->l10n[‘no_media_selected’] ); ?></div>
</div>
</div>
<p class=”media-widget-buttons”>
<button type=”button” class=”button edit-media selected”>
<?php echo esc_html( $this->l10n[‘edit_media’] ); ?>
</button>
<?php if ( ! empty( $this->l10n[‘replace_media’] ) ) : ?>
<button type=”button” class=”button change-media select-media selected”>
<?php echo esc_html( $this->l10n[‘replace_media’] ); ?>
</button>
<?php endif; ?>
<button type=”button” class=”button select-media not-selected”>
<?php echo esc_html( $this->l10n[‘add_media’] ); ?>
</button>
</p>
<div class=”media-widget-fields”>
</div>
</script>
<?php
}

/**
* Whether the widget has content to show.
*
* @since 4.8.0
*
* @param array $instance Widget instance props.
* @return bool Whether widget has content.
*/
protected function has_content( $instance ) {
return ( $instance[‘attachment_id’] && ‘attachment’ === get_post_type( $instance[‘attachment_id’] ) ) || $instance[‘url’];
}
}

Read more here:: Widget update method seems to be not called or does not work

Leave a Reply

Your email address will not be published. Required fields are marked *