1 | 1 |
new file mode 100644 |
... | ... |
@@ -0,0 +1,51 @@ |
1 |
+<?php |
|
2 |
+if (TL_MODE == 'FE') { |
|
3 |
+ $GLOBALS['TL_CSS'][] = 'files/base/layout/css/elements/custom-elements/ce_rsce_bubblelist.min.css|static'; |
|
4 |
+} |
|
5 |
+?> |
|
6 |
+ |
|
7 |
+ |
|
8 |
+<div <?php echo $this->cssID; ?> class="content--element <?php echo $this->class; ?>"> |
|
9 |
+ <div class="ce--inner"> |
|
10 |
+ <?php if ($this->headline || $this->subline || $this->topline) : ?> |
|
11 |
+ <div class="ce--headline" |
|
12 |
+ data-aos="<?php if ($this->animation_type) : ?><?php echo $this->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>"> |
|
13 |
+ <div class="container force-container"> |
|
14 |
+ <?php if ($this->topline) : ?> |
|
15 |
+ <span class="ce--topline"><?php echo $this->topline; ?></span> |
|
16 |
+ <?php endif; ?> |
|
17 |
+ <?php if ($this->headline) : ?> |
|
18 |
+ <<?php echo($this->hl); ?>> |
|
19 |
+ <?php echo($this->headline); ?> |
|
20 |
+ </<?php echo($this->hl); ?>> |
|
21 |
+ <?php endif; ?> |
|
22 |
+ <?php if ($this->subline) : ?> |
|
23 |
+ <span class="ce--subline"><?php echo $this->subline; ?></span> |
|
24 |
+ <?php endif; ?> |
|
25 |
+ </div> |
|
26 |
+ </div> |
|
27 |
+ <?php endif; ?> |
|
28 |
+ <div class="ce--bubble-list" |
|
29 |
+ <?php if ($this->backgroundcolor) : ?>style="background-color: <?php echo $this->backgroundcolor; ?>" <?php endif; ?>> |
|
30 |
+ <div class="bl--inner container force-container"> |
|
31 |
+ <div class="bl--list"> |
|
32 |
+ <?php foreach ($this->galery as $item) : ?> |
|
33 |
+ <div data-aos="<?php if ($item->animation_type != "") : ?><?php echo $item->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>" |
|
34 |
+ class="bl--item <?php echo strtolower(str_replace(' ', '_', $item->text)); ?>"> |
|
35 |
+ <a href="<?php echo $item->url; ?>"></a> |
|
36 |
+ <div class="bl-i--image" |
|
37 |
+ data-aos="<?php if ($item->animation_type != "") : ?><?php echo $item->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>"> |
|
38 |
+ <img class="lazy" |
|
39 |
+ data-src="<?= Image::get(FilesModel::findByUuid($item->img)->path, null, null, null); ?>"> |
|
40 |
+ </div> |
|
41 |
+ <div class="bl-i--text" |
|
42 |
+ data-aos="<?php if ($item->animation_type != "") : ?><?php echo $item->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>" |
|
43 |
+ <?php if ($this->linkcolor) : ?>style="color: <?php echo $this->linkcolor; ?>" <?php endif; ?>> |
|
44 |
+ <?php echo $item->text; ?> |
|
45 |
+ </div> |
|
46 |
+ </div> |
|
47 |
+ <?php endforeach ?> |
|
48 |
+ </div> |
|
49 |
+ </div> |
|
50 |
+ </div> |
|
51 |
+</div></div> |
|
0 | 52 |
\ No newline at end of file |