From 5ba94c74fa6b627fed96de857d22acd0acbc5f7f Mon Sep 17 00:00:00 2001
From: Alex <kennen.md@gmail.com>
Date: Tue, 2 Jan 2018 17:47:08 +0200
Subject: [PATCH] -Modals ready, need to fix success modal

---
 blocks/footer_endhtml.php |   1 +
 blocks/modal.php          |  14 +++++++-------
 js/submit.js              | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 114 insertions(+), 7 deletions(-)

diff --git a/blocks/footer_endhtml.php b/blocks/footer_endhtml.php
index d9ba2f8..0c0af79 100644
--- a/blocks/footer_endhtml.php
+++ b/blocks/footer_endhtml.php
@@ -202,6 +202,7 @@ _________________________________________________________ -->
 	<script src="/js/start-swipe.js"></script>
     <!-- owl carousel -->
     <script src="js/owl.carousel.min.js"></script>
+<script src="/js/submit.js"></script>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/blocks/modal.php b/blocks/modal.php
index 7bf3946..769e811 100644
--- a/blocks/modal.php
+++ b/blocks/modal.php
@@ -6,11 +6,11 @@
           </div>
           <div class="modal-body">
               <form id="get-itform" action="" method="POST" role="form">
-<div class="form-group field-booknow-email required">
+<div id="name-block" class="form-group field-booknow-email required">
 <div class="on_input_"></div><label class="control-label" for="booknow-email">Ваше имя</label><input type="text" id="booknow-email" class="form-control" name="name" autocomplete="off" aria-required="true">
-</div><div class="form-group field-booknow-email required">
+</div><div id="email-block" class="form-group field-booknow-email required">
 <div class="on_input_"></div><label class="control-label" for="booknow-email">Ваш e-mail</label><input type="text" id="booknow-email" class="form-control" name="email" autocomplete="off" aria-required="true">
-</div><div class="form-group field-booknow-email required">
+</div><div id="phone-block" class="form-group field-booknow-email required">
 <div class="on_input_"></div><label class="control-label" for="booknow-email">Ваш телефон</label><input type="text" id="booknow-email" class="form-control" name="phone" autocomplete="off" aria-required="true">
 </div>
 <div class="form-group field-booknow-message">
@@ -27,17 +27,17 @@
           <div class="overlay-new"></div>
       </div>
 	  
-	  <div class="success_" style="display:none;">
+	  <div id="success-modal" class="success_" style="display:none;">
         <div class="forms_wr_">
           <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
-            <h3 class="modal-title" id="Success">Thank you</h3>
+            <h3 class="modal-title" id="Success">Спасибо за заявку</h3>
           </div>
           <div class="modal-body">
 
-            <p class="text-center">We will send you tour information in short time!</p>
+            <p class="text-center">Мы скоро с вами свяжемся.</p>
             <p class="text-center">
-              <button type="button" class="btn btn-template-primary" data-dismiss="modal">Close</button>
+              <button type="button" class="btn btn-template-primary" data-dismiss="modal">Закрыть</button>
             </p>
           </div>
         </div>
diff --git a/js/submit.js b/js/submit.js
index e69de29..35627e8 100644
--- a/js/submit.js
+++ b/js/submit.js
@@ -0,0 +1,106 @@
+$(
+    function() {
+        $(document)
+            .on(
+                'submit', '#get-itform', function(e) {
+                    e.preventDefault();
+                    var dataArray = $(this)
+                        .serializeArray();
+                    dataArray.forEach(
+                        function(elem) {
+                            console.log(elem.name);
+                        }
+                    );
+
+                    var form = this;
+                    if (validate(dataArray)) {
+                        $.ajax(
+                            {
+                                url: 'http://artbox.net.ua/en/feedback',
+                                type: "POST",
+                                data: dataArray,
+                                success: function(data) {
+                                    if (data.status) {
+                                        form.reset();
+                                        var pos = ($(window)
+                                                       .scrollTop() + 30 + 50);
+                                        $('.forms_')
+                                            .animate(
+                                                {
+                                                    opacity: 0,
+                                                    top: '0'
+                                                }, 200, function() {
+                                                    $(this)
+                                                        .css('display', 'none');
+                                                    //                                            $('#overlay').fadeOut(400);
+                                                }
+                                            );
+                                        $('#success-modal')
+                                            .css('display', 'block')
+                                            .animate(
+                                                {
+                                                    opacity: 1,
+                                                    top: pos
+                                                }, 200
+                                            );
+                                    }
+                                }
+                            }
+                        );
+                    }
+                }
+            );
+
+        $(document)
+            .on(
+                'blur', '.form-control', function() {
+                    var formData = $('#get-itform')
+                        .serializeArray();
+                    validate(formData);
+                }
+            );
+
+        function validate(array) {
+            var isValid = true;
+            var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+            array.forEach(
+                function(element) {
+                    switch (element.name) {
+                        case 'name' :
+                            if (element.value.length === 0) {
+                                $('#name-block')
+                                    .addClass('has-error');
+                                isValid = false;
+                            } else {
+                                $('#name-block')
+                                    .removeClass('has-error');
+                            }
+                            break;
+                        case 'phone' :
+                            if (element.value.length === 0) {
+                                $('#phone-block')
+                                    .addClass('has-error');
+                                isValid = false;
+                            } else {
+                                $('#phone-block')
+                                    .removeClass('has-error');
+                            }
+                            break;
+                        case 'email' :
+                            if ((element.value.length === 0) || !re.test(element.value.toLowerCase())) {
+                                $('#email-block')
+                                    .addClass('has-error');
+                                isValid = false;
+                            } else {
+                                $('#email-block')
+                                    .removeClass('has-error');
+                            }
+                            break;
+                    }
+                }
+            );
+
+            return isValid;
+        }
+    }
+);
\ No newline at end of file
--
libgit2 0.21.4