| Current File : //var/www/vinorea/modules/tvcmsslider/views/js/front.js |
/**
* 2007-2025 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2025 PrestaShop SA
* @version Release: jQueryRevisionjQuery
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*/
jQuery(document).ready(function($) {
/******* Start Slider Video *******/
function autoSetVideo(){
var width = $("#tvmain-slider").find("a.tvimage img").attr("width");
var height = $("#tvmain-slider").find("a.tvimage img").attr("height");
var sliderWidth = $("#tvmain-slider").width();
if(typeof width != undefined && typeof height != undefined){
var autoHeight = (sliderWidth*height)/width;
$("#tvmain-slider").css("height",autoHeight+"px");
}
}
autoSetVideo();
$(window).resize(function() {
autoSetVideo();
});
var videoPlayStatus = true;
$('.tvslider-video-play').click(function() {
var video = $('#tvmain-slider .owl-item.active .tvslider-video');
if ($('.tvslider-video-play').hasClass("active")) {
videoPlayStatus = false;
video.trigger('pause');
$('.tvslider-video-play').html("<i class='material-icons'>play_arrow</i>");
$('.tvslider-video-play').removeClass("active");
} else {
videoPlayStatus = true;
video.trigger('play');
$('.tvslider-video-play').html("<i class='material-icons'>pause</i>");
$('.tvslider-video-play').addClass("active");
}
});
$('.tvslider-video-mute').click(function() {
var video = $('#tvmain-slider .owl-item .tvslider-video');
if ($('.tvslider-video-mute').hasClass("active")) {
video.prop('muted', true);
$('.tvslider-video-mute').html("<i class='material-icons'>volume_off</i>");
$('.tvslider-video-mute').removeClass("active");
} else {
video.prop('muted', false);
$('.tvslider-video-mute').html("<i class='material-icons'>volume_up</i>");
$('.tvslider-video-mute').addClass("active");
}
});
/******* Start Slider *******/
var tvMainSliderSpeed = jQuery('.tvcmsmain-slider-wrapper').attr('data-speed');
var tvMainSliderPause = '';
if (jQuery('.tvcmsmain-slider-wrapper').attr('data-pause-hover') == 'true') {
tvMainSliderPause = true;
}
var mainSliderHomePage = jQuery('.tv-main-slider #tvmain-slider');
mainSliderHomePage.owlCarousel({
loop: true,
dots: true,
nav: false,
smartSpeed: tvMainSmartSpeed,
autoplay: false,
autoplayTimeout: tvMainSliderSpeed,
autoplayHoverPause: tvMainSliderPause,
responsive: {
0: { items: 1 },
320: { items: 1, slideBy: 1 },
640: { items: 1, slideBy: 1 },
768: { items: 1, slideBy: 1 },
1024: { items: 1, slideBy: 1 },
1399: { items: 1, slideBy: 1 }
},
});
jQuery('.tvmain-slider-next-pre-btn .tvcmsmain-prev').click(function(e) {
e.preventDefault();
jQuery('.tv-main-slider .owl-nav .owl-prev').trigger('click');
});
jQuery('.tvmain-slider-next-pre-btn .tvcmsmain-next').click(function(e) {
e.preventDefault();
jQuery('.tv-main-slider .owl-nav .owl-next').trigger('click');
});
$('#tvmain-slider').removeClass('tvcms-hide-owl');
mainSliderHomePage.on('translated.owl.carousel', function(event) {
mainSliderHomePageJs();
// Video Events
if($('#tvmain-slider .owl-item.active').find('video').length > 0){
var video = $('#tvmain-slider .owl-item.active .tvslider-video');
var src = ""+video.attr('src');
if(src.indexOf("undefined") == 0){// check already set src
var dataSrc = video.find('source').attr('data-src');
video.removeAttr('data-src');
video.attr('src',dataSrc);
}
var videoAll = $('#tvmain-slider .tvslider-video');
videoAll.trigger('pause');//pause all
if(videoPlayStatus){
setTimeout(function() {
video.trigger('play');
}, 100);
$('#tvmain-slider .owl-item.active .tvslider-video-play').addClass("active");
$('#tvmain-slider .owl-item.active .tvslider-video-play').html("<i class='material-icons'>pause</i>");
}
}else{
var video = $('#tvmain-slider .tvslider-video');
setTimeout(function() {
video.trigger('pause');//pause all
}, 100);
$('.tvslider-video-play').removeClass("active");
$('.tvslider-video-play').html("<i class='material-icons'>play_arrow</i>");
}
});
function mainSliderHomePageJs() {
var num_index = jQuery('#tvmain-slider .owl-dots').find('.owl-dot.active').index();
jQuery('.tvmain-slider-content-wrapper .tvmain-slider-content-inner').removeClass('active');
jQuery('.tvmain-slider-content-wrapper .tvmain-slider-content-inner').eq(num_index).addClass('active');
}
jQuery(document).on('click', '.tvmain-slider-content-wrapper .tvmain-slider-content-inner', function() {
var num_index = jQuery(this).attr('data-index');
jQuery('.tvmain-slider-content-wrapper .tvmain-slider-content-inner').removeClass('active');
jQuery(this).addClass('active');
jQuery('#tvmain-slider .owl-dots .owl-dot').eq(num_index).trigger('click');
});
});