first commit
This commit is contained in:
Beyhan Oğur
470
public/assets/js/main.js
Normal file
470
public/assets/js/main.js
Normal file
@@ -0,0 +1,470 @@
|
||||
(function ($) {
|
||||
$(document).ready(function () {
|
||||
|
||||
//mobile menu active
|
||||
if ($("#mobile-menu").length > 0) {
|
||||
//Mobile menu
|
||||
$("#mobile-menu").meanmenu({
|
||||
meanMenuContainer: ".mobile-menu",
|
||||
meanScreenWidth: "991",
|
||||
});
|
||||
|
||||
$(".mobile-menu-bar").on("click", function () {
|
||||
$(".sidebar-main").addClass("active");
|
||||
});
|
||||
$(".sidebar-close").on("click", function () {
|
||||
$(".sidebar-main").removeClass("active");
|
||||
});
|
||||
}
|
||||
|
||||
//Video poppup
|
||||
if ($(".play-btn").length > 0) {
|
||||
$(".play-btn").magnificPopup({
|
||||
type: "iframe",
|
||||
});
|
||||
}
|
||||
|
||||
//Post gallary slider
|
||||
const blog_gallary = $(".gallary-slider");
|
||||
if (blog_gallary.length > 0) {
|
||||
//Blog Gallary
|
||||
blog_gallary.owlCarousel({
|
||||
loop: true,
|
||||
autoHeight: true,
|
||||
nav: true,
|
||||
navText: [
|
||||
"<i class='fa-solid fa-angle-left'></i>",
|
||||
"<i class='fa-solid fa-angle-right'></i>",
|
||||
],
|
||||
dots: false,
|
||||
items: 1,
|
||||
});
|
||||
}
|
||||
|
||||
// sticky header active
|
||||
if ($("#header").length > 0) {
|
||||
$(window).on("scroll", function (event) {
|
||||
var scroll = $(window).scrollTop();
|
||||
if (scroll < 1) {
|
||||
$("#header").removeClass("sticky");
|
||||
} else {
|
||||
$("#header").addClass("sticky");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//demo sidebar active
|
||||
const demosIcon = $("#demosIcon, .demos");
|
||||
const demoSidebar = $("#demo-sidebar");
|
||||
demosIcon.on("click", function (e) {
|
||||
e.preventDefault();
|
||||
demoSidebar.toggleClass("active-sidebar");
|
||||
});
|
||||
});
|
||||
|
||||
// pricing-plan-tab
|
||||
$("#ce-toggle").click(function (event) {
|
||||
$(".plan-toggle-wrap").toggleClass("active");
|
||||
});
|
||||
|
||||
$("#ce-toggle").change(function () {
|
||||
if ($(this).is(":checked")) {
|
||||
$(".tab-content #yearly").hide();
|
||||
$(".tab-content #monthly").show();
|
||||
} else {
|
||||
$(".tab-content #yearly").show();
|
||||
$(".tab-content #monthly").hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// owl-carousel-brend-logo
|
||||
$(".our-brnad-logos").owlCarousel({
|
||||
loop: true,
|
||||
margin: 10,
|
||||
nav: false,
|
||||
dots: false,
|
||||
autoplay: true,
|
||||
autoplayTimeout: 3000,
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1,
|
||||
},
|
||||
600: {
|
||||
items: 3,
|
||||
},
|
||||
1000: {
|
||||
items: 6,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// owl-carousel-slider
|
||||
$(".trusred-slider-all").owlCarousel({
|
||||
loop: true,
|
||||
margin: 10,
|
||||
nav: false,
|
||||
dote: true,
|
||||
//autoplay: true,
|
||||
// autoplayTimeout: 3000,
|
||||
items: 1,
|
||||
});
|
||||
// owl-carousel-slider
|
||||
$(".citi-slider-all").owlCarousel({
|
||||
loop: true,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
navText: [
|
||||
"<i class='fa-solid fa-arrow-left'></i>",
|
||||
"<i class='fa-solid fa-arrow-right'></i>",
|
||||
],
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1,
|
||||
},
|
||||
900: {
|
||||
items: 3.4,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// about team
|
||||
$(".about-team-slider-all").owlCarousel({
|
||||
loop: false,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
navText: [
|
||||
"<i class='fa-solid fa-arrow-left'></i>",
|
||||
"<i class='fa-solid fa-arrow-right'></i>",
|
||||
],
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1,
|
||||
},
|
||||
900: {
|
||||
items: 4,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
|
||||
// owl-carousel-slider-home5
|
||||
$(".home5-slider").owlCarousel({
|
||||
loop: true,
|
||||
margin: 10,
|
||||
nav: false,
|
||||
dots: false,
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1,
|
||||
},
|
||||
900: {
|
||||
items: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// sticky header active
|
||||
if ($("#header").length > 0) {
|
||||
$(window).on("scroll", function (event) {
|
||||
var scroll = $(window).scrollTop();
|
||||
if (scroll < 1) {
|
||||
$("#header").removeClass("sticky");
|
||||
} else {
|
||||
$("#header").addClass("sticky");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
$(".liting-slider-all").owlCarousel({
|
||||
loop: true,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
navText: [
|
||||
"<i class='fa-solid fa-arrow-left'></i>",
|
||||
"<i class='fa-solid fa-arrow-right'></i>",
|
||||
],
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1,
|
||||
},
|
||||
900: {
|
||||
items: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
$(".porpertice-slider").owlCarousel({
|
||||
loop: true,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
navText: [
|
||||
"<i class='fa-solid fa-arrow-left'></i>",
|
||||
"<i class='fa-solid fa-arrow-right'></i>",
|
||||
],
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1,
|
||||
},
|
||||
900: {
|
||||
items: 4,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
$(".about-slider-all").owlCarousel({
|
||||
loop: true,
|
||||
margin: 10,
|
||||
nav: false,
|
||||
dots: true,
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1,
|
||||
},
|
||||
900: {
|
||||
items: 2,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
$(".fearuted-carousel-area").owlCarousel({
|
||||
loop: true,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
smartSpeed:1000,
|
||||
navText: [
|
||||
"<i class='fa-solid fa-angle-left'></i>",
|
||||
"<i class='fa-solid fa-angle-right'></i>",
|
||||
],
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1,
|
||||
},
|
||||
900: {
|
||||
items: 1,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
//liting-slider
|
||||
|
||||
$(".property-slides-js").slick({
|
||||
centerMode: false,
|
||||
margin: "30",
|
||||
slidesToShow: 3,
|
||||
arrows: true,
|
||||
prevArrow: $(".testimonial-prev-arrow1"),
|
||||
nextArrow: $(".testimonial-next-arrow1"),
|
||||
draggable: false,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
arrows: false,
|
||||
centerMode: true,
|
||||
centerPadding: "40px",
|
||||
slidesToShow: 3,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows: false,
|
||||
centerMode: true,
|
||||
centerPadding: "40px",
|
||||
slidesToShow: 1,
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
//liting-slider2
|
||||
|
||||
$(".property-slides-js2").slick({
|
||||
centerMode: false,
|
||||
margin: "30",
|
||||
slidesToShow: 3,
|
||||
arrows: true,
|
||||
prevArrow: $(".testimonial-prev-arrow2"),
|
||||
nextArrow: $(".testimonial-next-arrow2"),
|
||||
draggable: false,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
arrows: false,
|
||||
centerMode: true,
|
||||
centerPadding: "40px",
|
||||
slidesToShow: 3,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows: false,
|
||||
centerMode: true,
|
||||
centerPadding: "40px",
|
||||
slidesToShow: 1,
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// home4-header-video
|
||||
new ModalVideo(".video-play-button2");
|
||||
new ModalVideo(".videoplybtn");
|
||||
|
||||
|
||||
// pricing-plan-tab
|
||||
$("#ce-toggle").click(function (event) {
|
||||
$(".plan-toggle-wrap").toggleClass("active");
|
||||
});
|
||||
|
||||
$("#ce-toggle").change(function () {
|
||||
if ($(this).is(":checked")) {
|
||||
$(".tab-content #yearly").hide();
|
||||
$(".tab-content #monthly").show();
|
||||
} else {
|
||||
$(".tab-content #yearly").show();
|
||||
$(".tab-content #monthly").hide();
|
||||
}
|
||||
});
|
||||
|
||||
// nice-select
|
||||
// $("select").niceSelect();
|
||||
|
||||
|
||||
// page-progress
|
||||
// var progressPath = document.querySelector(".progress-wrap path");
|
||||
// if (progressPath) {
|
||||
// var pathLength = progressPath.getTotalLength();
|
||||
// progressPath.style.transition = progressPath.style.WebkitTransition =
|
||||
// "none";
|
||||
// progressPath.style.strokeDasharray = pathLength + " " + pathLength;
|
||||
// progressPath.style.strokeDashoffset = pathLength;
|
||||
// progressPath.getBoundingClientRect();
|
||||
// progressPath.style.transition = progressPath.style.WebkitTransition =
|
||||
// "stroke-dashoffset 10ms linear";
|
||||
// var updateProgress = function () {
|
||||
// var scroll = $(window).scrollTop();
|
||||
// var height = $(document).height() - $(window).height();
|
||||
// var progress = pathLength - (scroll * pathLength) / height;
|
||||
// progressPath.style.strokeDashoffset = progress;
|
||||
// };
|
||||
// updateProgress();
|
||||
// $(window).scroll(updateProgress);
|
||||
// var offset = 50;
|
||||
// var duration = 550;
|
||||
// jQuery(window).on("scroll", function () {
|
||||
// if (jQuery(this).scrollTop() > offset) {
|
||||
// jQuery(".progress-wrap").addClass("active-progress");
|
||||
// } else {
|
||||
// jQuery(".progress-wrap").removeClass("active-progress");
|
||||
// }
|
||||
// });
|
||||
// jQuery(".progress-wrap").on("click", function (event) {
|
||||
// event.preventDefault();
|
||||
// jQuery("html, body").animate({ scrollTop: 0 }, duration);
|
||||
// return false;
|
||||
// });
|
||||
// }
|
||||
|
||||
// nice-select
|
||||
$("select").niceSelect();
|
||||
|
||||
|
||||
AOS.init({
|
||||
offset: 200,
|
||||
duration: 400,
|
||||
easing: "ease-in-out",
|
||||
anchorPlacement: "top-bottom",
|
||||
disable: "mobile",
|
||||
});
|
||||
|
||||
|
||||
|
||||
// preloader
|
||||
$(window).on("load", function (event) {
|
||||
setTimeout(function () {
|
||||
$("#preloader").fadeToggle();
|
||||
}, 1500);
|
||||
|
||||
});
|
||||
|
||||
//Product slider
|
||||
// $(".product-slider-single").slick({
|
||||
// slidesToShow: 1,
|
||||
// slidesToScroll: 1,
|
||||
// asNavFor: ".product-slider-nav",
|
||||
// dots: false,
|
||||
// arrows: false,
|
||||
// centerMode: false,
|
||||
// focusOnSelect: true,
|
||||
// });
|
||||
|
||||
// $(".product-slider-nav").slick({
|
||||
// slidesToShow: 5,
|
||||
// slidesToScroll: 1,
|
||||
// arrows: false,
|
||||
// focusOnSelect: true,
|
||||
// asNavFor: ".product-slider-single",
|
||||
// });
|
||||
|
||||
|
||||
//Product slider
|
||||
$(".product-slider-single").slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
asNavFor: ".product-slider-nav",
|
||||
dots: false,
|
||||
arrows: false,
|
||||
centerMode: false,
|
||||
focusOnSelect: true,
|
||||
});
|
||||
|
||||
$(".product-slider-nav").slick({
|
||||
slidesToShow: 5,
|
||||
slidesToScroll: 1,
|
||||
arrows: false,
|
||||
|
||||
focusOnSelect: true,
|
||||
asNavFor: ".product-slider-single",
|
||||
});
|
||||
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
||||
|
||||
// nice-select
|
||||
// $("select").niceSelect();
|
||||
|
||||
// line progress bar
|
||||
|
||||
let progress = $('#progress1').LineProgressbar({
|
||||
percentage: 96
|
||||
});
|
||||
|
||||
let progress2 = $('#progress2').LineProgressbar({
|
||||
percentage: 96
|
||||
});
|
||||
|
||||
let progress3 = $('#progress3').LineProgressbar({
|
||||
percentage: 100
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user