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