Blame view

frontend/widgets/views/slider.php 2.87 KB
3f2bc3d0   Administrator   first commit
1
2
3
4
5
6
7
8
9
  <?php

  /* @var $slider Slider*/

  use common\models\Slider;

  use yii\helpers\Html;

  use yii\helpers\Url;

  

  ?>

  <div class="carousel">

      <?php foreach($slider->sliderImage as $image):

873e3d80   Administrator   14.09.16
10
11
          if($image->isActive()){

              $htm = <<<HTML

3f2bc3d0   Administrator   first commit
12
13
14
  

              <div style="background:url($image->image ) center center no-repeat;width:100%;height:480px;position:absolute;">

              </div>

873e3d80   Administrator   14.09.16
15
              <div class="12n content">

3f2bc3d0   Administrator   first commit
16
17
18
  

  HTML;

  

873e3d80   Administrator   14.09.16
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
  

          if(!empty($image->end_at) && strtotime($image->end_at) > strtotime(date("Y-m-d"))){

              ?>

              <div class="clock_style clock_<?= $image->primaryKey ?>"></div>

              <script type="text/javascript">

                  var clock;

  

                  $(document).ready(function() {

                      var clock;

  

                      clock = $('.clock_<?= $image->primaryKey ?>').FlipClock({

                          clockFace: 'DailyCounter',

                          language: 'ru',

                          classes: {

                              active: 'flip-clock-active',

                              before: 'flip-clock-before',

                              divider: 'flip-clock-divider',

                              dot: 'flip-clock-dot',

                              label: 'flip-clock-label',

                              flip: 'flip',

                              play: 'play',

                              wrapper: 'flip-clock-wrapper'

                          },

                      });

  

                      clock.setTime(<?= strtotime($image->end_at) - strtotime(date("Y-m-d H:i:s"))?>);

                      clock.setCountdown(true);

                      clock.start();

  

                  });

              </script>

  

  

              <?php

          }

  

              if(!empty($image->price)) {

                  $htm .= <<<HTML

3f2bc3d0   Administrator   first commit
57
58
59
60
61
62
63
64
65
                  <div class="price_round_border">

                      <div class="price_round">

                          <div class="title">Супер цена</div>

                          <div class="desc">$image->price

                              <div>грн.</div>

                          </div>

                      </div>

                  </div>

  HTML;

873e3d80   Administrator   14.09.16
66
              }

3f2bc3d0   Administrator   first commit
67
  

873e3d80   Administrator   14.09.16
68
              $htm .= <<<HTML

3f2bc3d0   Administrator   first commit
69
70
71
              </div>

  

  HTML;

873e3d80   Administrator   14.09.16
72
73
  

  

3f2bc3d0   Administrator   first commit
74
75
76
77
78
          ?>

  

      <div class="slide">

          <?= Html::a($htm, Url::toRoute($image->url)); ?>

      </div>

873e3d80   Administrator   14.09.16
79
      <?php   }?>

3f2bc3d0   Administrator   first commit
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
  <?php endforeach; ?>

  </div>

  

  <div style="clear:both;"></div>

  <?php

  $dur = $slider->duration ?  $slider->duration : 5000;

  $speed = $slider->speed ?  $slider->speed : 500;

  $js="	$(\".carousel\").owlCarousel({

          items: 1,

          loop: true,

          nav: true,

  		startPosition: 2,

  		mouseDrag: false,

  		navSpeed: 800,

  		autoplay:true,

  		autoplayTimeout: $dur,

  		autoplaySpeed: $speed,

  		autoplayHoverPause:true,

          navText: ['<a class=\"prev\"></a>', '<a class=\"next\"></a>']

       });";

  

  $this->registerJs($js);

  

  ?>