Добавлено:

1) Фильтры для инпут полей 2) 5-секундная блокировка кнопки Submit после отправки сообщения Изменено название Форма (на рус/укр) поле тема ==> поле телефон

Добавлено:
1) Фильтры для инпут полей 2) 5-секундная блокировка кнопки Submit после отправки сообщения Изменено название Форма (на рус/укр) поле тема ==> поле телефон
alex
1 parent a41b32a4
Showing 5 changed files with 210 additions and 148 deletions Show diff stats
common/messages/ru/app.php
common/messages/ua/app.php
common/models/Feedback.php
frontend/assets/AppAsset.php
frontend/web/js/script.js
@@ -294,7 +294,7 @@ return [
     'gohomepage'	=>	'Go to Homepage',
  
     'formname'	=>	'Имя',
-    'formtheme'	=>	'Тема',
+    'formtheme'	=>	'Телефон',
     'formmess'	=>	'Сообщение',
     'nashiuslugi'   =>  'Наши услуги',
     "Home"  => "Главная",
@@ -295,7 +295,7 @@ return [
     'gohomepage'	    =>	'На головну',
  
     'formname'	=>	'Ім\'я',
-    'formtheme'	=>	'Тема',
+    'formtheme'	=>	'Телефон',
     'formmess'	=>	'Повідомлення',
     'nashiuslugi'   =>  'Наші послуги',
  
 <?php
-    
-    namespace common\models;
-    
-    /**
-     * User: timur
-     * Date: 31.01.18
-     * Time: 10:56
-     */
-    
-    use artbox\core\models\Feedback as ArtboxFeedback;
-
-    /**
-     * Class Feedback
-     *
-     * @property string $topic
-     * @property string $calc_json_info
-     * @package common\models
-     */
-    class Feedback extends ArtboxFeedback
+
+namespace common\models;
+
+/**
+ * User: timur
+ * Date: 31.01.18
+ * Time: 10:56
+ */
+
+use artbox\core\models\Feedback as ArtboxFeedback;
+
+/**
+ * Class Feedback
+ *
+ * @property string $topic
+ * @property string $calc_json_info
+ * @package common\models
+ */
+class Feedback extends ArtboxFeedback
+{
+
+    const SCENARIO_CALCULATOR = 'calculator';
+    const calculator_attributes = [
+        'adress',
+        'module_install_angle',
+        'latitude',
+        'longitude',
+        'south_deviation',
+        'power_station_type',
+        'area',
+        'power',
+        'budget',
+        'auth_day',
+        'auth_month',
+        'auth_pwr_all',
+        'auth_pwr_days',
+    ];
+
+    const translate_attributes = [
+        'adress'               => "Адрес",
+        'module_install_angle' => "Угол установки фотомодулей",
+        'latitude'             => "Широта",
+        'longitude'            => "Долгота",
+        'south_deviation'      => "Отклонение от юга",
+        'power_station_type'   => "Тип станции",
+        'area'                 => "Площадь",
+        'power'                => "Мощность",
+        'budget'               => "Бюджет",
+        'auth_day'             => "Суточное потребление в кВт*ч",
+        'auth_month'           => "Месячное потребление в кВт*ч",
+        'auth_pwr_all'         => "Мощность всех потребителей потребление в кВт*ч",
+        'auth_pwr_days'        => "Суток автономности",
+    ];
+
+    public $attributeValues = [];
+
+    public function __set($name, $value)
     {
-        
-        const SCENARIO_CALCULATOR = 'calculator';
-        const calculator_attributes = [
-            'adress',
-            'module_install_angle',
-            'latitude',
-            'longitude',
-            'south_deviation',
-            'power_station_type',
-            'area',
-            'power',
-            'budget',
-            'auth_day',
-            'auth_month',
-            'auth_pwr_all',
-            'auth_pwr_days',
-        ];
-        
-        const translate_attributes = [
-            'adress'               => "Адрес",
-            'module_install_angle' => "Угол установки фотомодулей",
-            'latitude'             => "Широта",
-            'longitude'            => "Долгота",
-            'south_deviation'      => "Отклонение от юга",
-            'power_station_type'   => "Тип станции",
-            'area'                 => "Площадь",
-            'power'                => "Мощность",
-            'budget'               => "Бюджет",
-            'auth_day'             => "Суточное потребление в кВт*ч",
-            'auth_month'           => "Месячное потребление в кВт*ч",
-            'auth_pwr_all'         => "Мощность всех потребителей потребление в кВт*ч",
-            'auth_pwr_days'        => "Суток автономности",
-        ];
-        
-        public $attributeValues = [];
-        
-        public function __set($name, $value)
-        {
-            if (in_array($name, self::calculator_attributes)) {
-                if (isset($value) && !empty($value)) {
-                    $this->attributeValues[ $name ] = $value;
-                }
-            } else {
-                parent::__set($name, $value);
-            }
-        }
-        
-        public function __get($name)
-        {
-            if (in_array($name, self::calculator_attributes)) {
-                return $this->attributeValues[ $name ]??'';
-            } else {
-                return parent::__get($name);
+        if (in_array($name, self::calculator_attributes)) {
+            if (isset($value) && !empty($value)) {
+                $this->attributeValues[ $name ] = $value;
             }
+        } else {
+            parent::__set($name, $value);
         }
-        
-        public function getCalculatorAttributes()
-        {
-            return $this->attributeValues;
+    }
+
+    public function __get($name)
+    {
+        if (in_array($name, self::calculator_attributes)) {
+            return $this->attributeValues[ $name ]??'';
+        } else {
+            return parent::__get($name);
         }
-        
-        public function scenarios()
-        {
-            return array_merge(
-                parent::scenarios(),
-                [
-                    parent::SCENARIO_FEEDBACK => [
-                        'name',
-                        'email',
-                        'phone',
-                        'message',
-                        'returnUrl',
-                        'topic',
-                    ],
-                    parent::SCENARIO_CALLBACK => [
+    }
+
+    public function getCalculatorAttributes()
+    {
+        return $this->attributeValues;
+    }
+
+    public function scenarios()
+    {
+        return array_merge(
+            parent::scenarios(),
+            [
+                parent::SCENARIO_FEEDBACK => [
+                    'name',
+                    'email',
+                    'phone',
+                    'message',
+                    'returnUrl',
+                    'topic',
+                ],
+                parent::SCENARIO_CALLBACK => [
+                    'name',
+                    'phone',
+                    'message',
+                    'returnUrl',
+                    'topic',
+                ],
+                self::SCENARIO_CALCULATOR => array_merge(
+                    [
                         'name',
                         'phone',
-                        'message',
+                        'email',
                         'returnUrl',
                         'topic',
+                        'calc_json_info',
                     ],
-                    self::SCENARIO_CALCULATOR => array_merge(
-                        [
-                            'name',
-                            'phone',
-                            'email',
-                            'returnUrl',
-                            'topic',
-                            'calc_json_info',
-                        ],
-                        self::calculator_attributes
-                    ),
-                ]
-            );
-        }
-        
-        public function rules()
-        {
-            
-            return array_merge(
-                parent::rules(),
+                    self::calculator_attributes
+                ),
+            ]
+        );
+    }
+
+    public function rules()
+    {
+
+        return array_merge(
+            parent::rules(),
+            [
                 [
                     [
-                        [
-                            'topic',
-                        ],
-                        'required',
+                        'topic',
                     ],
+                    'required',
+                ],
+                [
                     [
-                        [
-                            'topic',
-                        ],
-                        'string',
-                        'max' => 100,
+                        'topic',
                     ],
+                    'string',
+                    'max' => 100,
+                ],
+                [
                     [
-                        [
-                            'name',
-                            'phone',
-                            'email',
-                            'calc_json_info',
-                            
-                            'adress',
-                            'module_install_angle',
-                        ],
-                        'required',
-                        'on' => self::SCENARIO_CALCULATOR,
+                        'name',
+                        'phone',
+                        'email',
+                        'calc_json_info',
+
+                        'adress',
+                        'module_install_angle',
                     ],
-                ]
-            );
-        }
-        
-        public function setCalcJsonInfo()
-        {
-            $this->calc_json_info = json_encode($this->attributeValues);
-        }
-        
-        public function getCalcJsonInfo()
-        {
-            return json_decode($this->calc_json_info);
-        }
-    }
 \ No newline at end of file
+                    'required',
+                    'on' => self::SCENARIO_CALCULATOR,
+                ],
+                [
+                    ['message'],'required','message'=>'Поле сообщение обязательное для заполнения'],
+                [
+                    ['message'],'string','min'=>10],
+                [['phone'],'string','length'=>[17,17],'message'=>'Введите данные в форму согласно заданному шаблону: +38(132) 456 78 89'],
+                [['phone'],'match','pattern'=>'/\+3?8?\(?([\d]{3}([ .-]?))\)?([ .-]?)([\d]{3}([ .-]?))\2([\d]{2}([ .-]?))([\d]{2}([ .-]?))/','message'=>'некорректный ввод поля. Значение должно иметь вид: +38(123) 456 78 79'],
+
+                [['name','email'],'string','length'=>[5,25]],
+                [['name'],'match','pattern' => '/^[а-яА-ЯёЁa-zA-Z\-\s]+$/','message'=> \Yii::t('app', 'Имя может состоять только из 
+                    английский или латинских символов')],
+                [['email'],'email'],
+
+            ]
+        );
+    }
+
+    public function setCalcJsonInfo()
+    {
+        $this->calc_json_info = json_encode($this->attributeValues);
+    }
+
+    public function getCalcJsonInfo()
+    {
+        return json_decode($this->calc_json_info);
+    }
+}
 \ No newline at end of file
@@ -30,6 +30,7 @@
             'js/front.js',
             'js/owl.carousel.min.js',
             'js/script.js',
+            'js/jquery.mask.min.js'
         ];
         public $depends = [
             'yii\web\YiiAsset',
 $(
     function() {
+        phoneMask('input[name="Feedback[phone]"]');
+
  
         /**
          * Modal form submit code
@@ -142,5 +144,52 @@ $(
            // $("#feedback-form")['0'].reset();
            $(".send-form").attr('id', 'callback');
        });
+
+
+        function phoneMask(maskCssSelector) {
+            var phoneInput = maskCssSelector;
+
+            if($('body').find(phoneInput).length>0){
+                $(phoneInput).mask('+38(000)000-00-00',{placeholder:'+38(000)000-00-00'});
+                $(phoneInput).focus(function () {
+                    if(($(this).val())== '') {$(this).val('+38(0')}
+                });
+                $(phoneInput).focusout(function () {
+                    var phoneVal = $(this).val()
+                    //if(phoneVal == '+38(0' || phoneVal == '+38(' || phoneVal == '+38' || phoneVal == '+3' || phoneVal == '+') {$(this).val('')}
+                    if(phoneVal.length <17) {$(this).val('')}
+                });
+            }
+        }
+
+
+        /**
+         * Блокирую кнопку сабмита после нажатия на 5 сек
+         */
+        $('button[type="Submit"]').on('click',function () {
+                var $this = $(this);
+                $this.attr('disabled', true);
+                setTimeout(function() {
+                    $this.attr('disabled', false);
+                }, 5000);
+        });
+
+
+
+
+
+
+
+
     }
+
+
+    
+    
+    
+    
+    
+    
+    
+    
 );
 \ No newline at end of file