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 | 'Brands' => 'Бренды', |
| 7 | 7 | 'Free!' => 'Бесплатная', |
| 8 | 8 | |
| 9 | + 'Your request1' => 'Ваша заявка', | |
| 10 | + | |
| 11 | + | |
| 12 | + | |
| 9 | 13 | 'Flexible system' => 'гибкая система', |
| 10 | 14 | |
| 11 | 15 | |
| ... | ... | @@ -14,6 +18,7 @@ return [ |
| 14 | 18 | |
| 15 | 19 | 'Purchase' => 'Заказать', |
| 16 | 20 | 'dev1' => 'заводы', |
| 21 | + 'Fill tel/name' => 'Заполните поля имя и телефон', | |
| 17 | 22 | |
| 18 | 23 | |
| 19 | 24 | 'Name' => 'Имя', |
| ... | ... | @@ -49,7 +54,7 @@ return [ |
| 49 | 54 | 'About Product!' => 'О товаре', |
| 50 | 55 | 'by dev' => 'от производителя', |
| 51 | 56 | 'Callback' => 'Обратный звонок', |
| 52 | - | |
| 57 | + 'Set your request' => 'Оставьте вашу заявку', | |
| 53 | 58 | |
| 54 | 59 | |
| 55 | 60 | 'Support' => 'Помощь', |
| ... | ... | @@ -81,6 +86,8 @@ return [ |
| 81 | 86 | 'from 2004' => 'с 2004 года', |
| 82 | 87 | 'build/montage' => 'строительно-монтажные', |
| 83 | 88 | 'build' => 'строительные', |
| 89 | + 'Message' => 'Сообщение', | |
| 90 | + 'Message wasn`t send' => 'Сообщение не отправлено', | |
| 84 | 91 | |
| 85 | 92 | |
| 86 | 93 | 'Phone' => 'Телефон', | ... | ... |
common/messages/ua/app.php
| ... | ... | @@ -10,7 +10,7 @@ return [ |
| 10 | 10 | |
| 11 | 11 | 'About Product' => 'ПРО ТОВАР', |
| 12 | 12 | 'Advantages' => 'ПЕРЕВАГИ', |
| 13 | - | |
| 13 | + 'Message wasn`t send' => 'Сообщение не отправлено', | |
| 14 | 14 | |
| 15 | 15 | 'Brands' => 'Бренди', |
| 16 | 16 | 'Free!' => 'Безкоштовна', |
| ... | ... | @@ -94,12 +94,16 @@ return [ |
| 94 | 94 | 'transport' => 'транспортні', |
| 95 | 95 | 'Phone' => 'Телефон', |
| 96 | 96 | 'Email' => 'Email', |
| 97 | + 'Message' => 'Повiдомлення', | |
| 98 | + | |
| 99 | + | |
| 97 | 100 | |
| 98 | 101 | 'Ukr' => 'укр', |
| 99 | 102 | 'Packing tape' => 'Пакувальний скотч', |
| 100 | 103 | 'success work stage' => 'успішний досвід роботи', |
| 101 | 104 | |
| 102 | - | |
| 105 | + 'Set your request' => 'Залиште вашу заявку', | |
| 106 | + 'Your request1' => 'Ваша заявка', | |
| 103 | 107 | 'Company Title' => 'ArtPlast', |
| 104 | 108 | |
| 105 | 109 | ... | ... |
frontend/config/main.php
| ... | ... | @@ -10,8 +10,10 @@ |
| 10 | 10 | ); |
| 11 | 11 | |
| 12 | 12 | $send="Отправить"; |
| 13 | + $request1='Ваша заявка'; | |
| 13 | 14 | if(strpos($_SERVER['REQUEST_URI'],"/ua")!==false) { |
| 14 | 15 | $send = "Вiдправити"; |
| 16 | + | |
| 15 | 17 | } |
| 16 | 18 | |
| 17 | 19 | |
| ... | ... | @@ -86,26 +88,28 @@ |
| 86 | 88 | 'templateForm' => '<div class="row">{form}</div>', |
| 87 | 89 | 'attributes' => [ |
| 88 | 90 | 'name', |
| 89 | - 'email', | |
| 90 | 91 | 'phone', |
| 92 | + 'message', | |
| 91 | 93 | |
| 92 | 94 | ], |
| 93 | 95 | 'rules' => [ |
| 94 | 96 | [ |
| 95 | - [ 'email' ], | |
| 96 | - 'email', | |
| 97 | + [ 'message' ], | |
| 98 | + 'text', | |
| 97 | 99 | ], |
| 98 | 100 | [ |
| 99 | 101 | [ |
| 100 | - 'email', | |
| 102 | + | |
| 101 | 103 | 'name', |
| 102 | 104 | 'phone', |
| 103 | 105 | ], |
| 104 | 106 | 'required', |
| 105 | - ] | |
| 107 | + | |
| 108 | + ], | |
| 109 | + | |
| 106 | 110 | ], |
| 107 | 111 | 'labels' => [ |
| 108 | - 'email' => 'Email', | |
| 112 | + 'message' => 'Message', | |
| 109 | 113 | 'name' => 'Name', |
| 110 | 114 | 'phone' => 'Phone' |
| 111 | 115 | ], |
| ... | ... | @@ -114,9 +118,11 @@ |
| 114 | 118 | 'name' => [ |
| 115 | 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 | 126 | 'phone' => [ |
| 121 | 127 | 'template' => '<div class="col-sm-12">{input}</div>' |
| 122 | 128 | ], |
| ... | ... | @@ -130,7 +136,7 @@ |
| 130 | 136 | 'subject' => 'test tt22', |
| 131 | 137 | 'ajax' => true, |
| 132 | 138 | 'formId' => 'contact-form', |
| 133 | - 'scenario' => 'default', | |
| 139 | + 'scenario' => 'callback', | |
| 134 | 140 | 'successCallback' => 'function (data) { |
| 135 | 141 | document.getElementById("contact-form").reset(); |
| 136 | 142 | |
| ... | ... | @@ -145,7 +151,85 @@ |
| 145 | 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 | 2 | |
| 3 | 3 | |
| 4 | 4 | <h2>Поступила новая заявка от пользователя</h2> |
| 5 | -<p><b>Email:</b> <?=$GLOBALS["_POST"]["Feedback"]["email"];?></p> | |
| 6 | 5 | <p><b>Имя:</b> <?=$GLOBALS["_POST"]["Feedback"]["name"];?></p> |
| 7 | 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 | 19 | $settings = Settings::getInstance(); |
| 20 | 20 | |
| 21 | 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 | 348 | <tr> |
| 349 | 349 | <td> |
| 350 | 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 | 356 | </div> |
| 355 | 357 | </td> |
| 356 | 358 | <td> |
| ... | ... | @@ -438,14 +440,14 @@ $module=\Yii::$app->getModule('contact'); |
| 438 | 440 | <span id="modal_close"></span> |
| 439 | 441 | |
| 440 | 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 | 445 | </div> |
| 444 | 446 | </div> |
| 445 | 447 | <div id="callback" class="forms_" style="display: none;"> |
| 446 | 448 | <span id="modal_close"></span> |
| 447 | 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 | 451 | <?php echo $module->renderForm($this); ?> |
| 450 | 452 | </div> |
| 451 | 453 | </div> |
| ... | ... | @@ -456,3 +458,9 @@ $module=\Yii::$app->getModule('contact'); |
| 456 | 458 | <p><?=\Yii::t('app','We call you later');?></p></div> |
| 457 | 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 | 251 | $(this).prev("#overlay").css('display', 'none'); |
| 252 | 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 | 261 | //после удачной отправки формы запускать success() | ... | ... |