feat: add image uploader to category form and services

phojie · Dec 30, 2022 · 671029a · 671029a
1 parent 160daea
commit 671029a
Show file tree

Hide file tree

Showing 6 changed files with 50 additions and 1 deletion.
diff --git a/app/Services/CategoryService.php b/app/Services/CategoryService.php
@@ -44,6 +44,11 @@ public function store(CategoryRequest $request): void
 
    			$productsIds = collect($request->products)->pluck('id')->toArray();
    			$category->products()->attach($productsIds);
+
+   			// if has request image
+   			if ($request->image) {
+   				(new FileUploaderService())->uploadCategoryImageToMedia($category->id, $request->image);
+   			}
    		});
    	} catch (\Exception $e) {
    		throw $e;
@@ -61,6 +66,13 @@ public function update(CategoryRequest $request, Category $category): void
 
    			$productsIds = collect($request->products)->pluck('id')->toArray();
    			$category->products()->sync($productsIds);
+
+   			// if has request image
+   			if ($request->image) {
+   				(new FileUploaderService())->uploadCategoryImageToMedia($category->id, $request->image);
+   			} else {
+   				(new FileUploaderService())->deleteCategoryImageFromMedia($category->id);
+   			}
    		});
    	} catch (\Exception $e) {
    		throw $e;

diff --git a/app/Services/FileUploaderService.php b/app/Services/FileUploaderService.php
@@ -4,6 +4,7 @@
 
 namespace App\Services;
 
+use App\Models\Category;
 use App\Models\Product;
 use App\Models\TemporaryFile;
 use App\Models\User;
@@ -44,6 +45,23 @@ public function uploadProductImageToMedia(string $id, string $image): void
   	}
   }
 
+  public function uploadCategoryImageToMedia(string $id, string $image): void
+  {
+  	try {
+  		$temporaryFile = TemporaryFile::where('folder', $image)->first();
+      if($temporaryFile) {
+  		$product = Category::findOrFail($id);
+  		$product->addMedia(storage_path('app/public/tmp/'.$image.'/'.$temporaryFile->filename))
+  				->toMediaCollection('image');
+
+  		(new TemporaryFileService())->delete($temporaryFile->folder);
+    }
+
+  	} catch (\Exception $e) {
+  		throw $e;
+  	}
+  }
+
   public function deleteUserAvatarFromMedia(string $id): void
   {
   	try {
@@ -63,4 +81,14 @@ public function deleteProductImageFromMedia(string $id): void
   		throw $e;
   	}
   }
+
+    public function deleteCategoryImageFromMedia(string $id): void
+  {
+  	try {
+  		$product = Category::findOrFail($id);
+  		$product->clearMediaCollection('image');
+  	} catch (\Exception $e) {
+  		throw $e;
+  	}
+  }
 }
diff --git a/resources/js/Components/Form/FormProduct.vue b/resources/js/Components/Form/FormProduct.vue
@@ -8,7 +8,7 @@ const processing = $computed(() => useProductStore().processing)
     <JFileInput
       v-model="form.image"
       accepted-file-types="image/*"
-      label="Cover Image"
+      label="Product Image"
     />
 
     <JSelect

diff --git a/resources/js/components/Form/FormCategory.vue b/resources/js/components/Form/FormCategory.vue
@@ -5,6 +5,12 @@ const processing = $computed(() => useCategoryStore().processing)
 
 <template>
   <div class="pt-6 pb-5 space-y-6">
+    <JFileInput
+      v-model="form.image"
+      accepted-file-types="image/*"
+      label="Cover Image"
+    />
+
     <JTextField
       id="name"
       v-model="form.name"

diff --git a/resources/js/store/category.ts b/resources/js/store/category.ts
@@ -20,6 +20,7 @@ export const useCategoryStore = defineStore('category', () => {
     id: '',
     name: '',
     description: '',
+    image: '',
 
     products: [],
   })
@@ -247,6 +248,7 @@ export const useCategoryStore = defineStore('category', () => {
     form.id = ''
     form.name = ''
     form.description = ''
+    form.image = ''
     form.status = 'active'
     form.products = []
 

diff --git a/resources/js/types/category.ts b/resources/js/types/category.ts
@@ -7,6 +7,7 @@ export interface Category {
   description: string
   status?: string
   slug?: string
+  image?: string
   createdAt?: string
   updatedAt?: string