ui-soxo-bootstrap-core 2.4.24

package/core/models/roles/roles.js

@@ -0,0 +1,188 @@
+// @ts-nocheck
+import React from 'react';
+import { BaseAPI } from '..';
+
+import RoleList from './components/role-list/role-list';
+import RoleAdd from './components/role-add/role-add';
+import { ExtraInfoDetail } from './../../lib/';
+import { DateUtils } from './../../lib/';
+import { ApiUtils } from './../../lib/';
+
+class RolesAPI extends BaseAPI {
+
+    constructor() {
+
+        super();
+
+        this.fields = [
+            {
+                field: 'name',
+                caption: 'Name',
+            },
+
+            {
+                field: 'description',
+                caption: 'Description',
+            },
+
+            {
+                field: 'path',
+                caption: 'Path',
+            },
+        ];
+
+    }
+
+    relativeAdd() {
+        return true;
+    }
+
+
+    get getEndpoint() {
+        return 'core-roles';
+    }
+
+    get path() {
+        return `roles`;
+    }
+
+    get getName() {
+        return this.modelName + `s`;
+    }
+
+    get modelName() {
+        return `core-role`;
+    }
+
+    get columns() {
+        return [
+
+            //     {
+            //     caption: 'Type',
+            //     field: 'type',
+            //     key: 'type',
+            // },
+
+            {
+                caption: 'Name',
+                field: 'name',
+                key: 'name',
+            },
+
+            {
+                caption: 'Identifier',
+                field: 'identifier',
+                key: 'identifier',
+            },
+
+            // {
+            //     caption: 'Mode',
+            //     field: 'mode',
+            //     key: 'mode',
+            // },
+
+            // {
+            //     caption: 'Created By',
+            //     field: 'created_by',
+            //     key: 'created_by',
+            // },
+
+            {
+                caption: 'Created at',
+                field: 'created_at',
+                key: 'created_at',
+                render: (ele) => {
+                    return ele.created_at ? DateUtils.formatDate(ele.created_at) : null
+                },
+            },
+
+            // {
+            //     // field: '',
+            //     title: 'Eye',
+            //     render: record => {
+            //         return (
+            //             <ExtraInfoDetail icon={true} modeValue='RD' title='Role Details' {...record} />
+
+            //         );
+            //     },
+            // }
+        ];
+    }
+
+    ListComponent = RoleList;
+
+    ModalAddComponent = (props) => <RoleAdd model={this} {...props} />;
+
+
+    /**
+     * load the detail of role
+     *
+     * @param {*} menu
+     * @returns
+     */
+    getDetail = (id) => {
+        return this.getRecord(id).then((result) => {
+            return result;
+        });
+    };
+
+    /**
+     * load the list of role
+     *
+     * @param {*} menu
+     * @returns
+     */
+    getRoles = (config) => {
+
+        // return this.getData({ path: `menus/get-menus`, queries: queries}).then((result) => {
+        //     return result;
+        // });
+
+        return this.get({ url: `admin/role`, config: config }).then((result) => {
+            return result;
+        });
+
+    };
+
+     /**
+    * Cutsom Api for creating user 
+    * 
+    * @param {*} values 
+    * @returns 
+    */
+     createRole = (formBody) => {
+        return ApiUtils.post({ url: `core-roles/create`, formBody });
+    }
+
+
+    /**
+    * Cutsom Api for updating user 
+    * 
+    * @param {*} values 
+    * @returns 
+    */
+    updateRole = ({ id, formBody }) => {
+        return ApiUtils.put({ url: `core-roles/update/${id}`, formBody });
+    }
+
+
+    // /**
+    //  * Function to load the roles
+    //  *
+    //  * @param {*} item
+    //  * @returns
+    //  */
+    // loadMenus = (item) => {
+    //     return this.get().then((result) => {
+    //         return Promise.all(result.menus.map(this.loadDetail)).then((result) => {
+    //             return { menus: result };
+    //         });
+    //     });
+    // };
+
+    // ModalAddComponent = 
+
+
+}
+
+export default RolesAPI;

package/core/models/user-roles/components/user-roles-add/user-roles-add.js

@@ -0,0 +1,149 @@
+import React, { useState, useEffect } from 'react';
+
+import { useLocation } from 'react-router-dom';
+
+import { Skeleton, Typography, message, Form, Select } from 'antd';
+
+import { Button } from './../../../../lib';
+
+import { RolesAPI } from '../../..';
+
+const { Title } = Typography;
+
+const { Option } = Select;
+
+
+
+const UserRolesAdd = ({ model, callback, edit, history, formContent, match, additional_queries = [], ...props }) => {
+
+    const [roles, setRoles] = useState([]);
+
+    const [loading, setLoading] = useState(true);
+
+    const [form] = Form.useForm();
+
+    const [body, setBody] = useState(formContent);
+
+    const [selectRoleDescription, setSelectRoleDescription] = useState('') //For storing selected roles description
+
+    let location = useLocation();
+
+    const query = new URLSearchParams(location.search);
+
+    let step = parseInt(query.get('step')) || 0;
+
+    useEffect(() => {
+
+        // loadModelColumns();
+        getRoles();
+        setLoading(false);
+
+    }, []);
+
+
+    /**
+     * Load the Staffs
+     */
+    const getRoles = () => {
+
+        RolesAPI.get({ url: 'core-roles' }).then((result) => {
+            setRoles(result.result);
+        });
+    };
+
+    /**
+     * Function which is to select role
+     */
+    const selectedRole = (key, value) => {
+
+        //Matching the selected name to get the descrption of that role
+        let data = roles.filter((result) => result.id == value.value)
+
+        //Storing the descrption to the state
+        setSelectRoleDescription(data[0].description)
+    }
+
+    /**
+     * Submit values
+     */
+    const onSubmit = (values) => {
+        setLoading(true);
+
+        let id = formContent.id;
+
+        if (id) {
+            // Update of model
+            model.update({ id, values }).then(() => {
+
+                // callback();
+                message.success('User Role Updated');
+                setLoading(false);
+                callback();
+
+            });
+
+        } else {
+
+            // Append the additional queries to the object
+            additional_queries.forEach(({ field, value }) => {
+                values[field] = value;
+            })
+
+            // add new model
+            model.addUserRole({ values }).then(() => {
+
+                // callback();
+                message.success('User Role Added');
+
+                setLoading(false);
+
+                callback();
+
+            });
+        }
+    };
+
+    return (
+        <section className="collection-add">
+            <Title level={4}>{edit ? 'Edit' : 'Add'} User Role</Title>
+
+            {loading ? (
+                <Skeleton />
+            ) : (
+                <>
+                    <Form initialValues={{ ...body }} form={form} layout="vertical" onFinish={onSubmit}>
+
+                        {/* Model */}
+                        <Form.Item label="Roles" name={'role_id'} required>
+
+                            {/* <ReferenceSelect value={model.id} label={model.name} model={Models} /> */}
+                            <Select onSelect={selectedRole} style={{ width: '100%' }}>
+                                {roles.map((model, key) => (
+                                    <Option key={key} value={model.id}>{model.name}</Option>
+                                ))}
+                            </Select>
+
+                        </Form.Item>
+                        {/* Model Ends */}
+
+                        <Form.Item>
+                            <Button loading={loading} htmlType={'submit'} type="primary">
+                                Submit
+                            </Button>
+                        </Form.Item>
+                    </Form>
+                    {/*If role is added*/}
+                    {selectRoleDescription ? (
+                        <div className='card'>
+
+                            <p>{selectRoleDescription}</p>
+
+                        </div>
+                    ) : null}
+                </>
+            )}
+        </section>
+    );
+};
+
+export default UserRolesAdd;

package/core/models/user-roles/user-roles.js

@@ -0,0 +1,99 @@
+// @ts-nocheck
+import React from 'react';
+import Base from '../base/base';
+
+// Utils
+import { DateUtils } from './../../lib/';
+
+// import ApiUtils from './../core/utils/api.utils';
+
+// import RoleAdd from '../core/components/roles/role-add/role-add';
+
+// import RoleList from '../core/components/roles/role-list/role-list';
+
+// import RoleDetail from '../core/components/roles/role-detail/role-detail';
+
+import UserRolesAdd from './components/user-roles-add/user-roles-add';
+
+
+class UserRole extends Base {
+
+    constructor() {
+        super();
+
+        this.fields = [
+            {
+                field: 'name',
+                caption: 'Name',
+            },
+            {
+                field: 'amount',
+                caption: 'Amount',
+            },
+        ];
+    }
+
+    get getEndpoint() {
+        return 'core-user-roles';
+    }
+
+    get path() {
+        return `core-user-roles`;
+    }
+
+    get getName() {
+        return this.modelName + `s`;
+    }
+
+    get modelName() {
+        return `core-user-role`;
+    }
+
+    get columns() {
+        return [
+            {
+                field: 'role.name',
+                caption: 'Role'
+            }, {
+                field: 'role.created_at',
+                caption: 'Created At',
+                render: (ele) => {
+                    return ele.created_at ? DateUtils.formatDate(ele.created_at) : null
+                },
+            }
+        ];
+    }
+
+
+    get disableAddModal() {
+        return false;
+    }
+
+    get disableEditModal() {
+        return false;
+    }
+
+    /**
+     * 
+     * @param {*} formBody 
+     * @returns 
+     */
+    addUserRole = ({ values }) => {
+
+        return this.post({
+            url: 'core-user-roles',
+            formBody: values
+        })
+    }
+
+    /**
+     * 
+     * 
+     * @param props 
+     * @returns 
+     */
+    ModalAddComponent = (props) => <UserRolesAdd model={this} {...props} />;
+
+}
+
+export default UserRole;