Blame view

frontend/web/js/modal.js 3.48 KB
c420c609   alex   first commit
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
  $(
    function() {
  
  
        modalForms();
        closeForms();
        function modalForms() {
            $('body').on('click','.modal-link', function (e) {
                e.preventDefault();
  
  
                var idForm = $(this).data('form');
                // console.log(idForm);
                // var pos = ($(window).scrollTop()) + 30;
                $('#overlay').fadeIn(400,
                    function(){
                        $('#'+idForm)
                            .css('display', 'block')
                            .animate({opacity: 1}, 200);
                    });
                $("body").addClass("off-scroll");
            });
        }
        function closeForms() {
            $('.close, #overlay').click( function(){
                $('.forms_').animate({opacity: 0, top: '0'}, 200,function(){
                    $(this).css('display', 'none');
                    $('#overlay').fadeOut(400);
                });
                $('#success_form').animate({opacity: 0, top: '0'}, 200,function(){
                    $(this).css('display', 'none');
                    $(this).css({top:'50%'});
                });
                $("body").removeClass("off-scroll");
            });
        }
  
  
        $(".on_input_").on('click', function(){
            $(this).addClass("actived");
            $(this).parent().find("input").focus();
        });
        $(".forms_ input").on('focusout', function(){
            $(".on_input_.actived").removeClass("actived");
        });
  
        //      $(document)
        //          .on(
        //              'beforeSubmit', '.forms_ form', function() {
        //                  var f = this;
        //                  var form = $(this);
        //                  var formData = form.serialize();
        //                  console.log(formData);
        //                  $.ajax(
        //                      {
        //                          url: form.attr("action"),
        //                          type: form.attr("method"),
        //                          data: formData,
        //                          success: function(data) {
        //                              f.reset();
        //                              // form.replaceWith(data.alert)
        //                              // $(".modal-dialog").append(data.alert);
        //                              // setTimeout(function(){location.reload()}, 5000);
        //                              $(".close").click();
        //                              $(".success_").animate({opacity: 1, top: '40'}, 200).addClass("done_");
        //                              setTimeout(function(){$(".success_").animate({opacity: 0, top: '0'}, 200,function(){
        //                                  $(this).removeClass("done_");
        //                              })}, 4000);
        //
        //                          },
        //                          error: function() {
        //
        //                          }
        //                      }
        //                  );
        //              }
        //          )
        //          .on(
        //              'submit', '.forms_ form', function(e) {
        //                  e.preventDefault();
        //              }
        //          );
  
  
        $(".bnm.btn").on('click', function(){
            $("#booknow-modal .modal-title").html($(this).data('title'));
            $("#booknow-modal #booknow-tour").val($(this).data('title'));
        });
        $(".success_ button").click(function(){
            $(".success_").removeClass("done_");
        });
        $(".overlay-new").click(function(){
            $(".close").click();
        });
    }
  );