translates gallery

Eugeny Galkovskiy
1 parent f6f05494
Showing 7 changed files with 173 additions and 167 deletions Show diff stats
common/messages/ru/app.php
common/messages/ua/app.php
frontend/views/layouts/main.php
frontend/views/site/index.php
frontend/web/css/style.css
frontend/web/img/arrows_right_w2.png
frontend/web/js/script.js
@@ -43,7 +43,7 @@
         'text2' =>  'Мы выезжаем на объект заказчика с целью определить рентабельность постройки СЭС. Осматриваем и оцениваем состояние зданий на которых планируется размещение СЭС, делаем замеры места для фотоэлектрического поля, собираем все необходимые данные.',
         'text3' =>  'На основе полученных данных разрабатываем оптимальную конфигурацию фотоэлектрического поля, рассматриваем варианты оборудования СЭС. Определяем необходимые технические решения: стоимость, окупаемость и надежность работы. В конце презентуем разработанные варианты и утверждаем их с клиентом.',
         'text4' =>  'Помогаем сформулировать пакет исходных данных, получаем ТУ на присоединение к электросети, условия и ограничения постройки. Мы разрабатываем проектные решения для строительства, электрики, утверждаем документацию в необходимых организациях.',
-        'text5' =>  'Наша компания предоставим вам качественное оборудования, которые выдержано с официальным сохранением гарантийных условий производителя. Мы партнеры большинства производителей и сами проводим гарантийный ремонт в Украине.',
+        'text5' =>  'Наша компания предоставим вам качественное оборудования, которые выдержано с официальным сохранением гарантийных условий производителя. <br/>Мы партнеры большинства производителей и сами проводим гарантийный ремонт в Украине.',
         'text6' =>  'Мы получаем официальное разрешение на начало строительных работ, контролируем строительство, делаем технический осмотр и сдаем объект в эксплуатацию. Официально утверждаем постройку с “УКРЭНЕРГО”, ДП “Энергорынок” на получение лицензии и производство электроэнергии по “зеленому тарифу”.',
         'text7' =>  'У нас собственный штат монтажников и инженеров-электриков, который в наиболее короткие строки делают установку оборудования для СЭС, прокладывают кабельную сеть, устанавливают защитное оборудование. Мы гарантируем масштабирование размера бригады.',
         'text8' =>  'Проводим проектирование и установку системы диспетчерского управления СЭС. Мы предоставляем аналитику режима работы СЭС, даем возможность иметь удаленный доступ к информации с любого PC через интернет.',
@@ -54,7 +54,7 @@
         'modal1_2'  =>  'консультацию',
         'modal2'    =>  'Заказать электростанцию',
         'modal2_2'  =>  'электростанцию',
-        'modal3'    =>  'Расчитать',
+        'modal3'    =>  'Рассчитать',
         'modal3_1'    =>  'стоимость проекта',
         'sect1_1'   =>  'Мы первые подключили СЭС',
         'sect1_2'   =>  'по "зелёному" тарифу по Киевской области',
@@ -107,4 +107,8 @@
         "Комплексний підхід до енергозбереження та енергонезалежності"  =>  'Комплексный подход к энергосбережению и энергонезависимости',
         'yt1'       =>  'Смотреть на YouTube',
  
+        'modal_text2' => 'Нами разработаны металлоконструкции для установки солнечных панелей для наземных СЭС, которые могут использоваться для промышленных объектов и приватных зданий.',
+        'modal_text1' => 'Наша компания участвовала в проекте для освещения пешеходного перехода Харьковского шоссе. Мы сделали подбор генерирующего оборудования для заявленного потребления, а также поставку оборудования.',
+        'modal_text3' => 'За период с марта 2016 по февраль 2017 года, было спроектировано и построено СЭС мощностью 296 киловатт. Она включает в себя 1140 солнечный панелей, мощностью 260 квт каждая.',
+
     ];
 \ No newline at end of file
@@ -99,4 +99,8 @@
         'sect3_20'    =>  'Відкриття банківського рахунку, облаштування вузла обліку, укладення Договору купівлі/продажу електроенергії за "зеленим" тарифом',
         'sect3_21'    =>  'Або звернутись до нас та',
         'yt1'       =>  'Переглянути на YouTube',
+
+        'modal_text2' => 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
+        'modal_text1' => 'Наша компанія брала участь в проекті освітлення пішохідного переходу на Харківського шосе. Нами був зроблений підбір генеруючого обладнання під заявлене споживання, а також поставка даного обладнання.',
+        'modal_text3' => 'За період з березня 2016 року по лютий 2017 року, було спроектовано та побудовано сонячну електростанцію потужністю 296 кіловат. Складається з 1140 сонячних панелей, потужністю 260 вт кожна.',
         ];
 \ No newline at end of file
@@ -562,6 +562,158 @@ _________________________________________________________ --&gt;
       </div>
       <!-- /#all -->
         <?php $this->endBody() ?>
+    <script>
+
+        $('a.open_gal#gal01').on('click', function(){
+            var openPhotoSwipeOne = function() {
+                var titlelink = $("a.open_gal#gal01").data('title');
+                var pswpElement1 = document.querySelectorAll('.pswp')[0];
+
+                // build items array
+                var items1 = [
+                    {
+                        src: '../img/galpics/01.jpg',
+                        w: 960,
+                        h: 720,
+                        title: titlelink,
+                    },
+                    {
+                        src: '../img/galpics/02.jpg',
+                        w: 960,
+                        h: 720,
+                        title: titlelink,
+                    },
+                    {
+                        src: '../img/galpics/03.jpg',
+                        w: 960,
+                        h: 720,
+                        title: titlelink,
+                    }
+                ];
+
+                // define options (if needed)
+                var options1 = {
+                    // history & focus options are disabled on CodePen
+                    history: false,
+                    focus: false,
+
+                    showAnimationDuration: 0,
+                    hideAnimationDuration: 0
+
+                };
+
+                var gallery1 = new PhotoSwipe( pswpElement1, PhotoSwipeUI_Default, items1, options1);
+                gallery1.init();
+            };
+
+            openPhotoSwipeOne();
+            return false;
+        });
+
+        $('a.open_gal#gal02').on('click', function(){
+            var openPhotoSwipeTwo = function() {
+                var pswpElement2 = document.querySelectorAll('.pswp')[0];
+                var titlelink = $("a.open_gal#gal02").data('title');
+
+                // build items array
+                var items2 = [
+                    {
+                        src: '../img/galpics/11.jpg',
+                        w: 960,
+                        h: 510,
+                        title: titlelink,
+                    },
+                    {
+                        src: '../img/galpics/12.jpg',
+                        w: 960,
+                        h: 542,
+                        title: titlelink,
+                    },
+                    {
+                        src: '../img/galpics/13.jpg',
+                        w: 960,
+                        h: 542,
+                        title: titlelink,
+                    },
+                    {
+                        src: '../img/galpics/14.jpg',
+                        w: 960,
+                        h: 535,
+                        title: titlelink,
+                    },
+                    {
+                        src: '../img/galpics/15.jpg',
+                        w: 1398,
+                        h: 790,
+                        title: titlelink,
+                    },
+                    {
+                        src: '../img/galpics/16.jpg',
+                        w: 1054,
+                        h: 790,
+                        title: titlelink,
+                    },
+                    {
+                        src: '../img/galpics/17.jpg',
+                        w: 1054,
+                        h: 790,
+                        title: titlelink,
+                    }
+                ];
+
+                // define options (if needed)
+                var options2 = {
+                    // history & focus options are disabled on CodePen
+                    history: false,
+                    focus: false,
+
+                    showAnimationDuration: 0,
+                    hideAnimationDuration: 0
+
+                };
+
+                var gallery2 = new PhotoSwipe( pswpElement2, PhotoSwipeUI_Default, items2, options2);
+                gallery2.init();
+            };
+
+            openPhotoSwipeTwo();
+            return false;
+        });
+
+        $('a.open_gal#gal03').on('click', function(){
+            var openPhotoSwipeThree = function() {
+                var pswpElement3 = document.querySelectorAll('.pswp')[0];
+                var titlelink = $("a.open_gal#gal03").data('title');
+
+                // build items array
+                var items3 = [
+                    {
+                        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>',
+                        w: 960,
+                        h: 640,
+                        title: titlelink,
+                    }
+                ];
+
+                // define options (if needed)
+                var options3 = {
+                    // history & focus options are disabled on CodePen
+                    history: false,
+                    focus: false,
+
+                    showAnimationDuration: 0,
+                    hideAnimationDuration: 0
+
+                };
+
+                var gallery3 = new PhotoSwipe( pswpElement3, PhotoSwipeUI_Default, items3, options3);
+                gallery3.init();
+            };
+
+            openPhotoSwipeThree();
+            return false;
+        });
+    </script>
     </body>
   </html>
 <?php $this->endPage() ?>
 \ No newline at end of file
@@ -90,7 +90,7 @@ $this-&gt;registerJs($js, View::POS_END);
                     </div>
                 </div>
                 <div class="col-md-12 get_station_center">
-                    <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>
+                    <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>
                 </div>
             </div>
         </div>
@@ -142,7 +142,7 @@ $this-&gt;registerJs($js, View::POS_END);
                     </div>
                 </div>
                 <div class="col-md-12 get_station_center">
-                    <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>
+                    <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>
                 </div>
             </div>
         </div>
@@ -220,7 +220,7 @@ $this-&gt;registerJs($js, View::POS_END);
                     </div>
                 </div>
                 <div class="col-md-12 get_station_center">
-                    <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>
+                    <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>
                 </div>
             </div>
         </div>
@@ -366,13 +366,13 @@ $this-&gt;registerJs($js, View::POS_END);
                     <div class="box-image">
                         <div class="image">
                             <div class="image_link_wr">
-                                <a href="#" class="image_link open_gal" id="gal02" style="background-image:url('/img/pic01.jpg');"></a>
+                                <a href="#" class="image_link open_gal" id="gal02" style="background-image:url('/img/pic01.jpg');" data-title="<?= Yii::t('app', 'modal_text2') ?>"></a>
                             </div>
                             <div class="img-title">
                                 <table>
                                     <tr>
                                         <td class="buts text-left">
-                                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal02"></a>
+                                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal02" data-title="<?= Yii::t('app', 'modal_text2') ?>"></a>
                                             <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>
                                         </td>
                                         <td class="i-title" valign="center">
@@ -389,13 +389,13 @@ $this-&gt;registerJs($js, View::POS_END);
                     <div class="box-image">
                         <div class="image">
                             <div class="image_link_wr">
-                                <a href="#" class="image_link open_gal" id="gal01" style="background-image:url('/img/pic02.jpg');"></a>
+                                <a href="#" class="image_link open_gal" id="gal01" style="background-image:url('/img/pic02.jpg');" data-title="<?= Yii::t('app', 'modal_text1') ?>"></a>
                             </div>
                             <div class="img-title">
                                 <table>
                                     <tr>
                                         <td class="buts text-left">
-                                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal01"></a>
+                                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal01" data-title="<?= Yii::t('app', 'modal_text1') ?>"></a>
                                             <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>
                                         </td>
                                         <td class="i-title" valign="center">
@@ -414,13 +414,13 @@ $this-&gt;registerJs($js, View::POS_END);
                     <div class="box-image">
                         <div class="image">
                             <div class="image_link_wr">
-                                <a href="#" class="image_link open_gal" id="gal03" style="background-image:url('/img/pic03.jpg');"></a>
+                                <a href="#" class="image_link open_gal" id="gal03" style="background-image:url('/img/pic03.jpg');" data-title="<?= Yii::t('app', 'modal_text3') ?>"></a>
                             </div>
                             <div class="img-title">
                                 <table>
                                     <tr>
                                         <td class="buts text-left">
-                                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal03"></a>
+                                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal03" data-title="<?= Yii::t('app', 'modal_text3') ?>"></a>
                                             <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>
                                         </td>
                                         <td class="i-title" valign="center">
@@ -339,10 +339,8 @@ a.sqre_btn {
 .bigtext {
     display: table-caption;
 }
-.btn.button2.mini{
-    background-color: #0095d7;
-    color: #fff;
-    background-image: url(../img/arrows_right_w.png);
+.btn.button1.mini{
+    background-image: url(../img/arrows_right_w2.png);
     background-position: calc(100% - 14px) center;
     background-repeat: no-repeat;
     letter-spacing: 0;
@@ -363,10 +361,6 @@ a.sqre_btn {
     font-size: 13px;
     line-height: 14px;
     background-size: 9%;
-    border-radius: 2px;
-}
-.btn.button2.mini:hover {
-    background-color: #40c4ff;
 }
  
 @media(min-width:992px) and (max-width:1199px){
@@ -104,154 +104,6 @@ $(
                 );
         }
  
-        $('a.open_gal#gal01').on('click', function(){
-            var openPhotoSwipeOne = function() {
-                var pswpElement1 = document.querySelectorAll('.pswp')[0];
-
-                // build items array
-                var items1 = [
-                    {
-                        src: '../img/galpics/01.jpg',
-                        w: 960,
-                        h: 720,
-                        title: 'Наша компанія брала участь в проекті освітлення пішохідного переходу на Харківського шосе. Нами був зроблений підбір генеруючого обладнання під заявлене споживання, а також поставка даного обладнання.',
-                    },
-                    {
-                        src: '../img/galpics/02.jpg',
-                        w: 960,
-                        h: 720,
-                        title: 'Наша компанія брала участь в проекті освітлення пішохідного переходу на Харківського шосе. Нами був зроблений підбір генеруючого обладнання під заявлене споживання, а також поставка даного обладнання.',
-                    },
-                    {
-                        src: '../img/galpics/03.jpg',
-                        w: 960,
-                        h: 720,
-                        title: 'Наша компанія брала участь в проекті освітлення пішохідного переходу на Харківського шосе. Нами був зроблений підбір генеруючого обладнання під заявлене споживання, а також поставка даного обладнання.',
-                    }
-                ];
-
-                // define options (if needed)
-                var options1 = {
-                    // history & focus options are disabled on CodePen
-                    history: false,
-                    focus: false,
-
-                    showAnimationDuration: 0,
-                    hideAnimationDuration: 0
-
-                };
-
-                var gallery1 = new PhotoSwipe( pswpElement1, PhotoSwipeUI_Default, items1, options1);
-                gallery1.init();
-            };
-
-            openPhotoSwipeOne();
-            return false;
-        });
-
-        $('a.open_gal#gal02').on('click', function(){
-            var openPhotoSwipeTwo = function() {
-                var pswpElement2 = document.querySelectorAll('.pswp')[0];
-
-                // build items array
-                var items2 = [
-                    {
-                        src: '../img/galpics/11.jpg',
-                        w: 960,
-                        h: 510,
-                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
-                    },
-                    {
-                        src: '../img/galpics/12.jpg',
-                        w: 960,
-                        h: 542,
-                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
-                    },
-                    {
-                        src: '../img/galpics/13.jpg',
-                        w: 960,
-                        h: 542,
-                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
-                    },
-                    {
-                        src: '../img/galpics/14.jpg',
-                        w: 960,
-                        h: 535,
-                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
-                    },
-                    {
-                        src: '../img/galpics/15.jpg',
-                        w: 1398,
-                        h: 790,
-                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
-                    },
-                    {
-                        src: '../img/galpics/16.jpg',
-                        w: 1054,
-                        h: 790,
-                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
-                    },
-                    {
-                        src: '../img/galpics/17.jpg',
-                        w: 1054,
-                        h: 790,
-                        title: 'Нами розроблена металоконструкція для встановлення сонячних панелей для наземних сонячних електростанцій, яка може застосовуватися як для промислових об\'єктів так і для приватних домоволодінь.',
-                    }
-                ];
-
-                // define options (if needed)
-                var options2 = {
-                    // history & focus options are disabled on CodePen
-                    history: false,
-                    focus: false,
-
-                    showAnimationDuration: 0,
-                    hideAnimationDuration: 0
-
-                };
-
-                var gallery2 = new PhotoSwipe( pswpElement2, PhotoSwipeUI_Default, items2, options2);
-                gallery2.init();
-            };
-
-            openPhotoSwipeTwo();
-            return false;
-        });
-
-        $('a.open_gal#gal03').on('click', function(){
-            var openPhotoSwipeThree = function() {
-                var pswpElement3 = document.querySelectorAll('.pswp')[0];
-
-                // build items array
-                var items3 = [
-                    {
-                        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>',
-                        w: 960,
-                        h: 640,
-                        title: 'За період з березня 2016 року по лютий 2017 року, було спроектовано та побудовано сонячну електростанцію потужністю 296 кіловат. Складається з 1140 сонячних панелей, потужністю 260 вт кожна.',
-                    }
-                ];
-
-                // define options (if needed)
-                var options3 = {
-                    // history & focus options are disabled on CodePen
-                    history: false,
-                    focus: false,
-
-                    showAnimationDuration: 0,
-                    hideAnimationDuration: 0
-
-                };
-
-                var gallery3 = new PhotoSwipe( pswpElement3, PhotoSwipeUI_Default, items3, options3);
-                gallery3.init();
-            };
-
-            openPhotoSwipeThree();
-            return false;
-        });
-
-
         $(".modaled").on('click', function(){
             $(".modal-title#Login").text($(this).data('title'));
             $(".field-feedback-title #feedback-title").val($(this).data('title'));