https://thaihouse.be/taurus/js/main.js

1/*  ---------------------------------------------------
2  Template Name: Gym
3  Description:  Gym Fitness HTML Template
4  Author: Colorlib
5  Author URI: https://colorlib.com
6  Version: 1.0
7  Created: Colorlib
8---------------------------------------------------------  */
9
10'use strict';
11
12(function ($) {
13
14    /*------------------
15        Preloader
16    --------------------*/
17    $(window).on('load', function () {
18        $(".loader").fadeOut();
19        $("#preloder").delay(200).fadeOut("slow");
20    });
21
22    /*------------------
23        Background Set
24    --------------------*/
25    $('.set-bg').each(function () {
26        var bg = $(this).data('setbg');
27        $(this).css('background-image', 'url(' + bg + ')');
28    });
29
30    //Canvas Menu
31    $(".canvas-open").on('click', function () {
32        $(".offcanvas-menu-wrapper").addClass("show-offcanvas-menu-wrapper");
33        $(".offcanvas-menu-overlay").addClass("active");
34    });
35
36    $(".canvas-close, .offcanvas-menu-overlay").on('click', function () {
37        $(".offcanvas-menu-wrapper").removeClass("show-offcanvas-menu-wrapper");
38        $(".offcanvas-menu-overlay").removeClass("active");
39    });
40
41    // Search model
42    $('.search-switch').on('click', function () {
43        $('.search-model').fadeIn(400);
44    });
45
46    $('.search-close-switch').on('click', function () {
47        $('.search-model').fadeOut(400, function () {
48            $('#search-input').val('');
49        });
50    });
51
52    //Masonary
53    $('.gallery').masonry({
54        itemSelector: '.gs-item',
55        columnWidth: '.grid-sizer',
56        gutter: 10
57    });
58
59    /*------------------
60		Navigation
61	--------------------*/
62    $(".mobile-menu").slicknav({
63        prependTo: '#mobile-menu-wrap',
64        allowParentLinks: true
65    });
66
67    /*------------------
68        Carousel Slider
69    --------------------*/
70    var hero_s = $(".hs-slider");
71    hero_s.owlCarousel({
72        loop: true,
73        margin: 0,
74        nav: true,
75        items: 1,
76        dots: false,
77        animateOut: 'fadeOut',
78        animateIn: 'fadeIn',
79        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
80        smartSpeed: 1200,
81        autoHeight: false,
82        autoplay: false
83    });
84
85    /*------------------
86        Team Slider
87    --------------------*/
88    $(".ts-slider").owlCarousel({
89        loop: true,
90        margin: 0,
91        items: 3,
92        dots: true,
93        dotsEach: 2,
94        smartSpeed: 1200,
95        autoHeight: false,
96        autoplay: true,
97        responsive: {
98            320: {
99                items: 1,
100            },
101            768: {
102                items: 2,
103            },
104            992: {
105                items: 3,
106            }
107        }
108    });
109
110    /*------------------
111        Testimonial Slider
112    --------------------*/
113    $(".ts_slider").owlCarousel({
114        loop: true,
115        margin: 0,
116        items: 1,
117        dots: false,
118        nav: true,
119        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
120        smartSpeed: 1200,
121        autoHeight: false,
122        autoplay: true
123    });
124
125    /*------------------
126        Image Popup
127    --------------------*/
128    $('.image-popup').magnificPopup({
129        type: 'image'
130    });
131
132    /*------------------
133        Video Popup
134    --------------------*/
135    $('.video-popup').magnificPopup({
136        type: 'iframe'
137    });
138
139    /*------------------
140        Barfiller
141    --------------------*/
142    $('#bar1').barfiller({
143        barColor: '#ffffff',
144        duration: 2000
145    });
146    $('#bar2').barfiller({
147        barColor: '#ffffff',
148        duration: 2000
149    });
150    $('#bar3').barfiller({
151        barColor: '#ffffff',
152        duration: 2000
153    });
154
155    $('.table-controls ul li').on('click', function () {
156        var tsfilter = $(this).data('tsfilter');
157        $('.table-controls ul li').removeClass('active');
158        $(this).addClass('active');
159
160        if (tsfilter == 'all') {
161            $('.class-timetable').removeClass('filtering');
162            $('.ts-meta').removeClass('show');
163        } else {
164            $('.class-timetable').addClass('filtering');
165        }
166        $('.ts-meta').each(function () {
167            $(this).removeClass('show');
168            if ($(this).data('tsmeta') == tsfilter) {
169                $(this).addClass('show');
170            }
171        });
172    });

173
174})(jQuery);