https://theindiasaga.com/wp-content/themes/theindiasagatheme/assets/js/main.js

1(function($) {
2    'use strict';
3
4    // Page loading
5    var counterLoading = function() {
6        var count = setInterval(function() {
7            var c = parseInt($('.counter').text());
8            $('.counter').text((++c).toString());
9            if ((c == 100) && ($(window).on('load'))) {
10                clearInterval(count);
11                $('.counter').addClass('hide');
12                $('.preloader').fadeOut();
13            }
14        }, 10);
15
16        $(window).on('load', function() {
17            $('.preloader-2').delay(450).fadeOut('slow');
18        });
19    };
20
21    // Scroll progress
22    var scrollProgress = function() {
23        var docHeight = $(document).height(),
24            windowHeight = $(window).height(),
25            scrollPercent;
26        $(window).on('scroll', function() {
27            scrollPercent = $(window).scrollTop() / (docHeight - windowHeight) * 100;
28            $('.scroll-progress').width(scrollPercent + '%');
29        });
30    };
31
32    // Off canvas sidebar
33    var OffCanvas = function() {
34        $('#off-canvas-toggle').on('click', function() {
35            $('body').toggleClass("canvas-opened");
36        });
37
38        $('.dark-mark').on('click', function() {
39            $('body').removeClass("canvas-opened");
40
41        });
42        $('.off-canvas-close').on('click', function() {
43            $('body').removeClass("canvas-opened");
44        });
45
46        $('.mega-menu-item').on('click', function() {
47            $(this).toggleClass("open");
48            $('body').removeClass("open-search-form");
49        });
50    };
51
52    // Search form
53    var openSearchForm = function() {
54        $('button.search-icon').on('click', function() {
55            $('body').toggleClass("open-search-form");
56            $('.mega-menu-item').removeClass("open");
57            $("html, body").animate({ scrollTop: 0 }, "slow");
58        });
59        $('.search-close').on('click', function() {
60            $('body').removeClass("open-search-form");
61        });
62    };
63
64    // Mobile menu
65    var mobileMenu = function() {
66        var menu = $('ul#mobile-menu');
67        if (menu.length) {
68            menu.slicknav({
69                prependTo: ".mobile_menu",
70                closedSymbol: '+',
71                openedSymbol: '-'
72            });
73        };
74    };
75
76    var WidgetSubMenu = function() {
77        $(".widget_nav_menu .sub-menu").hide();
78        $(".menu li.menu-item-has-children > a").removeAttr("href");
79        $('.menu li.menu-item-has-children').on('click', function() {
80            var element = $(this);
81            if (element.hasClass('open')) {
82                element.removeClass('open');
83                element.find('li').removeClass('open');
84                element.find('ul').slideUp(200);
85            } else {
86                element.addClass('open');
87                element.children('ul').slideDown(200);
88                element.siblings('li').children('ul').slideUp(200);
89                element.siblings('li').removeClass('open');
90                element.siblings('li').find('li').removeClass('open');
91                element.siblings('li').find('ul').slideUp(200);
92            }
93        });
94    };
95
96    // Slick slider
97    var customSlickSlider = function() {
98
99        // home-featured-1
100        $('.home-featured-1').slick({
101            dots: false,
102            infinite: true,
103            speed: 1000,
104            arrows: false,
105            slidesToShow: 3,
106            slidesToScroll: 1,
107            autoplay: true,
108            loop: true,
109            adaptiveHeight: true,
110            cssEase: 'linear',
111            centerPadding: 50,
112            responsive: [{
113                    breakpoint: 1024,
114                    settings: {
115                        slidesToShow: 3,
116                        slidesToScroll: 3,
117                        infinite: true,
118                        dots: false,
119                    }
120                },
121                {
122                    breakpoint: 991,
123                    settings: {
124                        slidesToShow: 2,
125                        slidesToScroll: 1
126                    }
127                },
128                {
129                    breakpoint: 480,
130                    settings: {
131                        slidesToShow: 1,
132                        slidesToScroll: 1
133                    }
134                }
135            ]
136        });
137
138        // Slideshow Fade
139        $('.slide-fade').slick({
140            infinite: true,
141            dots: true,

142            arrows: false,
143            autoplay: true,
144            autoplaySpeed: 3000,
145            fade: true,
146            fadeSpeed: 2000
147        });
148
149    };
150
151    // Nice Select
152    var niceSelectBox = function() {
153        var nice_Select = $('select');
154        if (nice_Select.length) {
155            nice_Select.niceSelect();
156        }
157    };
158
159    //Header sticky
160    var headerSticky = function() {
161        $(window).on('scroll', function() {
162            var scroll = $(window).scrollTop();
163            if (scroll < 245) {
164                $(".header-sticky").removeClass("sticky-bar");
165            } else {
166                $(".header-sticky").addClass("sticky-bar");
167            }
168        });
169    };
170
171    // Scroll up to top
172    var scrollToTop = function() {
173        $.scrollUp({
174            scrollName: 'scrollUp', // Element ID
175            topDistance: '300', // Distance from top before showing element (px)
176            topSpeed: 300, // Speed back to top (ms)
177            animation: 'fade', // Fade, slide, none
178            animationInSpeed: 200, // Animation in speed (ms)
179            animationOutSpeed: 200, // Animation out speed (ms)
180            scrollText: '<i class="ti-angle-double-up"></i><br>Top', // Text for element
181            activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
182        });
183    };
184
185    //VSticker
186    var VSticker = function() {
187        $('#news-flash').vTicker({
188            speed: 800,
189            pause: 3000,
190            animation: 'fade',
191            mousePause: false,
192            showItems: 1
193        });
194        $('#date-time').vTicker({
195            speed: 800,
196            pause: 3000,
197            animation: 'fade',
198            mousePause: false,
199            showItems: 1
200        });
201    };
202
203    //sidebar sticky
204    var stickySidebar = function() {
205        $('.sticky-sidebar').theiaStickySidebar();
206    };
207
208    //Custom scrollbar
209    var customScrollbar = function() {
210        var $ = document.querySelector.bind(document);
211        var ps = new PerfectScrollbar('.custom-scrollbar');
212    };
213
214    //Mega menu
215    var megaMenu = function() {
216        $('.sub-mega-menu .nav-pills > a').on('mouseover', function(event) {
217            $(this).tab('show');
218        });
219    };
220
221    // Slider Range JS
222    var sliderRange = function() {
223        if ($("#slider-range").length) {
224            $("#slider-range").slider({
225                range: true,
226                min: 0,
227                max: 500,
228                values: [120, 250],
229                slide: function(event, ui) {
230                    $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
231                }
232            });
233            $("#amount").val("$" + $("#slider-range").slider("values", 0) +
234                " - $" + $("#slider-range").slider("values", 1));
235        }
236    };
237
238    //magnific Popup
239    var magPopup = function() {
240        if ($('.play-video').length) {
241            $('.play-video').magnificPopup({
242                disableOn: 700,
243                type: 'iframe',
244                mainClass: 'mfp-fade',
245                removalDelay: 160,
246                preloader: false,
247                fixedContentPos: false
248            });
249        }
250    };
251
252    var masonryGrid = function() {
253        if ($(".grid").length) {
254            // init Masonry
255            var $grid = $('.grid').masonry({
256                itemSelector: '.grid-item',
257                percentPosition: true,
258                columnWidth: '.grid-sizer',
259                gutter: 0
260            });
261
262            // layout Masonry after each image loads
263            $grid.imagesLoaded().progress(function() {
264                $grid.masonry();
265            });
266        }
267    };
268
269    //Single post tools
270    var singleTool = function() {
271        if ($(".single-print").length) {
272            $('.single-print').on('click', function() {
273                $('.single-content').printThis();
274            });
275        }
276
277        $(".fonts-size-zoom-in").on('click', function() {
278            var size = parseInt($('.single-content').css("font-size"));
279            size = size + 2;
280            $('.single-content').css("font-size", size);
281        });
282
283        $(".fonts-size-zoom-out").on('click', function() {
284            var size = parseInt($('.single-content').css("font-size"));
285            size = size - 2;
286            $('.single-content').css("font-size", size);
287        });
288    };
289
290    /* More articles*/
291    var moreArticles = function() {
292        $.fn.vwScroller = function(options) {
293            var default_options = {
294                delay: 500,
295                /* Milliseconds */
296                position: 0.7,
297                /* Multiplier for document height */
298                visibleClass: '',
299                invisibleClass: '',
300            }
301
302            var isVisible = false;
303            var $document = $(document);
304            var $window = $(window);
305
306            options = $.extend(default_options, options);
307
308            var observer = $.proxy(function() {
309                var isInViewPort = $document.scrollTop() > (($document.height() - $window.height()) * options.position);
310
311                if (!isVisible && isInViewPort) {
312                    onVisible();
313                } else if (isVisible && !isInViewPort) {
314                    onInvisible();
315                }
316            }, this);
317
318            var onVisible = $.proxy(function() {
319                isVisible = true;
320
321                /* Add visible class */
322                if (options.visibleClass) {
323                    this.addClass(options.visibleClass);
324                }
325
326                /* Remove invisible class */
327                if (options.invisibleClass) {
328                    this.removeClass(options.invisibleClass);
329                }
330
331            }, this);
332
333            var onInvisible = $.proxy(function() {
334                isVisible = false;
335
336                /* Remove visible class */
337                if (options.visibleClass) {
338                    this.removeClass(options.visibleClass);
339                }
340
341                /* Add invisible class */
342                if (options.invisibleClass) {
343                    this.addClass(options.invisibleClass);
344                }
345            }, this);
346
347            /* Start observe*/
348            setInterval(observer, options.delay);
349
350            return this;
351        }
352
353        if ($.fn.vwScroller) {
354            var $more_articles = $('.single-more-articles');
355            $more_articles.vwScroller({ visibleClass: 'single-more-articles--visible', position: 0.55 })
356            $more_articles.find('.single-more-articles-close-button').on('click', function() {
357                $more_articles.hide();
358            });
359        }
360    }
361
362    /* WOW active */
363    new WOW().init();
364
365    //Load functions
366    $(document).ready(function() {
367        counterLoading();
368        openSearchForm();
369        OffCanvas();
370        customScrollbar();
371        magPopup();
372        scrollToTop();
373        headerSticky();
374        stickySidebar();
375        customSlickSlider();
376        megaMenu();
377        mobileMenu();
378        WidgetSubMenu();
379        scrollProgress();
380        niceSelectBox();
381        VSticker();
382        masonryGrid();
383        singleTool();
384        moreArticles();
385    });

386
387})(jQuery);