[Fix] Buat dan edit produk

app/Http/Controllers/FotoSementaraController.php

@@ -10,8 +10,12 @@ class FotoSementaraController extends Controller
 {
     public function upload(Request $request)
     {
+        $user = $request->user();
+        if (!$user) {
+            return response()->json(['message' => 'Unauthorized'], 401);
+        }
+
         $request->validate([
-            'id_user' => 'required|exists:users,id',
             'foto'      => 'required|image|mimes:jpg,jpeg,png|max:2048',
         ]);
 
@@ -19,15 +23,20 @@ class FotoSementaraController extends Controller
         $url = asset('storage/' . $path);
 
         $foto = FotoSementara::create([
-            'id_user' => $request->id_user,
+            'id_user' => $user->id,
             'url'       => $url,
         ]);
 
         return response()->json($foto, 201);
     }
 
-    public function hapus($id)
+    public function hapus(Request $request, int $id)
     {
+        $user = $request->user();
+        if (!$user) {
+            return response()->json(['message' => 'Unauthorized'], 401);
+        }
+
         $foto = FotoSementara::findOrFail($id);
 
         // Extract the relative path from the URL
@@ -42,18 +51,25 @@ class FotoSementaraController extends Controller
         return response()->json(['message' => 'Foto berhasil dihapus']);
     }
 
-    public function getAll($user_id)
+    public function getAll(Request $request)
     {
-        $data = FotoSementara::where('id_user', $user_id);
+        $user = $request->user();
-        if (!$data->exists()) {
+        if (!$user) {
-            return response()->json(['message' => 'Tidak ada foto ditemukan'], 404);
+            return response()->json(['message' => 'Unauthorized'], 401);
         }
+
+        $data = FotoSementara::where('id_user', $user->id)->get();
         return response()->json($data);
     }
     
-    public function reset($user_id)
+    public function reset(Request $request)
     {
-        FotoSementara::where('id_user', $user_id)->delete();
+        $user = $request->user();
+        if (!$user) {
+            return response()->json(['message' => 'Unauthorized'], 401);
+        }
+
+        FotoSementara::where('id_user', $user->id)->delete();
         return response()->json(['message' => 'Foto sementara berhasil direset']);
     }
 }

app/Http/Controllers/ProdukController.php

@@ -26,63 +26,56 @@ class ProdukController extends Controller
      */
     public function store(Request $request)
     {
-        $validated = $request->validate([
+        $user = $request->user();
-            'nama' => 'required|string|max:100',
+        if (!$user) {
-            'id_kategori' => 'required|exists:kategoris,id',
+            return response()->json(['message' => 'Unauthorized'], 401);
-            'berat' => 'required|numeric',
+        }
-            'kadar' => 'required|integer',
+
-            'harga_per_gram' => 'required|numeric',
+        $validated = $request->validate(
-            'harga_jual' => 'required|numeric',
+            [
-            'id_user' => 'nullable|exists:users,id',
+                'nama'          => 'required|string|max:100',
-        ],
+                'id_kategori'   => 'required|exists:kategoris,id',
-        [
+                'berat'         => 'required|numeric',
-            'nama.required' => 'Nama produk harus diisi.',
+                'kadar'         => 'required|integer',
-            'id_kategori' => 'Kategori tidak valid.',
+                'harga_per_gram' => 'required|numeric',
-            'berat.required' => 'Berat harus diisi.',
+                'harga_jual'    => 'required|numeric',
-            'kadar.required' => 'Kadar harus diisi',
+            ],
-            'harga_per_gram.required' => 'Harga per gram harus diisi',
+            [
-            'harga_jual.required' => 'Harga jual harus diisi'
+                'nama.required'         => 'Nama produk harus diisi.',
-        ]);
+                'id_kategori'           => 'Kategori tidak valid.',
+                'berat.required'        => 'Berat harus diisi.',
+                'kadar.required'        => 'Kadar harus diisi.',
+                'harga_per_gram.required' => 'Harga per gram harus diisi.',
+                'harga_jual.required'   => 'Harga jual harus diisi.'
+            ]
+        );
 
         DB::beginTransaction();
         try {
-            // Create produk
+            $produk = Produk::create($validated);
-            $produk = Produk::create([
-                'nama' => $validated['nama'],
-                'id_kategori' => $validated['id_kategori'],
-                'berat' => $validated['berat'],
-                'kadar' => $validated['kadar'],
-                'harga_per_gram' => $validated['harga_per_gram'],
-                'harga_jual' => $validated['harga_jual'],
-            ]);
 
-            // Pindahkan foto sementara ke foto permanen jika ada
+            $fotoSementara = FotoSementara::where('id_user', $user->id)->get();
-            if (isset($validated['id_user'])) {
-                $fotoSementara = FotoSementara::where('id_user', $validated['id_user'])->get();
 
-                foreach ($fotoSementara as $fs) {
+            foreach ($fotoSementara as $fs) {
-                    Foto::create([
+                Foto::create([
-                        'id_produk' => $produk->id,
+                    'id_produk' => $produk->id,
-                        'url' => $fs->url
+                    'url'       => $fs->url
-                    ]);
+                ]);
 
-                    // Hapus foto sementara setelah dipindah
+                $fs->delete();
-                    $fs->delete();
-                }
             }
 
             DB::commit();
 
             return response()->json([
                 'message' => 'Produk berhasil dibuat',
-                'data' => $produk->load('foto')
+                'data'    => $produk->load('foto')
             ], 201);
-
         } catch (\Exception $e) {
             DB::rollback();
             return response()->json([
                 'message' => 'Gagal membuat produk',
-                'error' => $e->getMessage()
+                'error'   => $e->getMessage()
             ], 500);
         }
     }
@@ -96,29 +89,55 @@ class ProdukController extends Controller
         return response()->json($produk);
     }
 
+    /**
+     * Get the specified resource to edit.
+     */
+    public function edit(Request $request, int $id)
+    {
+        $user = $request->user();
+        if (!$user) {
+            return response()->json(['message' => 'Unauthorized'], 401);
+        }
+
+        $produk = Produk::with('foto', 'kategori')->findOrFail($id);
+        $foto_sementara = [];
+        foreach ($produk->foto as $foto) {
+            $foto_sementara[] = FotoSementara::create([
+                'id_user' => $user->id,
+                'url'     => $foto->url
+            ]);
+        }
+        return response()->json($produk);
+    }
+
     /**
      * Update the specified resource in storage.
      */
     public function update(Request $request, int $id)
     {
-        $validated = $request->validate([
+        $user = $request->user();
-            'nama' => 'required|string|max:100',
+        if (!$user) {
-            'id_kategori' => 'required|exists:kategoris,id',
+            return response()->json(['message' => 'Unauthorized'], 401);
-            'berat' => 'required|numeric',
+        }
-            'kadar' => 'required|integer',
+
-            'harga_per_gram' => 'required|numeric',
+        $validated = $request->validate(
-            'harga_jual' => 'required|numeric',
+            [
-            'id_user' => 'nullable|exists:users,id', // untuk mengambil foto sementara baru
+                'nama' => 'required|string|max:100',
-            'hapus_foto_lama' => 'nullable|boolean', // flag untuk menghapus foto lama
+                'id_kategori' => 'required|exists:kategoris,id',
-        ],
+                'berat' => 'required|numeric',
-        [
+                'kadar' => 'required|integer',
-            'nama.required' => 'Nama produk harus diisi.',
+                'harga_per_gram' => 'required|numeric',
-            'id_kategori' => 'Kategori tidak valid.',
+                'harga_jual' => 'required|numeric',
-            'berat.required' => 'Berat harus diisi.',
+            ],
-            'kadar.required' => 'Kadar harus diisi',
+            [
-            'harga_per_gram.required' => 'Harga per gram harus diisi',
+                'nama.required' => 'Nama produk harus diisi.',
-            'harga_jual.required' => 'Harga jual harus diisi'
+                'id_kategori' => 'Kategori tidak valid.',
-        ]);
+                'berat.required' => 'Berat harus diisi.',
+                'kadar.required' => 'Kadar harus diisi',
+                'harga_per_gram.required' => 'Harga per gram harus diisi',
+                'harga_jual.required' => 'Harga jual harus diisi',
+            ]
+        );
 
         DB::beginTransaction();
         try {
@@ -134,31 +153,29 @@ class ProdukController extends Controller
                 'harga_jual' => $validated['harga_jual'],
             ]);
 
-            // Hapus foto lama jika diminta
+            // Hapus foto lama
-            if (isset($validated['hapus_foto_lama']) && $validated['hapus_foto_lama']) {
+            foreach ($produk->foto as $foto) {
-                foreach ($produk->foto as $foto) {
+                // Hapus file fisik jika memungkinkan
-                    // Hapus file fisik
+                try {
                     $relativePath = str_replace(asset('storage') . '/', '', $foto->url);
                     if (Storage::disk('public')->exists($relativePath)) {
                         Storage::disk('public')->delete($relativePath);
                     }
-                    $foto->delete();
+                } catch (\Exception $e) {
+                    // Maklum Pak, soalnya kadang url aja, ga ada file fisiknya #Bagas
                 }
+                $foto->delete();
             }
 
-            // Tambahkan foto baru dari foto sementara jika ada
+            $fotoSementara = FotoSementara::where('id_user', $user->id)->get();
-            if (isset($validated['id_user'])) {
-                $fotoSementara = FotoSementara::where('id_user', $validated['id_user'])->get();
 
-                foreach ($fotoSementara as $fs) {
+            foreach ($fotoSementara as $fs) {
-                    Foto::create([
+                Foto::create([
-                        'id_produk' => $produk->id,
+                    'id_produk' => $produk->id,
-                        'url' => $fs->url
+                    'url' => $fs->url
-                    ]);
+                ]);
 
-                    // Hapus foto sementara setelah dipindah
+                $fs->delete();
-                    $fs->delete();
-                }
             }
 
             DB::commit();
@@ -167,7 +184,6 @@ class ProdukController extends Controller
                 'message' => 'Produk berhasil diubah',
                 'data' => $produk->load('foto')
             ], 200);
-
         } catch (\Exception $e) {
             DB::rollback();
             return response()->json([
@@ -203,7 +219,6 @@ class ProdukController extends Controller
             return response()->json([
                 'message' => 'Produk berhasil dihapus.'
             ], 200);
-
         } catch (\Exception $e) {
             DB::rollback();
             return response()->json([

resources/js/pages/EditProduk.vue

@@ -225,6 +225,7 @@ import mainLayout from "../layouts/mainLayout.vue";
 import InputField from "../components/InputField.vue";
 import InputSelect from "../components/InputSelect.vue";
 import CreateItemModal from "../components/CreateItemModal.vue";
+import { errorMessages } from "@vue/compiler-core";
 
 const route = useRoute();
 const router = useRouter();
@@ -250,7 +251,6 @@ const fileInput = ref(null);
 
 const openItemModal = ref(false);
 const editedProduct = ref(null);
-const userId = ref(1); // TODO: ambil dari auth
 
 const isFormValid = computed(() => {
     return (
@@ -281,12 +281,14 @@ const loadKategori = async () => {
 };
 
 const loadProduk = async () => {
-    const response = await axios.get(`/api/produk/${productId}`, {
+    const response = await axios.get(`/api/produk/edit/${productId}`, {
         headers: {
             Authorization: `Bearer ${localStorage.getItem("token")}`,
         },
     });
     const produk = response.data;
+    console.log(produk);
+    
     form.value = {
         nama: produk.nama,
         id_kategori: produk.id_kategori,
@@ -295,7 +297,22 @@ const loadProduk = async () => {
         harga_per_gram: produk.harga_per_gram,
         harga_jual: produk.harga_jual,
     };
-    uploadedImages.value = produk.foto || [];
+};
+
+const loadFoto = async () => {
+    try {
+        const response = await axios.get(`/api/foto`, {
+            headers: {
+                Authorization: `Bearer ${localStorage.getItem("token")}`,
+            },
+        });
+        uploadedImages.value = response.data;
+        console.log(uploadedImages.value);
+    } catch (e) {
+        console.error(e);
+        
+        uploadError.value = "Gagal memuat foto";
+    }
 };
 
 const triggerFileInput = () => {
@@ -318,35 +335,65 @@ const handleDrop = (e) => {
 };
 
 const uploadFiles = async (files) => {
-    uploadError.value = "";
+  uploadError.value = '';
-    const validFiles = files.filter(
+
-        (file) =>
+  if (uploadedImages.value.length + files.length > 6) {
-            ["image/jpeg", "image/jpg", "image/png"].includes(file.type) &&
+    uploadError.value = 'Maksimal 6 foto yang dapat diupload';
-            file.size <= 2 * 1024 * 1024
+    return;
-    );
+  }
-    if (!validFiles.length) return;
+
-    uploadLoading.value = true;
+  const validFiles = files.filter(file => {
-    try {
+    const isValidType = ['image/jpeg', 'image/jpg', 'image/png'].includes(file.type);
-        for (const file of validFiles) {
+    const isValidSize = file.size <= 2 * 1024 * 1024;
-            const formData = new FormData();
+
-            formData.append("foto", file);
+    if (!isValidType) {
-            formData.append("id_user", userId.value);
+      uploadError.value = 'Format file harus JPG, JPEG, atau PNG';
-            const res = await axios.post("/api/foto/upload", formData, {
+      return false;
-                headers: {
-                    Authorization: `Bearer ${localStorage.getItem("token")}`,
-                    "Content-Type": "multipart/form-data",
-                },
-            });
-            uploadedImages.value.push(res.data);
-        }
-    } finally {
-        uploadLoading.value = false;
     }
+
+    if (!isValidSize) {
+      uploadError.value = 'Ukuran file maksimal 2MB';
+      return false;
+    }
+
+    return true;
+  });
+
+  if (validFiles.length === 0) return;
+
+  uploadLoading.value = true;
+
+  try {
+    for (const file of validFiles) {
+      const formData = new FormData();
+      formData.append('foto', file);
+
+      const response = await axios.post('/api/foto', formData, {
+        headers: {
+          Authorization: `Bearer ${localStorage.getItem("token")}`,
+          'Content-Type': 'multipart/form-data',
+
+        },
+      });
+
+      uploadedImages.value.push(response.data);
+    }
+
+    if (fileInput.value) {
+      fileInput.value.value = '';
+    }
+
+  } catch (error) {
+    console.error('Upload error:', error);
+    uploadError.value = error.response?.data?.message || 'Gagal mengupload foto';
+  } finally {
+    uploadLoading.value = false;
+  }
 };
 
 const removeImage = async (id) => {
     try {
-        await axios.delete(`http://127.0.0.1:8000/api/foto/hapus/${id}`, {
+        await axios.delete(`/api/foto/${id}`, {
             headers: {
                 Authorization: `Bearer ${localStorage.getItem("token")}`,
             },
@@ -361,21 +408,16 @@ const submitForm = async () => {
     loading.value = true;
     try {
         await axios.put(
-            `/api/produk/${productId}`,
+            `/api/produk/${productId}`,form.value,
-            {
-                ...form.value,
-                id_user: userId.value,
-            },
             {
                 headers: {
                     Authorization: `Bearer ${localStorage.getItem("token")}`,
                 },
             }
         );
-        alert("Produk berhasil diupdate!");
         router.push("/produk");
     } catch (err) {
-        alert("Gagal update produk!");
+        errorMessages.value = err.response?.data?.message || "Gagal menyimpan produk";
         console.error(err);
     } finally {
         loading.value = false;
@@ -390,8 +432,10 @@ const back = () => {
     router.push("/produk");
 };
 
-onMounted(() => {
+onMounted(async () => {
-    loadKategori();
+    await loadKategori();
-    loadProduk();
+    await loadProduk();
+    loadFoto();
 });
+
 </script>

resources/js/pages/InputProduk.vue

@@ -1,11 +1,7 @@
 <template>
   <mainLayout>
     <!-- Modal Buat Item - Sekarang menggunakan komponen terpisah -->
-    <CreateItemModal
+    <CreateItemModal :isOpen="openItemModal" :product="createdProduct" @close="closeItemModal" />
-      :isOpen="openItemModal"
-      :product="createdProduct"
-      @close="closeItemModal"
-    />
     <div class="p-6">
       <p class="font-serif italic text-[25px] text-D">Produk Baru</p>
 
@@ -168,8 +164,6 @@ const uploadedImages = ref([]);
 const isDragging = ref(false);
 const uploadError = ref('');
 const fileInput = ref(null);
-// TODO: Logika autentikasi user
-const userId = ref(1);
 
 const openItemModal = ref(false);
 const createdProduct = ref(null);
@@ -192,22 +186,24 @@ const calculateHargaJual = () => {
   }
 };
 
-const loadExistingPhotos = async () => {
+const loadFoto = async () => {
+  loading.value = true;
+
   try {
-    const response = await axios.get(`/api/foto/${userId.value}`, {
+    const response = await axios.get(`/api/foto`, {
       headers: {
         Authorization: `Bearer ${localStorage.getItem("token")}`,
       },
     });
-    if (response.data && Array.isArray(response.data)) {
+    uploadedImages.value = response.data;
-      uploadedImages.value = response.data;
+    console.log(uploadedImages.value);
-    }
+  } catch (e) {
-  } catch (error) {
+    console.error(e);
-    if (error.response?.status !== 404) {
+
-      console.error('Error loading existing photos:', error);
+    uploadError.value = "Gagal memuat foto";
-    }
   }
-};
+  loading.value = false;
+}
 
 const openCreateItemModal = (product) => {
   createdProduct.value = product;
@@ -275,12 +271,11 @@ const uploadFiles = async (files) => {
     for (const file of validFiles) {
       const formData = new FormData();
       formData.append('foto', file);
-      formData.append('id_user', userId.value);
 
-      const response = await axios.post('/api/foto/upload', formData, {
+      const response = await axios.post('/api/foto', formData, {
         headers: {
-        Authorization: `Bearer ${localStorage.getItem("token")}`,
+          Authorization: `Bearer ${localStorage.getItem("token")}`,
-        'Content-Type': 'multipart/form-data',
+          'Content-Type': 'multipart/form-data',
 
         },
       });
@@ -300,20 +295,17 @@ const uploadFiles = async (files) => {
   }
 };
 
-const removeImage = async (imageId) => {
+const removeImage = async (id) => {
-  try {
+    try {
-    await axios.delete(`/api/foto/hapus/${imageId}`, {
+        await axios.delete(`/api/foto/${id}`, {
-      headers: {
+            headers: {
-        Authorization: `Bearer ${localStorage.getItem("token")}`,
+                Authorization: `Bearer ${localStorage.getItem("token")}`,
-      },
+            },
-    })
+        });
-;
+        uploadedImages.value = uploadedImages.value.filter((i) => i.id !== id);
-    uploadedImages.value = uploadedImages.value.filter(img => img.id !== imageId);
+    } catch {
-    uploadError.value = '';
+        uploadError.value = "Gagal menghapus foto";
-  } catch (error) {
+    }
-    console.error('Delete error:', error);
-    uploadError.value = 'Gagal menghapus foto';
-  }
 };
 
 const submitForm = async (addItem) => {
@@ -325,16 +317,13 @@ const submitForm = async (addItem) => {
   loading.value = true;
 
   try {
-    const response = await axios.post('/api/produk', {
+    const response = await axios.post('/api/produk', form.value,
-    ...form.value,
+      {
-    id_user: userId.value,
+        headers: {
-  },
+          Authorization: `Bearer ${localStorage.getItem("token")}`,
-  {
+        },
-    headers: {
+      }
-      Authorization: `Bearer ${localStorage.getItem("token")}`,
+    );
-    },
-  }
-);
 
     const createdProductData = response.data.data;
 
@@ -405,7 +394,7 @@ const back = () => {
 };
 
 onMounted(() => {
-  loadExistingPhotos();
+  loadFoto();
   loadKategori();
 });
 </script>

routes/web.php

@@ -32,10 +32,11 @@ Route::prefix('api')->group(function () {
         Route::delete('kosongkan-nampan', [NampanController::class, 'kosongkan']);
 
         // Foto Sementara
-        Route::post('foto/upload', [FotoSementaraController::class, 'upload']);
+        Route::get('foto', [FotoSementaraController::class, 'getAll']);
-        Route::delete('foto/hapus/{id}', [FotoSementaraController::class, 'hapus']);
+        Route::post('foto', [FotoSementaraController::class, 'upload']);
-        Route::get('foto/{user_id}', [FotoSementaraController::class, 'getAll']);
+        Route::delete('foto/{id}', [FotoSementaraController::class, 'hapus']);
-        Route::delete('foto/reset/{user_id}', [FotoSementaraController::class, 'reset']);
+        Route::get('produk/edit/{id}', [ProdukController::class, 'edit']);
+        Route::delete('foto/all', [FotoSementaraController::class, 'reset']);
 
         // Laporan
         Route::prefix('laporan')->group(function () {