From cfc1597158bbadbc00e4ec87b5db50326ff38a97 Mon Sep 17 00:00:00 2001
From: jona <jona@systemli.org>
Date: Thu, 23 Mar 2023 11:21:40 +0100
Subject: [PATCH] title-image popup in event view

---
 js/src/components/Event/EventMetadataSidebar.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/js/src/components/Event/EventMetadataSidebar.vue b/js/src/components/Event/EventMetadataSidebar.vue
index 574a0a947..c5c26778f 100644
--- a/js/src/components/Event/EventMetadataSidebar.vue
+++ b/js/src/components/Event/EventMetadataSidebar.vue
@@ -127,6 +127,11 @@
       >
       <span v-else>{{ extra.value }}</span>
     </event-metadata-block>
+    <event-metadata-block v-if="event.picture" :title="$t('Headline picture')">
+      <div style="position: relative" @click="$emit('showHeadlineModal', true)">
+        <img :src="event.picture.url" style="width: 100%; cursor: zoom-in" />
+      </div>
+    </event-metadata-block>
   </div>
 </template>
 <script lang="ts">
@@ -164,6 +169,7 @@ export default class EventMetadataSidebar extends Vue {
   @Prop({ type: Object as PropType<IConfig>, required: true }) config!: IConfig;
   @Prop({ required: true }) user!: IUser | undefined;
   @Prop({ required: false, default: false }) showMap!: boolean;
+  @Prop({ required: false, default: false }) showImage!: boolean;
 
   RouteName = RouteName;