https://www.vvspartanijkerk.nl/wp-content/themes/DraadCore-child/js/contact_tabs.js

1$(window).load(function() {
2    $('.tab-button.program-period-button').trigger('click');
3});
4
5$(function() {
6    $('#contact_tabs .wedstrijdsecretariaat-button').addClass('current');
7    $('#contact_tabs .program-period-button').addClass('current');
8    $('#contact_tabs .team-selection-button').addClass('current');
9    var clones = $('#contact_tabs .wedstrijdsecretariaat-button .contacttab_content').clone();
10    $("#contact_tabs .contact_content_column").append(clones);
11    $("#contact_tabs .contact_content_column").append($('#contact_tabs .team-selection-button .contacttab_content').clone());
12    //setTimeout(function() {
13    $("#contact_tabs .contact_content_column").append($('#contact_tabs .program-period-button .contacttab_content').clone());
14    //}, 2000);
15});
16(function() {
17    $("#contact_tabs .tab-button").on('click', function(e) {
18        $("#contact_tabs .tab-button").removeClass('current');
19        var content = $(this).children('.contacttab_content');
20        var clones = $(this).children('.contacttab_content').clone();
21        $(this).addClass('current');
22        $("#contact_tabs .contact_content_column .contacttab_content").remove();
23        $("#contact_tabs .contact_content_column").append(clones);
24    });
25})();
26
27
28$(document).ready(function() {
29    // Add the JS for the new contact layout
30    $('.custom_tabs_element_multicat #contact_tabs .veiligheidszaken-button').addClass('current').trigger('click');
31
32    setTimeout(function() {
33        // On click of one of the new main tabs, select the first sub tab
34        $('.custom_tabs_element_multicat .tab_titles .tab').on('click', function(e) {
35            $('.tab-button').removeClass('current');
36
37            let fakeId = $(this).data('fake-id');
38            let tabContentActive = $('.custom_tabs_element_multicat .av_tab_section .tab[data-fake-id="' + fakeId + '"]');
39
40            // Check if tabcontent is not empty
41            if (tabContentActive.length > 0) {
42                // Add the class current to the first tab button
43                $(tabContentActive).closest('.av_tab_section').find('#contact_tabs .tab-button').first().addClass('current').trigger('click');
44            }
45        });
46    }, 1000);
47});
48
49var emails = [];
50$(document).on('ready', function () {
51    mailPopupPeople();
52});
53$('#contact_tabs .tab-button').on('click', function () {
54    mailPopupPeople();
55});
56
57function mailPopupPeople() {
58    emails = [];
59    $('.mail_btn a').on('click', function () {
60        emails = [];
61        var $popup = $('#pum-1757');
62        var fieldNumber = '12_11';
63        var $selectContainer = $popup.find('#field_' + fieldNumber);
64        var $select = $selectContainer.find('#input_' + fieldNumber);
65        var $tab = $('#contact_tabs .tab-button.current');
66        var $emailContainer = $popup.find('#input_12_5');
67        emails.push($(this).data('contact-mail'));
68        $select.html('');
69        if (!$tab.hasClass('no-email')) {
70            var articles = $tab.find('article');
71
72            for (var article in articles) {
73                if (articles.hasOwnProperty(article)) {
74                    if (!isNaN(article)) {
75                        var $el = $(articles[article]).find('.mail_btn a');
76                        var name = $el.data('contact-persoon');
77                        var email = $el.data('contact-mail');
78
79                        if ($(this).data('contact-persoon') !== name && name !== undefined && email !== undefined) {
80
81                            var choiceNumber = fieldNumber + '_' + (parseInt(article) + 1);
82                            $select.append('<li class="gchoice_' + choiceNumber + ' focus" data-contact-persoon="' + name +
83                                '" data-contact-mail="' + email + '"><input name="input_11_' + (parseInt(article) + 1)
84                                + '" type="checkbox" value="' + name + '" id="choice_' + choiceNumber + '"><label for="choice_' + choiceNumber +
85                                '" id="label_' + choiceNumber + '">' + name + '</label></li>');
86                        }
87                    }
88                }
89            }
90
91            $select.find('li label').on('click', function () {
92                var email = $(this).parent().data('contact-mail');
93                var i = emails.indexOf(email);
94
95                if (i > -1) {
96                    emails.splice(i, 1);
97                } else {
98                    emails.push(email);
99                }
100
101                $emailContainer.val('');
102                var temp = '';
103                for (var em = 0; em < emails.length; em++) {
104                    temp += emails[em] + ',';
105                }
106
107                $emailContainer.val(temp.slice(0, -1));
108            });
109
110            $selectContainer.removeClass('gfield_visibility_hidden');
111        } else {
112            $selectContainer.addClass('gfield_visibility_hidden');
113        }
114    });
115}