PageSourceSearch

https://qyzylorda-drama-theatre.kz/themes/demo/assets/js/main.js

js qyzylorda-drama-theatre.kz collected 2026-10-03 18:49:28 UTC 12,686 bytes, 587 lines download raw bytes

1(function ($) {
2	"use strict";
3
4/*=============================================
5	=    		 Preloader			      =
6=============================================*/
7function preloader() {
8	$('#preloader').delay(0).fadeOut();
9};
10
11$(window).on('load', function () {
12	preloader();
13	wowAnimation();
14});
15
16
17
18/*=============================================
19	=    		Mobile Menu			      =
20=============================================*/
21//SubMenu Dropdown Toggle
22if ($('.menu-area li.menu-item-has-children ul').length) {
23	$('.menu-area .navigation li.menu-item-has-children').append('<div class="dropdown-btn"><span class="fas fa-angle-down"></span></div>');
24
25}
26
27//Mobile Nav Hide Show
28if ($('.mobile-menu').length) {
29
30	var mobileMenuContent = $('.menu-area .main-menu').html();
31	$('.mobile-menu .menu-box .menu-outer').append(mobileMenuContent);
32
33	//Dropdown Button
34	$('.mobile-menu li.menu-item-has-children .dropdown-btn').on('click', function () {
35		$(this).toggleClass('open');
36		$(this).prev('ul').slideToggle(300);
37	});
38	//Menu Toggle Btn
39	$('.mobile-nav-toggler').on('click', function () {
40		$('body').addClass('mobile-menu-visible');
41	});
42
43	//Menu Toggle Btn
44	$('.menu-backdrop, .mobile-menu .close-btn').on('click', function () {
45		$('body').removeClass('mobile-menu-visible');
46	});
47}
48
49
50
51/*=============================================
52	=     Menu sticky & Scroll to top      =
53=============================================*/
54$(window).on('scroll', function () {
55	var scroll = $(window).scrollTop();
56	if (scroll < 245) {
57		$("#sticky-header").removeClass("sticky-menu");
58        $('.scroll-to-target').removeClass('open');
59		$("#header-fixed-height").removeClass("active-height");
60
61	} else {
62		$("#sticky-header").addClass("sticky-menu");
63        $('.scroll-to-target').addClass('open');
64		$("#header-fixed-height").addClass("active-height");
65	}
66});
67
68
69/*=============================================
70	=    		 Scroll Up  	         =
71=============================================*/
72if ($('.scroll-to-target').length) {
73  $(".scroll-to-target").on('click', function () {
74    var target = $(this).attr('data-target');
75    // animate
76    $('html, body').animate({
77      scrollTop: $(target).offset().top
78    }, 1000);
79
80  });
81}
82
83
84/*=============================================
85	=           Data Background             =
86=============================================*/
87$("[data-background]").each(function () {
88	$(this).css("background-image", "url(" + $(this).attr("data-background") + ")")
89})
90
91/*===========================================
92	=            OffCanvas Active     =
93=============================================*/
94$('.offcanvas-toggle a').on('click', function () {
95	$('body').addClass('offCanvas-menu-visible');
96	return false;
97});
98
99$('.offCanvas-overlay, .offCanvas-toggle').on('click', function () {
100	$('body').removeClass('offCanvas-menu-visible');
101});
102
103
104/*=============================================
105	=            Header Search            =
106=============================================*/
107$(".search-open-btn").on("click", function () {
108    $(".search__popup").addClass("search-opened");
109    $(".search-popup-overlay").addClass("search-popup-overlay-open");
110});
111$(".search-close-btn").on("click", function () {
112    $(".search__popup").removeClass("search-opened");
113    $(".search-popup-overlay").removeClass("search-popup-overlay-open");
114});
115
116
117/*=============================================
118	=          Dark Light Toggler     =
119=============================================*/
120function tg_theme_toggler() {
121
122    $('.modeSwitch').on("change", function () {
123        toggleTheme();
124    });
125
126    // set toggle theme scheme
127    function tg_set_scheme(tg_theme) {
128        localStorage.setItem('tg_theme_scheme', tg_theme);
129        document.documentElement.setAttribute("tg-theme", tg_theme);
130    }
131
132    // toggle theme scheme
133    function toggleTheme() {
134        if (localStorage.getItem('tg_theme_scheme') === 'dark') {
135            tg_set_scheme('light');
136        } else {
137            tg_set_scheme('dark');
138        }
139    }
140
141    // set the first theme scheme
142    function tg_init_theme() {
143        if (localStorage.getItem('tg_theme_scheme') === 'dark') {
144            tg_set_scheme('dark');
145            document.querySelector('.modeSwitch').checked = true;
146        } else {
147            tg_set_scheme('light');
148            document.querySelector('.modeSwitch').checked = false;
149        }
150    }
151    tg_init_theme();
152}
153if ($(".modeSwitch").length > 0) {
154    tg_theme_toggler();
155}
156
157
158/*=============================================
159	=    		Brand Active		      =
160=============================================*/
161$('.brand-active').slick({
162	dots: false,
163	infinite: true,
164	speed: 1000,
165	autoplay: true,
166	arrows: false,
167	slidesToShow: 6,
168	slidesToScroll: 2,
169	responsive: [
170		{
171			breakpoint: 1200,
172			settings: {
173				slidesToShow: 5,
174				slidesToScroll: 1,
175				infinite: true,
176			}
177		},
178		{
179			breakpoint: 992,
180			settings: {
181				slidesToShow: 4,
182				slidesToScroll: 1
183			}
184		},
185		{
186			breakpoint: 767,
187			settings: {
188				slidesToShow: 3,
189				slidesToScroll: 1,
190				arrows: false,
191			}
192		},
193		{
194			breakpoint: 575,
195			settings: {
196				slidesToShow: 2,
197				slidesToScroll: 1,
198				arrows: false,
199			}
200		},
201	]
202});
203
204
205
206/*=============================================
207	=    		Featured Active		      =
208=============================================*/
209$('.featured-post-active').slick({
210	dots: false,
211	infinite: true,
212	speed: 1000,
213	autoplay: true,
214    arrows: true,
215    prevArrow: '<button type="button" class="slick-prev"><i class="flaticon-next"></i></button>',
216    nextArrow: '<button type="button" class="slick-next"><i class="flaticon-next"></i></button>',
217	slidesToShow: 4,
218	slidesToScroll: 1,
219	responsive: [
220		{
221			breakpoint: 1200,
222			settings: {
223				slidesToShow: 3,
224				slidesToScroll: 1,
225				infinite: true,
226			}
227		},
228		{
229			breakpoint: 992,
230			settings: {
231				slidesToShow: 2,
232				slidesToScroll: 1
233			}
234		},
235		{
236			breakpoint: 767,
237			settings: {
238				slidesToShow: 2,
239				slidesToScroll: 1,
240				arrows: false,
241			}
242		},
243		{
244			breakpoint: 575,
245			settings: {
246				slidesToShow: 1,
247				slidesToScroll: 1,
248				arrows: false,
249			}
250		},
251	]
252});
253
254
255/*=============================================
256	=    		Editor Active		      =
257=============================================*/
258$('.editor-post-active').slick({
259	dots: false,
260	infinite: true,
261	speed: 1000,
262	autoplay: false,
263    arrows: true,
264    prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-arrow-left"></i></button>',
265    nextArrow: '<button type="button" class="slick-next"><i class="fas fa-arrow-right"></i></button>',
266    appendArrows: ".editor-nav",
267	slidesToShow: 3,
268	slidesToScroll: 1,
269	responsive: [
270		{
271			breakpoint: 1200,
272			settings: {
273				slidesToShow: 2,
274				slidesToScroll: 1,
275				infinite: true,
276			}
277		},
278		{
279			breakpoint: 992,
280			settings: {
281				slidesToShow: 2,
282				slidesToScroll: 1
283			}
284		},
285		{
286			breakpoint: 767,
287			settings: {
288				slidesToShow: 2,
289				slidesToScroll: 1,
290				arrows: false,
291			}
292		},
293		{
294			breakpoint: 575,
295			settings: {
296				slidesToShow: 1,
297				slidesToScroll: 1,
298				arrows: false,
299			}
300		},
301	]
302});
303
304/*=============================================
305	=    		Editor Active		      =
306=============================================*/
307$('.editor-post-active-two').slick({
308	dots: false,
309	infinite: true,
310	speed: 1000,
311	autoplay: false,
312    arrows: true,
313    prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-arrow-left"></i></button>',
314    nextArrow: '<button type="button" class="slick-next"><i class="fas fa-arrow-right"></i></button>',
315    appendArrows: ".editor-nav-two",
316	slidesToShow: 4,
317	slidesToScroll: 1,
318	responsive: [
319		{
320			breakpoint: 1200,
321			settings: {
322				slidesToShow: 2,
323				slidesToScroll: 1,
324				infinite: true,
325			}
326		},
327		{
328			breakpoint: 992,
329			settings: {
330				slidesToShow: 2,
331				slidesToScroll: 1
332			}
333		},
334		{
335			breakpoint: 767,
336			settings: {
337				slidesToShow: 2,
338				slidesToScroll: 1,
339			}
340		},
341		{
342			breakpoint: 575,
343			settings: {
344				slidesToShow: 1,
345				slidesToScroll: 1,
346			}
347		},
348	]
349});
350
351
352/*=============================================
353	=    		overlay post Active		      =
354=============================================*/
355$('.overlay-post-active').slick({
356	dots: false,
357	infinite: true,
358	speed: 1000,
359	autoplay: true,
360    arrows: false,
361	slidesToShow: 4,
362	slidesToScroll: 1,
363	responsive: [
364		{
365			breakpoint: 1200,
366			settings: {
367				slidesToShow: 3,
368				slidesToScroll: 1,
369				infinite: true,
370			}
371		},
372		{
373			breakpoint: 992,
374			settings: {
375				slidesToShow: 2,
376				slidesToScroll: 1
377			}
378		},
379		{
380			breakpoint: 767,
381			settings: {
382				slidesToShow: 2,
383				slidesToScroll: 1,
384				arrows: false,
385			}
386		},
387		{
388			breakpoint: 575,
389			settings: {
390				slidesToShow: 1,
391				slidesToScroll: 1,
392				arrows: false,
393			}
394		},
395	]
396});
397
398
399/*=============================================
400	=    		Trending Active		      =
401=============================================*/
402$('.trending-post-active').slick({
403	dots: false,
404	infinite: true,
405	speed: 1000,
406	autoplay: true,
407    arrows: true,
408    prevArrow: '<button type="button" class="slick-prev"><i class="flaticon-next"></i></button>',
409    nextArrow: '<button type="button" class="slick-next"><i class="flaticon-next"></i></button>',
410	slidesToShow: 4,
411	slidesToScroll: 1,
412	responsive: [
413		{
414			breakpoint: 1200,
415			settings: {
416				slidesToShow: 3,
417				slidesToScroll: 1,
418				infinite: true,
419			}
420		},
421		{
422			breakpoint: 992,
423			settings: {
424				slidesToShow: 2,
425				slidesToScroll: 1
426			}
427		},
428		{
429			breakpoint: 767,
430			settings: {
431				slidesToShow: 2,
432				slidesToScroll: 1,
433				arrows: false,
434			}
435		},
436		{
437			breakpoint: 575,
438			settings: {
439				slidesToShow: 1,
440				slidesToScroll: 1,
441				arrows: false,
442			}
443		},
444	]
445});
446
447
448/*=============================================
449	=    		Coin Active		      =
450=============================================*/
451$('.coin-active').slick({
452	dots: false,
453	infinite: true,
454	speed: 1000,
455	autoplay: true,
456    arrows: false,
457	slidesToShow: 7,
458	slidesToScroll: 2,
459	responsive: [
460		{
461			breakpoint: 1200,
462			settings: {
463				slidesToShow: 5,
464				slidesToScroll: 2,
465				infinite: true,
466			}
467		},
468		{
469			breakpoint: 992,
470			settings: {
471				slidesToShow: 4,
472				slidesToScroll: 1,
473			}
474		},
475		{
476			breakpoint: 767,
477			settings: {
478				slidesToShow: 3,
479				slidesToScroll: 1,
480				arrows: false,
481			}
482		},
483		{
484			breakpoint: 575,
485			settings: {
486				slidesToShow: 2,
487				slidesToScroll: 1,
488				arrows: false,
489			}
490		},
491	]
492});
493
494/*=============================================
495	=    		overlay post Active		      =
496=============================================*/
497$('.instagram-active').slick({
498	dots: false,
499	infinite: true,
500	speed: 1000,
501	autoplay: true,
502    arrows: false,
503	slidesToShow: 8,
504	slidesToScroll: 1,
505	responsive: [
506		{
507			breakpoint: 1200,
508			settings: {
509				slidesToShow: 5,
510				slidesToScroll: 1,
511				infinite: true,
512			}
513		},
514		{
515			breakpoint: 992,
516			settings: {
517				slidesToShow: 4,
518				slidesToScroll: 1
519			}
520		},
521		{
522			breakpoint: 767,
523			settings: {
524				slidesToShow: 3,
525				slidesToScroll: 1,
526				arrows: false,
527			}
528		},
529		{
530			breakpoint: 575,
531			settings: {
532				slidesToShow: 2,
533				slidesToScroll: 1,
534				arrows: false,
535			}
536		},
537	]
538});
539
540
541/*=============================================
542	=    		Trending slider  	       =
543=============================================*/
544const TrendingSlider = new Swiper(".ta-trending-slider", {
545slidesPerView: 1,
546loop: true,
547slideToClickedSlide: true,
548direction: "vertical",
549autoplay: {
550    delay: 4000,
551},
552speed: 800,
553});
554
555
556/*=============================================
557	=    		Magnific Popup		      =
558=============================================*/
559$('.popup-image').magnificPopup({
560	type: 'image',
561	gallery: {
562		enabled: true
563	}
564});
565
566/* magnificPopup video view */
567$('.popup-video').magnificPopup({
568	type: 'iframe'
569});
570
571
572/*=============================================
573	=    		 Wow Active  	         =
574=============================================*/
575function wowAnimation() {
576	var wow = new WOW({
577		boxClass: 'wow',
578		animateClass: 'animated',
579		offset: 0,
580		mobile: false,
581		live: true
582	});
583	wow.init();
584}
585
586
587})(jQuery);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.