Eugeny Galkovskiy / kbenergy_new

Commit 92358db826c0046023238354931414510bccc1a4

Authored by Eugeny Galkovskiy
1 parent 8511f367

calculate modal + tag styles

Showing 3 changed files with 186 additions and 2 deletions   Show diff stats
Inline Side-by-side
frontend/views/layouts/main.php
  Show/Hide comments   View file @92358db
... ... @@ -419,6 +419,174 @@
419 419 </div>
420 420  
421 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 591 <!-- *** FeedBack MODAL ***
424 592 _________________________________________________________ -->
... ...
frontend/views/site/index.php
  Show/Hide comments   View file @92358db
... ... @@ -102,7 +102,7 @@ $this-&gt;registerJs($js, View::POS_END);
102 102 <div class="row">
103 103 <div class="box-simple">
104 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 106 </div>
107 107 </div>
108 108 </div>
... ...
frontend/web/css/main.css
  Show/Hide comments   View file @92358db
... ... @@ -474,7 +474,10 @@ section.bar.background-gray.steps-pre:before {
474 474 margin-bottom: 20px;}
475 475 .post-blog .lead{margin-top: 25px;}
476 476 .post-blog .content{margin-bottom: 50px;}
477   -
  477 +.tag-cloud li.active a {
  478 + background-color: #467fbf;
  479 + color: #eeeeee!important;
  480 +}
478 481 .object-slider{padding-bottom: 40px;}
479 482 .object-slider .carousel{
480 483 width:100%;
... ... @@ -516,6 +519,14 @@ section.bar.background-gray.steps-pre:before {
516 519 line-height: 24px;
517 520 margin-top: 3px;
518 521 }
  522 +.calculate-main-wr:after, #calculate-form:after{content:'';clear:both;display:block;position:relative;}
  523 +#calculate-form{margin-top: -15px;}
  524 +#calculate-form > .row {
  525 + border-bottom: 1px solid #e5e5e5;
  526 + padding-bottom: 10px;
  527 + padding-top: 25px;
  528 +}
  529 +#calculate-form .submit-wr{margin-top:25px;}
519 530  
520 531 @media(min-width:992px) and (max-width:1199px){
521 532 .pr_cover {
... ... @@ -594,6 +605,11 @@ section.bar.background-gray.steps-pre:before {
594 605 }
595 606 .object-slider .carousel{height:450px;}
596 607 }
  608 +@media(min-width:870px){
  609 + .modal-dialog {
  610 + width: 830px;
  611 + }
  612 +}
597 613 @media(max-width:768px){
598 614 .main_video_fb{
599 615 padding-top: 56.1%;
... ...