- events

- background in slider

- events
- background in slider
Anastasia
1 parent 5f694714
Showing 4 changed files with 11 additions and 5 deletions Show diff stats
common/models/event/Tag.php
frontend/controllers/EventController.php
frontend/views/site/index.php
frontend/web/js/front.js
@@ -116,7 +116,7 @@
         /**
          * @return \yii\db\ActiveQuery
          */
-        public function getArticles()
+        public function getEvents()
         {
             return $this->hasMany(Event::className(), [ 'id' => 'event_id' ])
                         ->viaTable('event_to_tag', [ 'event_tag_id' => 'id' ]);
@@ -98,7 +98,7 @@
                         )
                         ->with(
                             [
-                                'articles',
+                                'events',
                             ]
                         )
                         ->one();
@@ -16,7 +16,7 @@
   <!-- *** HOMEPAGE CAROUSEL ***
 _________________________________________________________ -->
  
-  <div class="home-carousel">
+  <div class="home-carousel" <?=$slides[0]->background !== null ? ' style="background: url('.$slides[0]->background->getUrl().') center center repeat;"' : ''?>>
  
     <div class="dark-mask"></div>
  
@@ -25,7 +25,7 @@ _________________________________________________________ --&gt;
  
         <?php foreach ($slides as $key => $slide){?>
  
-        <div class="item">
+        <div class="item" data-bg=<?=($slide->background !== null) ? $slide->background->getUrl() : ''?>>
           <div class="row">
             <div class="col-sm-5 <?=($key%2 == 0) ? 'right' : ''?>">
               <h1><?=$slide->title?></h1>
@@ -119,8 +119,14 @@ function sliders() {
                 //animationsSlider();
                 console.log('init');
             },
-            afterMove: function () {
+            afterMove: function (elem) {
                 //animationsSlider();
+                var bg = $(elem).children('.owl-wrapper-outer').children().find('.active').find('.item').data('bg');
+                if (bg != ''){
+                    $(elem).parent().parent().css("background", 'url('+bg+') center center repeat');
+                }else{
+                    $(elem).parent().parent().css('background', 'url(../img/photogrid.jpg) center center repeat');
+                }
                 console.log('move');
             }
         });