ui-soxo-bootstrap-core 2.6.40-dev.1 → 2.6.40-dev.11

package/core/lib/components/approval-form/approval-form.js

@@ -1,280 +1,280 @@
-import React, { useEffect, useState, Fragment, useContext } from 'react';
-
-import { Tag, Skeleton, Row, message, Alert, Image } from 'antd';
-
-import { Link } from 'react-router-dom';
-
-import FirebaseUtils from './../../utils/firebase.utils';
-
-import { GlobalContext } from './../../Store';
-
-import RequestForm from './../../components/request-form/request-form';
-
-// import BaseForm from './../../components/base';
-
-import './approval-form.scss';
-
-const layout = {
-    labelCol: {
-        xs: { span: 24 },
-        sm: { span: 8 },
-    },
-    wrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 8 },
-    },
-};
-
-export default function ApprovalForm({ props, step, match, history }) {
-    const [reports, setReports] = useState([]);
-
-    const { user } = useContext(GlobalContext);
-
-    const { params } = match;
-
-    const { id, city } = params;
-
-    const [loader, setLoader] = useState(true);
-
-    useEffect(() => {
-        if (step.endpoint === 'cancellations') {
-            FirebaseUtils.getBaseRecord(id, step.model).then((result) => {
-                var request = result;
-
-                console.log(result);
-
-                setReports({ ...request });
-
-                setLoader(false);
-            });
-        } else {
-            FirebaseUtils.getRequest(id).then((result) => {
-                var request = result;
-
-                console.log(result);
-
-                setReports({ ...request });
-
-                setLoader(false);
-            });
-        }
-    }, []);
-
-    return (
-        <div className="reports">
-            {loader ? (
-                <Skeleton type="report" />
-            ) : (
-                <Fragment>
-                    {step.endpoint === 'cancellations' ? (
-                        <>
-                            <div className="vehicle-card">
-                                <div className="about-us page-content">
-                                    <h1 className="page-heading">Cancel {reports.type}</h1>
-                                </div>
-                                <p>Update any necessary information and see the status of your allocation below</p>
-                                <div gutter={0} className="detail-wrapper">
-                                    <div className="detail-element">
-                                        <Row span={12}>
-                                            <Row span={12}>
-                                                <h3>Customer Name </h3>
-                                            </Row>
-                                        </Row>
-                                        <Row span={12}>
-                                            <h2 className="title amount">{reports.customerName}</h2>
-                                        </Row>
-                                    </div>
-                                    <div className="detail-element">
-                                        <Row span={12}>
-                                            <h3>Email :</h3>
-                                        </Row>
-                                        <Row span={12}>
-                                            <span className="">{reports.email}</span>
-                                        </Row>
-                                    </div>
-                                    <div className="detail-element">
-                                        <Row span={12}>
-                                            <h3>Booking No </h3>
-                                        </Row>
-                                        <Row span={12}>
-                                            <a href={`/${city}/bookings/${reports.bookingId}`}>{reports.bookingId}</a>
-                                        </Row>
-                                    </div>
-                                    <div className="detail-element">
-                                        <Row span={12}>
-                                            <h3>Dealer Code :</h3>
-                                        </Row>
-                                        <Row span={12}>
-                                            <span className="">{reports.dealerCode}</span>
-                                        </Row>
-                                    </div>
-                                    <div className="detail-element">
-                                        <Row span={12}>
-                                            <h3>Phone No :</h3>
-                                        </Row>
-                                        <Row span={12}>
-                                            <span className="">{reports.phone}</span>
-                                        </Row>
-                                    </div>
-                                    <div className="detail-element">
-                                        <Row span={12}>
-                                            <h3>Attachments :</h3>
-                                        </Row>
-                                        <>
-                                            {reports.cancellation_request &&
-                                                reports.cancellation_request.map((file) => {
-                                                    return (
-                                                        <>
-                                                            {file.type === 'application/pdf' ? (
-                                                                <embed src={file.url} width="500" height="375" type="application/pdf" />
-                                                            ) : (
-                                                                <Image width={200} src={file.url} />
-                                                            )}
-                                                        </>
-                                                    );
-                                                })}
-                                        </>
-                                    </div>
-                                    <div className="detail-element">
-                                        <Row span={12}>
-                                            <h3>Reason :</h3>
-                                        </Row>
-                                        <Row span={12}>
-                                            <span className="">{reports.reason}</span>
-                                        </Row>
-                                    </div>
-                                    <div className="detail-element">
-                                        <Row span={12}>
-                                            <h3>Remarks :</h3>
-                                        </Row>
-                                        <Row span={12}>
-                                            <span className="">{reports.remarks}</span>
-                                        </Row>
-                                    </div>
-                                    {reports.sm_remarks ? (
-                                        <div className="detail-element">
-                                            <Row span={12}>
-                                                <h3>Remarks from SM :</h3>
-                                            </Row>
-                                            <Row span={12}>
-                                                <span className="">{reports.sm_remarks}</span>
-                                            </Row>
-                                        </div>
-                                    ) : null}
-                                    {reports.ccm_remarks ? (
-                                        <div className="detail-element">
-                                            <Row span={12}>
-                                                <h3>Remarks from CCM :</h3>
-                                            </Row>
-                                            <Row span={12}>
-                                                <span className="">{reports.ccm_remarks}</span>
-                                            </Row>
-                                        </div>
-                                    ) : null}
-                                    <div className="detail-element">
-                                        <Row span={12}>
-                                            <h3>Status </h3>
-                                        </Row>
-                                        <Row span={12}>
-                                            <span>{reports.status}</span>
-                                        </Row>
-                                    </div>
-                                </div>
-                            </div>
-                            {/* <BaseForm
-                                index={id}
-                                formContent={reports}
-                                modelIndex="id"
-                                model={step.model}
-                                step={step}
-                                callback={(params, values) => {
-                                    history.goBack();
-                                }}
-                            /> */}
-                        </>
-                    ) : (
-                        <>
-                            <div className="about-us page-content">
-                                <h1 className="page-heading">Customer Payment</h1>
-                                <p>Please provide the customer id and receipt details after entering into dms</p>
-                            </div>
-                            <div gutter={0} className="detail-wrapper">
-                                <Tag color="purple">{reports.status}</Tag>
-                                <div className="detail-element">
-                                    <Row span={12}>
-                                        <Row span={12}>
-                                            <h3>Customer </h3>
-                                        </Row>
-                                    </Row>
-                                    <Row span={12}>
-                                        <h2 className="title amount">{reports.customer.customerName} </h2>
-                                    </Row>
-                                </div>
-                                <div className="detail-element">
-                                    <Row span={12}>
-                                        <h3>Phone </h3>
-                                    </Row>
-                                    <Row span={12}>
-                                        <span>{reports.customer.phone}</span>
-                                    </Row>
-                                </div>
-                                <div className="detail-element">
-                                    <Row span={12}>
-                                        <h3>Remarks </h3>
-                                    </Row>
-                                    <Row span={12}>
-                                        <span>{reports.customer.remarks}</span>
-                                    </Row>
-                                </div>
-                                <div className="detail-element">
-                                    <Row span={12}>
-                                        <h3>Variant </h3>
-                                    </Row>
-                                    <Row span={12}>
-                                        <span>{reports.variant}</span>
-                                    </Row>
-                                </div>
-                                <div className="detail-element">
-                                    <Row span={12}>
-                                        <h3>Color</h3>
-                                    </Row>
-                                    <Row span={12}>
-                                        <span>{reports.color}</span>
-                                    </Row>
-                                </div>
-                                <div className="detail-element">
-                                    <Row span={12}>
-                                        <h3>Consultant :</h3>
-                                    </Row>
-                                    <Row span={12}>
-                                        <span className="">{reports.kec}</span>
-                                    </Row>
-                                </div>
-                                <div className="detail-element">
-                                    <Row span={12}>
-                                        <h3>Team Leader :</h3>
-                                    </Row>
-                                    <Row span={12}>
-                                        <span className="">{reports.teamLeader}</span>
-                                    </Row>
-                                </div>
-                                <Link to={`/requests/${reports.id}`}>View Request</Link>
-                            </div>
-                            <Alert message="Approval Request" description={`Please provide approval for the request`} type="info" />
-
-                            <RequestForm
-                                formContent={reports}
-                                modelIndex="requestId"
-                                model={step.model}
-                                step={step}
-                                callback={(params, values) => {
-                                    history.goBack();
-                                }}
-                            />
-                        </>
-                    )}
-                </Fragment>
-            )}
-        </div>
-    );
-}
+import React, { useEffect, useState, Fragment, useContext } from 'react';
+
+import { Tag, Skeleton, Row, message, Alert, Image } from 'antd';
+
+import { Link } from 'react-router-dom';
+
+import FirebaseUtils from './../../utils/firebase.utils';
+
+import { GlobalContext } from './../../Store';
+
+import RequestForm from './../../components/request-form/request-form';
+
+// import BaseForm from './../../components/base';
+
+import './approval-form.scss';
+
+const layout = {
+    labelCol: {
+        xs: { span: 24 },
+        sm: { span: 8 },
+    },
+    wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 8 },
+    },
+};
+
+export default function ApprovalForm({ props, step, match, history }) {
+    const [reports, setReports] = useState([]);
+
+    const { user } = useContext(GlobalContext);
+
+    const { params } = match;
+
+    const { id, city } = params;
+
+    const [loader, setLoader] = useState(true);
+
+    useEffect(() => {
+        if (step.endpoint === 'cancellations') {
+            FirebaseUtils.getBaseRecord(id, step.model).then((result) => {
+                var request = result;
+
+                console.log(result);
+
+                setReports({ ...request });
+
+                setLoader(false);
+            });
+        } else {
+            FirebaseUtils.getRequest(id).then((result) => {
+                var request = result;
+
+                console.log(result);
+
+                setReports({ ...request });
+
+                setLoader(false);
+            });
+        }
+    }, []);
+
+    return (
+        <div className="reports">
+            {loader ? (
+                <Skeleton type="report" />
+            ) : (
+                <Fragment>
+                    {step.endpoint === 'cancellations' ? (
+                        <>
+                            <div className="vehicle-card">
+                                <div className="about-us page-content">
+                                    <h1 className="page-heading">Cancel {reports.type}</h1>
+                                </div>
+                                <p>Update any necessary information and see the status of your allocation below</p>
+                                <div gutter={0} className="detail-wrapper">
+                                    <div className="detail-element">
+                                        <Row span={12}>
+                                            <Row span={12}>
+                                                <h3>Customer Name </h3>
+                                            </Row>
+                                        </Row>
+                                        <Row span={12}>
+                                            <h2 className="title amount">{reports.customerName}</h2>
+                                        </Row>
+                                    </div>
+                                    <div className="detail-element">
+                                        <Row span={12}>
+                                            <h3>Email :</h3>
+                                        </Row>
+                                        <Row span={12}>
+                                            <span className="">{reports.email}</span>
+                                        </Row>
+                                    </div>
+                                    <div className="detail-element">
+                                        <Row span={12}>
+                                            <h3>Booking No </h3>
+                                        </Row>
+                                        <Row span={12}>
+                                            <a href={`/${city}/bookings/${reports.bookingId}`}>{reports.bookingId}</a>
+                                        </Row>
+                                    </div>
+                                    <div className="detail-element">
+                                        <Row span={12}>
+                                            <h3>Dealer Code :</h3>
+                                        </Row>
+                                        <Row span={12}>
+                                            <span className="">{reports.dealerCode}</span>
+                                        </Row>
+                                    </div>
+                                    <div className="detail-element">
+                                        <Row span={12}>
+                                            <h3>Phone No :</h3>
+                                        </Row>
+                                        <Row span={12}>
+                                            <span className="">{reports.phone}</span>
+                                        </Row>
+                                    </div>
+                                    <div className="detail-element">
+                                        <Row span={12}>
+                                            <h3>Attachments :</h3>
+                                        </Row>
+                                        <>
+                                            {reports.cancellation_request &&
+                                                reports.cancellation_request.map((file) => {
+                                                    return (
+                                                        <>
+                                                            {file.type === 'application/pdf' ? (
+                                                                <embed src={file.url} width="500" height="375" type="application/pdf" />
+                                                            ) : (
+                                                                <Image width={200} src={file.url} />
+                                                            )}
+                                                        </>
+                                                    );
+                                                })}
+                                        </>
+                                    </div>
+                                    <div className="detail-element">
+                                        <Row span={12}>
+                                            <h3>Reason :</h3>
+                                        </Row>
+                                        <Row span={12}>
+                                            <span className="">{reports.reason}</span>
+                                        </Row>
+                                    </div>
+                                    <div className="detail-element">
+                                        <Row span={12}>
+                                            <h3>Remarks :</h3>
+                                        </Row>
+                                        <Row span={12}>
+                                            <span className="">{reports.remarks}</span>
+                                        </Row>
+                                    </div>
+                                    {reports.sm_remarks ? (
+                                        <div className="detail-element">
+                                            <Row span={12}>
+                                                <h3>Remarks from SM :</h3>
+                                            </Row>
+                                            <Row span={12}>
+                                                <span className="">{reports.sm_remarks}</span>
+                                            </Row>
+                                        </div>
+                                    ) : null}
+                                    {reports.ccm_remarks ? (
+                                        <div className="detail-element">
+                                            <Row span={12}>
+                                                <h3>Remarks from CCM :</h3>
+                                            </Row>
+                                            <Row span={12}>
+                                                <span className="">{reports.ccm_remarks}</span>
+                                            </Row>
+                                        </div>
+                                    ) : null}
+                                    <div className="detail-element">
+                                        <Row span={12}>
+                                            <h3>Status </h3>
+                                        </Row>
+                                        <Row span={12}>
+                                            <span>{reports.status}</span>
+                                        </Row>
+                                    </div>
+                                </div>
+                            </div>
+                            {/* <BaseForm
+                                index={id}
+                                formContent={reports}
+                                modelIndex="id"
+                                model={step.model}
+                                step={step}
+                                callback={(params, values) => {
+                                    history.goBack();
+                                }}
+                            /> */}
+                        </>
+                    ) : (
+                        <>
+                            <div className="about-us page-content">
+                                <h1 className="page-heading">Customer Payment</h1>
+                                <p>Please provide the customer id and receipt details after entering into dms</p>
+                            </div>
+                            <div gutter={0} className="detail-wrapper">
+                                <Tag color="purple">{reports.status}</Tag>
+                                <div className="detail-element">
+                                    <Row span={12}>
+                                        <Row span={12}>
+                                            <h3>Customer </h3>
+                                        </Row>
+                                    </Row>
+                                    <Row span={12}>
+                                        <h2 className="title amount">{reports.customer.customerName} </h2>
+                                    </Row>
+                                </div>
+                                <div className="detail-element">
+                                    <Row span={12}>
+                                        <h3>Phone </h3>
+                                    </Row>
+                                    <Row span={12}>
+                                        <span>{reports.customer.phone}</span>
+                                    </Row>
+                                </div>
+                                <div className="detail-element">
+                                    <Row span={12}>
+                                        <h3>Remarks </h3>
+                                    </Row>
+                                    <Row span={12}>
+                                        <span>{reports.customer.remarks}</span>
+                                    </Row>
+                                </div>
+                                <div className="detail-element">
+                                    <Row span={12}>
+                                        <h3>Variant </h3>
+                                    </Row>
+                                    <Row span={12}>
+                                        <span>{reports.variant}</span>
+                                    </Row>
+                                </div>
+                                <div className="detail-element">
+                                    <Row span={12}>
+                                        <h3>Color</h3>
+                                    </Row>
+                                    <Row span={12}>
+                                        <span>{reports.color}</span>
+                                    </Row>
+                                </div>
+                                <div className="detail-element">
+                                    <Row span={12}>
+                                        <h3>Consultant :</h3>
+                                    </Row>
+                                    <Row span={12}>
+                                        <span className="">{reports.kec}</span>
+                                    </Row>
+                                </div>
+                                <div className="detail-element">
+                                    <Row span={12}>
+                                        <h3>Team Leader :</h3>
+                                    </Row>
+                                    <Row span={12}>
+                                        <span className="">{reports.teamLeader}</span>
+                                    </Row>
+                                </div>
+                                <Link to={`/requests/${reports.id}`}>View Request</Link>
+                            </div>
+                            <Alert message="Approval Request" description={`Please provide approval for the request`} type="info" />
+
+                            <RequestForm
+                                formContent={reports}
+                                modelIndex="requestId"
+                                model={step.model}
+                                step={step}
+                                callback={(params, values) => {
+                                    history.goBack();
+                                }}
+                            />
+                        </>
+                    )}
+                </Fragment>
+            )}
+        </div>
+    );
+}