https://digilerseo.com/assets/js/main.js

1(function($){
2	"use strict";
3
4	// Mean Menu
5	$('.mean-menu').meanmenu({
6		meanScreenWidth: "1199"
7	});
8
9	// Header Sticky
10	$(window).on('scroll',function() {
11		if ($(this).scrollTop() > 120){  
12			$('.navbar-area').addClass("is-sticky");
13		}
14		else{
15			$('.navbar-area').removeClass("is-sticky");
16		}
17	});
18
19	// Others Option For Responsive JS
20	$(".others-option-for-responsive .dot-menu").on("click", function(){
21		$(".others-option-for-responsive .container .container").toggleClass("active");
22	});
23
24	// Search Menu JS
25	$(".others-option .search-box i").on("click", function(){
26		$(".search-overlay").toggleClass("search-overlay-active");
27	});
28	$(".search-overlay-close").on("click", function(){
29		$(".search-overlay").removeClass("search-overlay-active");
30	});
31
32	// Home Slides
33	$('.home-slides').owlCarousel({
34		loop: true,
35		nav: true,
36		dots: true,
37		autoplayHoverPause: true,
38		autoplay: true,
39		animateOut: 'fadeOut',
40		animateIn: 'fadeIn',
41		margin: 5,
42		items: 1,
43		navText: [
44			"<i class='flaticon-back'></i>",
45			"<i class='flaticon-chevron'></i>"
46		]
47	});
48	$('.home-slides-two').owlCarousel({
49		loop: true,
50		nav: true,
51		dots: false,
52		autoHeight: true,
53		autoplayHoverPause: true,
54		autoplay: true,
55		animateOut: 'fadeOut',
56    	animateIn: 'fadeIn',
57		items: 1,
58		navText: [
59			"<i class='flaticon-back'></i>",
60			"<i class='flaticon-chevron'></i>"
61		]
62	});
63
64	// Testimonials Slides
65	$('.testimonials-slides, .feedback-slides').owlCarousel({
66		loop: true,
67		nav: false,
68		dots: true,
69		autoplayHoverPause: true,
70		autoplay: true,
71		animateOut: 'fadeOut',
72    	animateIn: 'fadeIn',
73		items: 1,
74		navText: [
75			"<i class='flaticon-back'></i>",
76			"<i class='flaticon-chevron'></i>"
77		]
78	});
79
80	// Popup Video
81	$('.popup-youtube').magnificPopup({
82		disableOn: 320,
83		type: 'iframe',
84		mainClass: 'mfp-fade',
85		removalDelay: 160,
86		preloader: false,
87		fixedContentPos: false
88	});
89
90	// Team Slides
91	$('.team-slides').owlCarousel({
92		loop: true,
93		nav: false,
94		dots: true,
95		autoplayHoverPause: true,
96		autoplay: true,
97		margin: 30,
98		navText: [
99			"<i class='flaticon-back'></i>",
100			"<i class='flaticon-chevron'></i>"
101		],
102		responsive: {
103			0: {
104				items: 1,
105			},
106			576: {
107				items: 2,
108			},
109			768: {
110				items: 2,
111			},
112			992: {
113				items: 4,
114			}
115		}
116	});
117
118	// Portfolio Slides
119	$('.portfolio-slides').owlCarousel({
120		loop: true,
121		nav: true,
122		dots: false,
123		autoplayHoverPause: true,
124		autoplay: true,
125		margin: 30,
126		navText: [
127			"<i class='flaticon-back'></i>",
128			"<i class='flaticon-chevron'></i>"
129		],
130		responsive: {
131			0: {
132				items: 1,
133			},
134			576: {
135				items: 2,
136			},
137			768: {
138				items: 2,
139			},
140			992: {
141				items: 3,
142			},
143			1200: {
144				items: 4,
145			}
146		}
147	});
148
149	// Accordion JS
150	$(function() {
151		$('.accordion').find('.accordion-title').on('click', function(){
152			// Adds Active Class
153			$(this).toggleClass('active');
154			// Expand or Collapse This Panel
155			$(this).next().slideToggle('fast');
156			// Hide The Other Panels
157			$('.accordion-content').not($(this).next()).slideUp('fast');
158			// Removes Active Class From Other Titles
159			$('.accordion-title').not($(this)).removeClass('active');		
160		});
161	});
162
163	// Odometer JS
164	$('.odometer').appear(function(e) {
165		var odo = $(".odometer");
166		odo.each(function() {
167			var countNumber = $(this).attr("data-count");
168			$(this).html(countNumber);
169		});
170	});
171
172	// Article Image Slides
173	$('.article-image-slides').owlCarousel({
174		loop: true,
175		nav: true,
176		items: 1,
177		dots: false,
178		autoplayHoverPause: true,
179		autoplay: true,
180		animateOut: 'fadeOut',
181        animateIn: 'fadeIn',
182		navText: [
183			"<i class='flaticon-back'></i>",
184			"<i class='flaticon-chevron'></i>"
185		]
186	});
187
188	// Nice Select JS
189	$('select').niceSelect();
190
191	// Input Plus & Minus Number JS
192	$('.input-counter').each(function() {
193		var spinner = jQuery(this),
194		input = spinner.find('input[type="text"]'),
195		btnUp = spinner.find('.plus-btn'),
196		btnDown = spinner.find('.minus-btn'),
197		min = input.attr('min'),
198		max = input.attr('max');
199		
200		btnUp.on('click', function() {
201			var oldValue = parseFloat(input.val());
202			if (oldValue >= max) {
203				var newVal = oldValue;
204			} else {
205				var newVal = oldValue + 1;
206			}
207			spinner.find("input").val(newVal);
208			spinner.find("input").trigger("change");
209		});
210		btnDown.on('click', function() {
211			var oldValue = parseFloat(input.val());
212			if (oldValue <= min) {
213				var newVal = oldValue;
214			} else {
215				var newVal = oldValue - 1;
216			}
217			spinner.find("input").val(newVal);
218			spinner.find("input").trigger("change");
219		});
220	});
221
222	// Count Time 
223	function makeTimer() {
224		var endTime = new Date("September 20, 2022 17:00:00 PDT");			
225		var endTime = (Date.parse(endTime)) / 1000;
226		var now = new Date();
227		var now = (Date.parse(now) / 1000);
228		var timeLeft = endTime - now;
229		var days = Math.floor(timeLeft / 86400); 
230		var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
231		var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
232		var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
233		if (hours < "10") { hours = "0" + hours; }
234		if (minutes < "10") { minutes = "0" + minutes; }
235		if (seconds < "10") { seconds = "0" + seconds; }
236		$("#days").html(days + "<span>Days</span>");
237		$("#hours").html(hours + "<span>Hours</span>");
238		$("#minutes").html(minutes + "<span>Minutes</span>");
239		$("#seconds").html(seconds + "<span>Seconds</span>");
240	}
241	setInterval(function() { makeTimer(); }, 0);
242
243	// Sidebar Sticky
244	$('.portfolio-sidebar-sticky').stickySidebar({
245		topSpacing: 85,
246		bottomSpacing: 85
247	});
248
249	// Blog Slides
250	$('.blog-slides').owlCarousel({
251		loop: true,
252		nav: true,
253		dots: false,
254		autoplayHoverPause: true,
255		autoplay: true,
256		margin: 30,
257		navText: [
258			"<i class='flaticon-back'></i>",
259			"<i class='flaticon-chevron'></i>"
260		],
261		responsive: {
262			0: {
263				items: 1,
264			},
265			768: {
266				items: 2,
267			},
268			992: {
269				items: 3,
270			}
271		}
272	});
273
274	// Subscribe form
275	$(".newsletter-form").validator().on("submit", function (event) {
276		if (event.isDefaultPrevented()) {
277			// handle the invalid form...
278			formErrorSub();
279			submitMSGSub(false, "Please enter your email correctly.");
280		} else {
281			// everything looks good!
282			event.preventDefault();
283		}
284	});
285	function callbackFunction (resp) {
286		if (resp.result === "success") {
287			formSuccessSub();
288		}
289		else {
290			formErrorSub();
291		}
292	}
293	function formSuccessSub(){
294		$(".newsletter-form")[0].reset();
295		submitMSGSub(true, "Thank you for subscribing!");
296		setTimeout(function() {
297			$("#validator-newsletter").addClass('hide');
298		}, 4000)
299	}
300	function formErrorSub(){
301		$(".newsletter-form").addClass("animated shake");
302		setTimeout(function() {
303			$(".newsletter-form").removeClass("animated shake");
304		}, 1000)
305	}
306	function submitMSGSub(valid, msg){
307		if(valid){
308			var msgClasses = "validation-success";
309		} else {
310			var msgClasses = "validation-danger";
311		}
312		$("#validator-newsletter").removeClass().addClass(msgClasses).text(msg);
313	}
314	// AJAX MailChimp
315	$(".newsletter-form").ajaxChimp({
316		url: "https://envytheme.us20.list-manage.com/subscribe/post?u=60e1ffe2e8a68ce1204cd39a5&amp;id=42d6d188d9", // Your url MailChimp
317		callback: callbackFunction
318	});
319
320	// Go to Top
321	$(function(){
322		// Scroll Event
323		$(window).on('scroll', function(){
324			var scrolled = $(window).scrollTop();
325			if (scrolled > 600) $('.go-top').addClass('active');
326			if (scrolled < 600) $('.go-top').removeClass('active');
327		});  
328		// Click Event
329		$('.go-top').on('click', function() {
330			$("html, body").animate({ scrollTop: "0" },  500);
331		});
332	});
333
334	// WOW Animation JS
335	if($('.wow').length){
336		var wow = new WOW({
337			mobile: false
338		});
339		wow.init();
340	}
341
342	/*
343	New Demo JS
344	======================================================*/ 
345
346	// Dibiz Services Slides
347	$('.dibiz-services-slides').owlCarousel({
348		loop: true,
349		nav: false,
350		dots: true,
351		autoplayHoverPause: true,
352		autoplay: true,
353		margin: 25,
354		
355		responsive: {
356			0: {
357				items: 1,
358			},
359			576: {
360				items: 2,
361			},
362			768: {
363				items: 2,
364			},
365			1024: {
366				items: 3,
367			},
368			1200: {
369				items: 4,
370			}
371		}
372	});
373
374	// Dibiz Clients Slides
375	$('.dibiz-clients-slides').owlCarousel({
376		loop: true,
377		nav: false,
378		dots: true,
379		autoplayHoverPause: true,
380		autoplay: true,
381		margin: 25,
382		
383		responsive: {
384			0: {
385				items: 1,
386			},
387			576: {
388				items: 2,
389			},
390			768: {
391				items: 2,
392			},
393			1024: {
394				items: 3,
395			},
396			1200: {
397				items: 3,
398			}
399		}
400	});
401
402	// Dibiz Case Studies Slides
403	$('.dibiz-case-studies-slides').owlCarousel({
404		loop: true,
405		nav: true,
406		dots: false,
407		autoplayHoverPause: true,
408		autoplay: true,
409		margin: 25,
410
411		navText: [
412			"<i class='flaticon-back'></i>",
413			"<i class='flaticon-chevron'></i>"
414		],
415		responsive: {
416			0: {
417				items: 1,
418			},
419			576: {
420				items: 2,
421			},
422			768: {
423				items: 2,
424			},
425			1024: {
426				items: 2,
427			},
428			1200: {
429				items: 3,
430			}
431		}
432	});
433
434	// Dibiz Team Slides
435	$('.dibiz-team-slides').owlCarousel({
436		loop: true,
437		nav: true,
438		dots: false,
439		autoplayHoverPause: true,
440		autoplay: true,
441		margin: 25,
442
443		navText: [
444			"<i class='flaticon-back'></i>",
445			"<i class='flaticon-chevron'></i>"
446		],
447		responsive: {
448			0: {
449				items: 1,
450			},
451			576: {
452				items: 2,
453			},
454			768: {
455				items: 2,
456			},
457			1024: {
458				items: 3,
459			},
460			1200: {
461				items: 4,
462			}
463		}
464	});
465
466	// Dibiz Overview Slides
467	$('.dibiz-overview-slides').owlCarousel({
468		loop: true,
469		nav: false,
470		dots: false,
471		autoplayHoverPause: true,
472		autoplay: true,
473		margin: 25,
474		items: 1,
475		center: true,
476	});
477
478	// Buy Now Btn

479	$('body').append("<a href='https://themeforest.net/checkout/from_item/27446681?license=regular&support=bundle_6month&_ga=2.224557722.1657781501.1653794352-1356931366.1645330919' target='_blank' class='buy-now-btn'><img src='assets/img/envato.png' alt='envato'/>Buy Now</a>");
480
481
482	/* Start "Startup IT Agency Demo", "JS" */
483
484	// IT Services Slides JS
485	$('.it-services-slides').owlCarousel({
486		loop: true,
487		nav: false,
488		dots: true,
489		autoplayHoverPause: true,
490		autoplay: true,
491		margin: 25,
492		
493		responsive: {
494			0: {
495				items: 1,
496			},
497			576: {
498				items: 2,
499			},
500			768: {
501				items: 2,
502			},
503			1024: {
504				items: 3,
505			},
506			1200: {
507				items: 4,
508			}
509		}
510	});
511
512	// Case Study Slides JS
513	$('.case-study-slides').owlCarousel({
514		loop: true,
515		nav: false,
516		dots: true,
517		autoplayHoverPause: true,
518		autoplay: true,
519		margin: 25,
520		
521		responsive: {
522			0: {
523				items: 1,
524			},
525			576: {
526				items: 1,
527			},
528			768: {
529				items: 2,
530			},
531			1024: {
532				items: 3,
533			},
534			1200: {
535				items: 4,
536			},
537			1550: {
538				items: 5,
539			}
540		}
541	});
542
543	// IT Feedback Slides JS
544	$('.it-feedback-slides').owlCarousel({
545		loop: true,
546		nav: false,
547		dots: true,
548		autoplayHoverPause: true,
549		autoplay: true,
550		margin: 25,
551		
552		responsive: {
553			0: {
554				items: 1,
555			},
556			576: {
557				items: 1,
558			},
559			768: {
560				items: 2,
561			},
562			1024: {
563				items: 3,
564			},
565			1200: {
566				items: 3,
567			}
568		}
569	});
570
571	/* End "Startup IT Agency Demo", "JS" */
572
573
574	/* Start "Data Science & Analytics Demo", "JS" */
575
576	// DS Feedback Slides JS
577	$('.ds-feedback-slides').owlCarousel({
578		loop: true,
579		nav: true,
580		dots: false,
581		autoplayHoverPause: true,
582		autoplay: true,
583		margin: 25,
584		navText: [
585			"<i class='flaticon-back'></i>",
586			"<i class='flaticon-chevron'></i>"
587		],
588		responsive: {
589			0: {
590				items: 1,
591			},
592			576: {
593				items: 1,
594			},
595			768: {
596				items: 1,
597			},
598			1024: {
599				items: 1,
600			},
601			1200: {
602				items: 1,
603			}
604		}
605	});
606
607	// Project Details Slides JS
608	$('.project-details-slides').owlCarousel({
609		loop: true,
610		nav: true,
611		dots: false,
612		autoplayHoverPause: true,
613		autoplay: true,
614		margin: 25,
615		items: 2,
616		navText: [
617			"<i class='flaticon-back'></i>",
618			"<i class='flaticon-chevron'></i>"
619		],
620	});
621
622	/* End "Data Science & Analytics Demo", "JS" */
623
624}(jQuery));
625
626// function to set a given theme/color-scheme
627function setTheme(themeName) {
628    localStorage.setItem('dibiz_theme', themeName);
629    document.documentElement.className = themeName;
630}
631// function to toggle between light and dark theme
632function toggleTheme() {
633    if (localStorage.getItem('dibiz_theme') === 'theme-dark') {
634        setTheme('theme-light');
635    } else {
636        setTheme('theme-dark');
637    }
638}
639// Immediately invoked function to set the theme on initial load
640(function () {
641    if (localStorage.getItem('dibiz_theme') === 'theme-dark') {
642        setTheme('theme-dark');
643        document.getElementById('slider').checked = false;
644    } else {
645        setTheme('theme-light');
646      document.getElementById('slider').checked = true;
647    }
648})();