ui-soxo-bootstrap-core 2.4.24

package/core/lib/models/invoice-numbers/invoice_numbers.js

@@ -0,0 +1,204 @@
+import React from "react";
+
+
+import Base from './../base';
+
+import { Link } from 'react-router-dom';
+
+import { message, Tag } from 'antd';
+
+import { FinancialYears, Branches, InvoiceNumbers } from './../';
+
+import { DateUtils } from '../../utils';
+
+
+class InvoiceNumber extends Base {
+
+    constructor() {
+        super();
+
+        this.fields = [
+            {
+                field: 'category',
+                caption: 'Category',
+            },
+            {
+                type: 'reference-select',
+                // model: Branches,
+                field: 'branch_id',
+                caption: 'Branch',
+            },
+            {
+                type: 'reference-select',
+                field: 'financial_year_id',
+                // model: FinancialYears,
+                caption: 'Financial Year',
+            },
+
+            {
+                field: 'lastNumber',
+                caption: 'Last Number',
+            },
+
+            {
+                field: 'value',
+                caption: 'Value',
+            },
+
+        ];
+
+        // this.columns = ;
+    }
+
+    get getEndpoint() {
+        return 'invoice-numbers';
+    }
+
+    get path() {
+        return `invoice-numbers`;
+    }
+
+    get getName() {
+        return this.modelName + `s`;
+    }
+
+    get modelName() {
+        return `invoice-number`;
+    }
+
+    disableAddModal() {
+        return false;
+    }
+
+    disableAdd() {
+        return false;
+    }
+
+
+    get columns() {
+        return [
+            {
+                field: 'category',
+                caption: 'Category',
+            },
+            {
+                type: 'reference-select',
+                // model: Branches,
+                field: 'branch_id',
+                caption: 'Branch',
+            },
+            {
+                type: 'reference-select',
+                field: 'financial_year_id',
+                // model: FinancialYears,
+                caption: 'Financial Year',
+            },
+
+            {
+                field: 'lastNumber',
+                caption: 'Last Number',
+            },
+
+            {
+                field: 'value',
+                caption: 'Value',
+            },
+
+        ];
+    }
+
+    /**
+     * Get the Bill Number / OP Number / Registration Number
+     * 
+     * @param {*} param0 
+     * @returns 
+     */
+    getNextNumber = async ({ category, menu, user, branch_id }) => {
+
+        if (!user.branch_id) {
+            message.error('No branch assigned');
+
+            return {
+                success: false
+            }
+        }
+
+        var queries = [{
+            field: 'branch_id',
+            value: branch_id
+        }]
+
+        const { branches } = await Branches.get(queries);
+
+        let current_date = DateUtils.getTime();
+
+        var queries = [{
+            field: 'start_date',
+            operator: '>=',
+            value: current_date
+        }, {
+            field: 'end_date',
+            operator: '<=',
+            value: current_date
+        }]
+
+        const result = await FinancialYears.get();
+
+        let financial_years = result['financial-years'];
+
+        let matching = financial_years.filter((item) => current_date >= item.start_date && current_date <= item.end_date);
+
+        if (!matching.length) {
+
+        }
+
+        if (matching.length) {
+
+            var queries = [{
+                field: 'branch_id',
+                value: branch_id
+            }, {
+                field: 'financial_year_id',
+                value: matching[0].id
+            }, {
+                field: 'category',
+                value: category
+            }]
+
+            const response = await InvoiceNumbers.get(queries)
+
+            return response['invoice-numbers'][0];
+
+        } else {
+
+        }
+
+    };
+
+
+    /**
+     * Card Component for Staff
+     *
+     * @param {*} record
+     * @returns
+     */
+    Card = (record) => {
+        return (
+            <Link className="booking-card" to={`/collections/${record['id']}`}>
+                <div className="card">
+                    <h2 className="">{record.caption}</h2>
+
+                    <h3 className="title">{record.description}</h3>
+
+                    <p className="address">
+                        Collected on {record.created_at}
+                        <Tag color="magenta">{record['Consultant Name']}</Tag>
+                    </p>
+                </div>
+            </Link>
+        );
+    };
+
+}
+
+export default InvoiceNumber;

package/core/lib/models/lookup-types/components/lookup-detail/lookup-detail.js

@@ -0,0 +1,145 @@
+/**
+ * Generic Detail accepts an array of fields to update any resource
+ */
+
+import React, { useState, useEffect, useContext } from 'react';
+
+import { Link } from 'react-router-dom';
+
+import { Typography, Button, Descriptions, Skeleton, Tabs, Space, Tag } from 'antd';
+
+import { withRouter } from 'react-router-dom';
+
+import './lookup-detail.scss';
+
+import GenericList from '../../../../modules/generic/generic-list/generic-list';
+
+import { ReloadOutlined, OrderedListOutlined, PicCenterOutlined, CaretLeftOutlined, CaretRightOutlined } from '@ant-design/icons';
+
+//  import useDeviceDetect from './../../../../../hooks/device-detect';
+
+import { GlobalContext } from '../../../../Store';
+
+import { MenuRoles, LookupValues } from '../../../../../lib/models';
+
+const { Title } = Typography;
+
+const { TabPane } = Tabs;
+
+/**
+ * Generic List
+ *
+ * @param {*} param0
+ */
+function LookupDetail({ match, model, columns: cols, schema = { custom_actions: [] }, disableEdit = schema.disableEdit }) {
+
+    const [record, setRecords] = useState([]);
+
+    const { params } = match;
+
+    console.log(params);
+
+    const [loading, setLoading] = useState(false);
+
+    useEffect(() => {
+        loadData();
+
+        console.log('hello');
+    }, []);
+
+    const loadData = () => {
+        setLoading(true);
+
+        getRecords(schema);
+    };
+
+    const getRecords = (schema) => {
+        // Get the model by queries
+        return model.getRecord(match.params.id, model).then((result) => {
+            setRecords(result);
+
+            setLoading(false);
+        });
+    };
+
+    function refresh() {
+        loadData();
+    }
+
+    return (
+        <section className="generic-list">
+            {/* Table Header */}
+            <div className="table-header">
+                <div className="table-title">
+                    <Title level={4}>{model.name}</Title>
+                </div>
+
+                <div className="table-actions">
+                    <div className="button-container">
+                        <Button onClick={refresh} type="secondary" size={'small'}>
+                            <ReloadOutlined />
+                        </Button>
+
+                        {disableEdit ? null : (
+                            <Space size="middle">
+                                <Button type="dashed">
+                                    <Link to={`/${model.name}/${match.params.id}/e/`}>Edit</Link>
+                                </Button>
+                            </Space>
+                        )}
+                    </div>
+                </div>
+            </div>
+
+            {/* Table Header Ends */}
+
+            {loading ? (
+                <Skeleton type="listing" />
+            ) : (
+                <>
+                    <div className="card">
+                        <Descriptions title="Detail">
+                            {Object.keys(record).map((field) => {
+
+                                if (record[field]) {
+
+                                    if (typeof record[field] === 'string' || typeof record[field] === 'number') {
+                                        return <Descriptions.Item label={field}>{record[field]}</Descriptions.Item>;
+                                    } else if (typeof record[field] === 'object') {
+                                        let nested = record[field];
+
+                                        Object.keys(record[field]).map((entry) => {
+                                            return <Descriptions.Item label={entry}>{record[field][entry]}</Descriptions.Item>;
+                                        });
+                                    } else {
+                                        console.log(field, record[field]);
+                                    }
+
+                                }
+
+                            })}
+
+                            {/* {cols.map((column) => <Descriptions.Item label={column.caption}>{record[column.field]}</Descriptions.Item>)} */}
+                        </Descriptions>
+                    </div>
+
+                    <Tabs>
+                        <TabPane tab="Lookup Values" key="0">
+                            <GenericList
+                                model={LookupValues}
+                                additional_queries={[
+                                    {
+                                        field: 'lookup_type_id',
+                                        value: params.id,
+                                    },
+                                ]}
+                            />
+                        </TabPane>
+                    </Tabs>
+                </>
+            )}
+        </section>
+    );
+}
+
+export default withRouter(LookupDetail);

package/core/lib/models/lookup-types/lookup-types.js

@@ -0,0 +1,113 @@
+import React from "react";
+
+
+import Base from './../base';
+
+import { Link } from 'react-router-dom';
+
+import { Tag } from 'antd';
+
+// import MenuRolesAdd from '../business/common/resources/menu-roles-add/menu-roles-add';
+
+import LookupDetail from '../../models/lookup-types/components/lookup-detail/lookup-detail';
+
+import { LookupValues } from '../../../lib/models/';
+
+
+class LookupType extends Base {
+
+    constructor() {
+        super();
+
+        this.fields = [
+            {
+                field: 'name',
+                caption: 'Name',
+            },
+            {
+                field: 'description',
+                caption: 'Description',
+            },
+        ];
+
+        // this.columns = ;
+    }
+
+    get getEndpoint() {
+        return 'lookup-types';
+    }
+
+    get path() {
+        return `lookup-types`;
+    }
+
+    get getName() {
+        return this.modelName + `s`;
+    }
+
+    get modelName() {
+        return `lookup-type`;
+    }
+
+    get columns() {
+        return [
+            {
+                caption: 'Name',
+                field: 'name',
+                key: 'name',
+            },
+            {
+                caption: 'Description',
+                field: 'description',
+                key: 'description',
+            },
+            {
+                caption: 'Date',
+                field: 'created_at',
+                key: 'created_at',
+            },
+        ];
+    }
+
+    getValues(id) {
+
+        var queries = [{
+            field: 'lookup_type_id',
+            value: id
+        }]
+
+        return LookupValues.get(queries)
+    }
+
+    /**
+     * Card Component for Staff
+     *
+     * @param {*} record
+     * @returns
+     */
+    Card = (record) => {
+        return (
+            <Link className="booking-card" to={`/collections/${record['id']}`}>
+                <div className="card">
+                    {/* <h2 className="">{record.role.name}</h2> */}
+
+                    <h3 className="title">{record.weight}</h3>
+
+                    <p className="address">
+                        Collected on {record.created_at}
+                        <Tag color="magenta">{record['Consultant Name']}</Tag>
+                    </p>
+                </div>
+            </Link>
+        );
+    };
+
+    // AddComponent = () => <CollectionAdd model={this} staff={Staffs} />;
+
+    // ModalAddComponent = (props) => <MenuRolesAdd model={this} {...props} />;
+
+    DetailComponent = () => <LookupDetail model={this} />;
+
+}
+
+export default LookupType;

package/core/lib/models/lookup-values/components/lookup-values-add/lookup-values-add.js

@@ -0,0 +1,126 @@
+import React, { useEffect, useState, useContext } from 'react';
+
+import { Form, Input, Button, Select, Typography } from 'antd';
+
+import { GlobalContext } from '../../../../Store';
+
+import { Pages, Models, Roles } from '../../../../models';
+
+import { useHistory, useParams } from 'react-router-dom';
+
+const { Title } = Typography;
+
+/**
+ *
+ *
+ * @param {*} param0
+ * @returns
+ */
+export default function LookupValuesAdd({ model, formContent, callback, ...props }) {
+
+    const [form] = Form.useForm();
+
+    const [loading, setLoading] = useState(false);
+
+    console.log(props);
+
+    const [roles, setRoles] = useState([]);
+
+    const { user } = useContext(GlobalContext);
+
+    const id = useParams().id;
+
+    useEffect(() => {
+        getRoles();
+    }, []);
+
+    /**
+     * Load the Staffs
+     */
+    const getRoles = () => {
+        Roles.get([]).then((result) => {
+            console.log(result);
+
+            setRoles(result.roles);
+        });
+    };
+
+    const onSubmit = (values) => {
+        console.log(values);
+
+        values.lookup_type_id = id;
+
+        setLoading(true);
+
+        if (formContent && formContent.id) {
+
+            return model.update(formContent.id, values, user).then(() => {
+                callback();
+
+                setLoading(false);
+
+            });
+
+        } else {
+
+            return model.add(values, user).then(() => {
+                callback();
+
+                setLoading(false);
+
+            });
+        }
+
+
+    };
+
+    return (
+        <section className="collection-add">
+
+            <Title level={4}>Add Lookup Values</Title>
+
+            <Form initialValues={formContent} form={form} layout="vertical" onFinish={onSubmit}>
+
+                {/* Name */}
+                <Form.Item label="Name" name="name" required>
+
+                    <Input />
+
+                </Form.Item>
+                {/* Name Ends */}
+
+                {/* Description */}
+                <Form.Item label="Description" name="description" required>
+
+                    <Input />
+
+                </Form.Item>
+                {/* Description Ends */}
+
+
+                {/* Description */}
+                {/* <Form.Item label="Identifier" name="identifier" required>
+
+                    <Input />
+
+                </Form.Item> */}
+                {/* Description Ends */}
+
+                {/* Description */}
+                <Form.Item label="Value" name="value" required>
+
+                    <Input />
+
+                </Form.Item>
+                {/* Description Ends */}
+
+
+                <Form.Item>
+                    <Button loading={loading} htmlType={'submit'} type="primary">
+                        Submit
+                    </Button>
+                </Form.Item>
+            </Form>
+        </section>
+    );
+}

package/core/lib/models/lookup-values/lookup-values.js

@@ -0,0 +1,107 @@
+import React from "react";
+
+
+import { Base } from './../';
+
+import { Link } from 'react-router-dom';
+
+import { Tag } from 'antd';
+
+import LookupValuesAdd from './../../../lib/models/lookup-values/components/lookup-values-add/lookup-values-add';
+
+class LookupValue extends Base {
+
+    constructor() {
+        super();
+
+        this.fields = [
+            {
+                field: 'name',
+                caption: 'Name',
+            },
+            {
+                field: 'description',
+                caption: 'Description',
+            },
+        ];
+
+        // this.columns = ;
+    }
+
+    get getEndpoint() {
+        return 'lookup_values';
+    }
+
+    get path() {
+        return `lookup_values`;
+    }
+
+    get getName() {
+        return this.modelName + `s`;
+    }
+
+    get modelName() {
+        return `lookup_value`;
+    }
+
+    disableAdd() {
+        return false;
+    }
+
+    disableAddModal() {
+        return false;
+    }
+
+    get columns() {
+        return [
+            {
+                caption: 'Name',
+                field: 'name',
+                key: 'name',
+            },
+            {
+                caption: 'Description',
+                field: 'description',
+                key: 'description',
+            },
+
+            {
+                caption: 'Value',
+                field: 'value',
+                key: 'value',
+            },
+            {
+                caption: 'Date',
+                field: 'created_at',
+                key: 'created_at',
+            },
+        ];
+    }
+
+    /**
+     * Card Component for Staff
+     *
+     * @param {*} record
+     * @returns
+     */
+    Card = (record) => {
+        return (
+            <Link className="booking-card" to={`/collections/${record['id']}`}>
+                <div className="card">
+                    <h2 className="">{record.role.name}</h2>
+
+                    <h3 className="title">{record.weight}</h3>
+
+                    <p className="address">
+                        Collected on {record.created_at}
+                        <Tag color="magenta">{record['Consultant Name']}</Tag>
+                    </p>
+                </div>
+            </Link>
+        );
+    };
+
+    ModalAddComponent = (props) => <LookupValuesAdd model={this} {...props} />;
+}
+
+export default LookupValue;