eSales Media Git repositories
Browse code

Initial commit

Benjamin Roth authored on16/03/2023 20:22:35
Showing1 changed files
templates/rsce_colorpalettes.html5
History View file @c584c6c
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,100 @@
1 
+<?php
2 
+if (TL_MODE == 'FE') {
3 
+    $GLOBALS['TL_CSS'][] = 'files/base/layout/css/elements/custom-elements/ce_rsce_colorpalettes.min.css|static';
4 
+    $GLOBALS['TL_JAVASCRIPT'][] = 'files/base/layout/js/_elements/ce_rsce_colorpalettes.js|static';
5 
+}
6 
+?>
7 
+
8 
+
9 
+
10 
+<?php
11 
+if (!isset($this->size)) {
12 
+    $this->{"size"} = "";
13 
+}
14 
+?>
15 
+
16 
+<div <?php echo $this->cssID; ?> class="content--element <?php echo $this->class; ?>">
17 
+    <div class="ce--inner container">
18 
+
19 
+        <?php if ($this->headline || $this->subline) : ?>
20 
+        <div class="ce--headline"
21 
+             data-aos="<?php if ($this->animation_type) : ?><?php echo $this->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>">
22 
+            <?php if ($this->headline) : ?>
23 
+            <<?php echo($this->hl); ?>>
24 
+            <?php echo($this->headline); ?>
25 
+        </<?php echo($this->hl); ?>>
26 
+    <?php endif; ?>
27 
+        <?php if ($this->subline) : ?>
28 
+            <span class="ce--subline"><?php echo $this->subline; ?></span>
29 
+        <?php endif; ?>
30 
+
31 
+    </div>
32 
+    <?php endif; ?>
33 
+
34 
+    <?php if ($this->activate_top): ?>
35 
+        <div class="colorpalettes-top" data-basicdesc="<?= $this->basic_desc; ?>"
36 
+             data-basicheadline="<?= $this->basic_headline; ?>"
37 
+             data-aos="<?php if ($this->animation_type) : ?><?php echo $this->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>">
38 
+            <div class="row flex-lg-row-reverse">
39 
+                <div class="col-12 col-lg-7">
40 
+                    <div class="color-palette--content">
41 
+                        <div class="color-palette-content--inner <?php if ($this->alternate_background_color): ?>with-padding<?php endif; ?>"
42 
+                             style="
43 
+                             <?php if ($this->alternate_background_color): ?>background-color: <?= $this->alternate_background_color; ?>;<?php endif; ?>
44 
+                             <?php if ($this->alternate_text_color): ?>color: <?= $this->alternate_text_color; ?>;<?php endif; ?>
45 
+                                     ">
46 
+
47 
+                            <h3 class="color-palette--headline"><?= $this->basic_headline; ?></h3>
48 
+
49 
+                            <div class="color-palette--desc">
50 
+                                <?= $this->basic_desc; ?>
51 
+                            </div>
52 
+                        </div>
53 
+                    </div>
54 
+                </div>
55 
+
56 
+                <div class="col-12 col-lg-5">
57 
+                    <div class="selected-color-element--outer h-100">
58 
+                        <div class="selected-color--element  h-100">
59 
+
60 
+                            <div class="image-holder h-100 w-100"
61 
+                                 style="background: url(<?= Image::get(FilesModel::findByUuid($this->elements[0]->img)->path, null, null, null); ?>) center center no-repeat; background-size: cover;"></div>
62 
+
63 
+                            <span class="selected-color-element--title"><?= $this->elements[0]->title; ?></span>
64 
+                        </div>
65 
+                    </div>
66 
+                </div>
67 
+            </div>
68 
+        </div>
69 
+    <?php endif; ?>
70 
+    <?php if ($this->elements): ?>
71 
+        <div class="colorpalettes-bottom">
72 
+            <div class="color-list--wrapper">
73 
+                <?php foreach ($this->elements as $x => $e) : ?>
74 
+
75 
+
76 
+                    <div class="color-list-element--outer <?php if (!$this->show_tooltip): ?>wider<?php endif; ?>">
77 
+                        <div class="color-list--element" data-headline="<?= $e->alternate_headline; ?>"
78 
+                             data-desc="<?= $e->desc; ?>"
79 
+                             data-img="<?= Image::get(FilesModel::findByUuid($e->img)->path, $this->size[0], $this->size[1], $this->size[2]); ?>"
80 
+                             data-title="<?= $e->title; ?>" <?php if ($this->show_tooltip): ?>title="<?= $e->title; ?>"
81 
+                             data-bs-toggle="tooltip"<?php endif; ?>>
82 
+                            <div class="color-list-element--image-holder"
83 
+                                 data-aos="<?php if ($this->animation_type) : ?><?php echo $this->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>">
84 
+
85 
+
86 
+                                <img class="lazy"
87 
+                                     data-src="<?= Image::get(FilesModel::findByUuid($e->img)->path, $this->size[0], $this->size[1], $this->size[2]); ?>">
88 
+
89 
+
90 
+                                <?php if (!$this->show_tooltip && $e->title): ?>
91 
+                                    <span><?= $e->title; ?></span>
92 
+                                <?php endif; ?>
93 
+                            </div>
94 
+                        </div>
95 
+                    </div>
96 
+                <?php endforeach ?>
97 
+            </div>
98 
+        </div>
99 
+    <?php endif; ?>
100 
+</div></div>
0 101 
\ No newline at end of file