parent
e782c49e4b
commit
428d4a7137
@ -0,0 +1,168 @@
|
|||||||
|
import React, { useEffect } from "react";
|
||||||
|
import { Modal, Form, Input, DatePicker } from "antd";
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
import { taskController } from "../../../API/LayoutApi/tasks";
|
||||||
|
|
||||||
|
interface ShiftAndCoDriverEditModalProps {
|
||||||
|
open: boolean;
|
||||||
|
onCancel: () => void;
|
||||||
|
recordTask?: any;
|
||||||
|
}
|
||||||
|
|
||||||
|
const ShiftAndCoDriverEditModal: React.FC<ShiftAndCoDriverEditModalProps> = ({
|
||||||
|
open,
|
||||||
|
onCancel,
|
||||||
|
recordTask,
|
||||||
|
}) => {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (recordTask) {
|
||||||
|
form.setFieldsValue({
|
||||||
|
shift_date: recordTask.shift_date ? dayjs(recordTask.shift_date) : null,
|
||||||
|
shift_location: recordTask.shift_location,
|
||||||
|
|
||||||
|
cycle_date: recordTask.cycle_date ? dayjs(recordTask.cycle_date) : null,
|
||||||
|
cycle_location: recordTask.cycle_location,
|
||||||
|
|
||||||
|
pickup_date: recordTask.pickup_date
|
||||||
|
? dayjs(recordTask.pickup_date)
|
||||||
|
: null,
|
||||||
|
pickup_location: recordTask.pickup_location,
|
||||||
|
|
||||||
|
driver_name: recordTask.driver_name,
|
||||||
|
co_driver_name: recordTask.co_driver_name,
|
||||||
|
co_driver_pickup_location: recordTask.co_driver_pickup_location,
|
||||||
|
co_driver_pickup_date: recordTask.co_driver_pickup_date
|
||||||
|
? dayjs(recordTask.co_driver_pickup_date)
|
||||||
|
: null,
|
||||||
|
co_driver_drop_date: recordTask.co_driver_drop_date
|
||||||
|
? dayjs(recordTask.co_driver_drop_date)
|
||||||
|
: null,
|
||||||
|
co_driver_drop_location: recordTask.co_driver_drop_location,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, [recordTask, form]);
|
||||||
|
|
||||||
|
const handleOk = async () => {
|
||||||
|
try {
|
||||||
|
const values = await form.validateFields();
|
||||||
|
// Date fieldlarni string formatga o'tkazib yuboramiz
|
||||||
|
const formattedValues = {
|
||||||
|
...values,
|
||||||
|
shift_date: values.shift_date ? values.shift_date.toISOString() : null,
|
||||||
|
pickup_date: values.pickup_date
|
||||||
|
? values.pickup_date.toISOString()
|
||||||
|
: null,
|
||||||
|
cycle_date: values.cycle_date ? values.cycle_date.toISOString() : null,
|
||||||
|
co_driver_pickup_date: values.co_driver_pickup_date
|
||||||
|
? values.co_driver_pickup_date.toISOString()
|
||||||
|
: null,
|
||||||
|
co_driver_drop_date: values.co_driver_drop_date
|
||||||
|
? values.co_driver_drop_date.toISOString()
|
||||||
|
: null,
|
||||||
|
};
|
||||||
|
taskController.taskPatch(formattedValues, recordTask.id);
|
||||||
|
onCancel();
|
||||||
|
form.resetFields();
|
||||||
|
} catch (error) {
|
||||||
|
console.log("Validation Failed:", error);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
open={open}
|
||||||
|
title="Edit Shift & Co-Driver Data"
|
||||||
|
okText="Save"
|
||||||
|
cancelText="Cancel"
|
||||||
|
onCancel={onCancel}
|
||||||
|
onOk={handleOk}
|
||||||
|
destroyOnClose
|
||||||
|
>
|
||||||
|
<Form form={form} layout="vertical">
|
||||||
|
{/* shift */}
|
||||||
|
<Form.Item label="Shift Date" name="shift_date">
|
||||||
|
<DatePicker
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
format="MM-DD-YYYY hh:mm:ss A"
|
||||||
|
showTime={{ format: "hh:mm:ss A" }}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item label="Shift Location" name="shift_location">
|
||||||
|
<Input placeholder="Enter location" />
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
{/* cycle */}
|
||||||
|
|
||||||
|
<Form.Item label="Cycle Date" name="cycle_date">
|
||||||
|
<DatePicker
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
format="MM-DD-YYYY hh:mm:ss A"
|
||||||
|
showTime={{ format: "hh:mm:ss A" }}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item label="Cycle Location" name="cycle_location">
|
||||||
|
<Input placeholder="Enter location" />
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
{/* pick up */}
|
||||||
|
|
||||||
|
<Form.Item label="Pick Up Date" name="pickup_date">
|
||||||
|
<DatePicker
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
format="MM-DD-YYYY hh:mm:ss A"
|
||||||
|
showTime={{ format: "hh:mm:ss A" }}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item label="Pick Up Location" name="cycle_location">
|
||||||
|
<Input placeholder="Enter location" />
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
{/* co driver */}
|
||||||
|
|
||||||
|
<Form.Item label="Driver Name" name="driver_name">
|
||||||
|
<Input placeholder="Driver name" />
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item label="Co-Driver Name" name="co_driver_name">
|
||||||
|
<Input placeholder="Co-driver name" />
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item label="Co-Driver Pick Up Date" name="co_driver_pickup_date">
|
||||||
|
<DatePicker
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
format="MM-DD-YYYY hh:mm:ss A"
|
||||||
|
showTime={{ format: "hh:mm:ss A" }}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item
|
||||||
|
label="Co-Driver Pick Up Location"
|
||||||
|
name="co_driver_pickup_location"
|
||||||
|
>
|
||||||
|
<Input placeholder="Enter pickup location" />
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item label="Co-Driver Drop Date" name="co_driver_drop_date">
|
||||||
|
<DatePicker
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
format="MM-DD-YYYY hh:mm:ss A"
|
||||||
|
showTime={{ format: "hh:mm:ss A" }}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item
|
||||||
|
label="Co-Driver Drop Location"
|
||||||
|
name="co_driver_drop_location"
|
||||||
|
>
|
||||||
|
<Input placeholder="Drop location" />
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ShiftAndCoDriverEditModal;
|
||||||
Loading…
Reference in new issue