https://www.grizzlymarketing.nl/wp-content/themes/grizzly-child/in…?ver=ba1b9980b02d8f8d9278a3d141b86aef

1jQuery(document).ready(function ($) {
2
3	// Modal
4	$("#target").on('click', function () {
5		$("#modal-overlay").addClass('active-modal');
6
7		$("body").addClass("modal-active");
8	});
9
10	$(".is-search-submit").attr('type', 'button');
11	$(".is-search-submit").on('click', function (e) {
12		if ($('.is-search-form').hasClass('toggle')) {
13			$('.is-search-form').removeClass('toggle');
14			$(".is-search-submit").html('<span class="is-search-icon"><svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></span>');
15			$('#menu-main').removeClass('show-menu');
16		} else {
17			$('.is-search-form').addClass('toggle');
18			$(".is-search-submit").html('<i class="fas fa-times modal-overlay-close"></i>');
19			$('#menu-main').addClass('show-menu');
20		}
21
22	});
23
24	// Close modal
25	$(".modal-overlay-close").click(function () {
26		$(".modal-overlay").removeClass('active-modal');
27
28		$("body").removeClass("modal-active");
29	})
30
31	$(document).mouseup(function (e) {
32		var container = $(".modal");
33		// if the target of the click isn't the container nor a descendant of the container
34		if (!container.is(e.target) && container.has(e.target).length === 0) {
35			$(".modal-overlay").removeClass('active-modal');
36		}
37	});
38
39	// Advies modal
40	$(".advies").on('click', function (e) {
41		e.preventDefault();
42		$(".advies-overlay").addClass('active-modal');
43
44		$("body").addClass("modal-active");
45	});
46
47	$(".is-search-submit").attr('type', 'button');
48	$(".is-search-submit").on('click', function (e) {
49		if ($('.is-search-form').hasClass('toggle')) {
50			$('.is-search-form').removeClass('toggle');
51			$(".is-search-submit").html('<span class="is-search-icon"><svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></span>');
52			$('#menu-main').removeClass('show-menu');
53		} else {
54			$('.is-search-form').addClass('toggle');
55			$(".is-search-submit").html('<i class="fas fa-times modal-overlay-close"></i>');
56			$('#menu-main').addClass('show-menu');
57		}
58
59	});
60
61	$('.et_pb_portfolio_filter:nth-child(2)').children().addClass('active');
62
63	$('.et_pb_portfolio_filter > a').on('click', function (e) {
64		e.preventDefault();
65		var filtername = $(this).data('category-slug');
66		$('.et_pb_portfolio_filter > a').removeClass('active');
67		$(this).addClass('active');
68		$('.et_pb_portfolio_items .project_category-' + filtername).fadeIn();
69		$('.et_pb_portfolio_items .et_pb_portfolio_item:not(.project_category-' + filtername + ')').fadeOut();
70	});
71
72	$('.search-button-header a').on('click', function (e) {
73		e.preventDefault();
74		$(this).toggleClass('active');
75		if ($(this).hasClass('active')) {
76			$('#menu-main .menu-item:not(.search-button-header)').slideToggle();
77			setTimeout(function () {
78				$('#header-middle .widget_search').slideToggle();
79			}, 500);
80		} else {
81			$('#header-middle .widget_search').slideToggle();
82			setTimeout(function () {
83				$('#menu-main .menu-item:not(.search-button-header)').slideToggle();
84			}, 500);
85		}
86	});
87
88	$(".modal-overlay-close").click(function () {
89		$(".advies-overlay").removeClass('active-modal');
90
91		$("body").removeClass("modal-active");
92	})
93
94	$(document).mouseup(function (e) {
95		var container = $(".modal");
96		// if the target of the click isn't the container nor a descendant of the container
97		if (!container.is(e.target) && container.has(e.target).length === 0) {
98			$(".advies-overlay").removeClass('active-modal');
99
100			$("body").removeClass("modal-active");
101		}
102	});
103
104	// Login gegevens modal
105	var loginmodal = $(".loginmodal");
106
107	if ($('.cms-1').length) {
108		var cms1text = $('.cms-1 div').html().split('</h2>');
109		var cms2text = $('.cms-2 div').html().split('</h2>');
110		var ftp1text = $('.ftp-1 div').html().split('</h2>');
111		var ftp2text = $('.ftp-2 div').html().split('</h2>');
112		var dns1text = $('.dns-1 div').html().split('</h2>');
113		var dns2text = $('.dns-2 div').html().split('</h2>');
114		$('.loginmodaltext').remove();
115	}
116
117	loginmodal.on('click', function (e) {
118		e.preventDefault();
119
120		// Set replace function
121		function replaceModal() {
122			$('#loginmodal-overlay .modal-header').html(fulltext[0]);
123			$('#loginmodal-overlay .modal-text .text-container').html(fulltext[1]);
124		}
125
126		// If button clicked has class
127		if ($(this).hasClass('cms-modal-1')) {
128			var fulltext = cms1text;
129			replaceModal();
130		} else if ($(this).hasClass('cms-modal-2')) {
131			var fulltext = cms2text;
132			replaceModal();
133		} else if ($(this).hasClass('ftp-modal-1')) {
134			var fulltext = ftp1text;
135			replaceModal();
136		} else if ($(this).hasClass('ftp-modal-2')) {
137			var fulltext = ftp2text;
138			replaceModal();
139		} else if ($(this).hasClass('dns-modal-1')) {
140			var fulltext = dns1text;
141			replaceModal();
142		} else if ($(this).hasClass('dns-modal-2')) {
143			var fulltext = dns2text;
144			replaceModal();
145		}
146
147		// Open modal
148		$("#loginmodal-overlay").addClass('active-modal');
149
150		$("body").addClass("modal-active");
151	});
152});