maher/tn_promo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
36df2afd9fc4b2c18f0094d28ec2b0d7880b97a4
tn_promo/assets/javascript/frontend/scripts.js
maher ecd64aad53 first commit
2025-10-30 13:13:41 +01:00

354 lines
11 KiB
JavaScript
Raw Blame History

import 'jquery';
import 'bootstrap';
import 'bootstrap-dropdown-hover';
import { WOW } from 'wow.js';
import { echo } from 'echo-js';
import 'jquery.rateit';
import 'jquery.easing';
import '../../../public/assets/js/owl.carousel.min.js';
jQuery(document).ready(function() {
"use strict";
/*===================================================================================*/
/* OWL CAROUSEL
/*===================================================================================*/
jQuery(function () {
var dragging = true;
var owlElementID = "#owl-main";
function fadeInReset() {
if (!dragging) {
jQuery(owlElementID + " .caption .fadeIn-1, " + owlElementID + " .caption .fadeIn-2, " + owlElementID + " .caption .fadeIn-3").stop().delay(800).animate({ opacity: 0 }, { duration: 400, easing: "easeInCubic" });
}
else {
jQuery(owlElementID + " .caption .fadeIn-1, " + owlElementID + " .caption .fadeIn-2, " + owlElementID + " .caption .fadeIn-3").css({ opacity: 0 });
}
}
function fadeInDownReset() {
if (!dragging) {
jQuery(owlElementID + " .caption .fadeInDown-1, " + owlElementID + " .caption .fadeInDown-2, " + owlElementID + " .caption .fadeInDown-3").stop().delay(800).animate({ opacity: 0, top: "-15px" }, { duration: 400, easing: "easeInCubic" });
}
else {
jQuery(owlElementID + " .caption .fadeInDown-1, " + owlElementID + " .caption .fadeInDown-2, " + owlElementID + " .caption .fadeInDown-3").css({ opacity: 0, top: "-15px" });
}
}
function fadeInUpReset() {
if (!dragging) {
jQuery(owlElementID + " .caption .fadeInUp-1, " + owlElementID + " .caption .fadeInUp-2, " + owlElementID + " .caption .fadeInUp-3").stop().delay(800).animate({ opacity: 0, top: "15px" }, { duration: 400, easing: "easeInCubic" });
}
else {
$(owlElementID + " .caption .fadeInUp-1, " + owlElementID + " .caption .fadeInUp-2, " + owlElementID + " .caption .fadeInUp-3").css({ opacity: 0, top: "15px" });
}
}
function fadeInLeftReset() {
if (!dragging) {
jQuery(owlElementID + " .caption .fadeInLeft-1, " + owlElementID + " .caption .fadeInLeft-2, " + owlElementID + " .caption .fadeInLeft-3").stop().delay(800).animate({ opacity: 0, left: "15px" }, { duration: 400, easing: "easeInCubic" });
}
else {
jQuery(owlElementID + " .caption .fadeInLeft-1, " + owlElementID + " .caption .fadeInLeft-2, " + owlElementID + " .caption .fadeInLeft-3").css({ opacity: 0, left: "15px" });
}
}
function fadeInRightReset() {
if (!dragging) {
jQuery(owlElementID + " .caption .fadeInRight-1, " + owlElementID + " .caption .fadeInRight-2, " + owlElementID + " .caption .fadeInRight-3").stop().delay(800).animate({ opacity: 0, left: "-15px" }, { duration: 400, easing: "easeInCubic" });
}
else {
jQuery(owlElementID + " .caption .fadeInRight-1, " + owlElementID + " .caption .fadeInRight-2, " + owlElementID + " .caption .fadeInRight-3").css({ opacity: 0, left: "-15px" });
}
}
function fadeIn() {
jQuery(owlElementID + " .active .caption .fadeIn-1").stop().delay(500).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeIn-2").stop().delay(700).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeIn-3").stop().delay(1000).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
}
function fadeInDown() {
jQuery(owlElementID + " .active .caption .fadeInDown-1").stop().delay(500).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInDown-2").stop().delay(700).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInDown-3").stop().delay(1000).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
}
function fadeInUp() {
jQuery(owlElementID + " .active .caption .fadeInUp-1").stop().delay(500).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInUp-2").stop().delay(700).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInUp-3").stop().delay(1000).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
}
function fadeInLeft() {
jQuery(owlElementID + " .active .caption .fadeInLeft-1").stop().delay(500).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInLeft-2").stop().delay(700).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInLeft-3").stop().delay(1000).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
}
function fadeInRight() {
jQuery(owlElementID + " .active .caption .fadeInRight-1").stop().delay(500).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInRight-2").stop().delay(700).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInRight-3").stop().delay(1000).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
}
jQuery(owlElementID).owlCarousel({
autoPlay: 5000,
stopOnHover: true,
navigation: true,
pagination: true,
singleItem: true,
addClassActive: true,
transitionStyle: "fade",
navigationText: ["<i class='icon fa fa-angle-left'></i>", "<i class='icon fa fa-angle-right'></i>"],
afterInit: function() {
fadeIn();
fadeInDown();
fadeInUp();
fadeInLeft();
fadeInRight();
},
afterMove: function() {
fadeIn();
fadeInDown();
fadeInUp();
fadeInLeft();
fadeInRight();
},
afterUpdate: function() {
fadeIn();
fadeInDown();
fadeInUp();
fadeInLeft();
fadeInRight();
},
startDragging: function() {
dragging = true;
},
afterAction: function() {
fadeInReset();
fadeInDownReset();
fadeInUpReset();
fadeInLeftReset();
fadeInRightReset();
dragging = false;
}
});
if (jQuery(owlElementID).hasClass("owl-one-item")) {
jQuery(owlElementID + ".owl-one-item").data('owlCarousel').destroy();
}
jQuery(owlElementID + ".owl-one-item").owlCarousel({
singleItem: true,
navigation: false,
pagination: false
});
jQuery('.home-owl-carousel').each(function(){
var owl = $(this);
var itemPerLine = owl.data('item');
if(!itemPerLine){
itemPerLine = 5;
}
owl.owlCarousel({
items : itemPerLine,
itemsDesktop : [1199,3],
itemsTablet:[991,2],
navigation : true,
pagination : false,
navigationText: ["", ""]
});
});
jQuery('.homepage-owl-carousel').each(function(){
var owl = $(this);
var itemPerLine = owl.data('item');
if(!itemPerLine){
itemPerLine = 4;
}
owl.owlCarousel({
items : itemPerLine,
itemsTablet:[991,2],
itemsDesktop : [1199,3],
navigation : true,
pagination : false,
navigationText: ["", ""]
});
});
jQuery(".blog-slider").owlCarousel({
items : 3,
itemsDesktopSmall :[979,2],
itemsDesktop : [1199,3],
navigation : true,
slideSpeed : 300,
pagination: false,
navigationText: ["", ""]
});
jQuery(".best-seller").owlCarousel({
items : 3,
navigation : true,
itemsDesktopSmall :[979,2],
itemsDesktop : [1199,2],
slideSpeed : 300,
pagination: false,
paginationSpeed : 400,
navigationText: ["", ""]
});
jQuery(".sidebar-carousel").owlCarousel({
items : 1,
itemsTablet:[978,1],
itemsDesktopSmall :[979,2],
itemsDesktop : [1199,1],
navigation : true,
slideSpeed : 300,
pagination: false,
paginationSpeed : 400,
navigationText: ["", ""]
});
jQuery(".brand-slider").owlCarousel({
items :6,
navigation : true,
slideSpeed : 300,
pagination: false,
paginationSpeed : 400,
navigationText: ["", ""]
});
jQuery("#advertisement").owlCarousel({
items : 1,
itemsTablet:[978,1],
itemsDesktopSmall :[979,1],
itemsDesktop : [1199,1],
navigation : true,
slideSpeed : 300,
pagination: true,
paginationSpeed : 400,
navigationText: ["", ""]
});
});
$(window).on('load', function(){
/*===================================================================================*/
/* LAZY LOAD IMAGES USING ECHO
/*===================================================================================*/
echo.init({
offset: 100,
throttle: 250,
unload: false
});
/*===================================================================================*/
/* RATING
/*===================================================================================*/
jQuery('.rating').rateit({max: 5, step: 1, value : 4, resetable : false , readonly : true});
/*===================================================================================*/
/* WOW
/*===================================================================================*/
WOW.init();
/*===================================================================================*/
/* TOOLTIP
/*===================================================================================*/
jQuery("[data-toggle='tooltip']").tooltip();
});
/*===================================================================================*/
/* PRICE SLIDER
/*===================================================================================*/
jQuery(function () {
// Price Slider
if (jQuery('.price-slider').length > 0) {
jQuery('.price-slider').slider({
min: 100,
max: 700,
step: 10,
value: [200, 500],
handle: "square"
});
}
});
/*===================================================================================*/
/* SINGLE PRODUCT GALLERY
/*===================================================================================*/
jQuery(function(){
jQuery('#owl-single-product').owlCarousel({
items:1,
itemsTablet:[768,3],
itemsDesktop : [1199,1],
itemsTablet : [992,1],
itemsDesktopSmall : [768,3]
});
jQuery('#owl-single-product-thumbnails').owlCarousel({
items: 4,
pagination: true,
rewindNav: true,
itemsTablet : [992,4],
itemsDesktopSmall :[768,4],
itemsDesktop : [992,1]
});
jQuery('#owl-single-product2-thumbnails').owlCarousel({
items: 6,
pagination: true,
rewindNav: true,
itemsTablet : [768, 4],
itemsDesktop : [1199,3]
});
jQuery('.single-product-slider').owlCarousel({
stopOnHover: true,
rewindNav: true,
singleItem: true,
pagination: true
});
});
})
Reference in New Issue View Git Blame Copy Permalink