\r\n {formEdit()}\r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default TextColapp\r\n","import { make, post, get, del } from \"api/utilities\";\r\nconst baseUrl = \"AutoForm/api/v1/AutoForm\";\r\nconst AutoFormApi = {\r\n list: async filter => {\r\n const url = make(baseUrl, \"list\");\r\n return post(url, filter);\r\n },\r\n getById : async id => {\r\n let url = make(baseUrl, \"get_by_id\", `?id=${id}`);\r\n return await get(url);\r\n },\r\n getAll: async (model) => {\r\n let url = make(baseUrl, \"getAll\");\r\n return await get(url, model);\r\n },\r\n delete: async id => {\r\n let url = make(baseUrl, \"delete\");\r\n return await post(url, id);\r\n },\r\n add: async model => {\r\n let url = make(baseUrl, \"add\");\r\n return await post(url, model);\r\n },\r\n update: async model => {\r\n let url = make(baseUrl, \"update\");\r\n return await post(url, model);\r\n },\r\n getItemType : async id => {\r\n let url = make(baseUrl, \"GetItemType\", `?id=${id}`);\r\n return await get(url);\r\n },\r\n listByItemType : async model => {\r\n let url = make(baseUrl, \"listByItemType\");\r\n return await post(url,model);\r\n },\r\n deleteItem : async model => {\r\n let url = make(baseUrl, \"deleteItem\");\r\n return await post(url,model);\r\n },\r\n getItem : async model => {\r\n let url = make(baseUrl, \"GetItemData\");\r\n return await post(url,model);\r\n },\r\n\r\n saveItem : async model => {\r\n let url = make(baseUrl, \"SaveItemData\");\r\n return await post(url,model);\r\n },\r\n getRelateList : async model => {\r\n let url = make(baseUrl, \"GetRelateList\");\r\n return await post(url,model);\r\n },\r\n\r\n getListValue : async model => {\r\n let url = make(baseUrl, \"getListValue\");\r\n return await post(url,model);\r\n },\r\n\r\n queryBuilder : async (model={\r\n code:\"code\",\r\n parameters:[]\r\n }) => {\r\n let url = make(baseUrl, \"queryBuilder\");\r\n return await post(url,model);\r\n },\r\n\r\n};\r\n\r\nexport default AutoFormApi;","const helpler = {\r\n sumArray: (list, key) => {\r\n if (typeof list === \"undefined\" || typeof key === \"undefined\") {\r\n return 0;\r\n }\r\n var sum = 0;\r\n const data = [...list];\r\n for (var i = data.length - 1; i >= 0; i--) {\r\n if (\r\n data[i][key] === null ||\r\n data[i][key] === \"\" ||\r\n data[i][key] === \"undefined\" ||\r\n !data[i][key]\r\n ) {\r\n data[i][key] = 0;\r\n }\r\n sum += Number(data[i][key]);\r\n }\r\n return sum;\r\n },\r\n sumArrayTwo: (list, key, key1) => {\r\n if (\r\n typeof list === \"undefined\" ||\r\n typeof key === \"undefined\" ||\r\n typeof key1 === \"undefined\"\r\n ) {\r\n return 0;\r\n }\r\n var sum = 0;\r\n const data = [...list];\r\n for (var i = data.length - 1; i >= 0; i--) {\r\n if (\r\n data[i][key] === null ||\r\n data[i][key] === \"\" ||\r\n data[i][key] === \"undefined\" ||\r\n !data[i][key]\r\n ) {\r\n data[i][key] = 0;\r\n }\r\n if (\r\n data[i][key1] === null ||\r\n data[i][key1] === \"\" ||\r\n data[i][key1] === \"undefined\" ||\r\n !data[i][key1]\r\n ) {\r\n data[i][key1] = 0;\r\n }\r\n sum += Number(data[i][key]) * Number(data[i][key1]);\r\n }\r\n return sum;\r\n },\r\n buildTree: (array, keyId, parentKeyId, parent, tree ) => {\r\n tree = typeof tree !== \"undefined\" ? tree : [];\r\n if (typeof parent === \"undefined\") {\r\n parent = {};\r\n parent[keyId] = null;\r\n }\r\n var children = array.filter(child => child[parentKeyId] === parent[keyId]);\r\n if (children && children.length > 0) {\r\n if (parent[keyId] == null) {\r\n tree = children;\r\n } else {\r\n parent[\"children\"] = children;\r\n }\r\n for (let child of children) {\r\n helpler.buildTree(array, keyId, parentKeyId, child);\r\n }\r\n }\r\n\r\n return tree;\r\n },\r\n number: (val) => {\r\n if (val === null || val === undefined || val === null)\r\n return 0;\r\n if (typeof (val) === \"string\") {\r\n val = val.trim();\r\n val = val.replace(/,/g, \"\");\r\n let len = val.length;\r\n while (len > 3) {\r\n len -= 3;\r\n val = val.slice(0, len) + \",\" + val.slice(len);\r\n }\r\n return val;\r\n } else if (typeof (val) === \"number\") {\r\n val = val.toString();\r\n val = val.trim();\r\n val = val.replace(/,/g, \"\");\r\n let len = val.length;\r\n while (len > 3) {\r\n len -= 3;\r\n val = val.slice(0, len) + \",\" + val.slice(len);\r\n }\r\n return val;\r\n }\r\n\r\n },\r\n copyToClipboard: (textToCopy) => {\r\n\r\n // 1) Add the text to the DOM (usually achieved with a hidden input field)\r\n const input = document.createElement('input');\r\n document.body.appendChild(input);\r\n input.value = textToCopy;\r\n input.setAttribute(\"type\", \"hidden\");\r\n\r\n // 2) Select the text\r\n //input.focus();\r\n input.select();\r\n\r\n // 3) Copy text to clipboard\r\n const isSuccessful = document.execCommand('copy');\r\n\r\n // 4) Catch errors\r\n if (!isSuccessful) {\r\n console.error('Failed to copy text.');\r\n }\r\n return isSuccessful;\r\n },\r\n customSearchPicker:(keyword, label)=>{\r\n if(!label)\r\n return false;\r\n var str = label\r\n .normalize(\"NFD\")\r\n .replace(/[\\u0300-\\u036f]/g, \"\")\r\n .replace(/đ/g, \"d\")\r\n .replace(/Đ/g, \"D\").toLowerCase();\r\n keyword = (keyword||\"\").normalize(\"NFD\")\r\n .replace(/[\\u0300-\\u036f]/g, \"\")\r\n .replace(/đ/g, \"d\")\r\n .replace(/Đ/g, \"D\").toLowerCase();\r\n\r\n return str.indexOf(keyword)!==-1;\r\n },\r\n unflattenObject : (data)=> {\r\n var result = {}\r\n for (var i in data) {\r\n var keys = i.split('.')\r\n keys.reduce(function(r, e, j) {\r\n return r[e] || (r[e] = isNaN(Number(keys[j + 1])) ? (keys.length - 1 == j ? data[i] : {}) : [])\r\n }, result)\r\n }\r\n return result\r\n },\r\n\r\n flattenObject : (ob) => {\r\n let toReturn = {};\r\n for (let i in ob) {\r\n if (!ob.hasOwnProperty(i)) continue;\r\n\r\n if ((typeof ob[i]) == 'object') {\r\n let flatObject = this.flattenObject(ob[i]);\r\n for (let x in flatObject) {\r\n if (!flatObject.hasOwnProperty(x)) continue;\r\n\r\n toReturn[i + '.' + x] = flatObject[x];\r\n }\r\n } else {\r\n toReturn[i] = ob[i];\r\n }\r\n }\r\n return toReturn;\r\n },\r\n createGuid:()=> \r\n { \r\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { \r\n var r = Math.random()*16|0, v = c === 'x' ? r : (r&0x3|0x8); \r\n return v.toString(16); \r\n }); \r\n } \r\n\r\n};\r\nexport default helpler;\r\n","import * as React from 'react';\r\nimport { FiSettings } from \"react-icons/fi\";\r\nimport SpinnerIcon from '@rsuite/icons/legacy/Spinner';\r\nexport default class LoadingProgressBar extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n hideDialog: true\r\n };\r\n }\r\n\r\n show = () => {\r\n this.setState({ hideDialog: false });\r\n };\r\n\r\n hide = () => {\r\n this.setState({ hideDialog: true });\r\n };\r\n\r\n render() {\r\n const { hideDialog } = this.state;\r\n const { isShow } = this.props;\r\n const show = isShow ? isShow : !hideDialog;\r\n return \r\n
}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n );\r\n }\r\n}\r\n\r\nexport default Login\r\n","import React, { useState, useEffect, useContext } from 'react';\r\nimport { Modal, Button } from 'rsuite';\r\nimport { CommonContext } from 'context';\r\nimport cx from \"classnames\"\r\nconst Preview = () => {\r\n const context = useContext(CommonContext);\r\n const { loading, unloading, onPreview, showPreview, isLoading, mobile } = context;\r\n\r\n useEffect(() => {\r\n onRefresh();\r\n }, []);\r\n const onClose = () => {\r\n if (onPreview) onPreview(false);\r\n }\r\n function onRefresh() {\r\n loading();\r\n setTimeout(() => {\r\n unloading()\r\n }, 500);\r\n }\r\n\r\n // note1: `https://docs.google.com/viewer?hl=en&embedded=true&url=${showPreview}`\r\n // note2: `https://docs.google.com/viewerng/viewer?url=${showPreview}&embedded=true`\r\n // mote3: `https://docs.google.com/viewerng/viewer?hl=en&embedded=true&url=${showPreview}`\r\n return (\r\n \r\n Website đào tạo Heshi\r\n
\r\n \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n Đăng nhập
\r\n \r\n\r\n\r\n this.handleEnter(e, 'tab')}\r\n defaultValue={this.state.username}\r\n onChange={this.onTextFieldChange}\r\n />\r\n
\r\n\r\n \r\n \r\n this.handleEnter(e)}\r\n placeholder='Mật khẩu'\r\n />\r\n \r\n {this.state.visible ? \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default Preview;","import React from 'react'\r\nimport { Progress } from \"rsuite\";\r\nconst { Paragraph } = Progress;\r\nconst Loading = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {props.children}\r\n
\r\n \r\n \r\n \r\n
\r\n { this.toggleLightbox(true) }}>\r\n\t\t\t\t\t\t\t\t\t\t{atts.state.files.length > 0 ?\r\n\t\t\t\t\t\t\t\t\t\t\t})
\r\n\t\t\t\t\t\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tlightboxIsOpen && lightbox && atts.state.files[0] &&\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t![\"Upload](\"/static/media/UploadIcon.1cedb6e9.svg\")
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t { atts.onUpload() }}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\tChoose images\r\n \t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tatts.state.files.map((c, key) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t atts.onDelete(c)}>X
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n {\r\n this.container = ref;\r\n }}\r\n >\r\n {\r\n return this.container;\r\n }}\r\n speaker={\r\n \r\n \r\n {false &&\r\n <>\r\n \r\n \r\n Cài đặt tài khoản\r\n \r\n this.themSettingRef.open()}>\r\n \r\n Chủ đề\r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n >\r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default withRouter(UserLogo)\r\n","import React, { Component } from \"react\";\r\nimport \"./translateBtn.css\"\r\n\r\nclass TranslateBtn extends Component {\r\n googleTranslateElementInit() {\r\n window.google.translate.TranslateElement({ pageLanguage: 'vi', includedLanguages: 'vi,en,fr,ja,it,es,zh-CN,zh-TW', autoDisplay: true }, 'google_translate_element');\r\n }\r\n componentDidMount() {\r\n var addScript = document.createElement('script');\r\n addScript.setAttribute('src', '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit');\r\n document.body.appendChild(addScript);\r\n window.googleTranslateElementInit = this.googleTranslateElementInit;\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default TranslateBtn;\r\n","import React, { useState, useEffect, useContext } from 'react'\r\nimport {\r\n Modal, Button, Row,\r\n Col, Form, Input, Schema, InputPicker\r\n} from 'rsuite';\r\nimport { GoRocket, GoX } from \"react-icons/go\";\r\nimport { CommonContext } from \"../../context\";\r\nimport RequestLevelDialog from './requestLevelDialog'\r\n\r\nfunction StaffInfoDialog({ show, ...props }) {\r\n const context = useContext(CommonContext);\r\n const { userInfo } = context;\r\n\r\n const [requestLevelDialogState, setRequestLevelDialogState] = useState({\r\n show: false\r\n })\r\n\r\n function openUpgateDialog() {\r\n setRequestLevelDialogState({\r\n show: true\r\n })\r\n }\r\n\r\n function onCloseUpgateDialog() {\r\n setRequestLevelDialogState({\r\n show: false\r\n })\r\n }\r\n\r\n function formEdit() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n function handleClose() {\r\n if (props.onClose) {\r\n props.onClose();\r\n }\r\n }\r\n\r\n function getDialogTitle() {\r\n return (\r\n \r\n ![\"avt\"](\"/app/assets/images/logo.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {userInfo.levelName}: {userInfo.fullName}
\r\n \r\n
\r\n Điều kiện:
\r\n \r\n
\r\n {userInfo.nextlevelBenefit ? (\r\n Quyền lợi:
\r\n \r\n
\r\n ) : null}\r\n Quyền lợi cấp tiếp theo:
\r\n \r\n \r\n
\r\n \r\n Chào mừng đến với website đào tạo Heshi\r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n {formEdit()}\r\n
\r\n \r\n {userInfo ? (\r\n
\r\n {\r\n requestLevelDialogState.show &&\r\n \r\n \r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {userInfo.levelName}: {userInfo.fullName}
\r\n \r\n
\r\n ĐIỀU KIỆN: {userInfo.levelCondition}
\r\n \r\n
\r\n {userInfo.nextlevelBenefit ? (\r\n QUYỀN LỢI:
\r\n \r\n
\r\n ) : null}\r\n QUYỀN LỢI CẤP TIẾP THEO:
\r\n \r\n
\r\n Còn rất nhiều khóa học nâng cao đang chờ bạn
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n {mobile ? (\r\n \r\n ): null}\r\n
\r\n {\r\n requestLevelDialogState.show &&\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {userInfo.levelName ? (\r\n
\r\n {/* \r\n CẤP HIỆN TẠI CỦA BẠN: \r\n {userInfo.levelName}\r\n
\r\n\r\n ) : null}\r\n \r\n {props.children}\r\n
\r\n )\r\n}\r\nexport default Card;","import React, { useEffect, useState ,useContext } from \"react\";\r\nimport userApi from 'api/userApi';\r\n\r\nimport { CommonContext } from \"context\";\r\nimport LoadingProgressBar from \"components/common/LoadingProgressBar\";\r\nimport PreviewFile from \"../common/PreviewFile\";\r\n\r\nimport Swal from \"sweetalert2\";\r\nimport { Notification, toaster , Container, Content, Footer, Sidebar } from 'rsuite';\r\nimport { mobileCheck } from \"utils\"\r\nimport routes from 'routes';\r\nimport Header from './Header';\r\nimport LeftBar from './LeftBar'\r\nimport {\r\n Route,\r\n Switch,\r\n Router\r\n} from 'react-router-dom';\r\nimport Card from \"components/common/Card\";\r\n\r\n// import Permissions from \"constant/permissions\"\r\nfunction DefaultLayout(props) {\r\n\tconst [profile, setCurentUser] = useState({});\r\n\tconst [isLoading, setLoading] = useState(false);\r\n\tconst [listPaths, setListPath] = useState([]);\r\n\tconst [servers, setServer] = useState([]);\r\n\tconst [mobile, setMobile] = useState(false);\r\n\tconst [expanded, setExpanded] = useState(true);\r\n\tconst [showPreview, setShowPreview] = useState(false);\r\n\tconst [contractId, setContractId] = useState(\"\");\r\n\tconst [categoryLib, setCategoryLib] = useState([]);\r\n const [userInfo, setUserInfo] = useState({})\r\n\r\n\tuseEffect(() => {\r\n\t\tgetProfile();\r\n\t\tgetCurentStaffInfo();\r\n\t}, []);\r\n\r\n\tfunction setIsMobile() {\t\t\r\n\t\tlet isMobile = window.innerWidth < 850;\r\n\t\tsetMobile(isMobile);\r\n\t}\r\n\tuseEffect(() => {\r\n\t\tsetIsMobile();\r\n\t\twindow.addEventListener('resize', setIsMobile);\r\n\t\treturn () => {\r\n\t\t\twindow.removeEventListener('resize', setIsMobile);\r\n\t\t}\r\n\t}, [])\r\n\r\n\tasync function getProfile() {\r\n\t\tlet res = await userApi.get_my_profile();\r\n\t\tif (res && res.success) {\r\n\t\t\tsetCurentUser({ ...res.data, permissions: JSON.parse(res.data.permissions) });\r\n\t\t\treturn res.data;\r\n\t\t} else {\r\n\t\t\treturn {};\r\n\t\t}\r\n\t}\r\n\tfunction success(message) {\r\n\t\ttoaster.push(\r\n\t\t\t' + title + \"
\",\r\n\t\t\thtml: '' + text + \"
\",\r\n\t\t\tshowCloseButton: confirm ? confirm : true,\r\n\t\t\tshowCancelButton: cancel ? cancel : true,\r\n\t\t\tfocusConfirm: false,\r\n\t\t\tconfirmButtonText: \"Đồng ý\",\r\n\t\t\tcancelButtonText: \"Bỏ qua\"\r\n\t\t}\r\n\t\tif (isInput) {\r\n\t\t\tinit.input = 'textarea';\r\n\t\t\tinit.inputPlaceholder = 'Nhập nội dung....';\r\n\t\t}\r\n\t\tlet isConfirm = await Swal.fire(init) || {};\r\n\t\treturn (isInput && !isConfirm.dismiss) ? isConfirm : isConfirm.value ? true : false;\r\n\t}\r\n\tasync function actions(appApi, model, callBack) {\r\n\t\tloading();\r\n\t\tlet res = await appApi(model) || {};\r\n\t\tunloading();\r\n\t\tif (res.success) success();\r\n\t\telse error(res.message)\r\n\t\tif (callBack) callBack(res)\r\n\t\treturn res;\r\n\t}\r\n\tasync function search(appApi, model, showLoading) {\r\n\t\tloading();\r\n\t\tlet res = await appApi(model) || {};\r\n\t\tunloading();\r\n\t\treturn res;\r\n\t}\r\n\tasync function getData(appApi, model, showLoading) {\r\n\t\tif (showLoading) loading();\r\n\t\tconst res = await appApi(model) || {};\r\n\t\tif (showLoading) unloading();\r\n\t\treturn res;\r\n\t}\r\n\tfunction hp(moduleCode, functionCode) {\r\n\t\tif (!profile.permissions) return false;\r\n\t\tvar module = profile.permissions.find(c => c.ModuleCode === moduleCode);\r\n\t\tif (!module)\r\n\t\t\treturn false;\r\n\r\n\t\treturn module.FunctionList.indexOf(functionCode) !== -1;\r\n\t};\r\n\r\n\tasync function getCurentStaffInfo() {\r\n var res = await userApi.getCurentStaffInfo();\r\n if (res && res.success) {\r\n setUserInfo(res.data);\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\tfunction expandMenu(expand) {\r\n\t\tsetExpanded(expand)\r\n\t}\r\n\r\n\tfunction onPreview(view) {\r\n\t\tsetShowPreview(view)\r\n\t}\r\n\r\n\tfunction setContract(id) {\r\n\t\tsetContractId(id)\r\n\t}\r\n\r\n\r\n\treturn (\r\n\t\t */}\r\n\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nconst BodyMain = () => {\r\n const context = useContext(CommonContext);\r\n const { expanded } = context;\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n