diff --git a/pages/infoperusahaan/create.jsx b/pages/infoperusahaan/create.jsx index 1f1e839d431ce527cb9d37d788680620ad846ff6..aea42d638befbe2786f020c0a780e388359f7e6e 100644 --- a/pages/infoperusahaan/create.jsx +++ b/pages/infoperusahaan/create.jsx @@ -62,7 +62,10 @@ const Create = ({ propertyWebsite }) => { question: e.target.value, answer: faq.answer }) - }} 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> + <div> + <span className="text-[#16A4FF]">*) Minimum 10 karakter</span> </div> <div className="flex flex-row align-middle justify-between"> <span className="h-min my-auto font-bold text-lg">Answer</span> @@ -73,6 +76,9 @@ const Create = ({ propertyWebsite }) => { }) }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" /> </div> + <div> + <span className="text-[#16A4FF]">*) Minimum 10 karakter</span> + </div> <input type="submit" className="bg-[#F875AA] px-8 py-3 text-xl font-bold text-white rounded-xl mx-auto" value={"Simpan"} /> </form> diff --git a/pages/infoperusahaan/edit/[id].jsx b/pages/infoperusahaan/edit/[id].jsx index d084c978ac632da470ba60cdca4d5d9e2ebdab97..647363443da081fbe5a38c89f0b9b686f324dcd2 100644 --- a/pages/infoperusahaan/edit/[id].jsx +++ b/pages/infoperusahaan/edit/[id].jsx @@ -90,6 +90,9 @@ const Edit = () => { }) }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" /> </div> + <div> + <span className="text-[#16A4FF]">*) Minimum 10 karakter</span> + </div> <div className="flex flex-row align-middle justify-between"> <span className="h-min my-auto font-bold text-lg">Answer</span> <input value={faq.answer} onChange={(e) => { @@ -99,6 +102,9 @@ const Edit = () => { }) }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" /> </div> + <div> + <span className="text-[#16A4FF]">*) Minimum 10 karakter</span> + </div> <input type="submit" className="bg-[#F875AA] px-8 py-3 text-xl font-bold text-white rounded-xl mx-auto" value={"Simpan"} /> </form> diff --git a/pages/kelasmengemudi/create.jsx b/pages/kelasmengemudi/create.jsx index ddfff81a4a233d2ff9fb3b12f60249e6fc5ea754..77a6e58a875b38b100364432e999c7a713600e26 100644 --- a/pages/kelasmengemudi/create.jsx +++ b/pages/kelasmengemudi/create.jsx @@ -6,11 +6,9 @@ const Create = () => { const router = useRouter() const [namaKelas, setNamaKelas] = useState("") const [hargaKelas, setHargaKelas] = useState("") - const [jenisKendaraan, setJenisKendaraan] = useState("") - const [totalJamKursus, setTotalJamKursus] = useState("") + const [jenisKendaraan, setJenisKendaraan] = useState("MATIC") const [jumlahSesi, setJumlahSesi] = useState("") - const [instruktur, setInstruktur] = useState("") - const [nomorKendaraan, setNomorKendaraan] = useState("") + const [platNomorKendaraan, setPlatNomorKendaraan] = useState("") const [namaKendaraan, setNamaKendaraan] = useState("") const handleUpdate = async () => { @@ -23,10 +21,8 @@ const Create = () => { namaKelas, hargaKelas, jenisKendaraan, - totalJamKursus, jumlahSesi, - instruktur, - nomorKendaraan, + platNomorKendaraan, namaKendaraan }) const updateQuery = await fetch("https://rpl-backend-production.up.railway.app/v1/kelasmengemudi/create", { @@ -55,7 +51,7 @@ const Create = () => { <div className="w-full mb-2"> <span className="text-[#F875AA] font-bold text-2xl hover:cursor-pointer" onClick={(e) => { e.preventDefault() - router.push("/") + router.replace("/kelasmengemudi") }}>Back</span> </div> <h1 className="text-[#F875AA] font-extrabold text-5xl mb-20 text-center">Add Data Kelas</h1> @@ -74,43 +70,34 @@ 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> - <input value={jenisKendaraan} onChange={(e) => { + <select value={jenisKendaraan} onChange={(e) => { setJenisKendaraan(e.target.value) - }} type="tel" 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" /> + }}> + <option value="MATIC">Matic</option> + <option value="MANUAL">Manual</option> + </select> </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">NIK Instruktur</span> - <input value={instruktur} onChange={(e) => { - setInstruktur(e.target.value) - }} type="tel" 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 fc209a9ce4d43a359ba99c935aaae1839c98ad97..8c61c12ccc893742f4a7c3e42bb8f907cdfe8715 100644 --- a/pages/kelasmengemudi/edit/[id].jsx +++ b/pages/kelasmengemudi/edit/[id].jsx @@ -7,11 +7,10 @@ const Edit = () => { const [ID, setID] = useState() const [namaKelas, setNamaKelas] = useState("") const [hargaKelas, setHargaKelas] = useState("") - const [jenisKendaraan, setJenisKendaraan] = useState("") - const [totalJamKursus, setTotalJamKursus] = useState("") + const [jenisKendaraan, setJenisKendaraan] = useState("MATIC") + const [totalJamKursus, setTotalJamKursus] = useState() const [jumlahSesi, setJumlahSesi] = useState("") - const [instruktur, setInstruktur] = useState("") - const [nomorKendaraan, setNomorKendaraan] = useState("") + const [platNomorKendaraan, setPlatNomorKendaraan] = useState("") const [namaKendaraan, setNamaKendaraan] = useState("") const handleUpdate = async () => { @@ -24,10 +23,8 @@ const Edit = () => { namaKelas, hargaKelas, jenisKendaraan, - totalJamKursus, jumlahSesi, - instruktur, - nomorKendaraan, + platNomorKendaraan, namaKendaraan }) const updateQuery = await fetch("https://rpl-backend-production.up.railway.app/v1/kelasmengemudi/update/" + router.query.id, { @@ -74,9 +71,8 @@ const Edit = () => { setJenisKendaraan(responsejson.data.jenisKendaraan) 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 <> @@ -108,43 +104,38 @@ 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" /> - </div> - <div className="flex flex-row align-middle justify-between"> - <span className="h-min my-auto font-bold text-lg">NIK Instruktur</span> - <input value={instruktur} onChange={(e) => { - setInstruktur(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> - <input value={jenisKendaraan} onChange={(e) => { + <select value={jenisKendaraan} onChange={(e) => { setJenisKendaraan(e.target.value) - }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" /> + }}> + <option value="MATIC">Matic</option> + <option value="MANUAL">Manual</option> + </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>