ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / mact34.com / wp-content / plugins / bdthemes-element-pack / modules / hover-video / skins

<?php

namespace ElementPack\Modules\HoverVideo\Skins;
use Elementor\Controls_Manager;
use Elementor\Icons_Manager;

use Elementor\Skin_Base as Elementor_Skin_Base;

if (!defined('ABSPATH')) {
	exit;
}
// Exit if accessed directly

class Skin_Vertical  extends Elementor_Skin_Base
{
	protected function _register_controls_actions() {
		parent::_register_controls_actions();

add_action( 'elementor/element/bdt-hover-video/hover_video/after_section_end', [ $this, 'register_vertical_style_controls' ] );

}

public function get_id()
	{
		return 'vertical';
	}

public function get_title()
	{
		return __('Vertical ', 'bdthemes-element-pack');
	}

public function register_vertical_style_controls() {

$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();
      if ( 'yes' == $settings['video_autoplay'] ) {
        $this->parent->add_render_attribute( 'hover_video_list', 'class', 'hover-video-list autoplay' );
    } else {
        $this->parent->add_render_attribute( 'hover_video_list', 'class', 'hover-video-list' );
    }

?>
    <div class="bdt-hover-video skin-vertical">
       <span class="hover-video-loader"></span>
       <div class="bdt-hover-wrapper-list">
        <div  <?php echo $this->parent->get_render_attribute_string('hover_video_list'); ?>>
           <?php
           $i = 0;
           foreach ($settings['hover_video_list'] as $index => $item):
            $i++;
            $this->parent->add_render_attribute('bdt_hover_video_attr', 'id', $this->parent->get_id().'-'.$item['_id'], true);
            $active_class = ($i == 1) ? 'active' : '';
            $this->parent->add_render_attribute('bdt_hover_video_attr', 'class', $active_class, true);

$video_poster = ( $item['hover_video_poster']['url'] ) ? $item['hover_video_poster']['url'] : BDTEP_ASSETS_URL . 'images/video-thumbnail.svg';
            $video_source = $item['remote_url']['url'];

if ( 'hosted_url' == $item['source_type'] ) {
                $video_source = $item['hosted_url']['url'];
            } else {
                $video_source = $item['remote_url']['url'];
            }
            
            if (!$video_source) {
                $video_poster = BDTEP_ASSETS_URL . 'images/no-video.svg';
            }

?>
            <video  <?php echo $this->parent->get_render_attribute_string('bdt_hover_video_attr'); ?>  oncontextmenu="return false;" 
                src="<?php echo esc_url($video_source); ?>" 
                poster="<?php echo esc_url($video_poster); ?>"  muted > 
            </video>
        <?php endforeach;?>
    </div>
    <div class="bdt-hover-mask-list">
     <?php
     $i = 0;
     foreach ($settings['hover_video_list'] as $index => $item):
        $i++;
        $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', $this->parent->get_id().'-'.$item['_id'], true);
        if ($i == 1) {
            $this->parent->add_render_attribute('bdt_hover_mask_attr', 'class', 'active');
        }

?>             
        <div  <?php echo $this->parent->get_render_attribute_string('bdt_hover_mask_attr'); ?>>
           <div class="bdt-hover-mask-text-group">
            <?php if($settings['icon_visibility'] == 'yes'){ ?>
             <span class="bdt-hover-icon">
              <?php 
              $has_icon  = ! empty( $item['hover_item_icon'] );
              $has_image = ! empty( $item['hover_selected_image']['url'] );

if ( $has_icon and 'icon' == $item['hover_item_icon_type'] ) {
                $this->parent->add_render_attribute( 'font-icon', 'class', $item['hover_item_icon'] );
                $this->parent->add_render_attribute( 'font-icon', 'aria-hidden', 'true' );          
            } elseif ( $has_image and 'image' == $item['hover_item_icon_type'] ) {
                $this->parent->add_render_attribute( 'image-icon', 'src', $item['hover_selected_image']['url'] );
                $this->parent->add_render_attribute( 'image-icon', 'alt', $item['hover_video_title'] );
            }

if ( ! $has_icon && ! empty( $item['hover_item_icon']['value'] ) ) {
                $has_icon = true;
            }

?>
            
            <?php 
            if ( $has_icon and 'icon' == $item['hover_item_icon_type'] ) {  
                Icons_Manager::render_icon($item['hover_item_icon'], ['aria-hidden' => 'true']); 
            }elseif ( $has_image and 'image' == $item['hover_item_icon_type'] ) { 
                ?>
                <img <?php echo $this->parent->get_render_attribute_string( 'image-icon' ); ?>>
            <?php } ?>
        </span>
    <?php } ?>
    <div class="bdt-hover-text"> <?php echo $item['hover_video_title']; ?>
</div>
</div>
</div>

<?php endforeach;?>
</div>
</div>

<?php if($settings['progress_visibility'] == 'yes'){ ?>
 <div class="bdt-hover-bar-list">
    <?php
    $i = 0;
    foreach ($settings['hover_video_list'] as $index => $item):
      $i++;
		            // pro = progress
      $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', $this->parent->get_id().'-'.$item['_id'], true);
      if ($i == 1) {
          $this->parent->add_render_attribute('bdt_hover_pro_attr', 'class', 'active');
      }    
	            // echo $i;

?>
      <div class="bdt-hover-bar-wrapper">
       <div class="bdt-hover-bar">
           <div <?php echo $this->parent->get_render_attribute_string('bdt_hover_pro_attr'); ?>></div>
       </div>
   </div>
<?php endforeach;?>
</div>
<?php } ?>

</div>
<?php
}
}

[+] ..
[-] skin-vertical.php [edit]
[-] skin-accordion.php [edit]