Eugeny Galkovskiy / kbenergy_new

Commit abff3f71ea54372acc45a4001cce34df7a09a693

Authored by Timur Kastemirov
2 parents 41aadced 38c5510f

Merge remote-tracking branch 'origin/master'

Showing 5 changed files with 190 additions and 2 deletions   Show diff stats
Inline Side-by-side
frontend/views/layouts/main.php
  Show/Hide comments   View file @abff3f7
@@ -419,6 +419,174 @@ @@ -419,6 +419,174 @@
419 </div> 419 </div>
420 420
421 <!-- *** FeedBack MODAL END *** --> 421 <!-- *** FeedBack MODAL END *** -->
  422 +
  423 + <!-- ** Calculate Modal ** -->
  424 +
  425 + <div class="modal fade" id="calculate-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
  426 + <div class="modal-dialog">
  427 + <div class="modal-content">
  428 + <div class="modal-header">
  429 + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
  430 + <h3 class="modal-title text-center" id="Login">Анкета расчёта стоимости солнечной электростанции</h3>
  431 + </div>
  432 + <div class="modal-body">
  433 + <form action="" id="calculate-form">
  434 + <div class="row calculate-main-wr">
  435 + <div class="col-md-8 col-md-offset-2">
  436 + <p style="font-weight:bold;">Контактные данные</p>
  437 + <div class="form-group field-calculate-name required">
  438 + <label class="control-label" for="calculate-name">Имя</label>
  439 + <input type="text" id="calculate-name" class="form-control" name="Calculate[name]" aria-required="true">
  440 +
  441 + <p class="help-block help-block-error"></p>
  442 + </div>
  443 + <div class="form-group field-calculate-phone required">
  444 + <label class="control-label" for="calculate-phone">Телефон</label>
  445 + <input type="text" id="calculate-phone" class="form-control" name="Calculate[phone]" aria-required="true">
  446 +
  447 + <p class="help-block help-block-error"></p>
  448 + </div>
  449 + <div class="form-group field-calculate-email required">
  450 + <label class="control-label" for="calculate-email">Email</label>
  451 + <input type="text" id="calculate-email" class="form-control" name="Calculate[email]" aria-required="true">
  452 +
  453 + <p class="help-block help-block-error"></p>
  454 + </div>
  455 + </div>
  456 + </div>
  457 + <div class="row">
  458 + <div class="col-md-12">
  459 + <p style="font-weight:bold;">Информация о месте установки СЭС</p>
  460 + <div class="row">
  461 + <div class="col-md-6">
  462 + <div class="form-group field-calculate-email required">
  463 + <label class="control-label">Адрес</label>
  464 + <input type="text" class="form-control">
  465 +
  466 + <p class="help-block help-block-error"></p>
  467 + </div>
  468 + <div class="form-group field-calculate-email required">
  469 + <label class="control-label">Угол установки фотомодулей</label>
  470 + <input type="text" class="form-control">
  471 +
  472 + <p class="help-block help-block-error"></p>
  473 + </div>
  474 + </div>
  475 + <div class="col-md-6">
  476 + <p>Координаты:</p>
  477 + <div class="form-group field-calculate-email">
  478 + <label class="control-label">Широта:</label>
  479 + <input type="text" class="form-control">
  480 +
  481 + <p class="help-block help-block-error"></p>
  482 + </div>
  483 + <div class="form-group field-calculate-email">
  484 + <label class="control-label">Долгота:</label>
  485 + <input type="text" class="form-control">
  486 +
  487 + <p class="help-block help-block-error"></p>
  488 + </div>
  489 + <div class="form-group field-calculate-email">
  490 + <label class="control-label">Отклонение от юга:</label>
  491 + <input type="text" class="form-control">
  492 +
  493 + <p class="help-block help-block-error"></p>
  494 + </div>
  495 + </div>
  496 + </div>
  497 + <div class="row">
  498 + <div class="col-md-6 text-center"><img src="/img/form_img_1.jpg" class="img-responsive"></div>
  499 + <div class="col-md-6 text-center"><img src="/img/form_img_2.jpg" class="img-responsive"></div>
  500 + </div>
  501 + </div>
  502 + </div>
  503 + <div class="row">
  504 + <div class="col-md-12">
  505 + <p style="font-weight:bold;">Информация для расчёта мощности СЭС</p>
  506 + <div class="row">
  507 + <div class="col-md-12">
  508 + <div class="row" style="margin-bottom: 15px;">
  509 + <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>
  510 + <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>
  511 + </div>
  512 + </div>
  513 + <div class="col-md-12">
  514 + <div class="row">
  515 + <div class="col-md-4">
  516 + <div class="form-group field-calculate-email">
  517 + <label class="control-label">Площадь</label>
  518 + <input type="text" class="form-control">
  519 +
  520 + <p class="help-block help-block-error"></p>
  521 + </div>
  522 + </div>
  523 + <div class="col-md-4">
  524 + <div class="form-group field-calculate-email">
  525 + <label class="control-label">Мощность</label>
  526 + <input type="text" class="form-control">
  527 +
  528 + <p class="help-block help-block-error"></p>
  529 + </div>
  530 + </div>
  531 + <div class="col-md-4">
  532 + <div class="form-group field-calculate-email">
  533 + <label class="control-label">Бюджет</label>
  534 + <input type="text" class="form-control">
  535 +
  536 + <p class="help-block help-block-error"></p>
  537 + </div>
  538 + </div>
  539 + </div>
  540 + </div>
  541 + </div>
  542 + </div>
  543 + </div>
  544 + <div class="row">
  545 + <div class="col-md-12">
  546 + <p style="font-weight:bold;">Информация о потреблении (для автономных СЭС)</p>
  547 + <div class="row">
  548 + <div class="col-md-6">
  549 + <div class="form-group field-calculate-email">
  550 + <label class="control-label">Суточное потребление в кВт*ч</label>
  551 + <input type="text" class="form-control">
  552 +
  553 + <p class="help-block help-block-error"></p>
  554 + </div>
  555 + <div class="form-group field-calculate-email">
  556 + <label class="control-label">Месячное потребление в кВт*ч</label>
  557 + <input type="text" class="form-control">
  558 +
  559 + <p class="help-block help-block-error"></p>
  560 + </div>
  561 + </div>
  562 + <div class="col-md-6">
  563 + <div class="form-group field-calculate-email">
  564 + <label class="control-label">Мощность всех потребителей потребление в кВт*ч</label>
  565 + <input type="text" class="form-control">
  566 +
  567 + <p class="help-block help-block-error"></p>
  568 + </div>
  569 + <div class="form-group field-calculate-email">
  570 + <label class="control-label">Суток автономности</label>
  571 + <input type="text" class="form-control">
  572 +
  573 + <p class="help-block help-block-error"></p>
  574 + </div>
  575 + </div>
  576 + </div>
  577 + </div>
  578 + </div>
  579 +
  580 + <p class="text-center submit-wr">
  581 + <button type="submit" class="send-form btn btn-lg btn-template-primary">Посчитать</button>
  582 + </p>
  583 + </form>
  584 + </div>
  585 + </div>
  586 + </div>
  587 + </div>
  588 +
  589 + <!-- ** Calculate Modal End ** -->
422 590
423 <!-- *** FeedBack MODAL *** 591 <!-- *** FeedBack MODAL ***
424 _________________________________________________________ --> 592 _________________________________________________________ -->
frontend/views/site/index.php
  Show/Hide comments   View file @abff3f7
@@ -102,7 +102,7 @@ $this-&gt;registerJs($js, View::POS_END); @@ -102,7 +102,7 @@ $this-&gt;registerJs($js, View::POS_END);
102 <div class="row"> 102 <div class="row">
103 <div class="box-simple"> 103 <div class="box-simple">
104 <a href="#" class="btn button1 icon_car modaled init-button-consultation" data-title="Заказать выезд специалиста" data-toggle="modal" data-target="#feedback-modal">Заказать <span>выезд специалиста</span></a> 104 <a href="#" class="btn button1 icon_car modaled init-button-consultation" data-title="Заказать выезд специалиста" data-toggle="modal" data-target="#feedback-modal">Заказать <span>выезд специалиста</span></a>
105 - <a href="#" class="btn button1 icon_calc modaled init-button-consultation" data-title="Просчитать стоимость проекта" data-toggle="modal" data-target="#feedback-modal">Просчитать <span>стоимость проекта</span></a> 105 + <a href="#" class="btn button1 icon_calc modaled init-button-consultation" data-toggle="modal" data-target="#calculate-modal">Просчитать <span>стоимость проекта</span></a>
106 </div> 106 </div>
107 </div> 107 </div>
108 </div> 108 </div>
frontend/web/css/main.css
  Show/Hide comments   View file @abff3f7
@@ -7,6 +7,7 @@ @@ -7,6 +7,7 @@
7 } 7 }
8 #back-to-top:hover {background: #20446d;} 8 #back-to-top:hover {background: #20446d;}
9 #back-to-top:active {background: #1b2e44;padding-top: 6px;} 9 #back-to-top:active {background: #1b2e44;padding-top: 6px;}
  10 +#heading-breadcrumbs{background-attachment: fixed;}
10 .navbar-brand{display: flex;justify-content: center;align-items: center;} 11 .navbar-brand{display: flex;justify-content: center;align-items: center;}
11 .button1 { 12 .button1 {
12 margin: 0 auto; 13 margin: 0 auto;
@@ -474,7 +475,10 @@ section.bar.background-gray.steps-pre:before { @@ -474,7 +475,10 @@ section.bar.background-gray.steps-pre:before {
474 margin-bottom: 20px;} 475 margin-bottom: 20px;}
475 .post-blog .lead{margin-top: 25px;} 476 .post-blog .lead{margin-top: 25px;}
476 .post-blog .content{margin-bottom: 50px;} 477 .post-blog .content{margin-bottom: 50px;}
477 - 478 +.tag-cloud li.active a {
  479 + background-color: #467fbf;
  480 + color: #eeeeee!important;
  481 +}
478 .object-slider{padding-bottom: 40px;} 482 .object-slider{padding-bottom: 40px;}
479 .object-slider .carousel{ 483 .object-slider .carousel{
480 width:100%; 484 width:100%;
@@ -516,6 +520,17 @@ section.bar.background-gray.steps-pre:before { @@ -516,6 +520,17 @@ section.bar.background-gray.steps-pre:before {
516 line-height: 24px; 520 line-height: 24px;
517 margin-top: 3px; 521 margin-top: 3px;
518 } 522 }
  523 +.calculate-main-wr:after, #calculate-form:after{content:'';clear:both;display:block;position:relative;}
  524 +#calculate-form{margin-top: -15px;}
  525 +#calculate-form > .row {
  526 + border-bottom: 1px solid #e5e5e5;
  527 + padding-bottom: 10px;
  528 + padding-top: 25px;
  529 +}
  530 +#calculate-form .submit-wr{margin-top:25px;}
  531 +#calculate-form .text-center img{
  532 + margin: 0 auto;
  533 +}
519 534
520 @media(min-width:992px) and (max-width:1199px){ 535 @media(min-width:992px) and (max-width:1199px){
521 .pr_cover { 536 .pr_cover {
@@ -594,6 +609,11 @@ section.bar.background-gray.steps-pre:before { @@ -594,6 +609,11 @@ section.bar.background-gray.steps-pre:before {
594 } 609 }
595 .object-slider .carousel{height:450px;} 610 .object-slider .carousel{height:450px;}
596 } 611 }
  612 +@media(min-width:870px){
  613 + .modal-dialog {
  614 + width: 830px;
  615 + }
  616 +}
597 @media(max-width:768px){ 617 @media(max-width:768px){
598 .main_video_fb{ 618 .main_video_fb{
599 padding-top: 56.1%; 619 padding-top: 56.1%;
frontend/web/img/form_img_1.jpg 0 → 100644
View file @abff3f7

21.4 KB
frontend/web/img/form_img_2.jpg 0 → 100644
View file @abff3f7

39.9 KB