ikan Uploader :
Directory : /var/www/html/shardahospital.org/shardalms/lms/lms/react/src/pages/social/
Upload File : |
| Current File : /var/www/html/shardahospital.org/shardalms/lms/lms/react/src/pages/social/LeadsFilterForm.jsx |
/* eslint-disable react-hooks/exhaustive-deps */
import { useEffect, useState } from "react";
import { AntdSelect, AntdDatepicker } from "../../components";
import { Row, Col, Input } from "antd";
const initialLeadsFilterFd = {
k: "",
steps: [],
states: [],
programs: [],
utm_groups: [],
utm_source_ids: [],
ac_ids: [],
discipline_ids: [],
school_ids: [],
remarks_ids: [],
verified_by: [],
lpage_ids: [],
valid_mob_only: null,
//superbot_dispositions: [],
};
export default function LeadsFilterForm({
masters,
data = null,
onChange = () => {},
}) {
const [filterFd, setFilterFd] = useState(data || initialLeadsFilterFd);
useEffect(() => {
onChange({ ...filterFd });
}, [filterFd]);
return (
<div>
<Row gutter={[8, 18]}>
<Col span="6">
<div className="legend-lbl">
<label>Name/Email/Mob/SystemID</label>
<Input
allowClear
placeholder="Enter text..."
value={filterFd.k}
onChange={(e) => setFilterFd({ ...filterFd, k: e.target.value })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>Step Completed</label>
<AntdSelect
allowClear
placeholder="All"
mode="multiple"
options={[0, 1, 2, 3]}
value={filterFd.steps}
onChange={(v) => setFilterFd({ ...filterFd, steps: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>UTM Groups</label>
<AntdSelect
allowClear
sort
placeholder="All"
mode="multiple"
options={masters.utm_groups.map((v) => v.name)}
value={filterFd.utm_groups}
onChange={(v) => setFilterFd({ ...filterFd, utm_groups: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>Utm Source</label>
<AntdSelect
allowClear
placeholder="All"
mode="multiple"
options={masters.utm_sources}
value={filterFd.utm_source_ids}
onChange={(v) => setFilterFd({ ...filterFd, utm_source_ids: v })}
/>
</div>
</Col>
<Col span="12">
<div className="legend-lbl">
<label>States</label>
<AntdSelect
allowClear
sort
placeholder="All"
mode="multiple"
options={masters.states}
value={filterFd.states}
onChange={(v) => setFilterFd({ ...filterFd, states: v })}
/>
</div>
</Col>
<Col span="12">
<div className="legend-lbl">
<label>Programs</label>
<AntdSelect
allowClear
sort
placeholder="All"
mode="multiple"
options={masters.programs}
value={filterFd.programs}
onChange={(v) => setFilterFd({ ...filterFd, programs: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>Academic Career</label>
<AntdSelect
allowClear
placeholder="All"
mode="multiple"
options={masters.acs}
value={filterFd.ac_ids}
onChange={(v) => setFilterFd({ ...filterFd, ac_ids: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>Discipline</label>
<AntdSelect
allowClear
placeholder="All"
mode="multiple"
options={masters.disciplines}
value={filterFd.discipline_ids}
onChange={(v) => setFilterFd({ ...filterFd, discipline_ids: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>School</label>
<AntdSelect
allowClear
placeholder="All"
mode="multiple"
options={masters.schools}
value={filterFd.school_ids}
onChange={(v) => setFilterFd({ ...filterFd, school_ids: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>Remarks</label>
<AntdSelect
allowClear
placeholder="All"
mode="multiple"
options={masters.remarks}
value={filterFd.remarks_ids}
onChange={(v) => setFilterFd({ ...filterFd, remarks_ids: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>Followup Count</label>
<AntdSelect
allowClear
placeholder="All"
options={["1", "2", "3", "1+", "2+", "3+"]}
value={filterFd.followup_count}
onChange={(v) => setFilterFd({ ...filterFd, followup_count: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>From Date</label>
<AntdDatepicker
value={filterFd.from_date}
onChange={(v) => setFilterFd({ ...filterFd, from_date: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>To Date</label>
<AntdDatepicker
value={filterFd.to_date}
onChange={(v) => setFilterFd({ ...filterFd, to_date: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>Verified By</label>
<AntdSelect
allowClear
placeholder="All"
mode="multiple"
options={["MOB", "EMAIL", "OFFLINE"]}
value={filterFd.verified_by}
onChange={(v) => setFilterFd({ ...filterFd, verified_by: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>Is Dead?</label>
<AntdSelect
allowClear
placeholder="All"
options={[
{ value: "N", label: "No" },
{ value: "Y", label: "Yes" },
]}
value={filterFd.isdead}
onChange={(v) => setFilterFd({ ...filterFd, isdead: v })}
/>
</div>
</Col>
<Col span="12">
<div className="legend-lbl">
<label>Landing Page</label>
<AntdSelect
allowClear
placeholder="All"
mode="multiple"
options={masters.lpages}
value={filterFd.lpage_ids}
onChange={(v) => setFilterFd({ ...filterFd, lpage_ids: v })}
/>
</div>
</Col>
<Col span="6">
<div className="legend-lbl">
<label>Valid Mob No. Only</label>
<AntdSelect
allowClear
placeholder="All"
options={["Yes"]}
value={filterFd.valid_mob_only}
onChange={(v) => setFilterFd({ ...filterFd, valid_mob_only: v })}
/>
</div>
</Col>
{/* <Col span="12">
<div className="legend-lbl">
<label>Superbot Dispositions</label>
<AntdSelect
allowClear
sort
placeholder="All"
mode="multiple"
options={masters.superbot_dispositions.map((v) => v.name)}
value={filterFd.superbot_dispositions}
onChange={(v) =>
setFilterFd({ ...filterFd, superbot_dispositions: v })
}
/>
</div>
</Col> */}
</Row>
</div>
);
}
Kontol Shell Bypass