Implement assigning categories to products

Author: Jenis0619

app/Http/Controllers/Api/CategoryController.php

@@ -6,6 +6,7 @@
 use App\Http\Requests\StoreCategoryRequest;
 use App\Http\Requests\UpdateCategoryRequest;
 use App\Http\Resources\CategoryResource;
+use App\Http\Resources\CategoryTreeResource;
 use App\Models\Category;
 
 class CategoryController extends Controller
@@ -26,6 +27,11 @@ public function index()
         return CategoryResource::collection($categories);
     }
 
+    public function getAsTree()
+    {
+        return Category::getActiveAsTree(CategoryTreeResource::class);
+    }
+
     /**
      * Store a newly created resource in storage.
      */

app/Http/Controllers/Api/ProductController.php

@@ -7,6 +7,7 @@
 use App\Http\Resources\ProductListResource;
 use App\Http\Resources\ProductResource;
 use App\Models\Api\Product;
+use App\Models\ProductCategory;
 use App\Models\ProductImage;
 use Illuminate\Http\Request;
 use Illuminate\Http\UploadedFile;
@@ -51,9 +52,11 @@ public function store(ProductRequest $request)
         /** @var \Illuminate\Http\UploadedFile[] $images */
         $images = $data['images'] ?? [];
         $imagePositions = $data['image_positions'] ?? [];
+        $categories = $data['categories'] ?? [];
 
         $product = Product::create($data);
 
+        $this->saveCategories($categories, $product);
         $this->saveImages($images, $imagePositions, $product);
 
         return new ProductResource($product);
@@ -86,7 +89,9 @@ public function update(ProductRequest $request, Product $product)
         $images = $data['images'] ?? [];
         $deletedImages = $data['deleted_images'] ?? [];
         $imagePositions = $data['image_positions'] ?? [];
+        $categories = $data['categories'] ?? [];
 
+        $this->saveCategories($categories, $product);
         $this->saveImages($images, $imagePositions, $product);
         if (count($deletedImages) > 0) {
             $this->deleteImages($deletedImages, $product);
@@ -110,6 +115,14 @@ public function destroy(Product $product)
         return response()->noContent();
     }
 
+    private function saveCategories($categoryIds, Product $product)
+    {
+        ProductCategory::where('product_id', $product->id)->delete();
+        $data = array_map(fn($id) => (['category_id' => $id, 'product_id' => $product->id]), $categoryIds);
+
+        ProductCategory::insert($data);
+    }
+
     /**
      *
      *

app/Http/Requests/ProductRequest.php

@@ -28,6 +28,7 @@ public function rules()
             'images.*' => ['nullable', 'image'],
             'deleted_images.*' => ['nullable', 'int'],
             'image_positions.*' => ['nullable', 'int'],
+            'categories.*' => ['nullable', 'int', 'exists:categories,id'],
             'price' => ['required', 'numeric'],
             'quantity' => ['nullable', 'numeric'],
             'description' => ['nullable', 'string'],

app/Http/Resources/CategoryTreeResource.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class CategoryTreeResource extends JsonResource
+{
+    /**
+     * Transform the resource into an array.
+     *
+     * @return array<string, mixed>
+     */
+    public function toArray(Request $request): array
+    {
+        $data = [
+            'id' => $this->id,
+            'label' => $this->name,
+        ];
+
+        if ($this->children ?? false) {
+            $data['children'] = $this->children;
+        }
+
+        return $data;
+    }
+}

app/Http/Resources/ProductResource.php

@@ -28,6 +28,7 @@ public function toArray($request)
             'price' => $this->price,
             'quantity' => $this->quantity,
             'published' => (bool)$this->published,
+            'categories' => $this->categories->map(fn($c) => $c->id),
             'created_at' => (new \DateTime($this->created_at))->format('Y-m-d H:i:s'),
             'updated_at' => (new \DateTime($this->updated_at))->format('Y-m-d H:i:s'),
         ];

app/Models/Category.php

@@ -27,4 +27,32 @@ public function parent()
     {
         return $this->belongsTo(Category::class);
     }
+
+    public function products()
+    {
+        return $this->belongsToMany(Product::class); // product_category
+    }
+
+    public static function getActiveAsTree($resourceClassName = null)
+    {
+        $categories = Category::where('active', true)->orderBy('parent_id')->get();
+        return self::buildCategoryTree($categories, null, $resourceClassName);
+    }
+
+    private static function buildCategoryTree($categories, $parentId = null, $resourceClassName = null)
+    {
+        $categoryTree = [];
+
+        foreach ($categories as $category) {
+            if ($category->parent_id === $parentId) {
+                $children = self::buildCategoryTree($categories, $category->id, $resourceClassName);
+                if ($children) {
+                    $category->setAttribute('children', $children);
+                }
+                $categoryTree[] = $resourceClassName ? new $resourceClassName($category) : $category;
+            }
+        }
+
+        return $categoryTree;
+    }
 }

app/Models/Product.php

@@ -40,4 +40,9 @@ public function getImageAttribute()
     {
         return $this->images->count() > 0 ? $this->images->get(0)->url : null;
     }
+
+    public function categories()
+    {
+        return $this->belongsToMany(Category::class, 'product_categories');
+    }
 }

app/Models/ProductCategory.php

@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class ProductCategory extends Model
+{
+    use HasFactory;
+}

backend/package-lock.json

@@ -18,6 +18,7 @@
     "vue": "^3.2.25",
     "vue-chartjs": "^4.1.2",
     "vue-router": "^4.0.13",
+    "vue3-treeselect": "^0.1.10",
     "vuex": "^4.0.2"
   },
   "devDependencies": {