Commit e095876b7edc480fc7116beced9a7ab6649eb718
1 parent
79271740
правки по формам
Showing
6 changed files
with
128 additions
and
20 deletions
Show diff stats
common/messages/ru/app.php
@@ -6,6 +6,10 @@ return [ | @@ -6,6 +6,10 @@ return [ | ||
6 | 'Brands' => 'Бренды', | 6 | 'Brands' => 'Бренды', |
7 | 'Free!' => 'Бесплатная', | 7 | 'Free!' => 'Бесплатная', |
8 | 8 | ||
9 | + 'Your request1' => 'Ваша заявка', | ||
10 | + | ||
11 | + | ||
12 | + | ||
9 | 'Flexible system' => 'гибкая система', | 13 | 'Flexible system' => 'гибкая система', |
10 | 14 | ||
11 | 15 | ||
@@ -14,6 +18,7 @@ return [ | @@ -14,6 +18,7 @@ return [ | ||
14 | 18 | ||
15 | 'Purchase' => 'Заказать', | 19 | 'Purchase' => 'Заказать', |
16 | 'dev1' => 'заводы', | 20 | 'dev1' => 'заводы', |
21 | + 'Fill tel/name' => 'Заполните поля имя и телефон', | ||
17 | 22 | ||
18 | 23 | ||
19 | 'Name' => 'Имя', | 24 | 'Name' => 'Имя', |
@@ -49,7 +54,7 @@ return [ | @@ -49,7 +54,7 @@ return [ | ||
49 | 'About Product!' => 'О товаре', | 54 | 'About Product!' => 'О товаре', |
50 | 'by dev' => 'от производителя', | 55 | 'by dev' => 'от производителя', |
51 | 'Callback' => 'Обратный звонок', | 56 | 'Callback' => 'Обратный звонок', |
52 | - | 57 | + 'Set your request' => 'Оставьте вашу заявку', |
53 | 58 | ||
54 | 59 | ||
55 | 'Support' => 'Помощь', | 60 | 'Support' => 'Помощь', |
@@ -81,6 +86,8 @@ return [ | @@ -81,6 +86,8 @@ return [ | ||
81 | 'from 2004' => 'с 2004 года', | 86 | 'from 2004' => 'с 2004 года', |
82 | 'build/montage' => 'строительно-монтажные', | 87 | 'build/montage' => 'строительно-монтажные', |
83 | 'build' => 'строительные', | 88 | 'build' => 'строительные', |
89 | + 'Message' => 'Сообщение', | ||
90 | + 'Message wasn`t send' => 'Сообщение не отправлено', | ||
84 | 91 | ||
85 | 92 | ||
86 | 'Phone' => 'Телефон', | 93 | 'Phone' => 'Телефон', |
common/messages/ua/app.php
@@ -10,7 +10,7 @@ return [ | @@ -10,7 +10,7 @@ return [ | ||
10 | 10 | ||
11 | 'About Product' => 'ПРО ТОВАР', | 11 | 'About Product' => 'ПРО ТОВАР', |
12 | 'Advantages' => 'ПЕРЕВАГИ', | 12 | 'Advantages' => 'ПЕРЕВАГИ', |
13 | - | 13 | + 'Message wasn`t send' => 'Сообщение не отправлено', |
14 | 14 | ||
15 | 'Brands' => 'Бренди', | 15 | 'Brands' => 'Бренди', |
16 | 'Free!' => 'Безкоштовна', | 16 | 'Free!' => 'Безкоштовна', |
@@ -94,12 +94,16 @@ return [ | @@ -94,12 +94,16 @@ return [ | ||
94 | 'transport' => 'транспортні', | 94 | 'transport' => 'транспортні', |
95 | 'Phone' => 'Телефон', | 95 | 'Phone' => 'Телефон', |
96 | 'Email' => 'Email', | 96 | 'Email' => 'Email', |
97 | + 'Message' => 'Повiдомлення', | ||
98 | + | ||
99 | + | ||
97 | 100 | ||
98 | 'Ukr' => 'укр', | 101 | 'Ukr' => 'укр', |
99 | 'Packing tape' => 'Пакувальний скотч', | 102 | 'Packing tape' => 'Пакувальний скотч', |
100 | 'success work stage' => 'успішний досвід роботи', | 103 | 'success work stage' => 'успішний досвід роботи', |
101 | 104 | ||
102 | - | 105 | + 'Set your request' => 'Залиште вашу заявку', |
106 | + 'Your request1' => 'Ваша заявка', | ||
103 | 'Company Title' => 'ArtPlast', | 107 | 'Company Title' => 'ArtPlast', |
104 | 108 | ||
105 | 109 |
frontend/config/main.php
@@ -10,8 +10,10 @@ | @@ -10,8 +10,10 @@ | ||
10 | ); | 10 | ); |
11 | 11 | ||
12 | $send="Отправить"; | 12 | $send="Отправить"; |
13 | + $request1='Ваша заявка'; | ||
13 | if(strpos($_SERVER['REQUEST_URI'],"/ua")!==false) { | 14 | if(strpos($_SERVER['REQUEST_URI'],"/ua")!==false) { |
14 | $send = "Вiдправити"; | 15 | $send = "Вiдправити"; |
16 | + | ||
15 | } | 17 | } |
16 | 18 | ||
17 | 19 | ||
@@ -86,26 +88,28 @@ | @@ -86,26 +88,28 @@ | ||
86 | 'templateForm' => '<div class="row">{form}</div>', | 88 | 'templateForm' => '<div class="row">{form}</div>', |
87 | 'attributes' => [ | 89 | 'attributes' => [ |
88 | 'name', | 90 | 'name', |
89 | - 'email', | ||
90 | 'phone', | 91 | 'phone', |
92 | + 'message', | ||
91 | 93 | ||
92 | ], | 94 | ], |
93 | 'rules' => [ | 95 | 'rules' => [ |
94 | [ | 96 | [ |
95 | - [ 'email' ], | ||
96 | - 'email', | 97 | + [ 'message' ], |
98 | + 'text', | ||
97 | ], | 99 | ], |
98 | [ | 100 | [ |
99 | [ | 101 | [ |
100 | - 'email', | 102 | + |
101 | 'name', | 103 | 'name', |
102 | 'phone', | 104 | 'phone', |
103 | ], | 105 | ], |
104 | 'required', | 106 | 'required', |
105 | - ] | 107 | + |
108 | + ], | ||
109 | + | ||
106 | ], | 110 | ], |
107 | 'labels' => [ | 111 | 'labels' => [ |
108 | - 'email' => 'Email', | 112 | + 'message' => 'Message', |
109 | 'name' => 'Name', | 113 | 'name' => 'Name', |
110 | 'phone' => 'Phone' | 114 | 'phone' => 'Phone' |
111 | ], | 115 | ], |
@@ -114,9 +118,11 @@ | @@ -114,9 +118,11 @@ | ||
114 | 'name' => [ | 118 | 'name' => [ |
115 | 'template' => '<div class="col-sm-12">{input}</div>' | 119 | 'template' => '<div class="col-sm-12">{input}</div>' |
116 | ], | 120 | ], |
117 | - 'email' => [ | ||
118 | - 'template' => '<div class="col-sm-12">{input}</div>' | ||
119 | - ], | 121 | + 'message' => [ |
122 | + 'type' => 'textarea', | ||
123 | + 'options' => [], | ||
124 | + 'template' => '<div class="input-wr">{input}</div>' | ||
125 | + ], | ||
120 | 'phone' => [ | 126 | 'phone' => [ |
121 | 'template' => '<div class="col-sm-12">{input}</div>' | 127 | 'template' => '<div class="col-sm-12">{input}</div>' |
122 | ], | 128 | ], |
@@ -130,7 +136,7 @@ | @@ -130,7 +136,7 @@ | ||
130 | 'subject' => 'test tt22', | 136 | 'subject' => 'test tt22', |
131 | 'ajax' => true, | 137 | 'ajax' => true, |
132 | 'formId' => 'contact-form', | 138 | 'formId' => 'contact-form', |
133 | - 'scenario' => 'default', | 139 | + 'scenario' => 'callback', |
134 | 'successCallback' => 'function (data) { | 140 | 'successCallback' => 'function (data) { |
135 | document.getElementById("contact-form").reset(); | 141 | document.getElementById("contact-form").reset(); |
136 | 142 | ||
@@ -145,7 +151,85 @@ | @@ -145,7 +151,85 @@ | ||
145 | },400)}', | 151 | },400)}', |
146 | 152 | ||
147 | ], | 153 | ], |
154 | + 'request_1' => [ | ||
155 | + 'class' => 'artbox\core\forms\Module', | ||
156 | + 'activeRecord' => "common\models\Feedback", | ||
157 | + 'templateForm' => '<div class="row">{form}</div>', | ||
158 | + 'attributes' => [ | ||
159 | + 'name', | ||
160 | + 'phone', | ||
161 | + 'message', | ||
162 | + | ||
163 | + ], | ||
164 | + 'rules' => [ | ||
165 | + [ | ||
166 | + [ 'message' ], | ||
167 | + 'text', | ||
168 | + ], | ||
169 | + [ | ||
170 | + [ | ||
171 | + | ||
172 | + 'name', | ||
173 | + 'phone', | ||
174 | + ], | ||
175 | + 'required', | ||
176 | + | ||
177 | + ] | ||
178 | + ], | ||
179 | + 'labels' => [ | ||
180 | + 'message' => 'Message', | ||
181 | + 'name' => 'Name', | ||
182 | + 'phone' => 'Phone' | ||
183 | + ], | ||
184 | + | ||
185 | + 'inputOptions' => [ | ||
186 | + 'name' => [ | ||
187 | + 'template' => '<div class="col-sm-12">{input}</div>' | ||
188 | + ], | ||
189 | + 'message' => [ | ||
190 | + 'type' => 'textarea', | ||
191 | + 'options' => [], | ||
192 | + 'template' => '<div class="input-wr">{input}</div>' | ||
193 | + ], | ||
194 | + 'phone' => [ | ||
195 | + 'template' => '<div class="col-sm-12">{input}</div>' | ||
196 | + ], | ||
197 | + | ||
198 | + ], | ||
199 | + 'buttonTemplate' => '<div class="button-wr">{button}</div>', | ||
200 | + | ||
201 | + 'buttonContent' => '<i class="fa fa-envelope-o"></i>'.$request1, | ||
202 | + 'sendEmail' => true, | ||
203 | + 'email' => 'alkhonko@gmail.com', | ||
204 | + 'subject' => 'test tt22', | ||
205 | + 'ajax' => true, | ||
206 | + 'formId' => 'contact-form', | ||
207 | + 'scenario' => 'callback', | ||
208 | + 'successCallback' => 'function (data) { | ||
209 | + document.getElementById("contact-form").reset(); | ||
210 | + | ||
211 | + | ||
212 | + var pos = ($(window).scrollTop()) + 30; | ||
213 | + | ||
214 | + $(".forms_").animate({opacity: 0, top: "0"}, 200,function(){ | ||
215 | + $(this).css("display", "none"); | ||
216 | + }); | ||
217 | + setTimeout(function () { | ||
218 | + $("#overlay").fadeIn(400); | ||
219 | + | ||
220 | + if(data.status=="success"){ | ||
221 | + $("#success_form").css("display", "block").animate({opacity: 1, top: pos}, 700); | ||
222 | + } | ||
223 | + else{ | ||
224 | + $("#success_form.error_form").css("display", "block").animate({opacity: 1, top: pos}, 700); | ||
225 | + } | ||
226 | + | ||
227 | + | ||
228 | + | ||
229 | + | ||
230 | + },400)}', | ||
148 | 231 | ||
232 | + ], | ||
149 | 233 | ||
150 | 234 | ||
151 | 235 |
frontend/mail/layouts/html.php
@@ -2,6 +2,6 @@ | @@ -2,6 +2,6 @@ | ||
2 | 2 | ||
3 | 3 | ||
4 | <h2>Поступила новая заявка от пользователя</h2> | 4 | <h2>Поступила новая заявка от пользователя</h2> |
5 | -<p><b>Email:</b> <?=$GLOBALS["_POST"]["Feedback"]["email"];?></p> | ||
6 | <p><b>Имя:</b> <?=$GLOBALS["_POST"]["Feedback"]["name"];?></p> | 5 | <p><b>Имя:</b> <?=$GLOBALS["_POST"]["Feedback"]["name"];?></p> |
7 | <p><b>Телефон:</b> <?=$GLOBALS["_POST"]["Feedback"]["phone"];?></p> | 6 | <p><b>Телефон:</b> <?=$GLOBALS["_POST"]["Feedback"]["phone"];?></p> |
7 | +<p><b>Cообщение:</b> <?=$GLOBALS["_POST"]["Feedback"]["message"];?></p> |
frontend/views/site/index.php
@@ -19,7 +19,7 @@ use artbox\core\models\Language; | @@ -19,7 +19,7 @@ use artbox\core\models\Language; | ||
19 | $settings = Settings::getInstance(); | 19 | $settings = Settings::getInstance(); |
20 | 20 | ||
21 | $module=\Yii::$app->getModule('contact'); | 21 | $module=\Yii::$app->getModule('contact'); |
22 | - | 22 | +$moduleRequest=\Yii::$app->getModule('request_1'); |
23 | 23 | ||
24 | ?> | 24 | ?> |
25 | 25 | ||
@@ -348,9 +348,11 @@ $module=\Yii::$app->getModule('contact'); | @@ -348,9 +348,11 @@ $module=\Yii::$app->getModule('contact'); | ||
348 | <tr> | 348 | <tr> |
349 | <td> | 349 | <td> |
350 | <div class="forms-wrapp"> | 350 | <div class="forms-wrapp"> |
351 | - <div class="forms-title"><?=\Yii::t('app','Call me');?></div> | 351 | + <div class="forms-title"> |
352 | + <?=\Yii::t('app','Set your request');?> | ||
353 | + </div> | ||
352 | 354 | ||
353 | - <?php echo $module->renderForm($this); ?> | 355 | + <?php echo $moduleRequest->renderForm($this); ?> |
354 | </div> | 356 | </div> |
355 | </td> | 357 | </td> |
356 | <td> | 358 | <td> |
@@ -438,14 +440,14 @@ $module=\Yii::$app->getModule('contact'); | @@ -438,14 +440,14 @@ $module=\Yii::$app->getModule('contact'); | ||
438 | <span id="modal_close"></span> | 440 | <span id="modal_close"></span> |
439 | 441 | ||
440 | <div class="forms-wrapp"> | 442 | <div class="forms-wrapp"> |
441 | - <div class="forms-title"><?=\Yii::t('app','Call me');?></div> | ||
442 | - <?php echo $module->renderForm($this); ?> | 443 | + <div class="forms-title"><?=\Yii::t('app','Your request1');?></div> |
444 | + <?php echo $moduleRequest->renderForm($this); ?> | ||
443 | </div> | 445 | </div> |
444 | </div> | 446 | </div> |
445 | <div id="callback" class="forms_" style="display: none;"> | 447 | <div id="callback" class="forms_" style="display: none;"> |
446 | <span id="modal_close"></span> | 448 | <span id="modal_close"></span> |
447 | <div class="forms-wrapp"> | 449 | <div class="forms-wrapp"> |
448 | - <div class="forms-title"><?=\Yii::t('app','Callback');?></div> | 450 | + <div class="forms-title"><?=\Yii::t('app','Set your request');?></div> |
449 | <?php echo $module->renderForm($this); ?> | 451 | <?php echo $module->renderForm($this); ?> |
450 | </div> | 452 | </div> |
451 | </div> | 453 | </div> |
@@ -456,3 +458,9 @@ $module=\Yii::$app->getModule('contact'); | @@ -456,3 +458,9 @@ $module=\Yii::$app->getModule('contact'); | ||
456 | <p><?=\Yii::t('app','We call you later');?></p></div> | 458 | <p><?=\Yii::t('app','We call you later');?></p></div> |
457 | </div> | 459 | </div> |
458 | 460 | ||
461 | +<div id="success_form" class="error_form" style="display: none;"> | ||
462 | + <span id="modal_close"></span> | ||
463 | + <div class="txt-success"><span><?=\Yii::t('app','Message wasn`t send');?></span> | ||
464 | + <p><?=\Yii::t('app','Fill tel/name');?></p></div> | ||
465 | +</div> | ||
466 | + |
frontend/web/js/script.js
@@ -251,6 +251,11 @@ $(document).ready(function() { | @@ -251,6 +251,11 @@ $(document).ready(function() { | ||
251 | $(this).prev("#overlay").css('display', 'none'); | 251 | $(this).prev("#overlay").css('display', 'none'); |
252 | $(this).css({top:'50%'}); | 252 | $(this).css({top:'50%'}); |
253 | }); | 253 | }); |
254 | + $('#success_form.error_form').animate({opacity: 0, top: '0'}, 200,function(){ | ||
255 | + $(this).css('display', 'none'); | ||
256 | + $(this).prev("#overlay").css('display', 'none'); | ||
257 | + $(this).css({top:'50%'}); | ||
258 | + }); | ||
254 | }); | 259 | }); |
255 | } | 260 | } |
256 | //после удачной отправки формы запускать success() | 261 | //после удачной отправки формы запускать success() |