| Linux hkvL61zh9Vexzf 3.10.0-957.1.3.el7.x86_64 #1 SMP Thu Nov 29 14:49:43 UTC 2018 x86_64 Path : /www/wwwroot/fashion-kingdom.com/wp-content/plugins/kitify/inc/addons/ |
| Current File : /www/wwwroot/fashion-kingdom.com/wp-content/plugins/kitify/inc/addons/video-modal.php |
<?php
/**
* Class: Kitify_Video_Modal
* Name: Video Modal
* Slug: kitify-video-modal
*/
namespace Elementor;
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
class Kitify_Video_Modal extends Kitify_Base {
protected function enqueue_addon_resources(){
if(!kitify_settings()->is_combine_js_css()){
$this->add_script_depends( 'kitify-w__video-modal' );
if(!kitify()->is_optimized_css_mode()) {
wp_register_style( $this->get_name(), kitify()->plugin_url('assets/css/addons/video-modal.css'), ['kitify-base'], kitify()->get_version());
$this->add_style_depends( $this->get_name() );
$this->add_style_depends( 'fancybox' );
}
}
}
public function get_widget_css_config($widget_name){
$file_url = kitify()->plugin_url( 'assets/css/addons/video-modal.css' );
$file_path = kitify()->plugin_path( 'assets/css/addons/video-modal.css' );
return [
'key' => $widget_name,
'version' => kitify()->get_version(true),
'file_path' => $file_path,
'data' => [
'file_url' => $file_url
]
];
}
/**
* Get widget name.
*
* Retrieve video modal widget name.
*
* @since 1.0.0
* @access public
*
* @return string Widget name.
*/
public function get_name() {
return 'kitify-video-modal';
}
/**
* Get widget title.
*
* Retrieve video modal widget title.
*
* @since 1.0.0
* @access public
*
* @return string Widget title.
*/
public function get_title() {
return esc_html__( 'Kitify Video Modal', 'kitify' );
}
/**
* Get widget icon.
*
* Retrieve video modal widget icon.
*
* @since 1.0.0
* @access public
*
* @return string Widget icon.
*/
public function get_icon() {
return 'kitify-icon-video';
}
/**
* Register video modal widget controls.
*
* Adds different input fields to allow the user to change and customize the widget settings.
*
* @since 1.0.0
* @access protected
*/
protected function register_controls() {
$css_scheme = apply_filters(
'kitify/video-modal/css-scheme',
array(
'icon_play' => '.kitify-video-modal .video-modal-btn',
'icon_play_hover' => '.kitify-video-modal .video-modal-btn:hover',
)
);
$preset_type = apply_filters(
'kitify/video-modal/control/preset',
array(
'default' => esc_html__( 'Default', 'kitify' ),
'custom' => esc_html__( 'Custom', 'kitify' ),
)
);
$this->start_controls_section(
'section_video_content',
array(
'label' => esc_html__( 'Video', 'kitify' ),
'tab' => Controls_Manager::TAB_CONTENT,
'show_label' => false,
)
);
$this->add_control(
'video_url',
array(
'label' => esc_html__( 'Video Url', 'kitify' ),
'type' => Controls_Manager::URL,
'dynamic' => array( 'active' => true ),
)
);
$this->add_control(
'play_icon',
array(
'label' => esc_html__( 'Play Icon', 'kitify' ),
'type' => Controls_Manager::ICONS,
'fa4compatibility' => 'icon',
'default' => [
'value' => 'fas fa-play',
'library' => 'fa-solid',
]
)
);
$this->_add_control(
'video_btn_label',
array(
'label' => esc_html__( 'Button Label', 'kitify' ),
'type' => Controls_Manager::TEXT,
'dynamic' => array( 'active' => true ),
)
);
$this->end_controls_section();
$this->start_controls_section(
'section_video_style',
array(
'label' => esc_html__( 'Style', 'kitify' ),
'tab' => Controls_Manager::TAB_CONTENT,
'show_label' => false,
)
);
$this->add_control(
'preset',
array(
'label' => esc_html__( 'Preset', 'kitify' ),
'type' => Controls_Manager::SELECT,
'default' => 'default',
'options' => $preset_type
)
);
$this->end_controls_section();
$this->start_controls_section(
'section_icon_style',
array(
'label' => esc_html__( 'Icon Play', 'kitify' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
)
);
$this->add_control(
'icon_play_bg_color',
array(
'label' => esc_html__( 'Background Color', 'kitify' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['icon_play'] => 'background: {{VALUE}}',
),
)
);
$this->add_control(
'icon_play_bg_color_hover',
array(
'label' => esc_html__( 'Background Color Hover', 'kitify' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['icon_play_hover'] => 'background: {{VALUE}}',
),
)
);
$this->add_responsive_control(
'items_size_val',
array(
'label' => esc_html__( 'Width', 'kitify' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px', '%', 'em' ),
'default' => array(
'unit' => 'px',
'size' => 70,
),
'range' => array(
'px' => array(
'min' => 60,
'max' => 600,
),
'em' => array(
'min' => 1,
'max' => 20,
),
),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['icon_play'] => 'width: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} ' . $css_scheme['icon_play'] . ' svg' => 'width: {{SIZE}}{{UNIT}};',
),
)
);
$this->add_responsive_control(
'items_width_val',
array(
'label' => esc_html__( 'Height', 'kitify' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px', '%', 'em' ),
'default' => array(
'unit' => 'px',
'size' => 70,
),
'range' => array(
'px' => array(
'min' => 60,
'max' => 600,
),
'em' => array(
'min' => 1,
'max' => 20,
),
),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['icon_play'] => 'height: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} ' . $css_scheme['icon_play'] . ' svg' => 'height: {{SIZE}}{{UNIT}};',
),
)
);
$this->add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'border',
'placeholder' => '0',
'selector' => '{{WRAPPER}} ' . $css_scheme['icon_play'],
)
);
$this->add_control(
'item_border_radius',
array(
'label' => esc_html__( 'Border Radius', 'kitify' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%' ),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['icon_play'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->add_control(
'icon_play_color',
array(
'label' => esc_html__( 'Icon Color', 'kitify' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['icon_play'] => 'color: {{VALUE}}',
),
)
);
$this->add_control(
'icon_play_hover_color',
array(
'label' => esc_html__( 'Icon Hover Color', 'kitify' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['icon_play_hover'] => 'color: {{VALUE}}',
),
)
);
$this->add_control(
'button_icon_size',
array(
'label' => esc_html__( 'Icon Size', 'kitify' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 7,
'max' => 90,
),
),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['icon_play'] => 'font-size: {{SIZE}}{{UNIT}};',
),
)
);
$this->end_controls_section();
}
/**
* [render description]
* @return [type] [description]
*/
protected function render() {
$this->_context = 'render';
$preset = $this->get_settings_for_display( 'preset' );
$video_url = $this->get_settings_for_display( 'video_url' );
$video_icon = $this->get_settings_for_display( 'play_icon' );
ob_start();
Icons_Manager::render_icon($video_icon,[ 'aria-hidden' => 'true' ]);
$play_icon = ob_get_clean();
if($video_url['url']) {
echo '<div class="kitify-video-modal-wrap style-'.$preset.'">';
echo '<div class="kitify-video-modal">';
echo '<a href="'.$video_url['url'].'" class="js-video-modal video-modal-btn">'.$play_icon.'</a>';
$this->_html( 'video_btn_label', '<a href="'.$video_url['url'].'" class="js-video-modal"><span class="video-modal-btn-label">%s</span></a>' );
echo '</div>';
echo '</div>';
}
}
}