From 9571ac2bb061e8042f7f56ce46ae26af0aa60825 Mon Sep 17 00:00:00 2001
From: Tuukka Hastrup <Tuukka.Hastrup@iki.fi>
Date: Wed, 24 May 2023 16:30:07 +0300
Subject: [PATCH] Add support for displaying video, audio and pdf files

---
 src/components/image_viewer/ImageViewer.vue | 29 +++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/components/image_viewer/ImageViewer.vue b/src/components/image_viewer/ImageViewer.vue
index 4ee0a05a..5510dc65 100644
--- a/src/components/image_viewer/ImageViewer.vue
+++ b/src/components/image_viewer/ImageViewer.vue
@@ -12,7 +12,31 @@
         </div>
         <div class="contentarea">
           <div class="image-area">
+            <video
+              v-if="['webm', 'ogv', 'mpg'].includes(element.imageURL.split('.').at(-1))"
+              :src="element.imageURL"
+              controls
+              ref="viewer-image"
+              v-on:load="onimageload"
+              class="viewer-image"
+            />
+            <audio
+              v-else-if="['ogg', 'mp3', 'wav', 'flac'].includes(element.imageURL.split('.').at(-1))"
+              :src="element.imageURL"
+              controls
+              ref="viewer-image"
+              v-on:load="onimageload"
+              class="viewer-image"
+            />
+            <iframe
+              v-else-if="'pdf' === element.imageURL.split('.').at(-1)"
+              :src="element.imageURL"
+              ref="viewer-image"
+              v-on:load="onimageload"
+              class="viewer-image"
+            />
             <img
+              v-else
               :src="element.imageURL"
               ref="viewer-image"
               v-on:load="onimageload"
@@ -1035,6 +1059,11 @@ export default {
   height: calc(100vh - 18px);
   opacity: 0;
   transition: opacity 500ms;
+  pointer-events: none;
+}
+
+.viewer-contents > *:not(.bottomshade) {
+  pointer-events: auto;
 }
 
 .contentarea:hover .viewer-contents,