From 3a3acc149a9b346715db1c47c69376a4fe7a6ce1 Mon Sep 17 00:00:00 2001
From: serensiahaan <18221160@std.stei.itb.ac.id>
Date: Wed, 22 Nov 2023 23:31:20 +0700
Subject: [PATCH] edit data kelasmengemudi

---
 pages/kelasmengemudi/create.jsx    | 18 +++++++++---------
 pages/kelasmengemudi/edit/[id].jsx | 28 +++++++++++++---------------
 2 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/pages/kelasmengemudi/create.jsx b/pages/kelasmengemudi/create.jsx
index 3d37ff7..48205e7 100644
--- a/pages/kelasmengemudi/create.jsx
+++ b/pages/kelasmengemudi/create.jsx
@@ -8,7 +8,7 @@ const Create = () => {
   const [hargaKelas, setHargaKelas] = useState("")
   const [jenisKendaraan, setJenisKendaraan] = useState("")
   const [jumlahSesi, setJumlahSesi] = useState("")
-  const [nomorKendaraan, setNomorKendaraan] = useState("")
+  const [platNomorKendaraan, setPlatNomorKendaraan] = useState("")
   const [namaKendaraan, setNamaKendaraan] = useState("")
 
   const handleUpdate = async () => {
@@ -22,7 +22,7 @@ const Create = () => {
         hargaKelas,
         jenisKendaraan,
         jumlahSesi,
-        nomorKendaraan,
+        platNomorKendaraan,
         namaKendaraan
     })
     const updateQuery = await fetch("https://rpl-backend-production.up.railway.app/v1/kelasmengemudi/create", {
@@ -70,7 +70,7 @@ const Create = () => {
             <span className="h-min my-auto font-bold text-lg">Harga Kelas</span>
             <input value={hargaKelas} onChange={(e) => {
               setHargaKelas(e.target.value)
-            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="number" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Jenis Kendaraan</span>
@@ -85,19 +85,19 @@ const Create = () => {
             <span className="h-min my-auto font-bold text-lg">Jumlah Sesi</span>
             <input value={jumlahSesi} onChange={(e) => {
               setJumlahSesi(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="number" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
-            <span className="h-min my-auto font-bold text-lg">Nomor Kendaraan</span>
-            <input value={nomorKendaraan} onChange={(e) => {
-              setNomorKendaraan(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            <span className="h-min my-auto font-bold text-lg">Plat Nomor Kendaraan</span>
+            <input value={platNomorKendaraan} onChange={(e) => {
+              setPlatNomorKendaraan(e.target.value)
+            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Nama Kendaraan</span>
             <input value={namaKendaraan} onChange={(e) => {
               setNamaKendaraan(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
 
           <input type="submit" className="bg-[#F875AA] px-8 py-3 text-xl font-bold text-white rounded-xl mx-auto" value={"Simpan"} />
diff --git a/pages/kelasmengemudi/edit/[id].jsx b/pages/kelasmengemudi/edit/[id].jsx
index fdc47be..169ff54 100644
--- a/pages/kelasmengemudi/edit/[id].jsx
+++ b/pages/kelasmengemudi/edit/[id].jsx
@@ -10,7 +10,7 @@ const Edit = () => {
   const [jenisKendaraan, setJenisKendaraan] = useState("")
   const [totalJamKursus, setTotalJamKursus] = useState()
   const [jumlahSesi, setJumlahSesi] = useState("")
-  const [nomorKendaraan, setNomorKendaraan] = useState("")
+  const [platNomorKendaraan, setPlatNomorKendaraan] = useState("")
   const [namaKendaraan, setNamaKendaraan] = useState("")
 
   const handleUpdate = async () => {
@@ -24,7 +24,7 @@ const Edit = () => {
       hargaKelas,
       jenisKendaraan,
       jumlahSesi,
-      nomorKendaraan,
+      platNomorKendaraan,
       namaKendaraan
     })
     const updateQuery = await fetch("https://rpl-backend-production.up.railway.app/v1/kelasmengemudi/update/" + router.query.id, {
@@ -72,8 +72,8 @@ const Edit = () => {
       setTotalJamKursus(responsejson.data.totalJamKursus)
       setJumlahSesi(responsejson.data.jumlahSesi)
       setInstruktur(responsejson.data.instruktur)
-      setNomorKendaraan(responsejson.data.kendaraan)
-      setNamaKendaraan(responsejson.data.calonPelanggan)
+      setPlatNomorKendaraan(responsejson.data.platNomorKendaraan)
+      setNamaKendaraan(responsejson.data.namaKendaraan)
     })
   }, [])
   return <>
@@ -105,23 +105,21 @@ const Edit = () => {
             <span className="h-min my-auto font-bold text-lg">Harga Kelas</span>
             <input value={hargaKelas} onChange={(e) => {
               setHargaKelas(e.target.value)
-            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="number" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Total Jam Kursus</span>
-            <input value={totalJamKursus} onChange={(e) => {
-              setTotalJamKursus(e.target.value)
-            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            <input disabled value={totalJamKursus} type="number" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Jumlah Sesi</span>
             <input value={jumlahSesi} onChange={(e) => {
               setJumlahSesi(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="number" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Jenis Kendaraan</span>
-            <select disabled value={jenisKendaraan} onChange={(e) => {
+            <select value={jenisKendaraan} onChange={(e) => {
               setJenisKendaraan(e.target.value)
             }}>
               <option value="MATIC">Matic</option>
@@ -129,16 +127,16 @@ const Edit = () => {
             </select>
           </div>
           <div className="flex flex-row align-middle justify-between">
-            <span className="h-min my-auto font-bold text-lg">Nomor Kendaraan</span>
-            <input value={nomorKendaraan} onChange={(e) => {
-              setNomorKendaraan(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            <span className="h-min my-auto font-bold text-lg">Plat Nomor Kendaraan</span>
+            <input value={platNomorKendaraan} onChange={(e) => {
+              setPlatNomorKendaraan(e.target.value)
+            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Nama Kendaraan</span>
             <input value={namaKendaraan} onChange={(e) => {
               setNamaKendaraan(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <input type="submit" className="bg-[#F875AA] px-8 py-3 text-xl font-bold text-white rounded-xl mx-auto" value={"Simpan"} />
         </form>
-- 
GitLab