Commit 9ee36c620fb9b0420ad5a814494c92a8777264a1
1 parent
f6f05494
translates gallery
Showing
7 changed files
with
173 additions
and
167 deletions
Show diff stats
common/messages/ru/app.php
@@ -43,7 +43,7 @@ | @@ -43,7 +43,7 @@ | ||
43 | 'text2' => 'Мы выезжаем на объект заказчика с целью определить рентабельность постройки СЭС. Осматриваем и оцениваем состояние зданий на которых планируется размещение СЭС, делаем замеры места для фотоэлектрического поля, собираем все необходимые данные.', | 43 | 'text2' => 'Мы выезжаем на объект заказчика с целью определить рентабельность постройки СЭС. Осматриваем и оцениваем состояние зданий на которых планируется размещение СЭС, делаем замеры места для фотоэлектрического поля, собираем все необходимые данные.', |
44 | 'text3' => 'На основе полученных данных разрабатываем оптимальную конфигурацию фотоэлектрического поля, рассматриваем варианты оборудования СЭС. Определяем необходимые технические решения: стоимость, окупаемость и надежность работы. В конце презентуем разработанные варианты и утверждаем их с клиентом.', | 44 | 'text3' => 'На основе полученных данных разрабатываем оптимальную конфигурацию фотоэлектрического поля, рассматриваем варианты оборудования СЭС. Определяем необходимые технические решения: стоимость, окупаемость и надежность работы. В конце презентуем разработанные варианты и утверждаем их с клиентом.', |
45 | 'text4' => 'Помогаем сформулировать пакет исходных данных, получаем ТУ на присоединение к электросети, условия и ограничения постройки. Мы разрабатываем проектные решения для строительства, электрики, утверждаем документацию в необходимых организациях.', | 45 | 'text4' => 'Помогаем сформулировать пакет исходных данных, получаем ТУ на присоединение к электросети, условия и ограничения постройки. Мы разрабатываем проектные решения для строительства, электрики, утверждаем документацию в необходимых организациях.', |
46 | - 'text5' => 'Наша компания предоставим вам качественное оборудования, которые выдержано с официальным сохранением гарантийных условий производителя. Мы партнеры большинства производителей и сами проводим гарантийный ремонт в Украине.', | 46 | + 'text5' => 'Наша компания предоставим вам качественное оборудования, которые выдержано с официальным сохранением гарантийных условий производителя. <br/>Мы партнеры большинства производителей и сами проводим гарантийный ремонт в Украине.', |
47 | 'text6' => 'Мы получаем официальное разрешение на начало строительных работ, контролируем строительство, делаем технический осмотр и сдаем объект в эксплуатацию. Официально утверждаем постройку с “УКРЭНЕРГО”, ДП “Энергорынок” на получение лицензии и производство электроэнергии по “зеленому тарифу”.', | 47 | 'text6' => 'Мы получаем официальное разрешение на начало строительных работ, контролируем строительство, делаем технический осмотр и сдаем объект в эксплуатацию. Официально утверждаем постройку с “УКРЭНЕРГО”, ДП “Энергорынок” на получение лицензии и производство электроэнергии по “зеленому тарифу”.', |
48 | 'text7' => 'У нас собственный штат монтажников и инженеров-электриков, который в наиболее короткие строки делают установку оборудования для СЭС, прокладывают кабельную сеть, устанавливают защитное оборудование. Мы гарантируем масштабирование размера бригады.', | 48 | 'text7' => 'У нас собственный штат монтажников и инженеров-электриков, который в наиболее короткие строки делают установку оборудования для СЭС, прокладывают кабельную сеть, устанавливают защитное оборудование. Мы гарантируем масштабирование размера бригады.', |
49 | 'text8' => 'Проводим проектирование и установку системы диспетчерского управления СЭС. Мы предоставляем аналитику режима работы СЭС, даем возможность иметь удаленный доступ к информации с любого PC через интернет.', | 49 | 'text8' => 'Проводим проектирование и установку системы диспетчерского управления СЭС. Мы предоставляем аналитику режима работы СЭС, даем возможность иметь удаленный доступ к информации с любого PC через интернет.', |
@@ -54,7 +54,7 @@ | @@ -54,7 +54,7 @@ | ||
54 | 'modal1_2' => 'консультацию', | 54 | 'modal1_2' => 'консультацию', |
55 | 'modal2' => 'Заказать электростанцию', | 55 | 'modal2' => 'Заказать электростанцию', |
56 | 'modal2_2' => 'электростанцию', | 56 | 'modal2_2' => 'электростанцию', |
57 | - 'modal3' => 'Расчитать', | 57 | + 'modal3' => 'Рассчитать', |
58 | 'modal3_1' => 'стоимость проекта', | 58 | 'modal3_1' => 'стоимость проекта', |
59 | 'sect1_1' => 'Мы первые подключили СЭС', | 59 | 'sect1_1' => 'Мы первые подключили СЭС', |
60 | 'sect1_2' => 'по "зелёному" тарифу по Киевской области', | 60 | 'sect1_2' => 'по "зелёному" тарифу по Киевской области', |
@@ -107,4 +107,8 @@ | @@ -107,4 +107,8 @@ | ||
107 | "Комплексний підхід до енергозбереження та енергонезалежності" => 'Комплексный подход к энергосбережению и энергонезависимости', | 107 | "Комплексний підхід до енергозбереження та енергонезалежності" => 'Комплексный подход к энергосбережению и энергонезависимости', |
108 | 'yt1' => 'Смотреть на YouTube', | 108 | 'yt1' => 'Смотреть на YouTube', |
109 | 109 | ||
110 | + 'modal_text2' => 'Нами разработаны металлоконструкции для установки солнечных панелей для наземных СЭС, которые могут использоваться для промышленных объектов и приватных зданий.', | ||
111 | + 'modal_text1' => 'Наша компания участвовала в проекте для освещения пешеходного перехода Харьковского шоссе. Мы сделали подбор генерирующего оборудования для заявленного потребления, а также поставку оборудования.', | ||
112 | + 'modal_text3' => 'За период с марта 2016 по февраль 2017 года, было спроектировано и построено СЭС мощностью 296 киловатт. Она включает в себя 1140 солнечный панелей, мощностью 260 квт каждая.', | ||
113 | + | ||
110 | ]; | 114 | ]; |
111 | \ No newline at end of file | 115 | \ No newline at end of file |
common/messages/ua/app.php
@@ -99,4 +99,8 @@ | @@ -99,4 +99,8 @@ | ||
99 | 'sect3_20' => 'Відкриття банківського рахунку, облаштування вузла обліку, укладення Договору купівлі/продажу електроенергії за "зеленим" тарифом', | 99 | 'sect3_20' => 'Відкриття банківського рахунку, облаштування вузла обліку, укладення Договору купівлі/продажу електроенергії за "зеленим" тарифом', |
100 | 'sect3_21' => 'Або звернутись до нас та', | 100 | 'sect3_21' => 'Або звернутись до нас та', |
101 | 'yt1' => 'Переглянути на YouTube', | 101 | 'yt1' => 'Переглянути на YouTube', |
102 | + | ||
103 | + 'modal_text2' => 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.', | ||
104 | + 'modal_text1' => 'Наша компанія брала участь в проекті освітлення пішохідного переходу на Харківського шосе. Нами був зроблений підбір генеруючого обладнання під заявлене споживання, а також поставка даного обладнання.', | ||
105 | + 'modal_text3' => 'За період з березня 2016 року по лютий 2017 року, було спроектовано та побудовано сонячну електростанцію потужністю 296 кіловат. Складається з 1140 сонячних панелей, потужністю 260 вт кожна.', | ||
102 | ]; | 106 | ]; |
103 | \ No newline at end of file | 107 | \ No newline at end of file |
frontend/views/layouts/main.php
@@ -562,6 +562,158 @@ _________________________________________________________ --> | @@ -562,6 +562,158 @@ _________________________________________________________ --> | ||
562 | </div> | 562 | </div> |
563 | <!-- /#all --> | 563 | <!-- /#all --> |
564 | <?php $this->endBody() ?> | 564 | <?php $this->endBody() ?> |
565 | + <script> | ||
566 | + | ||
567 | + $('a.open_gal#gal01').on('click', function(){ | ||
568 | + var openPhotoSwipeOne = function() { | ||
569 | + var titlelink = $("a.open_gal#gal01").data('title'); | ||
570 | + var pswpElement1 = document.querySelectorAll('.pswp')[0]; | ||
571 | + | ||
572 | + // build items array | ||
573 | + var items1 = [ | ||
574 | + { | ||
575 | + src: '../img/galpics/01.jpg', | ||
576 | + w: 960, | ||
577 | + h: 720, | ||
578 | + title: titlelink, | ||
579 | + }, | ||
580 | + { | ||
581 | + src: '../img/galpics/02.jpg', | ||
582 | + w: 960, | ||
583 | + h: 720, | ||
584 | + title: titlelink, | ||
585 | + }, | ||
586 | + { | ||
587 | + src: '../img/galpics/03.jpg', | ||
588 | + w: 960, | ||
589 | + h: 720, | ||
590 | + title: titlelink, | ||
591 | + } | ||
592 | + ]; | ||
593 | + | ||
594 | + // define options (if needed) | ||
595 | + var options1 = { | ||
596 | + // history & focus options are disabled on CodePen | ||
597 | + history: false, | ||
598 | + focus: false, | ||
599 | + | ||
600 | + showAnimationDuration: 0, | ||
601 | + hideAnimationDuration: 0 | ||
602 | + | ||
603 | + }; | ||
604 | + | ||
605 | + var gallery1 = new PhotoSwipe( pswpElement1, PhotoSwipeUI_Default, items1, options1); | ||
606 | + gallery1.init(); | ||
607 | + }; | ||
608 | + | ||
609 | + openPhotoSwipeOne(); | ||
610 | + return false; | ||
611 | + }); | ||
612 | + | ||
613 | + $('a.open_gal#gal02').on('click', function(){ | ||
614 | + var openPhotoSwipeTwo = function() { | ||
615 | + var pswpElement2 = document.querySelectorAll('.pswp')[0]; | ||
616 | + var titlelink = $("a.open_gal#gal02").data('title'); | ||
617 | + | ||
618 | + // build items array | ||
619 | + var items2 = [ | ||
620 | + { | ||
621 | + src: '../img/galpics/11.jpg', | ||
622 | + w: 960, | ||
623 | + h: 510, | ||
624 | + title: titlelink, | ||
625 | + }, | ||
626 | + { | ||
627 | + src: '../img/galpics/12.jpg', | ||
628 | + w: 960, | ||
629 | + h: 542, | ||
630 | + title: titlelink, | ||
631 | + }, | ||
632 | + { | ||
633 | + src: '../img/galpics/13.jpg', | ||
634 | + w: 960, | ||
635 | + h: 542, | ||
636 | + title: titlelink, | ||
637 | + }, | ||
638 | + { | ||
639 | + src: '../img/galpics/14.jpg', | ||
640 | + w: 960, | ||
641 | + h: 535, | ||
642 | + title: titlelink, | ||
643 | + }, | ||
644 | + { | ||
645 | + src: '../img/galpics/15.jpg', | ||
646 | + w: 1398, | ||
647 | + h: 790, | ||
648 | + title: titlelink, | ||
649 | + }, | ||
650 | + { | ||
651 | + src: '../img/galpics/16.jpg', | ||
652 | + w: 1054, | ||
653 | + h: 790, | ||
654 | + title: titlelink, | ||
655 | + }, | ||
656 | + { | ||
657 | + src: '../img/galpics/17.jpg', | ||
658 | + w: 1054, | ||
659 | + h: 790, | ||
660 | + title: titlelink, | ||
661 | + } | ||
662 | + ]; | ||
663 | + | ||
664 | + // define options (if needed) | ||
665 | + var options2 = { | ||
666 | + // history & focus options are disabled on CodePen | ||
667 | + history: false, | ||
668 | + focus: false, | ||
669 | + | ||
670 | + showAnimationDuration: 0, | ||
671 | + hideAnimationDuration: 0 | ||
672 | + | ||
673 | + }; | ||
674 | + | ||
675 | + var gallery2 = new PhotoSwipe( pswpElement2, PhotoSwipeUI_Default, items2, options2); | ||
676 | + gallery2.init(); | ||
677 | + }; | ||
678 | + | ||
679 | + openPhotoSwipeTwo(); | ||
680 | + return false; | ||
681 | + }); | ||
682 | + | ||
683 | + $('a.open_gal#gal03').on('click', function(){ | ||
684 | + var openPhotoSwipeThree = function() { | ||
685 | + var pswpElement3 = document.querySelectorAll('.pswp')[0]; | ||
686 | + var titlelink = $("a.open_gal#gal03").data('title'); | ||
687 | + | ||
688 | + // build items array | ||
689 | + var items3 = [ | ||
690 | + { | ||
691 | + html: '<div class="video-wrapper"><iframe class="pswp__video" width="100%" height="100%" src="https://www.youtube-nocookie.com/embed/lpJ9sWE28N0?rel=0" frameborder="0" allowfullscreen></iframe></div>', | ||
692 | + w: 960, | ||
693 | + h: 640, | ||
694 | + title: titlelink, | ||
695 | + } | ||
696 | + ]; | ||
697 | + | ||
698 | + // define options (if needed) | ||
699 | + var options3 = { | ||
700 | + // history & focus options are disabled on CodePen | ||
701 | + history: false, | ||
702 | + focus: false, | ||
703 | + | ||
704 | + showAnimationDuration: 0, | ||
705 | + hideAnimationDuration: 0 | ||
706 | + | ||
707 | + }; | ||
708 | + | ||
709 | + var gallery3 = new PhotoSwipe( pswpElement3, PhotoSwipeUI_Default, items3, options3); | ||
710 | + gallery3.init(); | ||
711 | + }; | ||
712 | + | ||
713 | + openPhotoSwipeThree(); | ||
714 | + return false; | ||
715 | + }); | ||
716 | + </script> | ||
565 | </body> | 717 | </body> |
566 | </html> | 718 | </html> |
567 | <?php $this->endPage() ?> | 719 | <?php $this->endPage() ?> |
568 | \ No newline at end of file | 720 | \ No newline at end of file |
frontend/views/site/index.php
@@ -90,7 +90,7 @@ $this->registerJs($js, View::POS_END); | @@ -90,7 +90,7 @@ $this->registerJs($js, View::POS_END); | ||
90 | </div> | 90 | </div> |
91 | </div> | 91 | </div> |
92 | <div class="col-md-12 get_station_center"> | 92 | <div class="col-md-12 get_station_center"> |
93 | - <a href="#" class="btn button2 modaled init-button-сalculate mini" data-title="<?= Yii::t('app', 'modal3') ?> <?= Yii::t('app', 'modal3_1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal3') ?> <span><?= Yii::t('app', 'modal3_1') ?></span></a> | 93 | + <a href="#" class="btn button1 modaled init-button-сalculate mini" data-title="<?= Yii::t('app', 'modal3') ?> <?= Yii::t('app', 'modal3_1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal3') ?> <span><?= Yii::t('app', 'modal3_1') ?></span></a> |
94 | </div> | 94 | </div> |
95 | </div> | 95 | </div> |
96 | </div> | 96 | </div> |
@@ -142,7 +142,7 @@ $this->registerJs($js, View::POS_END); | @@ -142,7 +142,7 @@ $this->registerJs($js, View::POS_END); | ||
142 | </div> | 142 | </div> |
143 | </div> | 143 | </div> |
144 | <div class="col-md-12 get_station_center"> | 144 | <div class="col-md-12 get_station_center"> |
145 | - <a href="#" class="btn button2 modaled init-button-сalculate mini" data-title="<?= Yii::t('app', 'modal3') ?> <?= Yii::t('app', 'modal3_1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal3') ?> <span><?= Yii::t('app', 'modal3_1') ?></span></a> | 145 | + <a href="#" class="btn button1 modaled init-button-сalculate mini" data-title="<?= Yii::t('app', 'modal3') ?> <?= Yii::t('app', 'modal3_1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal3') ?> <span><?= Yii::t('app', 'modal3_1') ?></span></a> |
146 | </div> | 146 | </div> |
147 | </div> | 147 | </div> |
148 | </div> | 148 | </div> |
@@ -220,7 +220,7 @@ $this->registerJs($js, View::POS_END); | @@ -220,7 +220,7 @@ $this->registerJs($js, View::POS_END); | ||
220 | </div> | 220 | </div> |
221 | </div> | 221 | </div> |
222 | <div class="col-md-12 get_station_center"> | 222 | <div class="col-md-12 get_station_center"> |
223 | - <a href="#" class="btn button2 modaled init-button-сalculate mini" data-title="<?= Yii::t('app', 'modal3') ?> <?= Yii::t('app', 'modal3_1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal3') ?> <span><?= Yii::t('app', 'modal3_1') ?></span></a> | 223 | + <a href="#" class="btn button1 modaled init-button-сalculate mini" data-title="<?= Yii::t('app', 'modal3') ?> <?= Yii::t('app', 'modal3_1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal3') ?> <span><?= Yii::t('app', 'modal3_1') ?></span></a> |
224 | </div> | 224 | </div> |
225 | </div> | 225 | </div> |
226 | </div> | 226 | </div> |
@@ -366,13 +366,13 @@ $this->registerJs($js, View::POS_END); | @@ -366,13 +366,13 @@ $this->registerJs($js, View::POS_END); | ||
366 | <div class="box-image"> | 366 | <div class="box-image"> |
367 | <div class="image"> | 367 | <div class="image"> |
368 | <div class="image_link_wr"> | 368 | <div class="image_link_wr"> |
369 | - <a href="#" class="image_link open_gal" id="gal02" style="background-image:url('/img/pic01.jpg');"></a> | 369 | + <a href="#" class="image_link open_gal" id="gal02" style="background-image:url('/img/pic01.jpg');" data-title="<?= Yii::t('app', 'modal_text2') ?>"></a> |
370 | </div> | 370 | </div> |
371 | <div class="img-title"> | 371 | <div class="img-title"> |
372 | <table> | 372 | <table> |
373 | <tr> | 373 | <tr> |
374 | <td class="buts text-left"> | 374 | <td class="buts text-left"> |
375 | - <a href="#" class="open_gal sqre_btn blue_arrow" id="gal02"></a> | 375 | + <a href="#" class="open_gal sqre_btn blue_arrow" id="gal02" data-title="<?= Yii::t('app', 'modal_text2') ?>"></a> |
376 | <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= Yii::t('app', 'sect2_8') ?>" data-toggle="modal" data-target="#feedback-modal"></a> | 376 | <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= Yii::t('app', 'sect2_8') ?>" data-toggle="modal" data-target="#feedback-modal"></a> |
377 | </td> | 377 | </td> |
378 | <td class="i-title" valign="center"> | 378 | <td class="i-title" valign="center"> |
@@ -389,13 +389,13 @@ $this->registerJs($js, View::POS_END); | @@ -389,13 +389,13 @@ $this->registerJs($js, View::POS_END); | ||
389 | <div class="box-image"> | 389 | <div class="box-image"> |
390 | <div class="image"> | 390 | <div class="image"> |
391 | <div class="image_link_wr"> | 391 | <div class="image_link_wr"> |
392 | - <a href="#" class="image_link open_gal" id="gal01" style="background-image:url('/img/pic02.jpg');"></a> | 392 | + <a href="#" class="image_link open_gal" id="gal01" style="background-image:url('/img/pic02.jpg');" data-title="<?= Yii::t('app', 'modal_text1') ?>"></a> |
393 | </div> | 393 | </div> |
394 | <div class="img-title"> | 394 | <div class="img-title"> |
395 | <table> | 395 | <table> |
396 | <tr> | 396 | <tr> |
397 | <td class="buts text-left"> | 397 | <td class="buts text-left"> |
398 | - <a href="#" class="open_gal sqre_btn blue_arrow" id="gal01"></a> | 398 | + <a href="#" class="open_gal sqre_btn blue_arrow" id="gal01" data-title="<?= Yii::t('app', 'modal_text1') ?>"></a> |
399 | <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= Yii::t('app', 'sect2_9') ?>" data-toggle="modal" data-target="#feedback-modal"></a> | 399 | <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= Yii::t('app', 'sect2_9') ?>" data-toggle="modal" data-target="#feedback-modal"></a> |
400 | </td> | 400 | </td> |
401 | <td class="i-title" valign="center"> | 401 | <td class="i-title" valign="center"> |
@@ -414,13 +414,13 @@ $this->registerJs($js, View::POS_END); | @@ -414,13 +414,13 @@ $this->registerJs($js, View::POS_END); | ||
414 | <div class="box-image"> | 414 | <div class="box-image"> |
415 | <div class="image"> | 415 | <div class="image"> |
416 | <div class="image_link_wr"> | 416 | <div class="image_link_wr"> |
417 | - <a href="#" class="image_link open_gal" id="gal03" style="background-image:url('/img/pic03.jpg');"></a> | 417 | + <a href="#" class="image_link open_gal" id="gal03" style="background-image:url('/img/pic03.jpg');" data-title="<?= Yii::t('app', 'modal_text3') ?>"></a> |
418 | </div> | 418 | </div> |
419 | <div class="img-title"> | 419 | <div class="img-title"> |
420 | <table> | 420 | <table> |
421 | <tr> | 421 | <tr> |
422 | <td class="buts text-left"> | 422 | <td class="buts text-left"> |
423 | - <a href="#" class="open_gal sqre_btn blue_arrow" id="gal03"></a> | 423 | + <a href="#" class="open_gal sqre_btn blue_arrow" id="gal03" data-title="<?= Yii::t('app', 'modal_text3') ?>"></a> |
424 | <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= Yii::t('app', 'sect2_10') ?>" data-toggle="modal" data-target="#feedback-modal"></a> | 424 | <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= Yii::t('app', 'sect2_10') ?>" data-toggle="modal" data-target="#feedback-modal"></a> |
425 | </td> | 425 | </td> |
426 | <td class="i-title" valign="center"> | 426 | <td class="i-title" valign="center"> |
frontend/web/css/style.css
@@ -339,10 +339,8 @@ a.sqre_btn { | @@ -339,10 +339,8 @@ a.sqre_btn { | ||
339 | .bigtext { | 339 | .bigtext { |
340 | display: table-caption; | 340 | display: table-caption; |
341 | } | 341 | } |
342 | -.btn.button2.mini{ | ||
343 | - background-color: #0095d7; | ||
344 | - color: #fff; | ||
345 | - background-image: url(../img/arrows_right_w.png); | 342 | +.btn.button1.mini{ |
343 | + background-image: url(../img/arrows_right_w2.png); | ||
346 | background-position: calc(100% - 14px) center; | 344 | background-position: calc(100% - 14px) center; |
347 | background-repeat: no-repeat; | 345 | background-repeat: no-repeat; |
348 | letter-spacing: 0; | 346 | letter-spacing: 0; |
@@ -363,10 +361,6 @@ a.sqre_btn { | @@ -363,10 +361,6 @@ a.sqre_btn { | ||
363 | font-size: 13px; | 361 | font-size: 13px; |
364 | line-height: 14px; | 362 | line-height: 14px; |
365 | background-size: 9%; | 363 | background-size: 9%; |
366 | - border-radius: 2px; | ||
367 | -} | ||
368 | -.btn.button2.mini:hover { | ||
369 | - background-color: #40c4ff; | ||
370 | } | 364 | } |
371 | 365 | ||
372 | @media(min-width:992px) and (max-width:1199px){ | 366 | @media(min-width:992px) and (max-width:1199px){ |
2.01 KB
frontend/web/js/script.js
@@ -104,154 +104,6 @@ $( | @@ -104,154 +104,6 @@ $( | ||
104 | ); | 104 | ); |
105 | } | 105 | } |
106 | 106 | ||
107 | - $('a.open_gal#gal01').on('click', function(){ | ||
108 | - var openPhotoSwipeOne = function() { | ||
109 | - var pswpElement1 = document.querySelectorAll('.pswp')[0]; | ||
110 | - | ||
111 | - // build items array | ||
112 | - var items1 = [ | ||
113 | - { | ||
114 | - src: '../img/galpics/01.jpg', | ||
115 | - w: 960, | ||
116 | - h: 720, | ||
117 | - title: 'Наша компанія брала участь в проекті освітлення пішохідного переходу на Харківського шосе. Нами був зроблений підбір генеруючого обладнання під заявлене споживання, а також поставка даного обладнання.', | ||
118 | - }, | ||
119 | - { | ||
120 | - src: '../img/galpics/02.jpg', | ||
121 | - w: 960, | ||
122 | - h: 720, | ||
123 | - title: 'Наша компанія брала участь в проекті освітлення пішохідного переходу на Харківського шосе. Нами був зроблений підбір генеруючого обладнання під заявлене споживання, а також поставка даного обладнання.', | ||
124 | - }, | ||
125 | - { | ||
126 | - src: '../img/galpics/03.jpg', | ||
127 | - w: 960, | ||
128 | - h: 720, | ||
129 | - title: 'Наша компанія брала участь в проекті освітлення пішохідного переходу на Харківського шосе. Нами був зроблений підбір генеруючого обладнання під заявлене споживання, а також поставка даного обладнання.', | ||
130 | - } | ||
131 | - ]; | ||
132 | - | ||
133 | - // define options (if needed) | ||
134 | - var options1 = { | ||
135 | - // history & focus options are disabled on CodePen | ||
136 | - history: false, | ||
137 | - focus: false, | ||
138 | - | ||
139 | - showAnimationDuration: 0, | ||
140 | - hideAnimationDuration: 0 | ||
141 | - | ||
142 | - }; | ||
143 | - | ||
144 | - var gallery1 = new PhotoSwipe( pswpElement1, PhotoSwipeUI_Default, items1, options1); | ||
145 | - gallery1.init(); | ||
146 | - }; | ||
147 | - | ||
148 | - openPhotoSwipeOne(); | ||
149 | - return false; | ||
150 | - }); | ||
151 | - | ||
152 | - $('a.open_gal#gal02').on('click', function(){ | ||
153 | - var openPhotoSwipeTwo = function() { | ||
154 | - var pswpElement2 = document.querySelectorAll('.pswp')[0]; | ||
155 | - | ||
156 | - // build items array | ||
157 | - var items2 = [ | ||
158 | - { | ||
159 | - src: '../img/galpics/11.jpg', | ||
160 | - w: 960, | ||
161 | - h: 510, | ||
162 | - title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.', | ||
163 | - }, | ||
164 | - { | ||
165 | - src: '../img/galpics/12.jpg', | ||
166 | - w: 960, | ||
167 | - h: 542, | ||
168 | - title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.', | ||
169 | - }, | ||
170 | - { | ||
171 | - src: '../img/galpics/13.jpg', | ||
172 | - w: 960, | ||
173 | - h: 542, | ||
174 | - title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.', | ||
175 | - }, | ||
176 | - { | ||
177 | - src: '../img/galpics/14.jpg', | ||
178 | - w: 960, | ||
179 | - h: 535, | ||
180 | - title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.', | ||
181 | - }, | ||
182 | - { | ||
183 | - src: '../img/galpics/15.jpg', | ||
184 | - w: 1398, | ||
185 | - h: 790, | ||
186 | - title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.', | ||
187 | - }, | ||
188 | - { | ||
189 | - src: '../img/galpics/16.jpg', | ||
190 | - w: 1054, | ||
191 | - h: 790, | ||
192 | - title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.', | ||
193 | - }, | ||
194 | - { | ||
195 | - src: '../img/galpics/17.jpg', | ||
196 | - w: 1054, | ||
197 | - h: 790, | ||
198 | - title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.', | ||
199 | - } | ||
200 | - ]; | ||
201 | - | ||
202 | - // define options (if needed) | ||
203 | - var options2 = { | ||
204 | - // history & focus options are disabled on CodePen | ||
205 | - history: false, | ||
206 | - focus: false, | ||
207 | - | ||
208 | - showAnimationDuration: 0, | ||
209 | - hideAnimationDuration: 0 | ||
210 | - | ||
211 | - }; | ||
212 | - | ||
213 | - var gallery2 = new PhotoSwipe( pswpElement2, PhotoSwipeUI_Default, items2, options2); | ||
214 | - gallery2.init(); | ||
215 | - }; | ||
216 | - | ||
217 | - openPhotoSwipeTwo(); | ||
218 | - return false; | ||
219 | - }); | ||
220 | - | ||
221 | - $('a.open_gal#gal03').on('click', function(){ | ||
222 | - var openPhotoSwipeThree = function() { | ||
223 | - var pswpElement3 = document.querySelectorAll('.pswp')[0]; | ||
224 | - | ||
225 | - // build items array | ||
226 | - var items3 = [ | ||
227 | - { | ||
228 | - html: '<div class="video-wrapper"><iframe class="pswp__video" width="100%" height="100%" src="https://www.youtube-nocookie.com/embed/lpJ9sWE28N0?rel=0" frameborder="0" allowfullscreen></iframe></div>', | ||
229 | - w: 960, | ||
230 | - h: 640, | ||
231 | - title: 'За період з березня 2016 року по лютий 2017 року, було спроектовано та побудовано сонячну електростанцію потужністю 296 кіловат. Складається з 1140 сонячних панелей, потужністю 260 вт кожна.', | ||
232 | - } | ||
233 | - ]; | ||
234 | - | ||
235 | - // define options (if needed) | ||
236 | - var options3 = { | ||
237 | - // history & focus options are disabled on CodePen | ||
238 | - history: false, | ||
239 | - focus: false, | ||
240 | - | ||
241 | - showAnimationDuration: 0, | ||
242 | - hideAnimationDuration: 0 | ||
243 | - | ||
244 | - }; | ||
245 | - | ||
246 | - var gallery3 = new PhotoSwipe( pswpElement3, PhotoSwipeUI_Default, items3, options3); | ||
247 | - gallery3.init(); | ||
248 | - }; | ||
249 | - | ||
250 | - openPhotoSwipeThree(); | ||
251 | - return false; | ||
252 | - }); | ||
253 | - | ||
254 | - | ||
255 | $(".modaled").on('click', function(){ | 107 | $(".modaled").on('click', function(){ |
256 | $(".modal-title#Login").text($(this).data('title')); | 108 | $(".modal-title#Login").text($(this).data('title')); |
257 | $(".field-feedback-title #feedback-title").val($(this).data('title')); | 109 | $(".field-feedback-title #feedback-title").val($(this).data('title')); |