parent = $widget; $this->start_controls_section( 'vertical_mask_content', [ 'label' => __( 'Divider', 'bdthemes-element-pack' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); // accr = accordion $this->add_control( 'vertical_mask_border_type', [ 'label' => __( 'Type', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SELECT, 'default' => 'default', 'options' => [ 'default' => __( 'Default', 'bdthemes-element-pack' ), 'solid' => __( 'Solid', 'bdthemes-element-pack' ), 'double' => __( 'Double', 'bdthemes-element-pack' ), 'dotted' => __( 'Dotted', 'bdthemes-element-pack' ), 'dashed' => __( 'Dashed', 'bdthemes-element-pack' ), ], 'selectors' => [ '{{WRAPPER}} .bdt-hover-video.skin-vertical .bdt-hover-wrapper-list .bdt-hover-mask-list .bdt-hover-mask:not(:first-child)' => 'border-top: {{VALUE}} ', ], ] ); $this->add_control( 'vertical_mask_border_width', [ 'label' => __( 'Thickness', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 0, 'max' => 10, ], ], 'selectors' => [ '{{WRAPPER}} .bdt-hover-video.skin-vertical .bdt-hover-wrapper-list .bdt-hover-mask-list .bdt-hover-mask:not(:first-child)' => 'border-width: {{SIZE}}{{UNIT}}', ], ] ); $this->add_control( 'vertical_mask_border_color', [ 'label' => __( 'Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-hover-video.skin-vertical .bdt-hover-wrapper-list .bdt-hover-mask-list .bdt-hover-mask:not(:first-child)' => 'border-color: {{VALUE}}', ], ] ); $this->end_controls_section(); } public function render() { $settings = $this->parent->get_settings_for_display(); $hover_video_list = isset( $settings['hover_video_list'] ) && is_array( $settings['hover_video_list'] ) ? $settings['hover_video_list'] : []; $autoplay_class = ( ! empty( $settings['video_autoplay'] ) && $settings['video_autoplay'] === 'yes' ) ? 'hover-video-list autoplay' : 'hover-video-list'; $this->parent->add_render_attribute( 'hover_video_list', 'class', $autoplay_class ); $id = 'vertical-' . esc_attr( $this->parent->get_id() ); $id = $id . '-' . wp_rand( 10, 500 ); $video_replay = ( ! empty( $settings['video_replay'] ) && $settings['video_replay'] === 'yes' ) ? 'yes' : 'no'; $poster_again = ( ! empty( $settings['poster_show_again'] ) && $settings['poster_show_again'] === 'yes' ) ? 'yes' : 'no'; $this->parent->add_render_attribute( [ 'hover_video_attr' => [ 'id' => esc_attr( $id ), 'class' => 'bdt-hover-video skin-vertical', 'data-settings' => [ wp_json_encode( array_filter( [ 'id' => $id, 'videoReplay' => $video_replay, 'posterAgain' => $poster_again, ] ) ), ], ], ] ); ?>
parent->print_render_attribute_string( 'hover_video_attr' ); ?>>
parent->print_render_attribute_string( 'hover_video_list' ); ?>> $item ) : $i++; $item_id = isset( $item['_id'] ) ? $item['_id'] : ''; $this->parent->add_render_attribute( 'bdt_hover_video_attr', 'id', esc_attr( $id . '-' . $item_id ), true ); $active_class = ( $i === 1 ) ? 'active' : ''; $this->parent->add_render_attribute( 'bdt_hover_video_attr', 'class', $active_class, true ); $video_source = ''; $source_type = isset( $item['source_type'] ) ? $item['source_type'] : ''; if ( $source_type === 'hosted_url' && isset( $item['hosted_url']['url'] ) ) { $video_source = $item['hosted_url']['url']; } elseif ( $source_type === 'remote_url' && isset( $item['remote_url']['url'] ) ) { $video_source = $item['remote_url']['url']; } if ( $video_source !== '' ) { $this->parent->add_render_attribute( 'bdt_hover_video_attr', 'src', esc_url( $video_source ), true ); } $video_poster = ( $video_source === '' ) ? BDTEP_ASSETS_URL . 'images/no-video.svg' : ( isset( $item['hover_video_poster']['url'] ) ? $item['hover_video_poster']['url'] : '' ); if ( $video_poster !== '' ) { $this->parent->add_render_attribute( 'bdt_hover_video_attr', 'poster', esc_url( $video_poster ), true ); } ?>
$item ) : $i++; $item_id = isset( $item['_id'] ) ? $item['_id'] : ''; $this->parent->add_render_attribute( 'bdt_hover_mask_attr', 'class', 'bdt-hover-mask', true ); $this->parent->add_render_attribute( 'bdt_hover_mask_attr', 'data-id', esc_attr( $id . '-' . $item_id ), true ); if ( $i === 1 ) { $this->parent->add_render_attribute( 'bdt_hover_mask_attr', 'class', 'active' ); } $link_url = isset( $item['video_wrapper_link']['url'] ) ? $item['video_wrapper_link']['url'] : ''; if ( $link_url !== '' ) { $target = ( isset( $item['video_wrapper_link']['is_external'] ) && $item['video_wrapper_link']['is_external'] ) ? '_blank' : '_self'; $this->parent->add_render_attribute( 'bdt_hover_mask_attr', 'onclick', "window.open('" . esc_url( $link_url ) . "', '" . esc_attr( $target ) . "')", true ); } ?>
parent->print_render_attribute_string( 'bdt_hover_mask_attr' ); ?>>
'true' ] ); } elseif ( $has_image && $icon_type === 'image' ) { $img_src = esc_url( $item['hover_selected_image']['url'] ); $img_alt = isset( $item['hover_video_title'] ) ? esc_attr( $item['hover_video_title'] ) : ''; ?> <?php echo $img_alt; ?>
$item ) : $i++; $item_id = isset( $item['_id'] ) ? $item['_id'] : ''; $this->parent->add_render_attribute( 'bdt_hover_pro_attr', 'class', 'bdt-hover-progress', true ); $this->parent->add_render_attribute( 'bdt_hover_pro_attr', 'data-id', esc_attr( $id . '-' . $item_id ), true ); if ( $i === 1 ) { $this->parent->add_render_attribute( 'bdt_hover_pro_attr', 'class', 'active' ); } ?>
parent->print_render_attribute_string( 'bdt_hover_pro_attr' ); ?>>