button classes

Eugeny Galkovskiy
1 parent 15f4b017
Showing 3 changed files with 70 additions and 6 deletions Show diff stats
frontend/views/layouts/main.php
frontend/views/site/index.php
frontend/web/js/script.js
@@ -665,7 +665,7 @@
                                     <?php
                                 }
                             ?>
-                            <a href="#" class="btn btn-template-transparent-primary" data-toggle="modal" data-target="#feedback-modal"><?php echo \Yii::t(
+                            <a href="#" class="btn btn-template-transparent-primary press-callback" data-toggle="modal" data-target="#feedback-modal"><?php echo \Yii::t(
                                     'app',
                                     'Contact us'
                                 ); ?></a>
@@ -46,7 +46,7 @@ JS;
         <div class="box-simple">
             <a
                 href="#"
-                class="btn button1 icon_phone modaled init-button-consultation"
+                class="btn button1 icon_phone modaled init-button-consultation press-consultation"
                 data-title="<?= \Yii::t('app', 'green_get') ?> <?= \Yii::t('app', 'green_get2') ?>"
                 data-toggle="modal"
                 data-target="#feedback-modal"
@@ -128,8 +128,8 @@ JS;
                 <div class="col-md-12 col-xs-12">
                     <div class="row">
                         <div class="box-simple">
-                            <a href="#" class="btn button1 icon_car modaled init-button-consultation" data-title="<?=\Yii::t('app', 'index_data1')?>" data-toggle="modal" data-target="#feedback-modal"><?=\Yii::t('app', 'index_modal1')?> <span><?=\Yii::t('app', 'index_modal2')?></span></a>
-                            <a href="#" class="btn button1 icon_calc modaled init-button-consultation" data-toggle="modal" data-target="#calculate-modal"><?=\Yii::t('app', 'index_modal3')?> <span><?=\Yii::t('app', 'index_modal4')?></span></a>
+                            <a href="#" class="btn button1 icon_car modaled init-button-consultation press-specialist" data-title="<?=\Yii::t('app', 'index_data1')?>" data-toggle="modal" data-target="#feedback-modal"><?=\Yii::t('app', 'index_modal1')?> <span><?=\Yii::t('app', 'index_modal2')?></span></a>
+                            <a href="#" class="btn button1 icon_calc modaled init-button-consultation press-calculate" data-toggle="modal" data-target="#calculate-modal"><?=\Yii::t('app', 'index_modal3')?> <span><?=\Yii::t('app', 'index_modal4')?></span></a>
                         </div>
                     </div>
                 </div>
@@ -288,7 +288,7 @@ JS;
                                                                 'alias' => $object->lang->alias,
                                                             ]
                                                         ) ?>" class="sqre_btn blue_arrow" alt="<?=$object->lang->object_name?>"></a>
-                                                        <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= \Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal">
+                                                        <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate press-consultation" data-title="<?= \Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal">
                                                             <div class="phone_hint"><?= \Yii::t('app', 'get_consult') ?></div>
                                                         </a>
                                                     </td>
@@ -385,7 +385,7 @@ JS;
                     </div>
                 </div>
                 <div class="col-md-12 col-xs-12" style="text-align:center;margin-bottom:40px;">
-                    <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= \Yii::t('app', 'modalstation') ?>" data-toggle="modal" data-target="#feedback-modal"><?=\Yii::t('app', 'index_economy15')?> <span><?=\Yii::t('app', 'index_economy16')?></span></a>
+                    <a href="#" class="btn button1 icon_stat modaled init-button-order press-order" data-title="<?= \Yii::t('app', 'modalstation') ?>" data-toggle="modal" data-target="#feedback-modal"><?=\Yii::t('app', 'index_economy15')?> <span><?=\Yii::t('app', 'index_economy16')?></span></a>
                 </div>
             </div>
         </div>
@@ -111,5 +111,69 @@ $(
                     return false;
                 }
             );
+
+        $(".close").on('click', function(){
+            $(".send-form").removeClass("specialist");
+            $(".send-form").removeClass("calculate");
+            $(".send-form").removeClass("order");
+            $(".send-form").removeClass("call");
+            $(".send-form").removeClass("callback");
+            $(".send-form").removeClass("consultation");
+            $("#feedback-form")['0'].reset();
+        });
+        $(".press-consultation").on('click',function(){
+            $("#feedback-form")['0'].reset();
+            $(".send-form").removeClass("specialist");
+            $(".send-form").removeClass("calculate");
+            $(".send-form").removeClass("order");
+            $(".send-form").removeClass("call");
+            $(".send-form").removeClass("callback");
+            $(".send-form").addClass("consultation");
+        });
+        $(".press-specialist").on('click',function(){
+            $("#feedback-form")['0'].reset();
+            $(".send-form").addClass("specialist");
+            $(".send-form").removeClass("calculate");
+            $(".send-form").removeClass("order");
+            $(".send-form").removeClass("call");
+            $(".send-form").removeClass("callback");
+            $(".send-form").removeClass("consultation");
+        });
+        $(".press-calculate").on('click',function(){
+            $("#feedback-form")['0'].reset();
+            $(".send-form").removeClass("specialist");
+            $(".send-form").addClass("calculate");
+            $(".send-form").removeClass("order");
+            $(".send-form").removeClass("call");
+            $(".send-form").removeClass("callback");
+            $(".send-form").removeClass("consultation");
+        });
+        $(".press-order").on('click',function(){
+            $("#feedback-form")['0'].reset();
+            $(".send-form").removeClass("specialist");
+            $(".send-form").removeClass("calculate");
+            $(".send-form").addClass("order");
+            $(".send-form").removeClass("call");
+            $(".send-form").removeClass("callback");
+            $(".send-form").removeClass("consultation");
+        });
+        $(".press-call").on('click',function(){
+            $("#feedback-form")['0'].reset();
+            $(".send-form").removeClass("specialist");
+            $(".send-form").removeClass("calculate");
+            $(".send-form").removeClass("order");
+            $(".send-form").addClass("call");
+            $(".send-form").removeClass("callback");
+            $(".send-form").removeClass("consultation");
+        });
+        $(".press-callback").on('click',function(){
+            $("#feedback-form")['0'].reset();
+            $(".send-form").removeClass("specialist");
+            $(".send-form").removeClass("calculate");
+            $(".send-form").removeClass("order");
+            $(".send-form").removeClass("call");
+            $(".send-form").addClass("callback");
+            $(".send-form").removeClass("consultation");
+        });
     }
 );
 \ No newline at end of file