EXPO-149 ready

templates/client/popups/advertise.html

@@ -6,7 +6,8 @@
 		<div class="pw-title">{% trans 'Ваши контактные данные' %}</div>
 	</header>
 	<div class="pw-body clearfix">
-		<form class="pw-form" id="advertise-form" action="/service/advertise/">
+		<form class="pw-form simple-validate" method="post" id="advertise-form" action="/service/com_rek/">
+			{% csrf_token %}
 			<div class="pwf-line">
 				<div class="pwf-field">
 					<input type="text" placeholder="Контактное лицо" name="person_inf" id="id_person_inf">
@@ -23,7 +24,7 @@
 				</div>
 			</div>
 			<div class="pwf-buttons-line">
-				<button type="submit" class="submit">{% trans 'Отправить запрос' %}</button>
+				<button type="submit" class="submit">{% trans 'Заказать услугу' %}</button>
 			</div>
 		</form>
 	</div>

templates/client/popups/callback.html

@@ -9,7 +9,7 @@
 		<div class="label">
 			<p>Вам удобнее, чтобы мы Вам позвонили? Укажите контактный номер телефона и имя, и наши консультанты свяжутся с Вами.</p>
 		</div>
-		<form class="pw-form" id="callback-form" action="/callback/">
+		<form class="pw-form simple-validate" method="get" id="callback-form" action="/callback/">
 			<div class="pwf-line">
 				<div class="pwf-field">
 					<input type="text" placeholder="Контактное лицо" name="person_inf" id="id_person_inf">

templates/client/simple_pages/advertising.html

@@ -141,7 +141,7 @@
 										<div class="btn-wrap">
 											<div class="order-button">
 												<span class="ob-price">5 000 <em class="rub"><i>{% trans 'руб.' %}</i></em></span>
-												<a class="ob-text" href="#">{% trans 'Заказать услугу' %}</a>
+												<a class="ob-text pw-open" href="#pw-advertise">{% trans 'Заказать услугу' %}</a>
 											</div>
 
 											<div class="tad-prise-descr">{% trans 'за месяц размещения в ТОП в 1 тематике' %}</div>
@@ -161,7 +161,7 @@
 										<div class="btn-wrap">
 											<div class="order-button">
 												<span class="ob-price">12 000 <em class="rub"><i>{% trans 'руб.' %}</i></em></span>
-												<a class="ob-text" href="#">{% trans 'Заказать услугу' %}</a>
+												<a class="ob-text pw-open" href="#pw-advertise">{% trans 'Заказать услугу' %}</a>
 											</div>
 
 											<div class="tad-prise-descr">{% trans 'за год за 1 тематический раздел' %}</div>

templates/client/static_client/js/_modules/block.common.js

@@ -27,9 +27,9 @@ if (EXPO.common){
 		 */
 		that.opt = {}; //свойства по умолчанию
 
-		// Валидация форм, каждый объект содержит поля объектов формы и методы работы с формой
+
 		/**
-		 *  Form validation mechanism
+		 *  registration and enter login Form validation mechanism
 		 * @param {*|jQuery|HTMLElement} obj - particualr form
 		 * @constructor
 		 */
@@ -165,9 +165,49 @@ if (EXPO.common){
 //dependences
 		that.forms = [];
 		$(function () {
+			/**
+			 * registration and login form validation
+			 */
 			$('form.validate').each(function () {
 				that.forms.push(new Validation(this));
 			});
+			/**
+			 * simple validation for all type of forms.
+			 * require that input is covered by tag
+			 */
+			$('form.simple-validate').on('submit', function(e){
+				e.preventDefault();
+				var $form = $(this),
+					url = $form.attr('action'),
+					formData = $(this).serialize(),
+					method = $form.attr("method"),
+					callback = function (data) {
+						if (data.success){
+							$.fancybox.close();
+
+							$(".error", $form).remove();
+							$(".required.err", $form).removeClass("required err");
+							$("input:text", $form).val('');
+
+						}
+						else{
+							// delete previous error messages
+							$(".error", $form).remove();
+							$(".required.err", $form).removeClass("required err");
+
+							$.each(data.errors, function (index, value) {
+								var $input = $("#id_"+index, $form),
+									$error = $("<div/>").attr("class", "error").append(value);
+								$input.parent().addClass('required err').prepend($error);
+							})
+						}
+					};
+				if(method == "post"){
+					$.post(url, formData, callback);
+				}else{
+					$.get(url, formData, callback);
+				}
+			});
 
 		});
 //private

templates/client/static_client/js/main.js

@@ -98,32 +98,7 @@ function placeInput(width){
 	/* submiting registration form */
 	$(function () {
 
-        $('#callback-form').on('submit', function(e){
-            e.preventDefault();
-            var $form = $(this);
-            var url = $form.attr('action');
-            var formData = $(this).serialize();
-
-            $.get(url, formData, function(data){
-                if (data.success){
-                    $.fancybox.close();
-					$('#callback-form').find('input:text').val('');
-					$('#callback-form').find('.required').removeClass('required err');
-					$("#callback-form .error").remove();
-                }
-                else{
-                    // delete prvious error
-                    $("#callback-form .error").remove();
 
-                    var $input = $('#id_callback_phone')
-                    // generate new error
-                    var $error = $("<div>").attr("class", "error").append(data.errors['callback_phone']);
-                    $input.parent().addClass('required err').prepend($error);
-                    console.log(data.errors)
-                }
-            });
-            //alert(123);
-        });
 		$('#send_message_form').on('submit', function(event){
 			event.preventDefault();
 			$this = $(this);

templates/client/static_client/js/vendor.js

@@ -3139,32 +3139,7 @@ function placeInput(width){
 	/* submiting registration form */
 	$(function () {
 
-        $('#callback-form').on('submit', function(e){
-            e.preventDefault();
-            var $form = $(this);
-            var url = $form.attr('action');
-            var formData = $(this).serialize();
 
-            $.get(url, formData, function(data){
-                if (data.success){
-                    $.fancybox.close();
-					$('#callback-form').find('input:text').val('');
-					$('#callback-form').find('.required').removeClass('required err');
-					$("#callback-form .error").remove();
-                }
-                else{
-                    // delete prvious error
-                    $("#callback-form .error").remove();
-
-                    var $input = $('#id_callback_phone')
-                    // generate new error
-                    var $error = $("<div>").attr("class", "error").append(data.errors['callback_phone']);
-                    $input.parent().addClass('required err').prepend($error);
-                    console.log(data.errors)
-                }
-            });
-            //alert(123);
-        });
 		$('#send_message_form').on('submit', function(event){
 			event.preventDefault();
 			$this = $(this);