https://www.chicagoreview.org/wp-content/themes/chicagoreview2024/js/scripts.js

1jQuery(document).ready( function(e){
2	styles_triangles_container();
3	/**
4	*Menu mobil duplicate parent link on child
5	*/
6	jQuery("#menu-mobil .menu-item-has-children").each(function() {
7		var itm_wth_child = jQuery(this).children("a");
8		jQuery(this).children("ul").prepend('<li><a href="'+itm_wth_child.attr("href")+'" class="child-like-parent">'+itm_wth_child.html()+'</a></li>');
9	});
10	/**
11	*Scroll to anchor on click anchor link
12	*/
13	var $root = jQuery('html, body');
14	jQuery('.entry-content a[href*=\\#]').on('click', function(event){
15		var attrHref = jQuery(this).attr('href');
16		if(attrHref[0] == "#"){
17			var attrLink = jQuery(this).attr('name');
18			if (typeof attrLink !== typeof undefined && attrLink !== false) {
19				event.preventDefault();
20			    jQuery($root).animate({
21			        scrollTop: jQuery('[name="' + jQuery.attr(this, 'href').substr(1) + '"]').offset().top-190
22			    }, 500);
23			    return false;
24			}
25			else{
26				event.preventDefault();
27				jQuery($root).animate({scrollTop:jQuery(this.hash).offset().top -190}, 500);
28				return false;
29			}
30		}
31	});
32	/**
33	*Search input on menu desktop
34	*/
35	jQuery("#primary-menu .search").click(function(){
36		jQuery("#primary-menu .form-search").slideDown('fast');
37		jQuery(this).addClass("show");
38		jQuery("#primary-menu .form-search input").focus();
39	});
40	jQuery(document).keyup(function(e) {
41		if (e.keyCode == 27) {
42		    e.preventDefault();
43		    jQuery('#primary-menu .search').removeClass("show");
44		    jQuery("#primary-menu .form-search input").blur();
45		    jQuery("#primary-menu .form-search").slideUp('fast');
46		}
47	});
48	jQuery("#primary-menu .hide-search").click(function(e){
49		e.preventDefault();
50		e.stopPropagation();
51		jQuery('#primary-menu .search').removeClass("show");
52		jQuery("#primary-menu .form-search input").blur();
53	    jQuery("#primary-menu .form-search").slideUp('fast');
54	});
55	/**
56	*Search input on menu mobil
57	*/
58	jQuery('#menu-mobil #search').focusin(function() {
59		jQuery('#menu-mobil #search').addClass('onfocus');
60		setTimeout(function(){
61  			var height = jQuery('#menu-mobil')[0].scrollHeight;
62  			jQuery('#menu-mobil').scrollTop(height);
63		}, 100);
64	});
65	jQuery('#menu-mobil #search').focusout(function() {
66		jQuery('#menu-mobil #search').removeClass('onfocus');
67	});
68	/**
69	*Cart icon link on menu
70	*/
71	jQuery(".cart > a").click( function(){
72		if( !jQuery(this).hasClass("show") ){
73			if( !jQuery(".menu-btn").hasClass("collapsed")){
74				jQuery(".menu-btn").addClass("collapsed");
75				jQuery(".menu-btn").attr("aria-expanded","false");
76				jQuery(".close-bg").hide();
77				jQuery("#menu-mobil").hide();
78			}
79			jQuery(this).addClass('show');
80			jQuery(".cart-items").css("max-height",(jQuery(window).height()- jQuery("#primary-menu").height())+"px");
81			jQuery(".cart-items").slideDown("fast");
82			if(jQuery("body").width() <= 767 ){
83				if(jQuery("body").hasClass("show-menumobil")){
84					jQuery("body").removeClass("show-menumobil");
85					jQuery('.menu-btn').addClass("collapsed");
86					jQuery('.menu-btn').attr("aria-expanded","false");
87					jQuery("#menu-mobil").slideUp();
88					jQuery("#menu-mobil").removeClass('show');
89				}
90				jQuery(".close-bg").show();
91				jQuery("body").css("overflow","hidden");
92				jQuery("body").addClass("show-cartlist");
93			}
94		}
95		else{
96			jQuery(this).removeClass('show');
97			jQuery(".cart-items").slideUp("fast");
98			if(jQuery("body").width() <= 767 ){
99				jQuery(".close-bg").hide();
100				jQuery("body").css("overflow","auto");
101				jQuery("body").removeClass("show-cartlist");
102			}
103		}
104	});
105	/**
106	*Menu icon link on mobil
107	*/
108	jQuery(".menu-btn").click(function(){
109		if( !jQuery(this).hasClass("collapsed")){
110			jQuery(this).addClass("collapsed");
111			jQuery(this).attr("aria-expanded","false");
112			jQuery(".close-bg").hide();
113			jQuery("#menu-mobil").slideUp();
114			jQuery("#menu-mobil").removeClass('show');
115			jQuery("body").css("overflow","auto");
116			jQuery("body").removeClass("show-menumobil");
117		}
118		else{
119			if(jQuery("body").hasClass("show-cartlist")){
120				jQuery('.cart.cart-has-items > a').removeClass('show');
121				jQuery(".cart-items").slideUp("fast");
122				jQuery("body").removeClass("show-cartlist");
123			}
124			jQuery(this).removeClass("collapsed");
125			jQuery(this).attr("aria-expanded","true");
126			jQuery("#menu-mobil").css("width",jQuery('#primary-menu').width()+"px");
127			jQuery("#menu-mobil").css("max-height",jQuery(window).height()+"px");
128			jQuery(".close-bg").show();
129			jQuery("#menu-mobil").slideDown();
130			jQuery("#menu-mobil").addClass('show');
131			jQuery("body").css("overflow","hidden");
132			jQuery("body").addClass("show-menumobil");
133		}
134	});
135	/**background over body to close menu or cart on mobil**/
136	jQuery(".close-bg").click(function(){
137		if(jQuery("body").hasClass("show-menumobil")){
138			jQuery('.menu-btn').addClass("collapsed");

139			jQuery('.menu-btn').attr("aria-expanded","false");
140			jQuery(".close-bg").hide();
141			jQuery("#menu-mobil").slideUp();
142			jQuery("#menu-mobil").removeClass('show');
143			jQuery("body").css("overflow","auto");
144			jQuery("body").removeClass("show-menumobil");
145		}
146		else if(jQuery("body").hasClass("show-cartlist")){
147			jQuery('.cart.cart-has-items > a').removeClass('show');
148			jQuery(".cart-items").slideUp("fast");
149			jQuery(".close-bg").hide();
150			jQuery("body").css("overflow","auto");
151			jQuery("body").removeClass("show-cartlist");
152		}
153	});
154	jQuery(".child-like-parent").click(function(){
155		if(jQuery("body").hasClass("show-menumobil") && jQuery(this).html() == 'Online' && jQuery("body").hasClass("home")){
156			jQuery('.menu-btn').addClass("collapsed");
157			jQuery('.menu-btn').attr("aria-expanded","false");
158			jQuery(".close-bg").hide();
159			jQuery("#menu-mobil").slideUp();
160			jQuery("#menu-mobil").removeClass('show');
161			jQuery("body").css("overflow","auto");
162			jQuery("body").removeClass("show-menumobil");
163		}
164	});
165	/**slide down submenu of items clicked on menumobil**/
166	jQuery("#menu-mobil > .menu-item-has-children > a").click(function(e){
167		if( !jQuery(this).hasClass("show")){
168			jQuery(this).addClass("show");
169			jQuery(this).parent().children("ul").slideDown();
170			jQuery(this).parent().children("ul").addClass("show");
171		}
172		else{
173			jQuery(this).removeClass("show");
174			jQuery(this).parent().children("ul").slideUp();
175			jQuery(this).parent().children("ul").removeClass("show");
176		}
177		e.preventDefault();
178		e.stopPropagation();
179	});
180
181	/**
182	*Fix when wordpress are on admin mode
183	*/
184	if(jQuery("body").hasClass("admin-bar")){
185		jQuery("header nav").css("top",jQuery("#wpadminbar").height()+"px");
186	}
187
188	/**
189	*mailchimp form
190	*/
191	if (Cookies.get('whenToShowDialog') == null) {
192		jQuery("#mailchimp .subscribe-title").delay( 4000 ).slideToggle("slow");
193	}
194	jQuery("#mailchimp .subscribe-title").click(function(){
195		jQuery('div.textwidget.custom-html-widget').slideToggle();
196		if(jQuery("#mailchimp").hasClass('active')){
197			jQuery("#mailchimp #mce-EMAIL").blur();
198			jQuery("#mailchimp").removeClass('active');
199		}
200		else{
201			jQuery("#mailchimp").addClass('active');
202			//jQuery("#mailchimp #mce-EMAIL").focus();
203		}
204	});
205	jQuery("#mailchimp .close-subscribe").click(function(){
206		jQuery('#mailchimp').css("max-height",jQuery(window).height()+"px");
207		jQuery('#mailchimp').slideToggle('fast');
208		jQuery("#mailchimp #mce-EMAIL").blur();
209		if (jQuery.cookie('whenToShowDialog') == null) {
210			Cookies.set('whenToShowDialog', 'yes', { expires: 1, path: '/' })
211		}
212	});
213
214	jQuery("#mailchimp #mce-responses").on("mresize",function(){
215		if( !jQuery("#mce-success-response").is(':hidden') && !jQuery("#mailchimp .button").is(':hidden') ){
216			jQuery("#mailchimp p.info").toggle("fast");
217			jQuery("#mailchimp .indicates-required").toggle("fast");
218			jQuery("#mailchimp .mc-field-group").toggle("fast");
219			jQuery("#mailchimp .button").toggle("fast");
220			jQuery("#mailchimp #mce-EMAIL").blur();
221			Cookies.set('whenToShowDialog', 'yes', { expires: 365, path: '/' })
222			jQuery("#mailchimp").delay( 2000 ).slideToggle("fast");
223		}
224    });
225});
226
227jQuery( window ).resize(function() {
228	styles_triangles_container();
229	if(jQuery(document).width() > 767){
230		if( jQuery("body").hasClass("show-menumobil") ){
231			jQuery(".menu-btn").addClass("collapsed");
232			jQuery(".menu-btn").attr("aria-expanded","false");
233			jQuery(".close-bg").hide();
234			jQuery("#menu-mobil").hide();
235			jQuery("#menu-mobil").removeClass('show');
236			jQuery("body").css("overflow","auto");
237			jQuery("body").removeClass("show-menumobil");
238		}
239		else if( jQuery("body").hasClass("show-cartlist") ){
240			jQuery(".close-bg").hide();
241			jQuery("body").css("overflow","auto");
242			jQuery('.cart.cart-has-items > a').removeClass('show');
243			jQuery(".cart-items").hide();
244			jQuery("body").removeClass("show-cartlist");
245		}
246	}
247	else{
248		if( !jQuery("body").hasClass("show-cartlist") ){
249			jQuery('.cart.cart-has-items > a').removeClass('show');
250			jQuery(".cart-items").hide();
251		}
252		jQuery("#menu-mobil").css("max-height",jQuery(window).height()+"px");
253		jQuery(".cart-items").css("max-height",(jQuery(window).height()- jQuery("#primary-menu").height())+"px");
254		jQuery('#mailchimp').css("max-height",jQuery(window).height()+"px");
255		if ( jQuery('#menu-mobil #search').hasClass('onfocus') ){
256			setTimeout(function(){
257				var height = jQuery('#menu-mobil')[0].scrollHeight;
258  				jQuery('#menu-mobil').scrollTop(height);
259			}, 100);
260		}
261	}
262	/**
263	*Fix when wordpress are on admin mode
264	*/
265	if(jQuery("body").hasClass("admin-bar")){
266		jQuery("header nav").css("top",jQuery("#wpadminbar").height()+"px");
267	}
268});
269
270/**
271*Fuction white triangle on content before and after
272*/
273function styles_triangles_container(){
274	var bodywidth = (jQuery("body").width()*0.9)+"px";
275	var right_side = (jQuery("body").width()*0.1)+"px";
276	var heightLine = (jQuery("body").width()*0.08)/2+"px";
277	var stylecustom ='.content-area:before{ border-width: 0 '+right_side+' '+heightLine+' '+bodywidth+' } .content-area:after{ border-width: '+heightLine+' '+bodywidth+' 0 0; } .site-content:after{ border-width: 0 '+right_side+' '+heightLine+' 0; }';
278	jQuery('.styles-bar').html('');
279	jQuery('.styles-bar').append(jQuery('<style/>', {
280	    html: stylecustom
281	}));
282}
283
284
285/*
286	By Osvaldas Valutis, www.osvaldas.info
287	Available for use under the MIT License
288*/
289// JQUERY VERSION:
290;( function( $, window, document, undefined )
291{
292	'use strict';
293
294	var elSelector		= 'header nav.main-navigation',
295		$element		= $( elSelector );
296
297	if( !$element.length ) return true;
298
299	var elHeight		= 0,
300		elTop			= 0,
301		$document		= $( document ),
302		dHeight			= 0,
303		$window			= $( window ),
304		wHeight			= 0,
305		wScrollCurrent	= 0,
306		wScrollBefore	= 0,
307		wScrollDiff		= 0;
308
309	$window.on( 'scroll', function()
310	{
311		elHeight		= $element.outerHeight();
312		dHeight			= $document.height();
313		wHeight			= $window.height();
314		wScrollCurrent	= $window.scrollTop();
315		wScrollDiff		= wScrollBefore - wScrollCurrent;

316		elTop			= parseInt( $element.css( 'top' ) ) + wScrollDiff;
317
318		if( wScrollCurrent <= 0 && $("body").hasClass("admin-bar") ){ // scrolled to the very top; element sticks to the top
319			$element.css( 'top', elTop > 0 ? $("#wpadminbar").height() : elTop );
320			$element.slideDown();
321			$element.removeClass('scrolled');
322		}
323		else if ( wScrollCurrent <= 0 ){
324			$element.css( 'top', 0 );
325			$element.slideDown();
326			$element.removeClass('scrolled');
327		}
328
329		else if( wScrollDiff > 0 && $("body").hasClass("admin-bar") ) // scrolled up; element slides in
330			if($("body").width() > 600){
331				$element.css( 'top', elTop > 0 ? $("#wpadminbar").height() : elTop );
332				$element.slideDown();
333			}
334			else{
335				$element.css( 'top', elTop > 0 ? 0 : elTop );
336				$element.slideDown();
337			}
338		else if( wScrollDiff > 0 ){ // scrolled up; element slides in
339			$element.css( 'top', elTop > 0 ? 0 : elTop );
340			$element.slideDown();
341		}
342
343		else if( wScrollDiff < 0 ) // scrolled down
344		{
345			if( wScrollCurrent + wHeight >= dHeight - elHeight )  // scrolled to the very bottom; element slides in
346			if( $("body").hasClass("admin-bar")){
347				if( $("body").width() > 600 )
348					$element.css( 'top', ( elTop = wScrollCurrent + wHeight - dHeight ) < 0 ? elTop : $("#wpadminbar").height() );
349				else
350					$element.css( 'top', ( elTop = wScrollCurrent + wHeight - dHeight ) < 0 ? elTop : 0 );
351				$element.slideDown();
352			}
353			else{
354				$element.css( 'top', ( elTop = wScrollCurrent + wHeight - dHeight ) < 0 ? elTop : 0 );
355				$element.slideDown();
356			}
357
358			else {// scrolled down; element slides out
359				$element.css( 'top', Math.abs( elTop ) > elHeight ? -elHeight : elTop );
360				$element.slideUp();
361				$element.addClass('scrolled');
362			}
363		}
364
365		wScrollBefore = wScrollCurrent;
366	});
367
368})( jQuery, window, document );