ui-soxo-bootstrap-core 2.4.24

package/core/lib/models/forms/components/form-detail/form-detail.js

@@ -0,0 +1,224 @@
+/**
+ * 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, Skeleton, Tabs, Row, Popconfirm, Space } from 'antd';
+
+import { withRouter } from 'react-router-dom';
+
+import './form-detail.scss';
+
+import GenericList from '../../../../modules/generic/generic-list/generic-list';
+
+import { ReloadOutlined } from '@ant-design/icons';
+
+//  import useDeviceDetect from './../../../../../hooks/device-detect';
+
+import { Columns } from '../../../../models';
+
+import ScriptInput from './../../../../components/script-input/script-input';
+
+const { Title } = Typography;
+
+const { TabPane } = Tabs;
+
+/**
+ * Generic List
+ *
+ * @param {*} param0
+ */
+function FormDetail({ match, model, columns: cols, schema = { custom_actions: [] }, disableEdit = schema.disableEdit }) {
+
+    const [record, setRecord] = 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) => {
+
+            setRecord(result);
+
+            setLoading(false);
+        });
+    };
+
+    function refresh() {
+        loadData();
+    }
+
+    /**
+     * On Update of script
+     * 
+     * @param {*} param0 
+     * @returns 
+     */
+    function onUpdate({ script_id, field }) {
+
+        let body = {
+            [field]: script_id
+        }
+
+        return model.update(params.id, body).then((result) => {
+
+            console.log(result);
+
+            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 className="detail-element">
+                                <span>On Submit</span>
+                                <Row span={6}>
+
+                                    <Space>
+
+                                        <ScriptInput script_id={record.on_submit_script_id} callback={({ script_id }) => {
+
+                                            onUpdate({ script_id, field: 'on_submit_script_id' });
+                                        }} />
+
+                                        {
+                                            record.on_submit_script_id
+                                                ?
+                                                <Popconfirm
+                                                    title="Are you sure you want to remove the script ? "
+                                                    onConfirm={onUpdate}>
+                                                    <Button size={'small'} type="danger">Remove</Button>
+                                                </Popconfirm>
+                                                :
+                                                null
+                                        }
+
+                                    </Space>
+
+
+                                </Row>
+                            </div>
+
+
+
+                            <div className="detail-element">
+                                <span>Before Submit Script</span>
+                                <Row span={6}>
+
+                                    <Space>
+
+                                        <ScriptInput script_id={record.before_submit_script_id} callback={({ script_id }) => {
+
+                                            onUpdate({ script_id, field: 'before_submit_script_id' });
+                                        }} />
+
+                                        {
+                                            record.before_submit_script_id
+                                                ?
+                                                <Popconfirm
+                                                    title="Are you sure you want to remove the script ? "
+                                                    onConfirm={onUpdate}>
+                                                    <Button size={'small'} type="danger">Remove</Button>
+                                                </Popconfirm>
+                                                :
+                                                null
+                                        }
+
+                                    </Space>
+
+
+                                </Row>
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <Tabs>
+                        <TabPane tab="Form Columns" key="0">
+                            <GenericList
+                                index={'form_id'}
+                                model={Columns}
+                                additional_queries={[
+                                    {
+                                        field: 'form_id',
+                                        value: params.id,
+                                    },
+                                ]}
+                            />
+                        </TabPane>
+                    </Tabs>
+                </>
+            )}
+        </section>
+    );
+}
+
+export default withRouter(FormDetail);

package/core/lib/models/forms/forms.js

@@ -0,0 +1,122 @@
+/**
+ * Schema required for implementing process
+ */
+import React from "react";
+
+
+import Base from './../base';
+
+import { Link } from 'react-router-dom'
+
+import { Tag } from 'antd'
+
+import FormDetail from './components/form-detail/form-detail';
+
+
+class Form extends Base {
+
+    constructor() {
+
+        super()
+
+        this.fields = [{
+            field: 'name',
+            caption: 'Name'
+        }, {
+            field: 'description',
+            caption: 'Description'
+        }, {
+            field: 'identifier',
+            caption: 'Identifier'
+        }, {
+            field: 'active',
+            type: 'radio',
+            options: [true, false],
+            caption: 'Active'
+        }]
+
+        // this.columns = [];
+    }
+
+    get getEndpoint() {
+        return 'forms'
+    }
+
+    get path() {
+        return `forms`
+    }
+
+    get getName() {
+        return `forms`
+    }
+
+
+    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 }) => <FormDetail model={model} />
+
+    // AddComponent = ({ model }) => <ProcessAdd model={model} />
+
+}
+
+export default Form;

package/core/lib/models/index.js

@@ -0,0 +1,203 @@
+/**
+ * All the models in the application
+ */
+
+import Base from './base';
+
+import BaseLoader from './base-loader';
+
+import Menu from './menus/menus';
+
+import Model from './models/components/models';
+
+import Column from './columns/columns';
+
+import Page from './pages/pages';
+
+import Role from './roles/roles';
+
+// import Module from './modules/modules';
+
+import MenuRole from './menu-roles/menu-roles';
+
+import Permission from './permissions/permissions';
+
+import LookupType from './lookup-types/lookup-types';
+
+import LookupValue from './lookup-values/lookup-values';
+
+import Attachment from './attachments/attachments';
+
+import User from './users/users';
+
+// import Question from './questions/questions';/
+
+
+// import QuestionAnswer from './question-answers/question-answers';
+
+// import { QuestionAnswers } from '.';
+
+import Comment from './comments/comments';
+
+import UserPreference from './user-preferences/user-preferences';
+
+import ProcessModel from './process/process';
+
+import Step from './steps/steps';
+
+import Checklist from './checklists/checklists';
+
+
+// import StepForm from './step-forms/step-forms';
+
+import Form from './forms/forms';
+
+// import FormField from './form-fields/form-fields';
+
+import ProcessTransaction from './process-transactions/process-transactions';
+
+import StepTranscation from './step-transactions/step-transcations';
+
+import Script from './scripts/scripts';
+
+
+import Action from './actions/actions'
+
+// const Modules = new Module();
+
+
+// Models Related to Billing
+
+import InvoiceNumber from './invoice-numbers/invoice_numbers';
+
+import Branch from './branches/branches';
+
+import FinancialYear from './financial-years/financial_years';
+
+import Department from './departments/departments';
+
+import OutboxModel from './outbox/outbox';
+
+
+const Menus = new Menu();
+
+const Models = new Model();
+
+const Pages = new Page();
+
+// const Modules = new Module();
+
+const Roles = new Role();
+
+const MenuRoles = new MenuRole();
+
+const Permissions = new Permission();
+
+const BaseLoaderModel = new BaseLoader();
+
+const Columns = new Column();
+
+const LookupTypes = new LookupType();
+
+const Users = new User();
+
+// const Questions = new Question();
+
+// const QuestionAnswers = new QuestionAnswer();
+
+const Attachments = new Attachment();
+
+const Comments = new Comment();
+
+const LookupValues = new LookupValue();
+
+const UserPreferences = new UserPreference()
+
+const Process = new ProcessModel();
+
+const Steps = new Step();
+
+const Checklists = new Checklist();
+
+// const StepForms = new StepForm();
+
+const Forms = new Form();
+
+const ProcessTransactions = new ProcessTransaction();
+
+const StepTransactions = new StepTranscation();
+
+const Scripts = new Script();
+
+const Actions = new Action();
+
+
+const InvoiceNumbers = new InvoiceNumber();
+
+const FinancialYears = new FinancialYear();
+
+const Departments = new Department();
+
+const Branches = new Branch();
+
+const Outbox = new OutboxModel();
+
+export {
+    Base,
+    BaseLoader,
+    BaseLoaderModel,
+    // Modules,
+    Menus,
+    Models,
+    Pages,
+    Roles,
+    MenuRoles,
+    Permissions,
+    Columns,
+    LookupTypes,
+    LookupValues,
+
+    // Business Related
+    Users,
+
+    // 
+    // Questions,
+    // QuestionAnswers,
+
+    Attachments,
+
+    Comments,
+
+    UserPreferences,
+
+    // Process Models
+    Process,
+    ProcessTransactions,
+
+    Steps,
+    Checklists,
+    StepTransactions,
+
+    // StepForms,
+    // FormFields,
+
+    Forms,
+
+    Scripts,
+
+    Actions,
+
+    // Models for invoicing and registrations
+
+    InvoiceNumbers,
+
+    FinancialYears,
+
+    Departments,
+
+    Branches,
+
+    Outbox
+
+};
+