feat: update html for non-image attachment

Signed-off-by: Luka Trovic <luka@nextcloud.com>

src/nodes/ImageView.vue

@@ -34,13 +34,15 @@
 				<transition name="fade">
 					<template v-if="!failed">
 						<div v-if="isMediaAttachment"
-							class="media"
-							@click="handleImageClick(src)">
+							class="media">
 							<div class="media__wrapper">
-								<img v-show="loaded"
-									:src="imageUrl"
-									class="image__main"
-									@load="onLoaded">
+								<a :href="internalLinkOrImage"
+									target="_blank">
+									<img v-show="loaded"
+										:src="imageUrl"
+										class="image__main"
+										@load="onLoaded">
+								</a>
 								<div class="metadata">
 									<span class="name">{{ alt }}</span>
 									<span class="size">{{ attachmentMetadata.size }}</span>
@@ -135,7 +137,7 @@ import { NcButton } from '@nextcloud/vue'
 import ShowImageModal from '../components/ImageView/ShowImageModal.vue'
 import store from './../mixins/store.js'
 import { useAttachmentResolver } from './../components/Editor.provider.js'
-import { mimetypesImages as IMAGE_MIMES } from '../helpers/mime.js'
+import { mimetypesImages as IMAGE_MIMES, openMimetypes as MEDIA_MIMES } from '../helpers/mime.js'
 import { generateUrl } from '@nextcloud/router'
 import { NodeViewWrapper } from '@tiptap/vue-2'
 import { logger } from '../helpers/logger.js'
@@ -226,7 +228,7 @@ export default {
 		},
 		isSupportedImage() {
 			return typeof this.mimeType === 'undefined'
-				|| IMAGE_MIMES.indexOf(this.mimeType) !== -1
+				|| [...IMAGE_MIMES, ...MEDIA_MIMES].indexOf(this.mimeType) !== -1
 		},
 		internalLinkOrImage() {
 			if (this.fileId) {