From 92358db826c0046023238354931414510bccc1a4 Mon Sep 17 00:00:00 2001
From: zhegal <zhegal@gmail.com>
Date: Mon, 29 Jan 2018 17:29:58 +0200
Subject: [PATCH] calculate modal + tag styles

---
 frontend/views/layouts/main.php | 168 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 frontend/views/site/index.php   |   2 +-
 frontend/web/css/main.css       |  18 +++++++++++++++++-
 3 files changed, 186 insertions(+), 2 deletions(-)

diff --git a/frontend/views/layouts/main.php b/frontend/views/layouts/main.php
index 3e3b26e..a9f691b 100644
--- a/frontend/views/layouts/main.php
+++ b/frontend/views/layouts/main.php
@@ -419,6 +419,174 @@
                 </div>
                 
                 <!-- *** FeedBack MODAL END *** -->
+
+                <!-- ** Calculate Modal ** -->
+
+                <div class="modal fade" id="calculate-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
+                    <div class="modal-dialog">
+                        <div class="modal-content">
+                            <div class="modal-header">
+                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
+                                <h3 class="modal-title text-center" id="Login">Анкета расчёта стоимости солнечной электростанции</h3>
+                            </div>
+                            <div class="modal-body">
+                                <form action="" id="calculate-form">
+                                    <div class="row calculate-main-wr">
+                                    <div class="col-md-8 col-md-offset-2">
+                                        <p style="font-weight:bold;">Контактные данные</p>
+                                        <div class="form-group field-calculate-name required">
+                                            <label class="control-label" for="calculate-name">Имя</label>
+                                            <input type="text" id="calculate-name" class="form-control" name="Calculate[name]" aria-required="true">
+
+                                            <p class="help-block help-block-error"></p>
+                                        </div>
+                                        <div class="form-group field-calculate-phone required">
+                                            <label class="control-label" for="calculate-phone">Телефон</label>
+                                            <input type="text" id="calculate-phone" class="form-control" name="Calculate[phone]" aria-required="true">
+
+                                            <p class="help-block help-block-error"></p>
+                                        </div>
+                                        <div class="form-group field-calculate-email required">
+                                            <label class="control-label" for="calculate-email">Email</label>
+                                            <input type="text" id="calculate-email" class="form-control" name="Calculate[email]" aria-required="true">
+
+                                            <p class="help-block help-block-error"></p>
+                                        </div>
+                                    </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <p style="font-weight:bold;">Информация о месте установки СЭС</p>
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group field-calculate-email required">
+                                                        <label class="control-label">Адрес</label>
+                                                        <input type="text" class="form-control">
+
+                                                        <p class="help-block help-block-error"></p>
+                                                    </div>
+                                                    <div class="form-group field-calculate-email required">
+                                                        <label class="control-label">Угол установки фотомодулей</label>
+                                                        <input type="text" class="form-control">
+
+                                                        <p class="help-block help-block-error"></p>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-6">
+                                                    <p>Координаты:</p>
+                                                    <div class="form-group field-calculate-email">
+                                                        <label class="control-label">Широта:</label>
+                                                        <input type="text" class="form-control">
+
+                                                        <p class="help-block help-block-error"></p>
+                                                    </div>
+                                                    <div class="form-group field-calculate-email">
+                                                        <label class="control-label">Долгота:</label>
+                                                        <input type="text" class="form-control">
+
+                                                        <p class="help-block help-block-error"></p>
+                                                    </div>
+                                                    <div class="form-group field-calculate-email">
+                                                        <label class="control-label">Отклонение от юга:</label>
+                                                        <input type="text" class="form-control">
+
+                                                        <p class="help-block help-block-error"></p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="row">
+                                                <div class="col-md-6 text-center"><img src="/img/form_img_1.jpg" class="img-responsive"></div>
+                                                <div class="col-md-6 text-center"><img src="/img/form_img_2.jpg" class="img-responsive"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <p style="font-weight:bold;">Информация для расчёта мощности СЭС</p>
+                                            <div class="row">
+                                                <div class="col-md-12">
+                                                    <div class="row" style="margin-bottom: 15px;">
+                                                        <div class="col-md-3 col-sm-12 col-xs-12"><input class="custom-radio" id="custom-radio-Автономная" type="radio" name="Calculate[mode]" value="Автономная"><label for="custom-radio-Автономная"></label><span style="margin-left:5px;">Автономная</span></div>
+                                                        <div class="col-md-3 col-sm-12 col-xs-12"><input class="custom-radio" id="custom-radio-Сетевая" type="radio" name="Calculate[mode]" value="Сетевая"><label for="custom-radio-Сетевая"></label><span style="margin-left:5px;">Сетевая</span></div>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-12">
+                                                    <div class="row">
+                                                        <div class="col-md-4">
+                                                            <div class="form-group field-calculate-email">
+                                                                <label class="control-label">Площадь</label>
+                                                                <input type="text" class="form-control">
+
+                                                                <p class="help-block help-block-error"></p>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-4">
+                                                            <div class="form-group field-calculate-email">
+                                                                <label class="control-label">Мощность</label>
+                                                                <input type="text" class="form-control">
+
+                                                                <p class="help-block help-block-error"></p>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-md-4">
+                                                            <div class="form-group field-calculate-email">
+                                                                <label class="control-label">Бюджет</label>
+                                                                <input type="text" class="form-control">
+
+                                                                <p class="help-block help-block-error"></p>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <p style="font-weight:bold;">Информация о потреблении (для автономных СЭС)</p>
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                    <div class="form-group field-calculate-email">
+                                                        <label class="control-label">Суточное потребление в кВт*ч</label>
+                                                        <input type="text" class="form-control">
+
+                                                        <p class="help-block help-block-error"></p>
+                                                    </div>
+                                                    <div class="form-group field-calculate-email">
+                                                        <label class="control-label">Месячное потребление в кВт*ч</label>
+                                                        <input type="text" class="form-control">
+
+                                                        <p class="help-block help-block-error"></p>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-6">
+                                                    <div class="form-group field-calculate-email">
+                                                        <label class="control-label">Мощность всех потребителей потребление в кВт*ч</label>
+                                                        <input type="text" class="form-control">
+
+                                                        <p class="help-block help-block-error"></p>
+                                                    </div>
+                                                    <div class="form-group field-calculate-email">
+                                                        <label class="control-label">Суток автономности</label>
+                                                        <input type="text" class="form-control">
+
+                                                        <p class="help-block help-block-error"></p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <p class="text-center submit-wr">
+                                        <button type="submit" class="send-form btn btn-lg btn-template-primary">Посчитать</button>
+                                    </p>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- ** Calculate Modal End ** -->
                 
                 <!-- *** FeedBack MODAL ***
         _________________________________________________________ -->
diff --git a/frontend/views/site/index.php b/frontend/views/site/index.php
index ca1dc05..cf0616f 100644
--- a/frontend/views/site/index.php
+++ b/frontend/views/site/index.php
@@ -102,7 +102,7 @@ $this->registerJs($js, View::POS_END);
                     <div class="row">
                         <div class="box-simple">
                             <a href="#" class="btn button1 icon_car modaled init-button-consultation" data-title="Заказать выезд специалиста" data-toggle="modal" data-target="#feedback-modal">Заказать <span>выезд специалиста</span></a>
-                            <a href="#" class="btn button1 icon_calc modaled init-button-consultation" data-title="Просчитать стоимость проекта" data-toggle="modal" data-target="#feedback-modal">Просчитать <span>стоимость проекта</span></a>
+                            <a href="#" class="btn button1 icon_calc modaled init-button-consultation" data-toggle="modal" data-target="#calculate-modal">Просчитать <span>стоимость проекта</span></a>
                         </div>
                     </div>
                 </div>
diff --git a/frontend/web/css/main.css b/frontend/web/css/main.css
index 9467d1d..9a5dcb6 100644
--- a/frontend/web/css/main.css
+++ b/frontend/web/css/main.css
@@ -474,7 +474,10 @@ section.bar.background-gray.steps-pre:before {
     margin-bottom: 20px;}
 .post-blog .lead{margin-top: 25px;}
 .post-blog .content{margin-bottom: 50px;}
-
+.tag-cloud li.active a {
+    background-color: #467fbf;
+    color: #eeeeee!important;
+}
 .object-slider{padding-bottom: 40px;}
 .object-slider .carousel{
     width:100%;
@@ -516,6 +519,14 @@ section.bar.background-gray.steps-pre:before {
     line-height: 24px;
     margin-top: 3px;
 }
+.calculate-main-wr:after, #calculate-form:after{content:'';clear:both;display:block;position:relative;}
+#calculate-form{margin-top: -15px;}
+#calculate-form > .row {
+    border-bottom: 1px solid #e5e5e5;
+    padding-bottom: 10px;
+    padding-top: 25px;
+}
+#calculate-form .submit-wr{margin-top:25px;}
 
 @media(min-width:992px) and (max-width:1199px){
     .pr_cover {
@@ -594,6 +605,11 @@ section.bar.background-gray.steps-pre:before {
     }
     .object-slider .carousel{height:450px;}
 }
+@media(min-width:870px){
+    .modal-dialog {
+        width: 830px;
+    }
+}
 @media(max-width:768px){
     .main_video_fb{
         padding-top: 56.1%;
--
libgit2 0.21.4