website/static/old/assets/js/stylish-portfolio.js

107 lines
3 KiB
JavaScript

(function() {
"use strict"; // Start of use strict
var menuToggle = document.querySelector('.menu-toggle');
var sidebar = document.querySelector('#sidebar-wrapper');
if (menuToggle) {
// Closes the sidebar menu
menuToggle.addEventListener('click', function(e) {
e.preventDefault();
sidebar.classList.toggle('active');
menuToggle.classList.toggle('active');
var icon = menuToggle.querySelector('.fa-bars, .fa-times');
if (icon) {
if (icon.classList.contains('fa-times')) {
icon.classList.remove('fa-times');
icon.classList.add('fa-bars');
} else if (icon.classList.contains('fa-bars')) {
icon.classList.remove('fa-bars');
icon.classList.add('fa-times');
}
}
});
}
var navbarCollapse = document.querySelector('.navbar-collapse');
if (navbarCollapse) {
var navbarItems = navbarCollapse.querySelectorAll('a');
// Closes responsive menu when a scroll trigger link is clicked
for (var item of navbarItems) {
item.addEventListener('click', function (event) {
sidebar.classList.remove('active');
menuToggle.classList.remove('active');
var icon = menuToggle.querySelector('.fa-bars, .fa-times');
if (icon) {
if (icon.classList.contains('fa-times')) {
icon.classList.remove('fa-times');
icon.classList.add('fa-bars');
} else if (icon.classList.contains('fa-bars')) {
icon.classList.remove('fa-bars');
icon.classList.add('fa-times');
}
}
});
}
}
// Scroll to top button appear
var scrollToTop = document.querySelector('.scroll-to-top');
if (scrollToTop) {
// Scroll to top button appear
window.addEventListener('scroll', function() {
var scrollDistance = window.pageYOffset;
if (scrollDistance > 100) {
scrollToTop.style.display = 'block';
} else {
scrollToTop.style.display = 'none';
}
});
}
})(); // End of use strict
// Disable Google Maps scrolling
// See http://stackoverflow.com/a/25904582/1607849
// Disable scroll zooming and bind back the click event
var onMapMouseleaveHandler = function(e) {
this.addEventListener('click', onMapClickHandler);
this.removeEventListener('mouseleave', onMapMouseleaveHandler);
var iframe = this.querySelector('iframe');
if (iframe) {
iframe.style.pointerEvents = 'none';
}
}
var onMapClickHandler = function(e) {
// Disable the click handler until the user leaves the map area
this.removeEventListener('click', onMapClickHandler);
// Handle the mouse leave event
this.addEventListener('mouseleave', onMapMouseleaveHandler);
// Enable scrolling zoom
var iframe = this.querySelector('iframe');
if (iframe) {
iframe.style.pointerEvents = 'auto';
}
}
var maps = document.querySelectorAll('.map');
for (var map of maps) {
// Enable map zooming with mouse scroll when the user clicks the map
map.addEventListener('click', onMapClickHandler);
}