https://www.hiltes.com/wp-content/themes/ark/assets/scripts/components/form-modal.js?ver=6.9.7

1(function($){
2// Form Modal
3var FormModal = function() {
4    "use strict";
5
6    // Handle Form Modal Tab
7    var handleFormModalTab = function() {
8        $(document).ready(function($){
9            var $form_modal = $('.form-modal'),
10                $form_login = $form_modal.find('#form-modal-login'),
11                $form_signup = $form_modal.find('#form-modal-signup'),
12                $form_forgot_password = $form_modal.find('#form-modal-reset-password'),
13
14                $form_modal_tab = $('.form-modal-switcher'),
15                $tab_login = $form_modal_tab.children('.form-modal-switcher-item').eq(0),
16                $tab_signup = $form_modal_tab.children('.form-modal-switcher-item').eq(1),
17
18                $forgot_password_link = $form_login.find('.form-modal-back-btn'),
19                $form_signup_link = $form_login.find('.form-modal-back-btn'),
20                $back_to_login_link = $form_forgot_password.find('.form-modal-back-btn'),
21                $main_nav = $('.form-modal-nav');
22
23            //open modal
24            $main_nav.on('click', function(event){
25                if( $(event.target).is($main_nav) ) {
26                    // on mobile open the submenu
27                    $(this).children('ul').toggleClass('is-visible');
28                } else {
29                    // on mobile close submenu
30                    $main_nav.children('ul').removeClass('is-visible');
31                    //show modal layer
32                    $form_modal.addClass('is-visible');
33                    //show the selected form
34                    ( $(event.target).is('.form-modal-signup') ) ? signup_selected() : login_selected();
35                }
36            });
37
38            //close modal
39            $('.form-modal').on('click', function(event){
40                if ( $(event.target).is('.form-modal-close-form') ) {
41                    $form_modal.removeClass('is-visible');
42                }
43            });
44
45            //switch from a tab to another
46            $form_modal_tab.on('click', function(event) {
47                event.preventDefault();
48                ( $(event.target).is( $tab_login ) ) ? login_selected() : signup_selected();
49            });
50
51            //hide or show password
52            $('.form-modal-hide-password').on('click', function(){
53                var $this= $(this),
54                    $password_field = $this.prev('input');
55
56                ( 'password' == $password_field.attr('type') ) ? $password_field.attr('type', 'text') : $password_field.attr('type', 'password');
57                ( 'Hide' == $this.text() ) ? $this.text('Show') : $this.text('Hide');
58            });
59
60            //show forgot-password form
61            $forgot_password_link.on('click', function(event){
62                event.preventDefault();
63                forgot_password_selected();
64            });
65
66            //back to login from the forgot-password form
67            $back_to_login_link.on('click', function(event){
68                event.preventDefault();
69                login_selected();
70            });
71
72            function login_selected(){
73                // $main_nav.children('is-selected').removeClass('is-visible');;
74                $form_modal.addClass('is-selected');
75                $form_login.addClass('is-selected');
76                $form_signup.removeClass('is-selected');
77                $form_forgot_password.removeClass('is-selected');
78                $tab_login.addClass('selected');
79                $tab_signup.removeClass('selected');
80            }
81
82            function signup_selected(){
83                // $main_nav.children('is-selected').removeClass('is-visible');;
84                $form_modal.addClass('is-selected');
85                $form_login.removeClass('is-selected');
86                $form_signup.addClass('is-selected');
87                $form_forgot_password.removeClass('is-selected');
88                $tab_signup.addClass('selected');
89                $tab_login.removeClass('selected');
90            }
91
92            function forgot_password_selected(){
93                $form_login.removeClass('is-selected');
94                $form_signup.removeClass('is-selected');
95                $form_forgot_password.addClass('is-selected');
96            }
97        });
98    };
99
100    return {
101        init: function() {
102            handleFormModalTab(); // initial setup for form modal tab
103        }
104    }
105}();
106
107$(document).ready(function() {
108    FormModal.init();
109});
110})(jQuery);