ui-soxo-bootstrap-core 2.4.24

package/core/lib/modules/generic/table-settings/table-settings.js

@@ -0,0 +1,226 @@
+/**
+ * Generic List accepts an array of fields to update any resource
+ */
+
+import React, { useState, useRef, useEffect, useContext } from 'react';
+
+import { Modal, Button, List } from 'antd';
+
+import { TableOutlined, SelectOutlined, DeleteOutlined } from '@ant-design/icons';
+
+import { Columns, UserPreferences } from '../../../../lib/models/';
+
+import './table-settings.scss';
+
+/**
+ * Generic List
+ *
+ * @param {*} param0
+ */
+function TableSettings({ menu, layout = {}, refresh }) {
+
+    const [loading, setLoading] = useState(false)
+
+    const [visible, setVisible] = useState(false);
+
+    const [columns, setColumns] = useState([]);
+
+    const [selected, setSelected] = useState(layout.selected || []);
+
+    useEffect(() => {
+
+
+        if (menu && menu.model && menu.model.id) {
+            loadConfiguration(menu.model.id);
+        } else {
+            // setColumns(cols);
+        }
+
+    }, []);
+
+
+    /**
+   * Load the configuration
+   */
+    function loadConfiguration(id) {
+
+        var queries = [{
+            field: 'model_id',
+            value: id
+        }]
+
+        return Columns.get(queries).then((result) => {
+
+            setColumns(result.columns)
+        })
+    }
+
+    /**
+     * Add the column to the selected
+     * 
+     * @param {*} column 
+     */
+    function selectColumn(column) {
+
+        selected.push({
+            caption: column.caption,
+            field: column.field
+        });
+
+        setSelected([...selected]);
+    }
+
+    /**
+     * Remove the column
+     * 
+     * @param {*} column 
+     * @param {*} key 
+     */
+    function removeColumn(column, key) {
+
+        selected.splice(key, 1);
+
+        setSelected([...selected]);
+    }
+
+    /**
+     * 
+     */
+    function applyChanges() {
+
+        let params = {
+            selected,
+            menu_id: menu.id,
+        }
+
+        if (layout.id) {
+
+            UserPreferences.update(layout.id, params).then(() => {
+
+                setVisible(false);
+
+                refresh();
+
+            })
+
+        } else {
+
+
+            UserPreferences.add(params).then(() => {
+
+                setVisible(false);
+
+                refresh();
+
+            })
+
+        }
+    }
+
+    /**
+     * Close the modal
+     */
+    function closeModal(refresh) {
+
+        setVisible(!visible);
+
+    }
+
+    // Selected Ids shown on the right
+    let selected_ids = selected.map((record) => record.field);
+
+    // Remaining are the available columns
+    let available_columns = columns.filter((record) => selected_ids.indexOf(record.field) === -1)
+
+    return (
+        <section className="table-settings">
+
+            <Button onClick={() => { setVisible(!visible) }} type="secondary" size={'small'}>
+                <TableOutlined />
+            </Button>
+
+            {/* Add Modal */}
+            <Modal className="table-settings-modal" width={'80%'} destroyOnClose confirmLoading={loading} title="Configure" visible={visible} onCancel={() => { closeModal() }} footer={null}>
+
+                <div className="content">
+
+                    <div className="card">
+                        <List
+                            size={'small'}
+                            header={<strong>Available</strong>}
+                            // footer={<div>Footer</div>}
+                            bordered
+                            dataSource={available_columns}
+                            renderItem={item => (
+                                <List.Item className="list-item">
+
+                                    <span>
+                                        {item.caption}
+                                    </span>
+
+
+                                    <Button onClick={() => {
+                                        selectColumn(item)
+                                    }} type="secondary" size={'small'}>
+                                        <SelectOutlined />
+                                    </Button>
+
+
+                                </List.Item>
+                            )}
+                        />
+                    </div>
+
+                    <div className="card">
+
+                        <List
+                            size={'small'}
+                            header={<strong>Selected</strong>}
+                            // footer={<div>Footer</div>}
+                            bordered
+                            dataSource={selected}
+                            renderItem={(item, key) => (
+                                <List.Item className="list-item">
+                                    {item.caption}
+
+                                    <Button onClick={() => {
+                                        removeColumn(item, key)
+                                    }} type="secondary" size={'small'}>
+                                        <DeleteOutlined />
+                                    </Button>
+
+                                </List.Item>
+                            )}
+                        />
+                    </div>
+                </div>
+
+                <div className="modal-footer">
+
+                    <div>
+                        <Button onClick={() => {
+
+                        }} type="secondary">
+
+                            Cancel
+                        </Button>
+
+                        <Button onClick={() => {
+
+                            applyChanges();
+
+                        }} type="primary">
+                            Submit
+                        </Button>
+                    </div>
+
+                </div>
+            </Modal>
+
+            {/* Add Modal Ends */}
+        </section>
+    );
+}
+
+export default TableSettings;
+

package/core/lib/modules/generic/table-settings/table-settings.scss

@@ -0,0 +1,37 @@
+.table-settings {
+}
+
+.table-settings-modal {
+
+
+    .content {
+        min-height: 400px;
+
+        display: flex;
+        justify-content: space-between;
+
+        .card {
+
+            flex-grow: 1;
+            margin: 0px 4px;
+            box-shadow: none;
+            border: none;
+
+            .ant-list{
+                height: 400px;
+
+            }
+
+            .list-item {
+                display: flex;
+            }
+        }
+    }
+
+    .modal-footer {
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+        padding: 20px 0px;
+    }
+}

package/core/lib/modules/index.js

@@ -0,0 +1,52 @@
+
+
+import GenericList from './generic/generic-list/generic-list';
+
+import GenericAdd from './generic/generic-add/generic-add'
+
+import GenericEdit from './generic/generic-edit/generic-edit'
+
+import GenericDetail from './generic/generic-detail/generic-detail'
+
+import ModuleRoutes from './modules-routes/module-routes';
+
+// import GenericUpload from './generic/generic-upload/generic-upload'
+
+import { ExportReactCSV } from './generic/generic-list/ExportReactCSV'
+
+import { ExtraInfoDetail } from '../../components';
+
+
+import BrandLaunchPage from './business/launch-page/launch-page';
+
+
+import Slots from './business/slots/slots';
+
+import FormDisplay from './forms/components/form-display/form-display';
+
+export {
+    GenericList,
+
+    // GenericUpload,
+
+    GenericAdd,
+
+    GenericEdit,
+
+    GenericDetail,
+
+    ModuleRoutes,
+
+    ExportReactCSV,
+
+    ExtraInfoDetail,
+
+    BrandLaunchPage,
+
+    Slots,
+
+    FormDisplay
+}
+
+
+// export { Generic } from './generic/generic-detail/generic-detail';

package/core/lib/modules/modules-routes/module-routes.js

@@ -0,0 +1,35 @@
+import React, { useState, useEffect, useContext } from 'react';
+
+import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
+
+import Card from 'antd/lib/card/Card';
+
+/**
+ * Module Routes is for resources
+ *
+ * @param {*} param
+ *
+ */
+export default function ModuleRoutes({ match, model, schema, columns, ...props }) {
+    const { path } = model;
+
+    return (<Card>
+
+
+
+        <Switch>
+            <Route exact path={`/${path}`} component={(...routeParams) => <model.ListComponent {...routeParams} {...props} model={model} />} />
+
+            <Route exact path={`/${path}/create`} render={(routeParams) => <model.AddComponent {...routeParams} {...props} model={model} />} />
+
+            <Route exact path={`/${path}/:id`} component={(routeParams) => <model.DetailComponent {...routeParams} {...props} model={model} />} />
+
+            <Route path={`/${path}/:id/e/`} render={(routeParams) => <model.EditComponent {...routeParams} {...props} model={model} />} />
+
+            <Route exact path={`/upload/file`} render={(...routeParams) => <model.UploadComponent {...routeParams} {...props} model={model} />} />
+        </Switch>
+
+    </Card>
+
+    );
+}

package/core/lib/pages/change-password/change-password.js

@@ -0,0 +1,211 @@
+/**
+ * Change Password by the user.
+ * user can change there password as there wish.
+ */
+
+import React, { useState, useContext } from 'react';
+
+import { Form, Input, message, Typography } from 'antd';
+
+import Card from 'antd/lib/card/Card';
+
+import Button from '../../../lib/elements/basic/button/button'
+
+import { GlobalContext } from './../../Store';
+
+import FirebaseUtils from '../../../lib/utils/firebase.utils';
+
+import { ApiUtils } from '../..';
+
+import './change-password.scss'
+
+import moment from 'moment';
+
+const { Title, Text } = Typography;
+
+
+const layout = {
+	labelCol: { span: 8 },
+	wrapperCol: { span: 8 },
+};
+
+const tailLayout = {
+	wrapperCol: { span: 8 },
+}
+
+function ChangePassword({ history }) {
+
+	const { user } = useContext(GlobalContext);
+
+	const [loading, setLoading] = useState(false);
+
+	console.log(user);
+
+	const onFinish = (values) => {
+
+		setLoading(true);
+
+		if (values.npassword === values.conpassword) {
+
+			if (process.env.REACT_APP_PRIMARY_BACKEND === 'SQL') {
+
+				var formBody = {
+					current_password: values.cpassword,
+					new_password: values.npassword,
+					confirm_password: values.conpassword
+				}
+
+				ApiUtils.post({
+					url: `users/change-password`,
+					formBody,
+					hideError: true
+				}).then((result) => {
+
+					var msg = Object.values(result)
+
+					if (msg[0] === 'INCORRECT PASSWORD') {
+						//If current Password is entered wrong
+						message.error('Incorrect Password')
+						setLoading(false);
+						return false
+					}
+					else {
+
+						setLoading(false);
+
+						history.goBack();
+
+						// Update successful.
+						message.success('Your password has been updated!')
+					}
+
+				}).catch(function (error) {
+
+					// An error happened.
+					message.error(error.result || error.message)
+
+					setLoading(false);
+
+				})
+
+			} else {
+
+
+				// check the new password and coonform password is same
+				FirebaseUtils.changePassword(values).then(function () {
+
+					var params = {
+						passwordChanged: true,
+						password_changed_on: moment().valueOf()
+					}
+
+					FirebaseUtils.updateProfile(user.id, params).then(() => {
+
+						setLoading(false);
+
+						history.goBack();
+
+						// Update successful.
+						message.success('Your password has been updated!')
+
+					})
+
+				}).catch(function (error) {
+
+					message.error(error.message)
+
+					setLoading(false);
+
+					// An error happened.
+				})
+
+				// sent details to the firebase.uttle for update password
+			}
+		} else {
+			message.error("The password confirmation does not match")
+			setLoading(false);
+		}
+	}
+
+	// else {
+
+	// 	if the passwords is not same
+	// 	setLoading(false)
+
+	// 	message.error("Password does not match")
+	// }
+
+	// }
+
+	let passwordRegex
+	let passwordRegexMessage
+
+	if (process.env.REACT_APP_PASSWORD_REGEX && process.env.REACT_APP_PASSWORD_REGEX_MESSAGE) {
+		passwordRegex = process.env.REACT_APP_PASSWORD_REGEX
+		passwordRegexMessage = process.env.REACT_APP_PASSWORD_REGEX_MESSAGE
+	} else {
+		passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*(),.?":{}|<>])[A-Za-z\d!@#$%^&*(),.?":{}|<>]{8,}$/
+		passwordRegexMessage = "Password must be at least 8 characters long and contain atleast one uppercase letter, one lowercase letter, one digit and one special character"
+	}
+
+
+	return (
+		<Card className="change-password card">
+			<div className="auth-form-wrapper">
+				<div className="form-title">
+					<Title level={4}>
+						Change Password
+					</Title>
+
+					<p>To ensure that nobody else has access to your account , Please update your password.</p>
+				</div>
+				<Form
+					{...layout}
+					layout='vertical'
+					name="basic"
+					onFinish={onFinish}
+				>
+					<Form.Item
+						name='cpassword'
+						label="Current Password"
+						rules={[{
+							required: true,
+							//  message: 'Please confirm your Password!',
+							pattern: new RegExp(passwordRegex),
+							message: passwordRegexMessage
+						}]}>
+						<Input.Password type="password" name="npassword" id="npassword" placeholder="Current Password" />
+					</Form.Item>
+
+					<Form.Item
+						name='npassword'
+						label="New Password"
+						rules={[{
+							required: true,
+							// message: 'Please enter your new password!',
+							pattern: new RegExp(passwordRegex), message: passwordRegexMessage
+						}]}>
+						<Input.Password type="password" name="npassword" id="npassword" placeholder="New Password" />
+					</Form.Item>
+
+					<Form.Item
+						name='conpassword'
+						label="Confirm Password"
+						rules={[{ required: true, message: 'Please confirm your new password!' }]}>
+						<Input.Password type="password" name="conpassword" id="conpassword" placeholder="Confirm Password" />
+					</Form.Item>
+
+					<Form.Item {...tailLayout}>
+						<Button loading={loading} type="primary" htmlType="submit">
+							SUBMIT
+						</Button>
+					</Form.Item>
+
+				</Form>
+			</div>
+		</Card>
+	)
+}
+
+export default ChangePassword;
+

package/core/lib/pages/change-password/change-password.scss

@@ -0,0 +1,76 @@
+.change-password {
+  margin: 15px;
+  min-height: 90vh;
+  display: flex;
+  // margin: 10px 3%;
+  // align-items: center;
+
+  @media only screen and (min-width: 768px) {
+    justify-content: left;
+    align-items: left;
+  }
+
+  .homescreen{
+    width: 100%;
+    margin: 10px 0px;
+    border-radius: 4px;
+    background-color: aliceblue;
+    padding:10px;
+    height: 40px;
+  }
+  .auth-form-wrapper {
+    padding: 0px;
+    width: 100%;
+    box-sizing: border-box;
+    @media only screen and (max-width: 768px) {
+      padding: 0;
+      // min-width: 275px;
+    }
+
+    .form-title {
+      h3 {
+        color: #071822;
+        font-weight: 600;
+        size: 18px;
+
+        margin: 20px 0px;
+        font-size: 32px;
+      }
+    }
+
+    .ant-form {
+      // height: 100%;
+      .ant-form-item {
+        margin: 30px 0px;
+        .ant-form-item-label {
+          margin: 0 0 8px 0;
+          line-height: 020px;
+          padding: 0px;
+        }
+      }
+      .ant-btn-primary {
+        margin-top: 0px;
+      }
+    }
+
+    .ant-form-explain {
+      position: absolute;
+      font-size: 12px;
+      margin-left: 2px;
+    }
+
+    .ant-btn-primary {
+      width: 110px;
+      @media only screen and (max-width: 768px) {
+        width: 100px;
+        // min-width: 275px;
+      }
+    }
+
+    .ant-btn-secondary {
+      width: 100px;
+    }
+  }
+
+}
+

package/core/lib/pages/homepage/homepage.js

@@ -0,0 +1,53 @@
+import React, { useContext } from "react";
+
+import { GlobalContext } from './../../Store';
+
+import TaskOverview from './../../../lib/models/process/components/task-overview/task-overview';
+
+import TaskOverviewLegacy from '../../models/process/components/task-overview-legacy/task-overview-legacy'
+
+import NoticeBoard from '../../../lib/components/notice-board/notice-board';
+
+export default function HomePage({ config, steps = { config: [] } }) {
+
+    const { user = {} } = useContext(GlobalContext);
+
+    console.log(steps);
+
+    if (user.role) {
+
+
+        // var path = `../../business/${role}/${role}-config`
+
+        // var path = './../../business/admin/admin-config';
+
+        // console.log(path);
+
+        // config = require('./../../business/admin/admin-config')
+
+
+        // config = require(path);
+
+        // config = require(`./../../business/${user.role}/${user.role}-config.js`);
+        // console.log(config);
+    }
+
+    return (
+
+        <span className="homepage">
+
+            <NoticeBoard />
+
+            <br />
+
+            {/* {steps.dashboard && steps.dashboard()} */}
+
+            <TaskOverview />
+
+            {/* {steps.config.length ? <TaskOverviewLegacy steps={steps.config} /> : null} */}
+
+            {/* <PdfViewer url={'https://00f74ba44b71715c976fab384bb78dd5cf647e30f9-apidata.googleusercontent.com/download/storage/v1/b/maxlife-c7be8.appspot.com/o/ashique-document.pdf?jk=AFshE3UotJLtsvKbRzL9tz1uM2WA6sDfxIrFVovQbwH9jAfurTmloMiaITr6xDo0inBTZFJTXSZwL3DOICzoiYcnEYUyhRDw4YYjPIh9Z-h9bodfwUDI3gW35b9oh4u4665vi04hB14EWUELQhqNWzfRTyKFZMVALhp_LcUqAkQL34MJCqv6mswUNE_ics6fUIDOKzVCjBgFl2hzqR9uuYDEI4xgKcv0N2bFt4oWectXVYvfbaOBaW1qnFdRsApIePn8BypX7cZosYs_2ivhBCKddXrxAfLZGmFk_2Oo694O8r_PH5hi87V_zFTyF5SYMOlKYNP-jyrR_r-o15VCF_QLnQtBwB7eDE07SPb9EQs5JpkD-wpVc1svDvu2I_XwG4zB5ei8Dh_WMkaOTY58ozKa3aY9cLxEnISw4sb849kzIEAP2hNSWoUTgYswh3NOlV7YIbBZY5W859VBK5si2POVInDsR1P5AyGNQ9HuMSr09X4m7Cz0bSmtnVBCq_1usJrIEBYk1ZzbHafenKp9JOMXrZbIVTZYivNBvRMjY3iNqjyhmcgOOM4Ab1Q1docBYw5Ja35zDFe8tOnTNqmyNPlYrVefhYvwVXpH7xBmq7gFpFPbaJ_aZjQSsOtdRprXbHFdHVoXkxtWHUG0m6Nmnm-4yWXRJFoDFqxOPD5yGMwCyzyI3QVvQam9ZcXkKFRxh_4OnK1jURgYbz0HkJUiloxtNEzQE4Cyzfyn37xOwgbN1kg8E1mlEj74jcfD3578S9nybLTpKvX3hBoOg3CCn6_7owndAg8CznOnzItEpXBVYf9aJIYk8FmnewDCwAY0VioeP5e8-3amuBX4LtiLlR97S4dNglsarWFjwuBDor8RSABRs26wOQjtDFhtRb_7j-8F2mNl3Q3jLZFbCG_xOwzDlvqTM_CUM1Be03Ogy4A44sR92_AERZkG6BuH-X7YmETtLTCcvuGHRQYxLsLL0e4PLR9zOMOQ&isca=1'} /> */}
+
+        </span>
+    );
+}