ui-soxo-bootstrap-core 2.4.25-dev.41 → 2.4.25-dev.46

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

@@ -1,184 +1,184 @@
-.reports {
-    // display: flex;
-    // margin-top: 20px;
-    .scanner{
-        // min-height: 220px;
-        video{
-            height: 220px
-        }
-        div{
-            box-shadow: rgba(255, 0, 0, 0.5) 0px 0px 0px 1px inset!important;
-        }
-    }
-    .welcome{
-        box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.05), 8px 8px 18px 0 rgba(0, 0, 0, 0.05);
-        padding: 15px;
-        border: 1px solid #dedede;
-    }
-
-    .detail-element{
-        margin: 10px 0px;
-    }
-
-    .report-summary{
-        display: flex;
-        flex-direction: column;
-        .report-card{
-            display: flex;
-            font-size: 14px;
-            justify-content: space-between;
-            padding: 6px 0px;
-            .report-item{
-
-            }
-        }
-    }
-
-    .intro {
-        
-        .first-line {
-            box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.05), 8px 8px 18px 0 rgba(0, 0, 0, 0.05);
-
-            display: flex;
-            align-items: baseline;
-
-            p {
-                margin: 0px 10px;
-                font-size: 20px;
-            }
-          
-        }
-
-        h1.welcome {
-            margin-top: 50px;
-            font-size: 50px;
-            color: #463737;
-        }
-
-        @media only screen and (min-width: 600px) {
-            // display: flex;
-
-            // justify-content: flex-start;
-
-            h1.second-line {
-                color: #7d7d7d;
-                font-size: 70px;
-            }
-        }
-
-
-    }
-
-
-    .top-gallery {
-        margin: 50px 0px;
-
-        .card {
-            padding: 25px 15px;
-            box-shadow: 0px 0px 10px 10px #e2e2e2;
-
-            
-        }
-
-        .carousel {
-            .carousel-item {
-                img {
-                    width: 100%;
-                }
-
-                .carousel-caption {
-                    h3 {
-                        text-align: left;
-                    }
-
-                    p {
-                        text-align: left;
-                    }
-                }
-            }
-        }
-    }
-    .locations-wrapper{
-        padding: 15px 10px 10px;
-        margin-bottom: 0px;
-        .ant-steps{
-            .ant-steps-item{
-                padding-bottom: 10px;
-                &:last-child{
-                    padding-bottom: 0;
-                }
-                .step-progress{
-                    font-weight: 600;
-                    color: #000;
-                    ul{
-                        padding: 0;
-                        margin: 10px 0;
-                        list-style: none;
-                        li{
-                            display: inline-block;
-                            margin-bottom: 5px;
-                            margin-right: 10px;
-                            p{
-                                margin-bottom: 0;
-                                font-weight: 400;
-                                span{
-                                    margin-left: 3px;
-                                    font-weight: 600;
-                                }
-                            }
-                            &:last-child{
-                                margin-bottom: 0;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-        &.scan{
-            .loader-wrapper{
-                position: absolute;
-                top: 0;
-                left: 43%;
-            }
-            section{
-                opacity: 0.4;
-            }
-        }
-    }
-    .alert-wrapper{
-        margin-bottom: 16px;
-        transition: all 0.5s ease;
-    }
-    .detail-wrapper{   
-        margin-bottom: 16px; 
-        box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.05), 8px 8px 18px 0 rgba(0, 0, 0, 0.05); //7.009px 7.009px 5.006px rgba(175,194,203,.251)
-        border-radius: 3px;
-        padding: 15px 15px 8px;
-        h3{
-            font-weight: 700;
-            font-size: 14px;
-            color: #000;
-            span{
-                font-weight:400;
-                margin-left: 5px;
-                &.event{
-                    font-weight: 600;
-                }
-            }
-        }
-        p{
-            font-size: 16px;
-            font-weight: 700;
-            color: #000;
-        }
-        .ant-ag{
-            font-size: 14px;
-            padding: 2px 10px;
-        }
-    }
-    .page-content{
-        .page-heading{
-            font-size: 20px;
-        }
-    }
+.reports {
+    // display: flex;
+    // margin-top: 20px;
+    .scanner{
+        // min-height: 220px;
+        video{
+            height: 220px
+        }
+        div{
+            box-shadow: rgba(255, 0, 0, 0.5) 0px 0px 0px 1px inset!important;
+        }
+    }
+    .welcome{
+        box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.05), 8px 8px 18px 0 rgba(0, 0, 0, 0.05);
+        padding: 15px;
+        border: 1px solid #dedede;
+    }
+
+    .detail-element{
+        margin: 10px 0px;
+    }
+
+    .report-summary{
+        display: flex;
+        flex-direction: column;
+        .report-card{
+            display: flex;
+            font-size: 14px;
+            justify-content: space-between;
+            padding: 6px 0px;
+            .report-item{
+
+            }
+        }
+    }
+
+    .intro {
+        
+        .first-line {
+            box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.05), 8px 8px 18px 0 rgba(0, 0, 0, 0.05);
+
+            display: flex;
+            align-items: baseline;
+
+            p {
+                margin: 0px 10px;
+                font-size: 20px;
+            }
+          
+        }
+
+        h1.welcome {
+            margin-top: 50px;
+            font-size: 50px;
+            color: #463737;
+        }
+
+        @media only screen and (min-width: 600px) {
+            // display: flex;
+
+            // justify-content: flex-start;
+
+            h1.second-line {
+                color: #7d7d7d;
+                font-size: 70px;
+            }
+        }
+
+
+    }
+
+
+    .top-gallery {
+        margin: 50px 0px;
+
+        .card {
+            padding: 25px 15px;
+            box-shadow: 0px 0px 10px 10px #e2e2e2;
+
+            
+        }
+
+        .carousel {
+            .carousel-item {
+                img {
+                    width: 100%;
+                }
+
+                .carousel-caption {
+                    h3 {
+                        text-align: left;
+                    }
+
+                    p {
+                        text-align: left;
+                    }
+                }
+            }
+        }
+    }
+    .locations-wrapper{
+        padding: 15px 10px 10px;
+        margin-bottom: 0px;
+        .ant-steps{
+            .ant-steps-item{
+                padding-bottom: 10px;
+                &:last-child{
+                    padding-bottom: 0;
+                }
+                .step-progress{
+                    font-weight: 600;
+                    color: #000;
+                    ul{
+                        padding: 0;
+                        margin: 10px 0;
+                        list-style: none;
+                        li{
+                            display: inline-block;
+                            margin-bottom: 5px;
+                            margin-right: 10px;
+                            p{
+                                margin-bottom: 0;
+                                font-weight: 400;
+                                span{
+                                    margin-left: 3px;
+                                    font-weight: 600;
+                                }
+                            }
+                            &:last-child{
+                                margin-bottom: 0;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        &.scan{
+            .loader-wrapper{
+                position: absolute;
+                top: 0;
+                left: 43%;
+            }
+            section{
+                opacity: 0.4;
+            }
+        }
+    }
+    .alert-wrapper{
+        margin-bottom: 16px;
+        transition: all 0.5s ease;
+    }
+    .detail-wrapper{   
+        margin-bottom: 16px; 
+        box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.05), 8px 8px 18px 0 rgba(0, 0, 0, 0.05); //7.009px 7.009px 5.006px rgba(175,194,203,.251)
+        border-radius: 3px;
+        padding: 15px 15px 8px;
+        h3{
+            font-weight: 700;
+            font-size: 14px;
+            color: #000;
+            span{
+                font-weight:400;
+                margin-left: 5px;
+                &.event{
+                    font-weight: 600;
+                }
+            }
+        }
+        p{
+            font-size: 16px;
+            font-weight: 700;
+            color: #000;
+        }
+        .ant-ag{
+            font-size: 14px;
+            padding: 2px 10px;
+        }
+    }
+    .page-content{
+        .page-heading{
+            font-size: 20px;
+        }
+    }
 }

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

@@ -1,143 +1,143 @@
-
-import React, { useState, useEffect, useContext } from "react";
-
-import { Link } from 'react-router-dom'
-
-import { GlobalContext } from '../../../lib/Store';
-
-import { Row, Tabs, Button, Skeleton, Typography } from "antd";
-
-
-import FirebaseUtils from '../../../lib/utils/firebase.utils';
-
-
-import "./approval-list.scss";
-
-const { TabPane } = Tabs;
-
-const { Title } = Typography;
-
-
-export default function ApprovalList({ step, redirect }) {
-
-    const { user } = useContext(GlobalContext);
-
-    useEffect(() => {
-
-
-    }, [])
-
-    return (
-        <div className="approval-list">
-
-
-            <Title level={3}>
-
-                {step.caption}
-
-            </Title>
-
-
-            <Tabs defaultActiveKey="0">
-
-                {
-                    user.locations.map((location, index) => {
-
-                        return (
-                            <TabPane tab={`${location} Files`} key={index}>
-
-                                <RequestList step={step} location={location} redirect={redirect} />
-
-                            </TabPane>
-                        )
-                    })
-                }
-
-            </Tabs>
-
-        </div>
-    );
-}
-
-
-
-
-
-function RequestList({ step, location, redirect }) {
-
-    const { user } = useContext(GlobalContext);
-
-    const [reports, setReports] = useState([]);
-
-    const [loader, setLoader] = useState(true);
-
-    function getData(filter) {
-
-        setLoader(true);
-
-        var queries = [];
-
-        if (typeof step.queries === 'function') {
-            queries = step.queries({ user, location });
-        } else {
-            queries = step.queries;
-        }
-
-        if (step.model == 'cancellations') {
-            FirebaseUtils.getRecords(location, queries, step.model || 'requests').then((vehicles) => {
-
-                setLoader(false);
-
-                console.log(vehicles);
-
-                setReports(vehicles[step.model || 'requests']);
-
-            });
-        } else {
-            FirebaseUtils.getRequests(location, queries).then((vehicles) => {
-
-                setLoader(false);
-
-                console.log(vehicles);
-
-                setReports(vehicles.requests);
-
-            });
-        }
-
-    }
-
-
-    useEffect(() => {
-
-        getData();
-
-    }, [])
-
-
-    return (<><div className="list-header">
-
-        <p className="page-desc">
-            {loader ? 'Loading data' : `Found ${reports.length} results`}
-        </p>
-        <Button onClick={getData} type="secondary" size={'small'}>Refresh</Button>
-
-    </div>
-
-        <Row className="report-listing-wrapper">
-            {
-                loader ? (
-                    <Skeleton type="listing" />
-                )
-                    :
-                    (
-                        <>
-                            {
-                                reports.map((report, index) => <step.Card step={step} redirect={redirect} request={report} index={index} key={index} />)
-                            }
-                        </>
-                    )}
-        </Row></>)
-
-}
-
+
+import React, { useState, useEffect, useContext } from "react";
+
+import { Link } from 'react-router-dom'
+
+import { GlobalContext } from '../../../lib/Store';
+
+import { Row, Tabs, Button, Skeleton, Typography } from "antd";
+
+
+import FirebaseUtils from '../../../lib/utils/firebase.utils';
+
+
+import "./approval-list.scss";
+
+const { TabPane } = Tabs;
+
+const { Title } = Typography;
+
+
+export default function ApprovalList({ step, redirect }) {
+
+    const { user } = useContext(GlobalContext);
+
+    useEffect(() => {
+
+
+    }, [])
+
+    return (
+        <div className="approval-list">
+
+
+            <Title level={3}>
+
+                {step.caption}
+
+            </Title>
+
+
+            <Tabs defaultActiveKey="0">
+
+                {
+                    user.locations.map((location, index) => {
+
+                        return (
+                            <TabPane tab={`${location} Files`} key={index}>
+
+                                <RequestList step={step} location={location} redirect={redirect} />
+
+                            </TabPane>
+                        )
+                    })
+                }
+
+            </Tabs>
+
+        </div>
+    );
+}
+
+
+
+
+
+function RequestList({ step, location, redirect }) {
+
+    const { user } = useContext(GlobalContext);
+
+    const [reports, setReports] = useState([]);
+
+    const [loader, setLoader] = useState(true);
+
+    function getData(filter) {
+
+        setLoader(true);
+
+        var queries = [];
+
+        if (typeof step.queries === 'function') {
+            queries = step.queries({ user, location });
+        } else {
+            queries = step.queries;
+        }
+
+        if (step.model == 'cancellations') {
+            FirebaseUtils.getRecords(location, queries, step.model || 'requests').then((vehicles) => {
+
+                setLoader(false);
+
+                console.log(vehicles);
+
+                setReports(vehicles[step.model || 'requests']);
+
+            });
+        } else {
+            FirebaseUtils.getRequests(location, queries).then((vehicles) => {
+
+                setLoader(false);
+
+                console.log(vehicles);
+
+                setReports(vehicles.requests);
+
+            });
+        }
+
+    }
+
+
+    useEffect(() => {
+
+        getData();
+
+    }, [])
+
+
+    return (<><div className="list-header">
+
+        <p className="page-desc">
+            {loader ? 'Loading data' : `Found ${reports.length} results`}
+        </p>
+        <Button onClick={getData} type="secondary" size={'small'}>Refresh</Button>
+
+    </div>
+
+        <Row className="report-listing-wrapper">
+            {
+                loader ? (
+                    <Skeleton type="listing" />
+                )
+                    :
+                    (
+                        <>
+                            {
+                                reports.map((report, index) => <step.Card step={step} redirect={redirect} request={report} index={index} key={index} />)
+                            }
+                        </>
+                    )}
+        </Row></>)
+
+}
+

package/core/lib/components/approval-list/approval-list.scss

@@ -1,3 +1,3 @@
-.approval-list{
-    padding: 0px 10px;
+.approval-list{
+    padding: 0px 10px;
 }