ui-soxo-bootstrap-core 2.4.24

package/core/models/menus/menus.js

@@ -0,0 +1,291 @@
+// @ts-nocheck
+import React from 'react';
+import Base from '../base/base';
+
+
+import MenuList from './components/menu-list/menu-list';
+
+import MenuDetail from './components/menu-detail/menu-detail';
+
+import MenuAdd from './components/menu-add/menu-add';
+
+import { DateUtils } from './../../lib/';
+import MenuLists from './components/menu-lists/menu-lists';
+
+
+// import MenuAdd from '../modules/common/resources/menu-add/menu-add';
+
+// import MenuDetail from '../modules/common/resources/menu-detail/menu-detail';
+
+// import { Models, Pages, Modules } from './index';
+
+class MenusAPI extends Base {
+
+    constructor() {
+
+        super();
+
+        // this.id = model.id;
+
+        // this.name = 'Menus';
+
+        this.fields = [
+            {
+                field: 'name',
+                caption: 'Name',
+            },
+            {
+                field: 'path',
+                caption: 'Path',
+            },
+        ];
+    }
+
+    get getEndpoint() {
+        return 'core-menus';
+    }
+
+    get path() {
+        return `menus`;
+    }
+
+    get getName() {
+        return this.modelName;
+    }
+
+    get modelName() {
+        return `core-menus`;
+    }
+
+    get route() {
+        return 'core-menus';
+    }
+
+    get disableAddModal() {
+        return false;
+    }
+
+    get disableEditModal() {
+        return false;
+    }
+
+    /**
+     *
+     */
+    get columns() {
+        return [
+
+            {
+                caption: 'Id',
+                field: 'id',
+                key: 'id',
+            },
+
+            {
+                caption: 'Name',
+                field: 'name',
+                key: 'name',
+            },
+
+            {
+                caption: 'Description',
+                field: 'description',
+                key: 'description',
+            },
+
+            {
+                caption: 'Path',
+                field: 'path',
+                key: 'path',
+            },
+
+            {
+                caption: 'Route',
+                field: 'route',
+                key: 'route',
+            },
+            {
+                caption: 'Created at',
+                field: 'created_at',
+                key: 'created_at',
+                render: (ele) => {
+                    return ele.created_at ? DateUtils.formatDate(ele.created_at) : null
+                },
+            },
+        ];
+    }
+
+    ListComponent = MenuLists;
+
+    DetailComponent = MenuDetail;
+
+    ModalAddComponent = (props) => <MenuAdd model={this} {...props} />;
+
+    // ModalAddComponent = (props) => <GenericAdd model={this} {...props} />;
+
+    /**
+     * Get the data from the table
+     */
+    // get = (queries) => {
+    //     return this.getMethod(queries).then((result) => {
+    //         return Promise.all(result.menus.map((menu) => this.loadModule(menu))).then((result) => {
+    //             return { menus: result };
+    //         });
+    //     });
+    // };
+
+    /**
+     * Load the module of the menu
+     *
+     * @param {*} param0
+     * @returns
+     */
+    loadModule = (menu) => { };
+
+    /**
+     * load the detail of menu
+     *
+     * @param {*} menu
+     * @returns
+     */
+    getDetail = (id) => {
+        return this.getRecord(id).then((result) => {
+            return result;
+        });
+    };
+
+    /**
+     * load the list of menu
+     *
+     * @param {*} menu
+     * @returns
+     */
+ getMenus = (config) => {
+    // Use 'core-menus' endpoint if REACT_APP_USE_CORE_MENUS is true (used for Matria)
+    const url = process.env.REACT_APP_USE_CORE_MENUS === 'true'
+        ? 'core-menus/get-menus'  // Matria
+        : 'menus/get-menus';      // NURA
+
+    return this.get({ url, config }).then(result => result);
+};
+
+
+
+
+
+    getCoreMenus = () => {
+
+        return [
+
+            // {
+
+            //     caption: 'Configure',
+            //     sub_menus: [
+
+            //         // {
+            //         //     // is_visible: true,
+            //         //     path: '/process',
+            //         //     caption: 'Process',
+            //         // },
+
+            //         // {
+            //         //     path: '/models',
+            //         //     caption: 'Models',
+            //         // },
+
+            //         {
+            //             path: '/pages',
+            //             caption: 'Pages',
+            //         },
+
+
+                    // {
+                    //     path: '/forms',
+                    //     caption: 'Forms',
+                    // },
+
+                    // {
+                    //     path: '/actions',
+                    //     caption: 'Actions',
+                    // },
+
+                    // {
+                    //     path: '/permissions',
+                    //     caption: 'Permissions',
+                    // },
+
+                    // {
+                    //     path: '/questions',
+                    //     caption: 'Questions',
+                    // },
+
+
+                    // {
+                    //     path: '/lookup-types',
+                    //     caption: 'Lookup Types',
+                    // },
+
+            //     ],
+            // },
+
+            // {
+
+            //     caption: 'Access Control',
+            //     sub_menus: [
+            //         // {
+            //         //     path: '/users',
+            //         //     caption: 'Users',
+            //         // },
+
+            //         {
+            //             path: '/roles',
+            //             caption: 'Roles',
+            //         },
+
+            //         {
+            //             path: '/menus',
+            //             caption: 'Menus',
+            //         },
+            //     ]
+            // },
+
+            // {
+
+            //     caption: 'Settings',
+            //     sub_menus: [
+            //         {
+            //             path: '/branches',
+            //             caption: 'Branches',
+            //         },
+
+            //         {
+            //             path: '/departments',
+            //             caption: 'Departments',
+            //         },
+
+            //         {
+            //             path: '/financial-years',
+            //             caption: 'Financial Years',
+            //         },
+            //         {
+            //             path: '/invoice-numbers',
+            //             caption: 'Invoice Numbers',
+            //         },
+
+            //     ]
+            // },
+            // {
+            //     caption: 'Preferences',
+            //     sub_menus: [{
+            //         path: '/change-password',
+            //         caption: 'Change Password'
+            //     }]
+            // }
+
+        ];
+
+    }
+
+}
+
+export default MenusAPI;

package/core/models/model-columns.js

@@ -0,0 +1,121 @@
+
+// @ts-nocheck
+import React from 'react';
+import Base from './base/base';
+
+class ModelColumns extends Base {
+
+    constructor() {
+        super();
+
+        this.fields = [
+            {
+                field: 'name',
+                caption: 'Name',
+            },
+
+            {
+                field: 'description',
+                caption: 'Description',
+            },
+
+            {
+                field: 'path',
+                caption: 'Path',
+            },
+        ];
+    }
+
+    get getEndpoint() {
+        return 'modelcolumns';
+    }
+
+    get path() {
+        return `modelcolumns`;
+    }
+
+    get getName() {
+        return this.modelName + `s`;
+    }
+
+    get modelName() {
+        return `modelcolumn`;
+    }
+
+    get route() {
+        return 'modelcolumns';
+    }
+
+    get link() {
+        return 'modelcolumns'
+    }
+
+    /**
+     *
+     */
+    get columns() {
+        return [
+            {
+                caption: 'Type',
+                field: 'type',
+                key: 'type',
+            },
+
+            {
+                caption: 'Description',
+                field: 'description',
+                key: 'description',
+            },
+
+            {
+                caption: 'Mode',
+                field: 'mode',
+                key: 'mode',
+            },
+
+            {
+                caption: 'Created By',
+                field: 'created_by',
+                key: 'created_by',
+            },
+
+            {
+                caption: 'Created at',
+                field: 'created_at',
+                key: 'created_at',
+            },
+        ];
+    }
+
+    getFormColumns = (id) => {
+
+        let config = {
+            queries: [{
+                field: '"Modelcolumns".model_id',
+                value: id
+            }],
+            includes: 'column,column.column_type'
+        }
+
+        return this.get(config).then((result) => {
+
+            var response = result.map((field) => {
+
+                return {
+                    field: field.column.name,
+                    label: field.column.display_name,
+                    type: field.column.column_type.name,
+                    required: field.column.required
+                }
+
+            })
+
+            return response;
+
+        })
+    }
+
+
+}
+
+export default ModelColumns;

package/core/models/models/components/model-detail/model-add.js

@@ -0,0 +1,120 @@
+import React, { useState, useEffect } from "react";
+
+import {
+  Skeleton,
+  Typography,
+  Space,
+  message,
+  Form,
+  Input,
+  Select,
+} from "antd";
+
+import { Button } from "./../../../../lib";
+
+const { Title } = Typography;
+
+const ModalAdd = ({
+  model,
+  edit,
+  history,
+  formContent,
+  match,
+  config,
+  callback,
+  ...props
+}) => {
+  const [loading, setLoading] = useState(true);
+
+  const [form] = Form.useForm();
+
+  const [pages, setPages] = useState([]);
+
+  const [models, setModels] = useState([]);
+
+  const [body, setBody] = useState(formContent);
+
+  useEffect(() => {
+    setLoading(false);
+  }, []);
+
+  /**
+   * Submit values
+   */
+  const onSubmit = (values) => {
+    setLoading(true);
+
+    if (formContent && formContent.id) {
+      // Update of model
+      model.update({ id, values }).then(() => {
+        // callback();
+        message.success("Modal Updated");
+
+        setLoading(false);
+
+        callback();
+      });
+    } else {
+      // add new model
+      model.add({ values }).then(() => {
+        // callback();
+        message.success("Modal Added");
+
+        setLoading(false);
+
+        callback();
+      });
+    }
+  };
+
+  return (
+    <section className="collection-add">
+      <Title level={4}>{edit ? "Edit" : "Add"} Modal</Title>
+
+      {loading ? (
+        <Skeleton />
+      ) : (
+        <Form
+          initialValues={{ ...body }}
+          form={form}
+          layout="vertical"
+          onFinish={onSubmit}
+        >
+          {/* Name */}
+          <Form.Item name={"name"} label="Name" required>
+            <Input placeholder="Enter name" />
+          </Form.Item>
+          {/* Name Ends */}
+
+          {/* Description */}
+          <Form.Item name={"description"} label="Description">
+            <Input placeholder="Enter Description" />
+          </Form.Item>
+          {/* Description Ends */}
+
+          {/** Table Name start */}
+
+          <Form.Item name={"table_name"} label="Table Name">
+            <Input placeholder="Enter table Name" />
+          </Form.Item>
+          {/** Table Name ends */}
+
+          {/** Route Name Start */}
+
+          <Form.Item name={"router_name"} label="Router Name">
+            <Input placeholder="Enter Router Name" />
+          </Form.Item>
+          {/** Route Name Ends */}
+
+          <Form.Item>
+            <Button loading={loading} htmlType={"submit"} type="primary">
+              Submit
+            </Button>
+          </Form.Item>
+        </Form>
+      )}
+    </section>
+  );
+};
+
+export default ModalAdd;

package/core/models/models/components/model-detail/model-detail.js

@@ -0,0 +1,133 @@
+/**
+ * Generic Detail accepts an array of fields to update any resource
+ */
+
+import React, { useState, useEffect } from 'react';
+
+import { Link } from 'react-router-dom';
+
+import { Typography, Button, Row, Skeleton, Tabs, Space, Tag } from 'antd';
+
+import { withRouter } from 'react-router-dom';
+
+import './model-detail.scss';
+
+import { ReloadOutlined } from '@ant-design/icons';
+
+const { Title } = Typography;
+
+const { TabPane } = Tabs;
+
+/**
+ * Generic List
+ *
+ * @param {*} param0
+ */
+function ModelDetail({ 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({ id: params.id }).then((result) => {
+            setRecords(result.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">
+
+                        <div gutter={0} className="detail-wrapper">
+
+
+                            <div className="detail-element">
+                                <span>Name</span>
+                                <Row span={6}>
+                                    <h3>{record.name}</h3>
+                                </Row>
+                            </div>
+
+                            <div className="detail-element">
+                                <span>Description</span>
+                                <Row span={6}>
+                                    <h3>{record.description}</h3>
+                                </Row>
+                            </div>
+                        </div>
+                    </div>
+
+                    <Tabs>
+                        <TabPane tab="Columns" key="0">
+                            {/* <GenericList
+                                index={'model_id'}
+                                model={ModelColumnsAPI}
+                                additional_queries={[
+                                    {
+                                        field: 'model_id',
+                                        value: params.id,
+                                    },
+                                ]}
+                            /> */}
+                        </TabPane>
+                    </Tabs>
+                </>
+            )}
+        </section>
+    );
+}
+
+export default withRouter(ModelDetail);