| Server IP : 66.29.137.217 / Your IP : 18.220.216.164 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/gle.gltechlimited.com/public/js/ |
Upload File : |
/**
*
* This file contains all template JS functions
*
* @package Next Hour
--------------------------------------------------------------
Contents
--------------------------------------------------------------
* 01 Overlay On Click On Dropdown
* 02 Slide Effect
* 03 Transform Effects
* 04 Home Slider
* 05 Genre Custom Slider
* 06 Genre Custom Slider 2
* 07 Preloader
--------------------------------------------------------------*/
(function($) {
// Overlay On Click On Dropdown
$('.prime-dropdown').on('click', function(){
$('.body-overlay-bg').toggleClass('active');
});
$.protip({
defaults: {
placement: "border",
animate: false,
delayIn: 0,
delayOut: 0,
interactive: false,
mixin: "css-no-transition"
}
});
var mid_device = Modernizr.mq('(min-width: 1200px)');
if (mid_device) {
// Slide Effect
var controller = new ScrollMagic.Controller();
// Transform Effect
// build tween for big main poster transform
var tween1 = new TimelineMax ()
.add([
TweenMax.fromTo("#big-main-poster-block", 1, {top: 70}, {top: 350, ease: Linear.easeNone})
]);
// build scene for big main poster transform
var scene1 = new ScrollMagic.Scene({triggerElement: "#main-custom-wrapper", duration: $(window).height()})
.setTween(tween1)
// .addIndicators() // add indicators (requires plugin)
.addTo(controller);
// build tween big main poster blur and grayscale on offset
var tween2 = new TimelineMax ()
.add([
TweenMax.fromTo("#big-main-poster-block", 1, {'-webkit-filter':'blur(' + 0 + 'px' + ')' + 'grayscale(0)'}, {'-webkit-filter':'blur(' + 4 + 'px' + ')' + 'grayscale(80%)', ease: Linear.easeNone})
]);
// build scene big main poster blur and grayscale on offset
var scene2 = new ScrollMagic.Scene({triggerElement: "#main-custom-wrapper", duration: $(window).height(), offset: 200})
.setTween(tween2)
// .addIndicators() // add indicators (requires plugin)
.addTo(controller);
// build tween for big main poster overlay background on offset
var tween3 = new TimelineMax ()
.add([
TweenMax.fromTo("#big-main-poster-block .overlay-bg", 1, {opacity: 0}, {opacity: 1, ease: Linear.easeNone})
]);
// build scene for big main poster overlay background on offset
var scene3 = new ScrollMagic.Scene({triggerElement: "#main-custom-wrapper", duration: $(window).height(), offset: -400})
.setTween(tween3)
// .addIndicators() // add indicators (requires plugin)
.addTo(controller);
// build tween for poster thumbnail
var tween4 = new TimelineMax ()
.add([
TweenMax.fromTo("#poster-thumbnail", 1, {right: "-150%", opacity: 0}, {right: "15%", opacity: 1, ease: Linear.easeNone})
]);
// build scene for poster thumbnail
var scene4 = new ScrollMagic.Scene({triggerElement: "#main-custom-wrapper", duration: $(window).height(), offset: -330})
.setTween(tween4)
// .addIndicators() // add indicators (requires plugin)
.addTo(controller);
// build tween for full movie name
var tween5 = new TimelineMax ()
.add([
TweenMax.fromTo("#full-movie-name", 1, {fontSize: "43px"}, {fontSize: "33px", ease: Linear.easeNone})
]);
// build scene for full movie name
var scene5 = new ScrollMagic.Scene({triggerElement: "#main-custom-wrapper", duration: $(window).height(), offset: -280})
.setTween(tween5)
// .addIndicators() // add indicators (requires plugin)
.addTo(controller);
// build tween for full movie name
var tween6 = new TimelineMax ()
.add([
TweenMax.fromTo("#big-main-poster-block .overlay-bg", 1, {background: "linear-gradient(0deg, rgba(17, 17, 17, 0.9) 20%, transparent 100%)"}, {backgroundColor: "rgba(17, 17, 17, 0.8)", ease: Linear.easeNone})
]);
// build scene for full movie name
var scene6 = new ScrollMagic.Scene({triggerElement: "#main-custom-wrapper", duration: $(window).height()})
.setTween(tween6)
// .addIndicators() // add indicators (requires plugin)
.addTo(controller);
}
// side humburger
$(document).ready(function () {
var trigger = $('.hamburger'),
overlay = $('.overlay'),
isClosed = false;
trigger.click(function () {
hamburger_cross();
});
function hamburger_cross() {
if (isClosed == true) {
overlay.hide();
trigger.removeClass('is-open');
trigger.addClass('is-closed');
isClosed = false;
} else {
overlay.show();
trigger.removeClass('is-closed');
trigger.addClass('is-open');
isClosed = true;
}
}
$('[data-toggle="offcanvas"]').click(function () {
$('#wrapper').toggleClass('toggled');
});
});
// var $search = $( '#search' ),
// $searchinput = $search.find('input.search-input'),
// $body = $('html,body'),
// openSearch = function() {
// $search.data('open',true).addClass('search-open');
// $searchinput.focus();
// return false;
// },
// closeSearch = function() {
// $search.data('open',false).removeClass('search-open');
// };
// $searchinput.on('click',function(e) { e.stopPropagation(); $search.data('open',true); });
// $search.on('click',function(e) {
// e.stopPropagation();
// if( !$search.data('open') ) {
// openSearch();
// $body.off( 'click' ).on( 'click', function(e) {
// closeSearch();
// } );
// }
// else {
// if( $searchinput.val() === '' ) {
// closeSearch();
// return false;
// }
// }
// });
// screen Search
$(function () {
$('a[href="#find"]').on('click', function(event) {
event.preventDefault();
$('#find').addClass('open');
$('#find > form > input[type="find"]').focus();
});
$('#find, #find button.close').on('click keyup', function(event) {
if (event.target == this || event.target.className == 'close' || event.keyCode == 27) {
$(this).removeClass('open');
}
});
});
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 1990,
max: 2024,
values: [ 1990, 2024 ],
slide: function( event, ui ) {
$( "#amount" ).val( ui.values[ 1990 ] + " - " + ui.values[ 1 ] );
}
});
$( "#amount" ).val( $( "#slider-range" ).slider( "values", 1990 ) +
" - " + $( "#slider-range" ).slider( "values", 1 ) );
});
/* ========================= */
/*===== Tooltip =====*/
/* ========================= */
function tooltip (btn, tool) {
var btn = document.getElementById(btn); // El botón.
var tool = document.getElementById(tool); // El tooltip.
var open = false;
// Evito que se cierre el tooltip si hago click sobre el tooltip.
tool.addEventListener('click', function(event){
event.stopPropagation();
});
// Al hacer click en el botón.
btn.addEventListener('click', function(event){
event.stopPropagation();
// Si estaba Cerrado.
if(!open){
tool.classList.add('sharebtn');
open = true;
// Cuando hago click en cualquier parte de la página.
document.addEventListener('click', ocultar);
// Si estaba abierto.
}else{
// Oculto el tooltip.
tool.classList.remove('sharebtn');
open = false;
// Quito el evento que hace que al hacer click en cualquier parte del document se cierre el tooltip.
document.removeEventListener('click', ocultar);
}
});
// Función para ocultar el tooltip si hago click en cualquier parte del document.
function ocultar () {
// Oculto el tooltip.
tool.classList.remove('sharebtn');
open = false;
// Quito el evento para que no gaste tantos recursos del computador.
document.removeEventListener('click', ocultar);
console.log('Click en cualquier parte y oculto el Tooltip');
}
}
tooltip('share', 'tooltip');
})(jQuery);