Show cancel notice

Resources/Private/Language/de.locallang.xlf

@@ -27,6 +27,10 @@
                 <source>Search</source>
                 <target>Suchen</target>
             </trans-unit>
+            <trans-unit id="tx_events.date.canceled">
+                <source>Canceled</source>
+                <target>Abgesagt</target>
+            </trans-unit>
         </body>
     </file>
 </xliff>

Resources/Private/Language/locallang.xlf

@@ -21,6 +21,9 @@
             <trans-unit id="tx_events.searchform.search">
                 <source>Search</source>
             </trans-unit>
+            <trans-unit id="tx_events.date.canceled">
+                <source>Canceled</source>
+            </trans-unit>
         </body>
     </file>
 </xliff>

Resources/Private/Partials/Date/ListTable.html

@@ -21,6 +21,11 @@
                 </f:if>
                 -->
                 </f:comment>
+                <f:if condition="{date.canceled} == 'canceled'">
+                    <h4 class="bg-secondary text-white p-2">
+                        <f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.date.canceled" />
+                    </h4>
+                </f:if>
                 <h4>
                     <f:link.action pageUid="{settings.showPID}" action="show" controller="Date" arguments="{date: date}">
                         {date.event.title}
@@ -29,7 +34,7 @@
                 <p><strong>{date.event.teaser}</strong></p>
                 <f:format.crop maxCharacters="150">{date.event.details}</f:format.crop>
             </div>
-            <div class="col-4">
+            <div class="col-4 position-relative">
                 <f:if condition="{date.event.images.0}">
                     <f:then>
                         <f:link.action pageUid="{settings.showPID}" action="show" controller="Date" arguments="{date: date}">
@@ -42,6 +47,7 @@
                         </f:link.action>
                     </f:else>
                 </f:if>
+
             </div>
         </div>
         <f:if condition="{index.isLast}">

Resources/Private/Templates/Date/Show.html

@@ -13,6 +13,11 @@
                 </f:if>
             </div>
             <div class="col-6">
+                <f:if condition="{date.canceled} == 'canceled'">
+                    <h4 class="bg-secondary text-white p-2">
+                        <f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.date.canceled" />
+                    </h4>
+                </f:if>
                 <h4>
                     <f:format.date format="%a">{date.start}</f:format.date>
                     <f:format.date format="d.m.">{date.start}</f:format.date>