https://st-albertus.sch.id/wp-content/plugins/builderpress/inc/ele…/general/tabs/assets/js/tabs.js?ver=2.0.5

1(function($) {
2    'use strict';
3
4    $(document).ready(function() {
5        thim_startertheme.ready();
6    });
7
8    $(window).load(function() {
9        thim_startertheme.load();
10    });
11
12    var thim_startertheme = {
13
14        /**
15         * Call functions when document ready
16         */
17        ready: function() {
18            this.thim_tabs();
19            this.thim_tabs_slide();
20        },
21
22        /**
23         * Call functions when window load.
24         */
25        load: function() {
26
27        },
28
29        /**
30         * thim-tabs
31         */
32        thim_tabs: function() {
33            try {
34                $('.js-call-tabs').each(function(){
35                    var navTabs = $(this).find('.thim-nav-tabs');
36                    var contentTabs = $(this).find('.thim-content-tabs');
37
38                    $(contentTabs).find('.tab-panel').hide();
39
40                    var getPanelActive = $(navTabs).find('.item-nav.active').data('panel');
41
42                    $(contentTabs).find(".tab-panel[data-nav='" + getPanelActive + "']").show();
43                    $(contentTabs).find(".tab-panel[data-nav='" + getPanelActive + "']").addClass('active');
44
45                    $(navTabs).find('.item-nav').each(function(){
46                        $(this).on('click', function(){
47                            var getPanel = $(this).data('panel');
48
49                            $(contentTabs).find('.tab-panel').hide();
50                            $(contentTabs).find('.tab-panel').removeClass('active');
51                            $(navTabs).find('.item-nav').removeClass('active');
52
53                            $(contentTabs).find(".tab-panel[data-nav='" + getPanel + "']").show();
54                            $(contentTabs).find(".tab-panel[data-nav='" + getPanel + "']").addClass('active');
55                            $(this).addClass('active');
56                        });
57                    });
58
59                });
60            } catch(er) {console.log(er);}
61        },
62
63
64
65        thim_tabs_slide: function() {
66            try {
67                $('.js-call-tabs-slide').each(function(){
68                    var navTabs = $(this).find('.thim-nav-tabs');
69                    var contentTabs = $(this).find('.thim-content-tabs');
70                    var nextArrow = $(this).find('.next-arrow');
71                    var prevArrow = $(this).find('.prev-arrow');
72                    var itemNav = $(navTabs).find('.item-nav');
73
74                    $(contentTabs).find('.tab-panel').hide();
75
76                    var getPanelActive = $(navTabs).find('.item-nav.active').data('panel');
77
78                    $(contentTabs).find(".tab-panel[data-nav='" + getPanelActive + "']").show();
79                    $(contentTabs).find(".tab-panel[data-nav='" + getPanelActive + "']").addClass('active');
80
81
82                    $(itemNav).each(function(){
83                        $(this).on('click', function(){
84                            openTab(this);
85
86                            var curentItemNav = Number($(this).data('step'));
87                            for(var i=1; i<curentItemNav; i++) {
88                                $(navTabs).find(".item-nav[data-step='" + i + "']").addClass('active');
89                            }
90                        });
91                    });
92
93                    $(nextArrow).on('click', function(e) {
94                        e.preventDefault();
95
96                        for(var i=0; i<itemNav.length; i++) {
97                            if($(itemNav[i]).hasClass('active')) {
98                                if (i + 1 >= itemNav.length) {
99                                    openTab(itemNav[0]);
100                                }
101                                else {
102                                    openTab(itemNav[i+1]);
103                                }
104                                break;
105                            }
106                        }
107                    });
108
109                    $(prevArrow).on('click', function(e) {
110                        e.preventDefault();
111
112                        for(var i=0; i<itemNav.length; i++) {
113                            if($(itemNav[i]).hasClass('active')) {
114                                if (i - 1 < 0) {
115                                    openTab(itemNav[itemNav.length - 1]);
116                                }
117                                else {
118                                    openTab(itemNav[i-1]);
119                                }
120                                break;
121                            }
122                        }
123                    });
124
125                    function openTab(thisTab) {
126                        var getPanel = $(thisTab).data('panel');
127
128                        $(contentTabs).find('.tab-panel').hide();
129                        $(contentTabs).find('.tab-panel').removeClass('active');
130                        $(itemNav).removeClass('active');
131
132                        $(contentTabs).find(".tab-panel[data-nav='" + getPanel + "']").show();
133                        $(contentTabs).find(".tab-panel[data-nav='" + getPanel + "']").addClass('active');
134                        $(thisTab).addClass('active');
135                    }
136                });
137            } catch(er) {console.log(er);}
138        },
139
140    };
141
142})(jQuery);