From eaa6b6ff8a3c7a997ab57a84605031c802c5d9d5 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Fri, 22 Oct 2021 18:25:50 +0200
Subject: [PATCH] add pdf and html framing in creations

---
 src/api/fragments/NodePartial.gql |  4 ++++
 src/pages/Gallery.vue             | 10 +++++++---
 src/pages/gallery/GalleryView.vue |  2 +-
 src/store/nodes.js                | 13 +++++++++++++
 4 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/api/fragments/NodePartial.gql b/src/api/fragments/NodePartial.gql
index f6819ee..5fdf6ca 100644
--- a/src/api/fragments/NodePartial.gql
+++ b/src/api/fragments/NodePartial.gql
@@ -34,6 +34,10 @@ fragment NodePartial on MapItemInterface {
       url,
       title
     }
+    files: fichiers {
+      filemime
+      url
+    }
   }
 
   # For debug
diff --git a/src/pages/Gallery.vue b/src/pages/Gallery.vue
index 63e48da..24f2204 100644
--- a/src/pages/Gallery.vue
+++ b/src/pages/Gallery.vue
@@ -44,14 +44,18 @@
 
 
     <b-modal
-      v-if="creation && creation.piece.url"
+      v-if="creation && creation.iframeUrl"
       :id="'modal-creation' + creation.id"
       class="modal-creation"
       static hide-footer hide-header
     >
-      <template #default="{ hide }">
+      <template #default="{ hide, visible }">
         <button-expand expanded @click="hide()" />
-        <iframe :src="creation.piece.url" width="100%" height="100%" />
+        <iframe
+          v-if="visible"
+          :src="creation.iframeUrl"
+          width="100%" height="100%"
+        />
       </template>
     </b-modal>
 
diff --git a/src/pages/gallery/GalleryView.vue b/src/pages/gallery/GalleryView.vue
index 899b172..4e3e1e9 100644
--- a/src/pages/gallery/GalleryView.vue
+++ b/src/pages/gallery/GalleryView.vue
@@ -7,7 +7,7 @@
         <div class="node-view-img-wrapper">
           <img :src="node.image.url" :alt="node.image.alt">
 
-          <button-expand v-if="node.piece.url" v-b-modal="'modal-creation' + node.id" class="center" />
+          <button-expand v-if="node.iframeUrl" v-b-modal="'modal-creation' + node.id" class="center" />
 
           <div class="btns-artwork">
             <b-button variant="depart" class="btn-shadow btn-artwork mr-2" @click="$emit('view-origin')">
diff --git a/src/store/nodes.js b/src/store/nodes.js
index cdbdd96..36e87ba 100644
--- a/src/store/nodes.js
+++ b/src/store/nodes.js
@@ -40,6 +40,19 @@ export default {
 
         if (node.type === 'Creation') {
           node.variant = [{ id: 0 }]
+          if (node.files && node.files.length) {
+            const mime = node.files[0].filemime
+            if (mime === 'application/pdf') {
+              node.iframeUrl = node.files[0].url + '#toolbar=0&navpanes=0&statusbar=0'
+            } else if (mime === 'text/html') {
+              node.iframeUrl = node.files[0].url
+            } else if (node.piece && node.piece.url) {
+              node.iframeUrl = node.piece.url
+            }
+            }
+          } else if (node.piece && node.piece.url) {
+            node.iframeUrl = node.piece.url
+          }
         }
 
         if (node.date) {