Merge pull request #105 from netgen/SPLAT-462-gallery-support

SPLAT-462 gallery support
netgen · Aug 28, 2023 · c90dad5 · c90dad5
2 parents e512f0f + 87fa58a
commit c90dad5
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/bundle/Resources/public/js/remotemedia.js b/bundle/Resources/public/js/remotemedia.js
diff --git a/frontend/src/components/Interactions.vue b/frontend/src/components/Interactions.vue
@@ -36,7 +36,7 @@
 
         <input v-model="stringifiedVariations" :name="this.config.inputFields.cropSettings" class="media-id"
                type="hidden"/>
-        <portal to="ngrm-body-modal">
+        <portal :to="`ngrm-body-modal-${fieldId}`">
             <crop-modal v-if="cropModalOpen" :available-variations="this.config.availableVariations"
                         :selected-image="selectedImage"
                         :translations="config.translations" @change="handleVariationCropChange"
@@ -49,7 +49,7 @@
                           :visibilities="visibilities" @close="handleUploadModalClose"
                           @uploaded="handleResourceUploaded"></upload-modal>
         </portal>
-        <portal-target class="ngrm-model-portal" name="ngrm-body-modal"></portal-target>
+        <portal-target :class="`ngrm-model-portal-${fieldId}`" :name="`ngrm-body-modal-${fieldId}`"></portal-target>
     </div>
 </template>
 
@@ -103,6 +103,8 @@ export default {
             {
               detail: {
                 inputFields: this.config.inputFields,
+                selectedImage: this.selectedImage,
+                fieldId: this.fieldId,
               }
             }
           )
@@ -143,6 +145,7 @@ export default {
         format: item.format,
         url: item.url,
         previewUrl: item.previewUrl,
+        browseUrl: item.browseUrl,
         alternateText: item.altText,
         caption: item.caption,
         watermarkText: this.selectedImage.watermarkText,
@@ -175,6 +178,7 @@ export default {
         format: item.format,
         url: item.url,
         previewUrl: item.previewUrl,
+        browseUrl: item.browseUrl,
         alternateText: item.altText,
         caption: item.caption,
         watermarkText: this.selectedImage.watermarkText,
@@ -200,6 +204,7 @@ export default {
         format: '',
         url: '',
         previewUrl: '',
+        browseUrl: '',
         alternateText: '',
         caption: '',
         watermarkText: this.selectedImage.watermarkText,
@@ -259,7 +264,7 @@ export default {
   },
   mounted() {
     this.$nextTick(function () {
-      const modalPortal = document.querySelector('.ngrm-model-portal');
+      const modalPortal = document.querySelector(`.ngrm-model-portal-${this.fieldId}`);
 
       document.body.prepend(modalPortal);
     })

diff --git a/frontend/src/components/SelectFolderInteraction.vue b/frontend/src/components/SelectFolderInteraction.vue
@@ -35,7 +35,6 @@ export default {
   },
   methods: {
       handleSelectFolderModalOpen() {
-          console.log(this.selectedFolder);
           this.selectFolderModalOpen = true;
       },
       handleSelectFolderModalClose() {