eSales Media Git repositories
Browse code

Initial commit

Benjamin Roth authored on16/03/2023 20:22:35
Showing1 changed files
templates/contao/event_list.html5
History View file @c584c6c
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,108 @@
1 
+<div class="event layout_list<?= $this->classList ?>" data-aos="animate__fadeInUp">
2 
+
3 
+    <div class="row gx-3">
4 
+        <div class="col-md-4">
5 
+            <div class="event--image-wrapper" <?php if ($this->details): ?>data-bs-toggle="modal"
6 
+                 data-bs-target="#eventModal_<?= $this->id; ?>"<?php endif; ?>>
7 
+                <?php if ($this->singleSRC): ?>
8 
+                    <img class="lazy" data-src="<?= $this->singleSRC; ?>">
9 
+                <?php endif; ?>
10 
+                <span class="date"><?= date('d. F Y', strtotime($this->datetime)); ?></span>
11 
+            </div>
12 
+        </div>
13 
+        <div class="col-md-8 mt-1 mt-md-0">
14 
+            <div class="event--content-wrapper h-100">
15 
+                <h2 <?php if ($this->details): ?> data-bs-toggle="modal"
16 
+                                                  data-bs-target="#eventModal_<?= $this->id; ?>
17 
+
18 
+<?php endif; ?>"
19 
+                                                  title="<?= $this->title ?> (<?php if ($this->day): ?><?= $this->day ?>, <?php endif; ?><?= $this->date ?><?php if ($this->time): ?> <?= $this->time ?><?php endif; ?>)">
20 
+                    <?= $this->title ?>
21 
+                </h2>
22 
+
23 
+                <div class="event--data-wrapper">
24 
+                    <?php if ($this->time): ?>
25 
+                        <strong class="time">
26 
+                            <time datetime="<?= $this->datetime ?>"><?= $this->time ?></time>
27 
+                            Uhr
28 
+                            | </strong>
29 
+                    <?php endif; ?>
30 
+                    <?php if ($this->location): ?>
31 
+                        <strong class="location"> <?= $this->location ?><?php if ($this->address): ?> (<?= $this->address ?>)<?php endif; ?></strong>
32 
+                    <?php endif; ?>
33 
+                </div>
34 
+
35 
+                <?php if ($this->teaser): ?>
36 
+                    <div class="ce_text mt-1 block pb-1">
37 
+                        <?= $this->teaser ?>
38 
+                    </div>
39 
+                <?php endif; ?>
40 
+
41 
+                <?php if ($this->details): ?>
42 
+                    <div class="event--button pt-1">
43 
+                        <a data-bs-toggle="modal" data-bs-target="#eventModal_<?= $this->id; ?>"
44 
+                           class="btn btn-outline-primary btn-sm">mehr lesen</a>
45 
+                    </div>
46 
+                <?php endif; ?>
47 
+            </div>
48 
+        </div>
49 
+    </div>
50 
+</div>
51 
+
52 
+<?php if ($this->details): ?>
53 
+    <!-- Modal -->
54 
+    <div class="modal fade details-modal modal-dialog-centered modal-xl" style="display: none;"
55 
+         id="eventModal_<?= $this->id; ?>" tabindex="-1"
56 
+         aria-hidden="true">
57 
+        <div class="modal-dialog">
58 
+
59 
+            <div class="modal-content ">
60 
+
61 
+                <div class="modal-body">
62 
+                    <div class="container container">
63 
+                        <button type="button" class="btn--close" data-bs-dismiss="modal" aria-label="Schließen">
64 
+                            <i class="fal fa-times"></i>
65 
+                        </button>
66 
+
67 
+                        <div class="row gx-3">
68 
+
69 
+                            <?php if ($this->addImage): ?>
70 
+                                <div class="col-md-6">
71 
+                                    <div class="event--modal-image-wrapper lazy" data-bg="<?= $this->singleSRC; ?>"
72 
+                                         style="background: url() center center no-repeat; background-size: cover;">
73 
+
74 
+                                    </div>
75 
+                                </div>
76 
+                            <?php endif; ?>
77 
+                            <div class="col-12  <?php if ($this->addImage): ?>col-md-6<?php endif; ?>">
78 
+                                <span class="h2">   <?= $this->title ?></span>
79 
+
80 
+                                <?php if ($this->time): ?>
81 
+                                    <strong class="time">
82 
+                                        <time datetime="<?= $this->datetime ?>"><?= $this->time ?></time>
83 
+                                        | </strong>
84 
+                                <?php endif; ?>
85 
+                                <?php if ($this->location): ?>
86 
+                                    <strong class="location"> <?= $this->location ?><?php if ($this->address): ?> (<?= $this->address ?>)<?php endif; ?></strong>
87 
+                                <?php endif; ?>
88 
+
89 
+                                <?= $this->details; ?>
90 
+                            </div>
91 
+                        </div>
92 
+                    </div>
93 
+
94 
+                </div>
95 
+            </div>
96 
+        </div>
97 
+    </div>
98 
+<?php endif; ?>
99 
+
100 
+<?php
101 
+
102 
+// This template is used as an event list template by default, so we only add
103 
+// JSON-LD data in case this is an event without a reader
104 
+if (!$this->hasReader) {
105 
+    $this->addSchemaOrg($this->getSchemaOrgData());
106 
+}
107 
+
108 
+