website/public/js/site.js

$(document).ready(function() {

	//------------------------------------------//

	$.fn.inViewport = function() {
		var elementTop = $(this).offset().top;
		var elementBottom = elementTop + $(this).outerHeight();

		var viewportTop = $(window).scrollTop();
		var viewportBottom = viewportTop + $(window).height();

		return elementBottom > viewportTop && elementTop < viewportBottom;
	}

	//------------------------------------------//

	// Image hover mouseenter
	$(".js-img-hover").mouseenter(function(event) {
		var width = $(window).width() - event.clientX - 1 + "px";
		if (!$("#isMobile").is(":hidden")) {
			width = "100%";
		}
		var url = $(this).data("img-hover");
		var divImg = $("<div id='img-hover' style='z-index: 9999; position: fixed; top: 0px; right: 0px;'>" +
			"<img style='max-width: " + width + "; height auto;' src=" + url + "></div>");
		divImg.appendTo("body");
	});

	// Image hover mouseleave
	$(".js-img-hover").mouseleave(function() {
		$("#img-hover").remove();
	});

	// Lazy load video's
	$(window).on('resize scroll', function() {
		$('.js-video').each(function(index) {
			if (!$(this).inViewport()) {
				return true;
			}

			$(this).find('source').each(function() {
				var source = $(this).attr('data-src');
				if (source === undefined) {
					return true;
				}

				$(this).attr("src", source);
				var video = this.parentElement;
				video.load();
				video.play();
				$(this).removeAttr('data-src');
			});
		});
	});
	$(window).trigger('scroll');

	// Only 1 field is required
	var $inputs = $('input[name=reset-password-username],input[name=reset-password-email]');
	$inputs.on('input', function() {
		// Set the required property of the other input to false if this input is not empty.
		$inputs.not(this).prop('required', !$(this).val().length);
	});

	// List toggle
	$('.js-toggle').click(function() {
		$(this).next("ul").toggle(400);
	});

	// Admin panel toggle
	$('.js-admin-toggle').click(function() {
		$.get('/admin/toggle').done(function(data) {
			if (data == '1') {
				$('.js-admin-menu').removeClass('d-none').addClass('d-block');
				$('.js-main-content').removeClass('col-12').addClass('col-9');
			}
			else if (data == '0') {
				$('.js-admin-menu').removeClass('d-block').addClass('d-none');
				$('.js-main-content').removeClass('col-9').addClass('col-12');
			}
		});
	});

});