initial commit
This commit is contained in:
131
webroot/js/js_file/main.js
Normal file
131
webroot/js/js_file/main.js
Normal file
@@ -0,0 +1,131 @@
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
// Spinner
|
||||
var spinner = function () {
|
||||
setTimeout(function () {
|
||||
if ($('#spinner').length > 0) {
|
||||
$('#spinner').removeClass('show');
|
||||
}
|
||||
}, 1);
|
||||
};
|
||||
spinner();
|
||||
|
||||
|
||||
// Initiate the wowjs
|
||||
new WOW().init();
|
||||
|
||||
|
||||
// Sticky Navbar
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 300) {
|
||||
$('.sticky-top').addClass('shadow-sm').css('top', '0px');
|
||||
} else {
|
||||
$('.sticky-top').removeClass('shadow-sm').css('top', '-100px');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Back to top button
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 300) {
|
||||
$('.back-to-top').fadeIn('slow');
|
||||
} else {
|
||||
$('.back-to-top').fadeOut('slow');
|
||||
}
|
||||
});
|
||||
$('.back-to-top').click(function () {
|
||||
$('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
// Facts counter
|
||||
$('[data-toggle="counter-up"]').counterUp({
|
||||
delay: 10,
|
||||
time: 2000
|
||||
});
|
||||
|
||||
|
||||
// Header carousel
|
||||
$(".header-carousel").owlCarousel({
|
||||
autoplay: true,
|
||||
smartSpeed: 1500,
|
||||
items: 1,
|
||||
dots: true,
|
||||
loop: true,
|
||||
nav : true,
|
||||
navText : [
|
||||
'<i class="bi bi-chevron-left"></i>',
|
||||
'<i class="bi bi-chevron-right"></i>'
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
// Testimonials carousel
|
||||
$(".testimonial-carousel").owlCarousel({
|
||||
autoplay: true,
|
||||
smartSpeed: 1000,
|
||||
center: true,
|
||||
dots: false,
|
||||
loop: true,
|
||||
nav : true,
|
||||
navText : [
|
||||
'<i class="bi bi-arrow-left"></i>',
|
||||
'<i class="bi bi-arrow-right"></i>'
|
||||
],
|
||||
responsive: {
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
768:{
|
||||
items:2
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Portfolio isotope and filter
|
||||
var portfolioIsotope = $('.portfolio-container').isotope({
|
||||
itemSelector: '.portfolio-item',
|
||||
layoutMode: 'fitRows'
|
||||
});
|
||||
$('#portfolio-flters li').on('click', function () {
|
||||
$("#portfolio-flters li").removeClass('active');
|
||||
$(this).addClass('active');
|
||||
|
||||
portfolioIsotope.isotope({filter: $(this).data('filter')});
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
||||
|
||||
// ACCORDION //
|
||||
|
||||
var acc = document.getElementsByClassName("accordion");
|
||||
var panels = document.getElementsByClassName("panel");
|
||||
|
||||
for (let i = 0; i < acc.length; i++) {
|
||||
acc[i].addEventListener("click", function () {
|
||||
// Close other panels
|
||||
for (let j = 0; j < panels.length; j++) {
|
||||
if (panels[j] !== this.nextElementSibling) {
|
||||
panels[j].style.maxHeight = null;
|
||||
acc[j].classList.remove("active");
|
||||
}
|
||||
}
|
||||
|
||||
// Toggle the clicked panel
|
||||
this.classList.toggle("active");
|
||||
var panel = this.nextElementSibling;
|
||||
if (panel.style.maxHeight) {
|
||||
panel.style.maxHeight = null;
|
||||
} else {
|
||||
panel.style.maxHeight = panel.scrollHeight + "px";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function closePopup() {
|
||||
document.getElementById("popup").style.display = "none"; // Hide popup
|
||||
}
|
||||
Reference in New Issue
Block a user