From a73a13a01d4c40341f060f268446c70362fa85d0 Mon Sep 17 00:00:00 2001
From: GalBrigitta <52039781+GalBrigitta@users.noreply.github.com>
Date: Fri, 30 Jun 2023 12:24:18 +0300
Subject: [PATCH 1/3] Update Uploader.vue

Ability to use Uploader twice or more in one component, so I added an input id param
---
 src/Uploader.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/Uploader.vue b/src/Uploader.vue
index a6561f0..636b9d8 100644
--- a/src/Uploader.vue
+++ b/src/Uploader.vue
@@ -11,7 +11,7 @@
                 
                 <!--UPLOAD BUTTON-->
                 <div class="mu-plusbox-container">
-                    <label for="mu-file-input" class="mu-plusbox">
+                    <label :for="inputId" class="mu-plusbox">
                         <svg
                             class="mu-plus-icon"
                             xmlns="http://www.w3.org/2000/svg" 
@@ -26,7 +26,7 @@
                                 </g>
                         </svg>
                     </label>     
-                    <input @change="fileChange" id="mu-file-input" type="file" accept="image/*" multiple hidden>
+                    <input @change="fileChange" :id="inputId" type="file" accept="image/*" multiple hidden>
                 </div>
 
                 <!--IMAGES PREVIEW-->
@@ -115,7 +115,11 @@
             warnings:{
                 type: Boolean,
                 default: true
-            }
+            },
+	    inputId:{
+		type: String,
+                default: 'mu-file-input'
+	    }
         },
         mounted() {
             this.init()

From 90a11e6d825ca2452d0656df47bf8a156466a6e7 Mon Sep 17 00:00:00 2001
From: GalBrigitta <52039781+GalBrigitta@users.noreply.github.com>
Date: Mon, 3 Jul 2023 17:24:47 +0300
Subject: [PATCH 2/3] Update Uploader.vue

Adding dynamic folder as the media id, as using laravel spatie package and the folder structure is like that. Also adding a param if this is used, default is false.
---
 src/Uploader.vue | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/Uploader.vue b/src/Uploader.vue
index 636b9d8..2e18454 100644
--- a/src/Uploader.vue
+++ b/src/Uploader.vue
@@ -32,7 +32,7 @@
                 <!--IMAGES PREVIEW-->
                 
                 <div v-for="(image, index) in savedMedia" :key="index" class="mu-image-container">
-                    <img :src="location +'/'+ image.name" alt=""  class="mu-images-preview">
+                    <img :src="withIdFolder ? location +'/'+ image.id + '/' + image.name : location +'/'+ image.name" alt=""  class="mu-images-preview">
                     <button @click="removeSavedMedia(index)" class="mu-close-btn" type="button">
                         <svg 
                             class='mu-times-icon' 
@@ -116,10 +116,13 @@
                 type: Boolean,
                 default: true
             },
-	    inputId:{
-		type: String,
-                default: 'mu-file-input'
-	    }
+	        inputId:{
+		        type: String,
+                default: 'mu-file-input',
+            withIdFolder:{
+                type: Boolean,
+                default: false
+            }
         },
         mounted() {
             this.init()
@@ -139,7 +142,11 @@
 
                 this.savedMedia.forEach((image, index) => {
                     if(!this.savedMedia[index].url){
-                        this.savedMedia[index].url = this.location + "/" + image.name
+                         if(this.withIdFolder){
+                            this.savedMedia[index].url = this.location + "/" + image.id + "/" + image.name
+                        } else {
+                            this.savedMedia[index].url = this.location + "/" + image.name
+                        }
                     }
                 });
                 

From 0515b950a053193909a5f055fba5198ab8b86397 Mon Sep 17 00:00:00 2001
From: GalBrigitta <52039781+GalBrigitta@users.noreply.github.com>
Date: Mon, 3 Jul 2023 17:28:50 +0300
Subject: [PATCH 3/3] Update Uploader.vue

syntax error
---
 src/Uploader.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Uploader.vue b/src/Uploader.vue
index 2e18454..effd731 100644
--- a/src/Uploader.vue
+++ b/src/Uploader.vue
@@ -118,7 +118,8 @@
             },
 	        inputId:{
 		        type: String,
-                default: 'mu-file-input',
+                default: 'mu-file-input'
+			},
             withIdFolder:{
                 type: Boolean,
                 default: false