import React from "react"; import api from "../api.js"; import {useState} from "react"; export default function ProjectPunchlistModal({proj}) { // Form data states const [ceilingTilesService, setCeilingTilesService] = useState(false); const handleSetCeilingTilesService = (e) => { setCeilingTilesService(e.target.value); } const [ceilingVentsService, setCeilingVentsService] = useState(false); const handleSetCeilingVentsService = (e) => { setCeilingVentsService(e.target.value); } const [ceilingVentsWaiting, setCeilingVentsWaiting] = useState(false); const handleSetCeilingVentsWaiting = (e) => { setCeilingVentsWaiting(e.target.value); } const [posService, setPosService] = useState(false); const handleSetPosService = (e) => { setPosService(e.target.value); } const [serviceCounter, setServiceCounter] = useState(false); const handleSetServiceCounter = (e) => { setServiceCounter(e.target.value); } const [oven, setOven] = useState(''); const handleSetOven = (e) => { setOven(e.target.value); } const [ovenDisassembled, setOvenDisassembled] = useState(false); const handleSetOvenDisassembled = (e) => { setOvenDisassembled(e.target.value); } const [ovenReassembled, setOvenReassembled] = useState(false); const handleSetOvenReassembled = (e) => { setOvenReassembled(e.target.value); } const [ovenAlerts, setOvenAlerts] = useState(false); const handleSetOvenAlerts = (e) => { setOvenAlerts(e.target.value); } const [ovenExterior, setOvenExterior] = useState(false); const handleSetOvenExterior = (e) => { setOvenExterior(e.target.value); } const [walls, setWalls] = useState(false) const handleSetWalls = (e) => { setWalls(e.target.value); } const [posWall, setPosWall] = useState(false); const handleSetPosWall = (e) => { setPosWall(e.target.value); } const [ceilingTilesPrep,setCeilingTilesPrep] = useState(false); const handleSetCeilingTilesPrep = (e) => { setCeilingTilesPrep(e.target.value); } const [ceilingVentsPrep,setCeilingVentsPrep] = useState(false); const handleSetCeilingVentsPrep = (e) => { setCeilingVentsPrep(e.target.value); } const [quarryTile, setQuarryTile] = useState(false); const handleSetQuarryTile = (e) => { setQuarryTile(e.target.value); } const [cutTable, setCutTable] = useState(false); const handleSetCutTable = (e) => { setCutTable(e.target.value); } const [makeLine,setMakeLine] = useState(false); const handleSetMakeLine = (e) => { setMakeLine(e.target.value); } const [subLine, setSubLine] = useState(false); const handleSetSubLine = (e) => { setSubLine(e.target.value); } const [hotBoxes, setHotBoxes] = useState(false); const handleSetHotBoxes = (e) => { setHotBoxes(e.target.value); } const [doughPrep, setDoughPrep] = useState(false); const handleSetDoughPrep = (e) => { setDoughPrep(e.target.value); } const [posDelivery, setPosDelivery] = useState(false); const handleSetPosDelivery = (e) => { setPosDelivery(e.target.value); } const [managerStation, setManagerStation] = useState(false); const handleSetManagerStation = (e) => { setManagerStation(e.target.value); } const [handSinks, setHandSinks] = useState(false); const handleSetHandSinks = (e) => { setHandSinks(e.target.value); } const [dispensers, setDispensers] = useState(false); const handleSetDispensers = (e) => { setDispensers(e.target.value); } const [otherEquipment, setOtherEquipment] = useState(false); const handleSetOtherEquipment = (e) => { setOtherEquipment(e.target.value); } const [ceilingTilesBack, setCeilingTilesBack] = useState(false); const handleSetCeilingTilesBack = (e) => { setCeilingTilesBack(e.target.value); } const [ceilingVentsBack, setCeilingVentsBack] = useState(false); const handleSetCeilingVentsBack = (e) => { setCeilingVentsBack(e.target.value); } const [trash, setTrash] = useState(false); const handleSetTrash = (e) => { setTrash(e.target.value); } const [cleanup, setCleanup] = useState(false); const handleSetCleanup = (e) => { setCleanup(e.target.value); } const [alarm, setAlarm] = useState(false); const handleSetAlarm = (e) => { setAlarm(e.target.value); } const [notes, setNotes] = useState(""); const handleSetNotes = (e) => { setNotes(e.target.value); } // How form submission is handled const handleSubmit = async (e) => { e.preventDefault(); try { const response = await api.post('projects/punch/', { id: proj.id, store: proj.store, date: proj.date, ceilingTilesService: ceilingTilesService, ceilingVentsService: ceilingVentsService, ceilingVentsWaiting: ceilingVentsWaiting, posService: posService, serviceCounter: serviceCounter, oven: oven, ovenDisassembled: ovenDisassembled, ovenReassembled: ovenReassembled, ovenAlerts: ovenAlerts, ovenExterior: ovenExterior, walls: walls, posWall: posWall, ceilingTilesPrep: ceilingTilesPrep, ceilingVentsPrep: ceilingVentsPrep, quarryTile: quarryTile, cutTable: cutTable, makeLine: makeLine, subLine: subLine, hotBoxes: hotBoxes, doughPrep: doughPrep, posDelivery: posDelivery, managerStation: managerStation, handSinks: handSinks, dispensers: dispensers, otherEquipment: otherEquipment, ceilingTilesBack: ceilingTilesBack, ceilingVentsBack: ceilingVentsBack, trash: trash, cleanup: cleanup, alarm: alarm, notes: notes, }); if (response.status === 200) { onSuccess(response.data.message); } } catch (error) { alert(error.detail); } } const onSuccess = (message) => { alert(message); window.location.reload(); } const modalId = `modal-${proj.id.replace(/\s+/g, '-')}`; return (
) }