ui-soxo-bootstrap-core 2.4.24

package/core/lib/models/steps/steps.js

@@ -0,0 +1,357 @@
+/**
+ * Schema required for implementing process
+ */
+
+import React from "react";
+
+import Base from './../base';
+
+import { Link } from 'react-router-dom'
+
+import { Steps, Tag } from 'antd'
+
+import { Checklist } from '../index';
+
+import StepAdd from './components/step-add/step-add';
+
+import StepDetail from './components/step-detail/step-detail';
+
+import { Checklists, Process, StepTransactions } from './../../models';
+
+class Step extends Base {
+
+    constructor() {
+
+        super()
+
+        this.fields = [{
+            field: 'name',
+            caption: 'Name'
+        }, {
+            field: 'description',
+            caption: 'Description'
+        }, {
+            field: 'identifier',
+            caption: 'Identifier'
+        }, {
+            field: 'active',
+            type: 'boolean',
+            options: [true, false],
+            caption: 'Active'
+        }, {
+            field: 'order',
+            caption: 'Order',
+            type: 'number'
+        }
+        ]
+
+        // this.columns = [];
+    }
+
+    get getEndpoint() {
+        return 'steps'
+    }
+
+    get path() {
+        return `steps`
+    }
+
+    get getName() {
+        return `steps`
+    }
+
+    /**
+     * Load the step record and its dependent  tables
+     */
+    getDetail = async (step_id) => {
+
+        const result = await this.getRecord(step_id)
+
+        var queries = [{
+            field: 'step_id',
+            value: step_id
+        }]
+
+        const { checklists = [] } = await Checklists.get(queries);
+
+        return {
+            ...result,
+            checklists
+        }
+    }
+
+    /**
+     * Start a step with an identifier
+     * This would be used in each modailty component
+     * 
+     * @param {*} identifier 
+     * @returns 
+     */
+    async startStepWithIdentifer(identifier, body) {
+
+        console.log("Initiating step ", identifier)
+
+        let app = this.getFireStoreApp()
+
+        let batch = app.batch();
+
+        // Get the first step
+        const step = await this.getStepWithIdentifier(identifier);
+
+        // Building the body for the step transaction
+        body = {
+            ...body,
+
+            // step_id: step.id,
+            // process_id: step.process_id,
+
+            // start_time: new Date(),
+            // end_time: null,
+        }
+
+        // Start the step with process
+        await Process.startStepBatch({ batch, step, body });
+
+        // Once everything is completed commit
+        return await batch.commit();
+    }
+
+    async startStepBatch({ batch, step }) {
+
+    }
+
+
+    /**
+     * Complete Step
+     */
+    async completeStep({ identifier, body }) {
+
+        let app = this.getFireStoreApp();
+
+        let batch = app.batch();
+
+        await this.completeStepWithIdentifier({ batch, body, identifier });
+
+        return batch.commit();
+    }
+
+
+    /**
+     * Complete a step with identifier
+     * 
+     * @param {*} identifier 
+     */
+    async completeStepWithIdentifier({ batch, identifier, body }) {
+
+        console.log("Initiating step ", identifier)
+
+        // let app = this.getFireStoreApp()
+
+        // let batch = app.batch();
+
+        // Get the first step
+        const step = await this.getStepWithIdentifier(identifier);
+
+        return await this.completeStepBatch({ batch, step, body });
+
+    }
+
+
+    /**
+     * 
+     * @returns 
+     */
+    async getStepWithIdentifier(identifier) {
+
+        var queries = [{
+            field: 'identifier',
+            value: identifier
+        }]
+
+        const { steps = [] } = await this.get(queries)
+
+        return {
+            ...steps[0]
+        }
+    }
+
+    /**
+     * 
+     */
+    async getMatchingTransaction(identifier, record_id) {
+
+        const step = await this.getStepWithIdentifier(identifier);
+
+        if (step.id) {
+
+            return await StepTransactions.getData(step.id, record_id)
+
+        } else {
+
+            return {}
+
+        }
+
+
+    }
+
+
+    /**
+     * Complete the step by identifier
+     * # Note This function might need an update 
+     * considering more cases that needs to be handled 
+     * 
+     * @param {*} identifier 
+     */
+    async completeStepBatch({ step, batch, body }) {
+
+        if (step.stage === 'stop') {
+
+            let stepTransactionRefernece = StepTransactions.getRecordReference()
+
+            let stepParams = {
+                ...body,
+                step_id: step.id,
+                start_time: new Date(),
+                end_time: new Date(),
+                completed: true
+            }
+
+            await batch.set(stepTransactionRefernece, this.appendDefaultValues(stepParams))
+
+            // Since its a stop step , we have to update the time of the header step
+            const record = await this.getRecord(step.header_id);
+
+            // 
+            return await this.completeStepBatch({ step: record, batch, body })
+
+        } else {
+
+            var queries = [{
+                field: 'record_id',
+                value: body.record_id
+            }, {
+                field: 'step_id',
+                value: step.id
+            }]
+
+            let { step_transactions = [] } = await StepTransactions.get(queries);
+
+            if (step_transactions.length) {
+
+                let step_transaction = step_transactions[0];
+
+                // 
+                let stepTransactionReference = StepTransactions.getRecordReference(step_transaction.id);
+
+                let stepParams = {
+                    end_time: new Date(),
+                    completed: true
+                }
+
+                return await batch.update(stepTransactionReference, this.appendDefaultValues(stepParams))
+
+            } else {
+
+            }
+
+
+
+        }
+    }
+
+    // async completeStepBatch(identifier) {
+
+    //     // Get the first step
+    //     const step = steps[0];
+
+    //     // Create step transaction record
+    //     let stepTransactionReference = Steps.getRecordReference();
+
+    //     console.log("Step Transaction Add started");
+
+    //     let body = {
+    //         step_id: step.id,
+    //         process_id: step.process_id,
+    //         // process_transaction_id: process_transaction_id,
+    //         record_id: record_id,
+    //         model_identifier: 'Candidates',
+
+    //         start_time: new Date(),
+    //         end_time: null,
+    //     }
+
+    //     return await batch.set(stepTransactionReference, this.appendDefaultValues(body));
+    // }
+
+
+    get columns() {
+
+        return [
+
+            {
+                caption: 'Name',
+                render: (record) => {
+
+                    return <Link className="booking-card" to={`/candidates/${record['id']}`}>
+                        {record.name}
+                    </Link>
+
+
+                },
+                key: 'created_at',
+            },
+
+
+            {
+                caption: 'Description',
+                field: 'description',
+                key: 'description',
+            },
+
+            {
+                caption: 'Identier',
+                field: 'identier',
+                key: 'identier',
+            },
+
+        ];
+    }
+
+    Card = (record) => {
+
+        return (<Link className="booking-card" to={`sales/${record['id']}`}>
+            <div className="card">
+                <h2 className="">
+
+                    {record['amount']}
+
+                </h2>
+                <h3 className="head">
+
+                    {record['name']}
+
+                </h3>
+
+                <h3 className="title">
+
+                    {record['title']}
+
+                </h3>
+
+                <p className="address">
+                    Booked on {record['Booking Date']}
+                    <Tag color="magenta">{record['Consultant Name']}</Tag>
+                </p>
+
+            </div>
+        </Link>)
+    }
+
+    DetailComponent = ({ model }) => <StepDetail model={model} />
+
+    ModalAddComponent = ({ model, match, ...props }) => <StepAdd model={model} match={match} {...props} />
+
+}
+
+export default Step;

package/core/lib/models/user-preferences/user-preferences.js

@@ -0,0 +1,83 @@
+/**
+ * Class would have the user preferences
+ * 
+ */
+
+
+import { Base } from './../';
+
+class UserPreference extends Base {
+
+    constructor() {
+        super();
+
+        this.fields = [
+            {
+                field: 'caption',
+                caption: 'Caption',
+            },
+            {
+                field: 'field',
+                caption: 'Field',
+            },
+            {
+                field: 'description',
+                caption: 'Description',
+            },
+        ];
+    }
+
+    get getEndpoint() {
+        return 'user_preferences';
+    }
+
+    get path() {
+        return `user_preferences`;
+    }
+
+    get getName() {
+        return this.modelName + `s`;
+    }
+
+    get modelName() {
+        return `user_preference`;
+    }
+
+    disableAddModal() {
+        return false;
+    }
+
+    disableAdd() {
+        return false;
+    }
+
+
+    get columns() {
+        return [
+            {
+                caption: 'Caption',
+                field: 'caption',
+                key: 'caption',
+            },
+
+            {
+                caption: 'Field',
+                field: 'field',
+                key: 'field',
+            },
+            {
+                caption: 'Description',
+                field: 'description',
+                key: 'description',
+            },
+            {
+                caption: 'Date',
+                field: 'created_at',
+                key: 'created_at',
+            },
+        ];
+    }
+
+}
+
+export default UserPreference;

package/core/lib/models/users/components/user-add/user-add.js

@@ -0,0 +1,226 @@
+import React, { useEffect, useState, useContext } from 'react';
+
+import { Form, Input, Button, Select, Typography, Skeleton, message } from 'antd';
+
+import { GlobalContext } from '../../../../Store';
+
+import { Pages, Models, Menus, Roles, Branches, Departments } from '../../../../../lib/models/';
+
+import { ReferenceSelect } from '../../../../elements';
+
+const { Title } = Typography;
+
+const { Option } = Select;
+
+export default function UserAdd({ model, edit, history, match, callback, formContent }) {
+
+    const [loading, setLoading] = useState(true);
+
+    const [form] = Form.useForm();
+
+    const [pages, setPages] = useState([]);
+
+    const [models, setModels] = useState([]);
+
+    // const [modules, setModules] = useState([]);
+
+    const [response, setReponse] = useState([]);
+
+    const { user } = useContext(GlobalContext);
+
+    const [roles, setRoles] = useState([]);
+
+    useEffect(() => {
+
+        getRoles();
+
+        getPages();
+
+        getModels();
+
+        // getModules();
+
+        if (formContent.id) {
+
+            setLoading(false);
+
+            // getRecord(params.id);
+        } else {
+            setLoading(false);
+        }
+    }, []);
+
+    /**
+     * 
+     */
+    function getRoles() {
+
+        Roles.get().then((result) => {
+
+            setRoles(result.roles)
+        })
+
+    }
+
+    // function getRecord(id) {
+    //     // console.log(id);
+
+    //     Menus.getDetail(id).then((result) => {
+    //         console.log(result);
+    //         setReponse(result);
+
+    //         setLoading(false);
+    //     });
+    // }
+
+    /**
+     * Load the Staffs
+     */
+    const getPages = () => {
+        Pages.get([]).then((result) => {
+            // console.log(result);
+
+            setPages(result.pages);
+        });
+    };
+
+    /**
+     * Load the Staffs
+     */
+    const getModels = () => {
+        Models.get([]).then((result) => {
+            // console.log(result);
+
+            setModels(result.models);
+        });
+    };
+
+    /**
+     * Load the Staffs
+     */
+    // const getModules = () => {
+    //     Modules.get([]).then((result) => {
+    //         // console.log(result);
+
+    //         setModules(result.modules);
+    //     });
+    // };
+
+    const onSubmit = (values) => {
+
+        setLoading(true);
+        // console.log(values);
+
+        if (formContent.id) {
+
+            // Update of model
+            model.update(formContent.id, values, user).then(() => {
+                // Location.back();
+                setLoading(false);
+
+                callback();
+
+            });
+
+        } else {
+
+            model.loadFunction('createUser', {
+                ...values,
+                password: '909090'
+            }).then((result) => {
+
+                model.addDocument(result.uid, values).then(() => {
+
+                    message.success('User created');
+
+                    callback();
+                    // Location.back();
+
+                    setLoading(false);
+
+                })
+            })
+        }
+    };
+
+    return (
+        <section className="collection-add">
+            <Title level={4}>{edit ? 'Edit' : 'Add'} User</Title>
+
+            {loading ? (
+                <Skeleton />
+            ) : (
+                <Form initialValues={formContent} form={form} layout="vertical" onFinish={onSubmit}>
+
+                    {/* Name */}
+                    <Form.Item name="name" label="Name" required>
+                        <Input placeholder="Enter name" />
+                    </Form.Item>
+                    {/* Name Ends */}
+
+                    {/* Phone */}
+                    <Form.Item name="phone" label="Phone" required>
+                        <Input placeholder="Enter phone" />
+                    </Form.Item>
+                    {/* Phone Ends */}
+
+                    {/* Email */}
+                    <Form.Item name="email" label="Email" required>
+                        <Input placeholder="Enter email" />
+                    </Form.Item>
+                    {/* Email Ends */}
+
+                    {/* Role Begins */}
+                    <Form.Item name="role_id" label="Role" rules={[{ required: true, message: 'Please Input Role' }]}>
+                        <Select style={{ width: '100%' }}>
+                            {roles.map((role) => (
+                                <Option value={role.id}>{role.name}</Option>
+                            ))}
+                        </Select>
+
+                    </Form.Item>
+                    {/* Role Begins Ends */}
+
+
+                    {/* Role Begins */}
+                    {/* <Form.Item name="locations" label="Locations" rules={[{ required: true, message: 'Please Input location' }]}>
+                        <Select mode="multiple" style={{ width: '100%' }}>
+                            {['delhi'].map((role) => (
+                                <Option value={role}>{role}</Option>
+                            ))}
+                        </Select>
+
+                    </Form.Item> */}
+                    {/* Role Begins Ends */}
+
+                    <Form.Item name="branch_id" label="Branch" rules={[{ required: true, message: 'Please select a branch' }]}>
+                        <ReferenceSelect mode="multiple" label="description" model={Branches} />
+                    </Form.Item>
+
+
+                    <Form.Item name="department_id" label="Department" rules={[{ required: false, message: 'Please select a department' }]}>
+                        <ReferenceSelect mode="multiple" label="description" model={Departments} />
+                    </Form.Item>
+
+                    <Form.Item name="active" label="Active" rules={[{ required: true, message: 'Please Input location' }]}>
+                        <Select style={{ width: 120 }}>
+                            {[true, false].map((option, key) => <Option key={key} value={option}>{option ? 'Yes' : 'No'}</Option>)}
+                        </Select>
+                    </Form.Item>
+
+                    {/* Password */}
+                    {/* <Form.Item name="password" label="Password" required>
+                        <Input placeholder="Enter password" />
+                    </Form.Item> */}
+                    {/* Email Ends */}
+
+                    <Form.Item>
+                        <Button loading={loading} htmlType={'submit'} type="primary">
+                            Submit
+                        </Button>
+                    </Form.Item>
+                </Form>
+            )}
+        </section>
+    );
+}