From f5da1ce10be1a97f07ee52521f58a2d4614f30ed Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Tue, 24 Sep 2024 18:43:38 +0200
Subject: [PATCH] refactor: use EmbedVideo in creations

---
 src/components/nodes/NodeViewBody.vue |  2 +-
 src/pages/Gallery.vue                 | 15 ++++-----------
 src/pages/gallery/GalleryView.vue     |  2 +-
 src/store/nodes.js                    | 13 ++++++++-----
 4 files changed, 14 insertions(+), 18 deletions(-)

diff --git a/src/components/nodes/NodeViewBody.vue b/src/components/nodes/NodeViewBody.vue
index 019177e..53532fa 100644
--- a/src/components/nodes/NodeViewBody.vue
+++ b/src/components/nodes/NodeViewBody.vue
@@ -30,7 +30,7 @@
         <div v-if="node.videos">
           <embed-video
             v-for="video in node.videos" :key="video.url"
-            :src="video.url" class="mt-3"
+            :src="video.url" type="video" class="mt-3"
           />
         </div>
 
diff --git a/src/pages/Gallery.vue b/src/pages/Gallery.vue
index 01de94a..ad9fd27 100644
--- a/src/pages/Gallery.vue
+++ b/src/pages/Gallery.vue
@@ -48,7 +48,7 @@
 
 
     <b-modal
-      v-if="creation && (creation.iframeUrl || creation.mediaItem)"
+      v-if="creation && creation.mediaItem"
       :id="'modal-creation' + creation.id"
       class="modal-creation"
       static hide-footer hide-header
@@ -56,16 +56,9 @@
       <template #default="{ hide, visible }">
         <button-expand expanded @click="hide()" />
         <template v-if="visible">
-          <iframe
-            v-if="creation.iframeUrl"
-            :src="creation.iframeUrl"
-            width="100%" height="100%"
-          />
-          <component
-            v-else-if="creation.mediaItem"
-            :is="creation.mediaItem.is"
-            :src="creation.mediaItem.src"
-            controls
+          <embed-video
+            v-bind="creation.mediaItem"
+            full
           />
         </template>
       </template>
diff --git a/src/pages/gallery/GalleryView.vue b/src/pages/gallery/GalleryView.vue
index d5b0e6c..83c0926 100644
--- a/src/pages/gallery/GalleryView.vue
+++ b/src/pages/gallery/GalleryView.vue
@@ -8,7 +8,7 @@
           <img :src="node.image.url" :alt="node.image.alt">
 
           <button-expand
-            v-if="node.iframeUrl || node.mediaItem" artwork
+            v-if="node.mediaItem" artwork
             v-b-modal="'modal-creation' + node.id" class="center"
           />
 
diff --git a/src/store/nodes.js b/src/store/nodes.js
index 53fbfc8..9ea709d 100644
--- a/src/store/nodes.js
+++ b/src/store/nodes.js
@@ -45,19 +45,22 @@ export default {
             if (!node.files.length) node.files = null
             const mime = creationFile.filemime
             if (mime === 'application/pdf') {
-              node.iframeUrl = creationFile.url + '#toolbar=0&navpanes=0&statusbar=0'
+              node.mediaItem = {
+                type: 'iframe',
+                src: creationFile.url + '#toolbar=0&navpanes=0&statusbar=0'
+              }
             } else if (mime === 'text/html') {
-              node.iframeUrl = creationFile.url
+              node.mediaItem = { type: 'iframe', src: creationFile.url }
             } else if (['audio', 'video'].some(type => mime.includes(type))) {
               node.mediaItem = {
-                is: mime.includes('audio') ? 'audio' : 'video',
+                type: mime.includes('audio') ? 'audio' : 'video',
                 src: creationFile.url
               }
             } else if (node.piece && node.piece.url) {
-              node.iframeUrl = node.piece.url
+              node.mediaItem = { type: 'iframe', src: node.piece.url }
             }
           } else if (node.piece && node.piece.url) {
-            node.iframeUrl = node.piece.url
+            node.mediaItem = { type: 'iframe', src: node.piece.url }
           }
 
           if (node.images && node.images.length) {