Browse code

Initial commit

Benjamin Roth authored on16/03/2023 20:22:35
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,150 @@
1
+<?php
2
+if (TL_MODE == 'FE') {
3
+    $GLOBALS['TL_CSS'][] = 'files/base/layout/css/elements/custom-elements/ce_rsce_landingpageentry.min.css|static';
4
+}
5
+?>
6
+
7
+<div <?php echo $this->cssID; ?> class="content--element <?php echo $this->class; ?>">
8
+    <div class="ce--inner ">
9
+        <?php if ($this->headline || $this->subline || $this->topline) : ?>
10
+        <div class="ce--headline container"
11
+             data-aos="<?php if ($this->animation_type) : ?><?php echo $this->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>">
12
+            <?php if ($this->topline) : ?>
13
+                <span class="ce--topline"><?php echo $this->topline; ?></span>
14
+            <?php endif; ?>
15
+            <?php if ($this->headline) : ?>
16
+            <<?php echo($this->hl); ?>><?php echo($this->headline); ?></<?php echo($this->hl); ?>>
17
+    <?php endif; ?>
18
+        <?php if ($this->subline) : ?>
19
+            <span class="ce--subline"><?php echo $this->subline; ?></span>
20
+        <?php endif; ?>
21
+    </div>
22
+    <?php endif; ?>
23
+    <div class="ce--landingpage-entry">
24
+
25
+        <?php if ($this->boxed_image): ?>
26
+            <div class="boxed--image">
27
+                <img class="lazy"
28
+                     data-aos="<?php if ($this->boxed_image_animation_type) : ?><?php echo $this->boxed_image_animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>"
29
+                     data-src="<?= Image::get(FilesModel::findByUuid($this->boxed_image)->path, null, null, null); ?>">
30
+            </div>
31
+        <?php endif; ?>
32
+
33
+        <div class="row gx-0">
34
+            <?php foreach ($this->kachel as $i => $b) : ?>
35
+
36
+            <div class="<?php echo $b->column_width; ?>">
37
+                <div id="landingpageColumn_<?= $this->id; ?>_<?= $i; ?>" class="landingpage-column"
38
+                     style="<?php if ($b->column_background_color): ?>
39
+                             background-color: <?= $b->column_background_color;?>;
40
+                        <?php endif; ?>
41
+
42
+                     <?php if ($b->column_text_color): ?>
43
+                             color: <?= $b->column_text_color;?>;
44
+                        <?php endif; ?>">
45
+
46
+                    <style>
47
+                        <?php if($b->top_background_hover_color):?>
48
+                        <?php
49
+                             $top_background_hover_color = $b->top_background_hover_color;
50
+                             $top_background_hover_color = str_replace("&#41", ")",$top_background_hover_color);
51
+                             $top_background_hover_color = str_replace("&#40", "(",$top_background_hover_color);
52
+                             $top_background_hover_color = str_replace("(;", "(",$top_background_hover_color);
53
+                             $top_background_hover_color = str_replace("&#35;", "#",$top_background_hover_color);
54
+                                $top_background_hover_color = str_replace(");", ")",$top_background_hover_color);
55
+                         ?>
56
+
57
+                        #landingpageColumn_<?=$this->id;?>_<?= $i;?>:hover .lp--top:after {
58
+                            background-color: <?= $top_background_hover_color;?> !important;
59
+                        }
60
+
61
+                        <?php endif;?>
62
+
63
+                        <?php if($b->middle_text_hover_color):?>
64
+                        <?php
65
+                             $middle_text_hover_color = $b->middle_text_hover_color;
66
+                             $middle_text_hover_color = str_replace("&#41", ")",$middle_text_hover_color);
67
+                             $middle_text_hover_color = str_replace("&#40", "(",$middle_text_hover_color);
68
+                             $middle_text_hover_color = str_replace("(;", "(",$middle_text_hover_color);
69
+                             $middle_text_hover_color = str_replace("&#35;", "#",$middle_text_hover_color);
70
+                             $middle_text_hover_color = str_replace(");", ")",$middle_text_hover_color);
71
+                         ?>
72
+
73
+                        #landingpageColumn_<?=$this->id;?>_<?= $i;?>:hover .lp--middle .middle--content a:hover {
74
+                            color: <?= $middle_text_hover_color;?> !important;
75
+                        }
76
+
77
+                        <?php endif;?>
78
+
79
+                    </style>
80
+
81
+                    <div class="lp--inner">
82
+
83
+                        <div class="lp--top"
84
+                             style="<?php if ($b->image_as_bg && $this->image_height) : ?>height: <?= $this->image_height;?>px<?php endif; ?>">
85
+                            <a href="<?= $b->middle_link_url; ?>"></a>
86
+
87
+                            <div style=" background: url(<?= Image::get(FilesModel::findByUuid($b->image)->path, null, null, null); ?>) center center no-repeat; background-size: cover;"
88
+                                 class="lp--image-holder"></div>
89
+                        </div>
90
+
91
+                        <div class="lp--middle">
92
+                            <div class="middle--content" style="<?php if ($b->middle_background_color): ?>
93
+                                    background-color: <?= $b->middle_background_color;?>;
94
+                        <?php endif; ?>
95
+
96
+                            <?php if ($b->middle_text_color): ?>
97
+                                    color: <?= $b->middle_text_color;?>;
98
+                        <?php endif; ?>">
99
+
100
+                                <a href="<?= $b->middle_link_url; ?>"
101
+                                   data-aos="<?php if ($b->animation_type) : ?><?php echo $b->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>"
102
+                                   style="color: <?= $b->middle_text_color; ?>;"
103
+
104
+                                ><?= $b->middle_link_text; ?></a>
105
+
106
+                            </div>
107
+                        </div>
108
+
109
+                        <div class="lp--bottom <?= $b->textalign; ?>" style="<?php if ($b->bottom_background_color): ?>
110
+                                background-color: <?= $b->bottom_background_color;?>;
111
+                        <?php endif; ?>
112
+
113
+                        <?php if ($b->bottom_text_color): ?>
114
+                                color: <?= $b->bottom_text_color;?>;
115
+                        <?php endif; ?>">
116
+                            <div class="content--inner"
117
+                                 data-aos="<?php if ($b->animation_type) : ?><?php echo $b->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>">
118
+                                <?php if ($b->content_headline) : ?>
119
+                                <div class="headline">
120
+                                    <<?php echo $b->headline_type; ?> style=" <?php if ($b->bottom_text_color): ?>
121
+                                        color: <?= $b->bottom_text_color; ?>;
122
+                                    <?php endif; ?>">
123
+                                    <?php echo $b->content_headline; ?>
124
+                                </<?php echo $b->headline_type; ?>>
125
+                            </div>
126
+                            <?php endif; ?>
127
+                            <?php if ($b->text) : ?>
128
+                                <div class="text">
129
+                                    <?php echo $b->text; ?>
130
+                                </div>
131
+                            <?php endif; ?>
132
+
133
+                            <?php if ($b->buttons[0]->link_text != "") : ?>
134
+                                <div class="buttons mt-5 <?= $b->button_textalign; ?>">
135
+                                    <?php foreach ($b->buttons as $button) : ?>
136
+                                        <a <?php if ($button->new_tab): ?>target="_blank"<?php endif; ?>
137
+                                           class="mt-2 btn <?php if ($button->link_size) : ?><?php echo $button->link_size; ?><?php endif; ?> <?php echo $button->link_type; ?>"
138
+                                           data-aos="<?php if ($button->animation_type) : ?><?php echo $button->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>"
139
+                                           href="<?php echo $button->link_url; ?><?php if ($button->link_betreff) : ?>?subject=<?php echo $button->link_betreff; ?><?php endif; ?>"><?php echo $button->link_text; ?> </a>
140
+                                    <?php endforeach ?>
141
+                                </div>
142
+                            <?php endif; ?>
143
+                        </div>
144
+                    </div>
145
+                </div>
146
+            </div>
147
+        </div>
148
+    <?php endforeach; ?>
149
+    </div>
150
+</div></div></div>
0 151
\ No newline at end of file