\r\n
\r\n );\r\n };\r\n\r\n saveApprovals = (Status, ApprovalNotes, selected) => {\r\n const {selectedRow} = this.state;\r\n const selectedRowApprovals = selectedRow ?? selected;\r\n const {FormID, dataForm} = this.props;\r\n const validate = MForm.isRequired(ApprovalNotes, \"errorNote\");\r\n if (!selectedRowApprovals || !selectedRowApprovals.VoucherID) {\r\n Config.popup.show('INFO', Config.lang(\"Khong_the_duyet\"));\r\n return false;\r\n }\r\n if(Status === 100) {\r\n if (validate && validate.errorNote) {\r\n this.setState(validate);\r\n return false;\r\n }\r\n }\r\n this.setState({approving: true});\r\n const params = {\r\n DivisionID: Config.getDivisionID(),\r\n FormID: FormID,\r\n EmployeeID : selectedRowApprovals.EmployeeID ? selectedRowApprovals.EmployeeID : \"\",\r\n VoucherID: selectedRowApprovals.VoucherID ? selectedRowApprovals.VoucherID : \"\",\r\n ApprovalLevel: selectedRowApprovals.ApprovalLevel ? selectedRowApprovals.ApprovalLevel : \"\",\r\n ApprovalFlowID: selectedRowApprovals.ApprovalFlowID ? selectedRowApprovals.ApprovalFlowID : \"\",\r\n ApprovalStatus: Status ? Status : 1,\r\n ApprovalNotesU: ApprovalNotes ? ApprovalNotes : \"\",\r\n AttendanceDate: selectedRowApprovals.AttendanceDate || \"\",\r\n IsSalaryAdjustment: dataForm?.IsSalaryAdjustment ?? 0,\r\n DepartmentID: dataForm?.NewDepartmentID ?? '',\r\n NewDutyID: dataForm?.NewDutyID ?? '',\r\n ValidDate: dataForm?.Validdate ?? null,\r\n };\r\n this.props.approvalActions.saveApprovals(params, (error,data) => {\r\n this.setState({approving: false});\r\n if (error) {\r\n let message = Config.lang(\"Loi_chua_xac_dinh\");\r\n switch (error.code) {\r\n case \"F1002E007\":\r\n message = params.ApprovalStatus === 1 ? Config.lang(\"Duyet_khong_thanh_cong\") : Config.lang(\"Tu_choi_khong_thanh_cong\");\r\n break;\r\n default:\r\n break;\r\n }\r\n Config.popup.show('INFO', message);\r\n return false;\r\n }\r\n if(data.Status === 1) {\r\n let message = data.Message || (params.ApprovalStatus === 1 ? Config.lang(\"Duyet_khong_thanh_cong\") : Config.lang(\"Tu_choi_khong_thanh_cong\"));\r\n if (this.refApprovalPopover) {\r\n this.refApprovalPopover.onClosePopover(() => {\r\n Config.popup.show('INFO', message);\r\n });\r\n } else {\r\n Config.popup.show('INFO', message);\r\n }\r\n return false;\r\n }\r\n\r\n this.onReset(true);\r\n if (this.refApprovalPopover) this.refApprovalPopover.onClosePopover();\r\n Config.notify.show('success', Config.lang(\"Thuc_hien_thanh_cong\"), 2000);\r\n });\r\n };\r\n\r\n cancelApprovals = () => {\r\n const {selectedRow} = this.state;\r\n const {FormID, dataForm} = this.props;\r\n if (!selectedRow || !selectedRow.VoucherID) {\r\n Config.popup.show('INFO', Config.lang(\"Khong_the_duyet\"));\r\n return false;\r\n }\r\n this.setState({approving: true});\r\n const params = {\r\n DivisionID: Config.getDivisionID(),\r\n FormID: FormID,\r\n Language: Config?.language ?? '84',\r\n VoucherID: selectedRow.VoucherID ? selectedRow.VoucherID : \"\",\r\n EmployeeID : selectedRow.EmployeeID ? selectedRow.EmployeeID : \"\",\r\n ApprovalLevel: selectedRow.ApprovalLevel ? selectedRow.ApprovalLevel : \"\",\r\n ApprovalFlowID: selectedRow.ApprovalFlowID ? selectedRow.ApprovalFlowID : \"\",\r\n ApprovalStatus: selectedRow.ApprovalStatus || selectedRow.ApprovalStatus === 0 ? selectedRow.ApprovalStatus : \"\",\r\n AttendanceDate: selectedRow.AttendanceDate || \"\",\r\n IsSalaryAdjustment: dataForm?.IsSalaryAdjustment ?? 0,\r\n DepartmentID: dataForm?.NewDepartmentID ?? '',\r\n NewDutyID: dataForm?.NewDutyID ?? '',\r\n ValidDate: dataForm?.Validdate ?? null,\r\n };\r\n this.props.approvalActions.cancelApprovals(params, (error,data) => {\r\n this.setState({approving: false});\r\n if (error) {\r\n Config.popup.show('ERROR', error);\r\n return false;\r\n }\r\n if(data.Status === 1) {\r\n let message = data.Message || Config.lang(\"Cap_tiep_theo_da_duyet._Ban_khong_the_bo_duyet\");\r\n Config.popup.show('INFO', message);\r\n return false;\r\n }\r\n this.onReset(true);\r\n Config.notify.show('success', Config.lang(\"Thuc_hien_thanh_cong\"), 2000);\r\n });\r\n };\r\n\r\n onCancelApprovals = () => {\r\n const message = Config.lang(\"Ban_co_chac_muon_bo_trang_thai_nay?\");\r\n Config.popup.show('YES_NO', message, () => {\r\n this.setState({approving: true});\r\n this.cancelApprovals();\r\n\r\n });\r\n };\r\n\r\n onApproval = (notes) => {\r\n const {selectedRow} = this.state;\r\n const {onApproval} = this.props;\r\n if (onApproval) {\r\n onApproval(notes);\r\n } else {\r\n !!selectedRow?.IsShowReceiverScreen ? this.onOpenReceiverModal(\"approve\", notes) :\r\n this.saveApprovals(1, notes);\r\n }\r\n };\r\n\r\n onReject = (notes) => {\r\n const {selectedRow} = this.state;\r\n const {onReject} = this.props;\r\n if (onReject) {\r\n onReject(notes);\r\n } else {\r\n if(!!selectedRow?.IsShowReceiverScreen) {\r\n const validate = MForm.isRequired(notes, \"errorNote\");\r\n if (validate && validate.errorNote) {\r\n this.setState(validate);\r\n return false;\r\n }\r\n this.onOpenReceiverModal(\"reject\", notes)\r\n }\r\n else {\r\n this.saveApprovals(100, notes);\r\n }\r\n }\r\n };\r\n\r\n onHidden = () => {\r\n this.setState({errorNote : \"\"});\r\n };\r\n\r\n onApprovalModal = (type) => {\r\n this.setState({\r\n type: type,\r\n showApprovalPopup: true\r\n });\r\n };\r\n onCloseApprovalModal = () => {\r\n this.setState({showApprovalPopup: false, errorNote: \"\"})\r\n };\r\n\r\n onOpenReceiverModal = (status, notes) => {\r\n const {selectedRow} = this.state;\r\n if (this.refApprovalPopover) {\r\n this.refApprovalPopover.onClosePopover();\r\n }\r\n this.setState({\r\n isOpenW09F2081Popup: true,\r\n W09F2081PopupData: {\r\n selectedRow,\r\n notes,\r\n status, \r\n } \r\n })\r\n }\r\n\r\n _getIconFile = (fileName) => {\r\n let icon = require('../../assets/images/files/file.svg');\r\n try {\r\n icon = require('../../assets/images/files/' + fileName);\r\n } catch (e) {\r\n\r\n }\r\n return icon;\r\n };\r\n\r\n onViewFile = (data) => {\r\n this.setState({\r\n fileOpened: {\r\n FileName: data.FileName ? data.FileName : \"\",\r\n FileExt: data.FileExt ? data.FileExt : \"\",\r\n URL: data.URL ? Config.getCDNPath() + data.URL : \"\"\r\n },\r\n showFileViewer: true,\r\n });\r\n };\r\n\r\n onCloseViewFile = () => {\r\n this.setState({showFileViewer: false});\r\n };\r\n\r\n _getStatusInfo = (ApprovalStatus) => {\r\n const status = ApprovalStatus ? ApprovalStatus : 0;\r\n const {getCboStatus} = this.props;\r\n const color = Number(status) === 1 ? \"success\" : (Number(status) === 100 ? \"danger\" : \"\");\r\n const itemStatus = getCboStatus.filter((e) => {\r\n return Number(e.ApprovalStatus) === Number(status);\r\n });\r\n let _icon = \"HourGlass\";\r\n switch (Number(status)) {\r\n case 0:\r\n _icon = \"HourGlass\";\r\n break;\r\n case 1:\r\n _icon = \"Approval\";\r\n break;\r\n case 4:\r\n case 100:\r\n _icon = \"Close\";\r\n break;\r\n default:\r\n break;\r\n }\r\n return {\r\n AppStatusColor: color,\r\n AppStatusID: status,\r\n AppStatusIcon: _icon,\r\n AppStatusName: itemStatus && itemStatus.length > 0 ? itemStatus[0].AppStatusName : Config.lang(\"Khong_trang_thai\")\r\n };\r\n };\r\n\r\n onChangePage = (page)=>{\r\n this.filter.skip = page * this.filter.limit;\r\n this.loadGrid();\r\n };\r\n\r\n onChangePerPage = (perPage)=>{\r\n this.filter.skip = 0;\r\n this.filter.limit = perPage;\r\n this.loadGrid();\r\n };\r\n\r\n onCloseReceiverPopup = () => {\r\n this.setState({isOpenW09F2081Popup: false})\r\n }\r\n\r\n render() {\r\n const {open, tab, showFileViewer, showApprovals, showApprovalPopup,\r\n anchorEl, type, selectedRow, fileOpened, approving, gridLoading, uploading,dataOldAttachments,\r\n showW84F3005Popup, w84F3005PopupData={}, errorNote, isOpenW09F2081Popup, W09F2081PopupData\r\n } = this.state;\r\n const {classes, loading, getGridApproval, getAttachments, getHistorys, disabled,\r\n dataSource, labelBtnApprove, labelBtnCancelApprove, labelBtnNotApprove, showFilters, singleClick,\r\n dataAttachments, dataHistory, dataForm, dataDetail, disabledApproval,\r\n filterRender, formInfoRender, detailRender, attachRender, historyRender, FormID,\r\n disabledBtnApprove, disabledBtnCancelApprove, disabledBtnNotApprove,allowAddingAttachment, loadingWithDataSource,\r\n allowHistoryApproval,isActionPermission,\r\n } = this.props;\r\n const _attachments = dataAttachments ? dataAttachments : getAttachments;\r\n const _history = dataHistory ? dataHistory : getHistorys;\r\n const _currentStatus = this._getStatusInfo(selectedRow ? selectedRow.ApprovalStatus : 0);\r\n const _fullTop = Config.isMobile ? classes.mobileScreen : classes.desktopScreen;\r\n\r\n const selectedRowKeys = selectedRow ? [selectedRow['VoucherID']] : [];\r\n const utc = selectedRow && selectedRow.ApprovalDate && (/t.*?z/i).test(selectedRow.ApprovalDate); // Contains both t and z (allow both uppercase and lowercase)\r\n let groupingColumn = \"\";\r\n if(FormID === \"W77F1012\" || FormID === \"W77F1014\") {\r\n groupingColumn = \r\n {data.ApprovalNotesU} \r\n \r\n {Config.helpers.convertDate(data.ApprovalDate, \"\", \"DD/MM/YYYY LT\")}\r\n \r\n
\r\n \r\n {data.ApproverName} \r\n \r\n {status && status.length > 0 ? status[0].AppStatusName : Config.lang(\"Khong_trang_thai\")} -{\" \"}\r\n {Config.lang(\"Cap\")} {data.ApprovalLevel}\r\n \r\n
\r\n \r\n \r\n {_history && historyRender ? (\r\n historyRender(_history)\r\n ) : (\r\n <>\r\n \r\n {groupingColumn}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.panelLeft = ref} className={classes.content + ' ' + (open ? classes.contentDrawer : \"\")}>\r\n {(showFilters || typeof showFilters === \"undefined\") && \r\n \r\n
\r\n }\r\n
\r\n \r\n {\r\n if (!singleClick) {\r\n this.onSelected(e);\r\n }\r\n }}\r\n onCellClick={(e) => {\r\n if (singleClick) {\r\n this.onSelected(e);\r\n }\r\n }}\r\n >\r\n
\r\n \r\n this.drawer = ref\r\n }}\r\n classes={{\r\n paper: classes.drawerPaper + \" \"+ _fullTop,\r\n }}\r\n >\r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n {isActionPermission &&\r\n selectedRow &&\r\n selectedRow.VoucherID &&\r\n (Number(selectedRow.ApprovalStatus) === 1 ||\r\n Number(selectedRow.ApprovalStatus) === 100) &&\r\n selectedRow.IsApprover === 1 &&\r\n !disabledBtnCancelApprove && (\r\n
\r\n \r\n {!disabledBtnApprove && (\r\n this.onApprovalModal(\"approve\")}\r\n />\r\n )}\r\n {(FormID !== \"W09F1005\" || !disabledBtnNotApprove) && (\r\n this.onApprovalModal(\"cancel\")}\r\n />\r\n )}\r\n
\r\n )}\r\n \r\n {dataForm && formInfoRender && (\r\n \r\n {formInfoRender(dataForm)}\r\n
\r\n )}\r\n \r\n \r\n \r\n {dataDetail && detailRender && (\r\n \r\n {dataDetail && detailRender && (\r\n {detailRender(dataDetail)} \r\n )}\r\n \r\n {allowAddingAttachment ? (\r\n <>\r\n (this.attRef = ref)}\r\n showButton={true}\r\n files={dataOldAttachments}\r\n disabled={disabled || uploading || loading}\r\n maxLength={5}\r\n uploading={loading || uploading}\r\n onUploading={this.onUploading}\r\n onChanged={this.onChangeAttachments}\r\n />\r\n
\r\n \r\n );\r\n })}\r\n \r\n {_attachments.map((e, indx) => {\r\n const ext = e?.FileExt\r\n ? e.FileExt.replace(\".\", \"\")\r\n : e?.FileExt;\r\n return (\r\n \r\n this.onViewFile(e)}\r\n >\r\n \r\n {e.FileName}\r\n
\r\n \r\n
\r\n \r\n \r\n {Config.lang(\"Khong_co_du_lieu\")}\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n \" + Config.lang(\"DHR_So_luong_cho_phep\") + \": \" + maxLength);\r\n break;\r\n }\r\n if ((files[i].size / 1024) > Number(sizeLimit)) {\r\n messageSize.push(files[i].name);\r\n } else if (this.checkFileType(files[i].name) === false) {\r\n messageName.push(files[i].name)\r\n } else {\r\n const dtime = new Date().getTime() + i;\r\n const fileInfo = isAttachInfo ? { CreateUserID: Config.profile.UserID, CreateDate: moment().format('YYYY-MM-DD kk:mm:ss')} : {}\r\n const file = {\r\n isNew: true,\r\n key: dtime,\r\n fileName: files[i].name,\r\n fileSize: files[i].size,\r\n fileExt: files[i].name.split('.').pop(),\r\n url: files[i].type.indexOf('image') > -1 ? URL.createObjectURL(files[i]) : null,\r\n _file: files[i],\r\n ...fileInfo\r\n };\r\n _tmpFiles.push(file);\r\n _files.unshift(file);\r\n }\r\n }\r\n let message = \"\";\r\n if (messageSize.length > 0) {\r\n message += Config.lang(\"DHR_Tap_tin\") + \": \" + messageSize.join(\",\") + \"
\" + Config.lang(\"Dung_luong_File_khong_duoc_lon_hon\") + \" \" + sizeLimit + ' KB
';\r\n }\r\n if (messageName.length > 0) {\r\n message += Config.lang(\"DHR_Tap_tin\") + \": \" + messageName.join(\",\") + \"
\" + Config.lang(\"Dinh_dang_file_khong_hop_le\");\r\n }\r\n if (message) {\r\n Config.popup.show(\"INFO\", message);\r\n }\r\n this.setState({\r\n _files: _files,\r\n }, () => {\r\n //auto upload file when select files..\r\n if (_tmpFiles.length > 0) {\r\n if (!chooseWithoutSave) {\r\n this.onUploading(true);\r\n const limitUploadedFile = maxUploadOnceAllowed; //allow upload once 5 files\r\n this.countFileUploading = 0;\r\n _tmpFiles.forEach((_f) => {\r\n if (limitUploadedFile && this.countFileUploading >= limitUploadedFile) {\r\n this.timerUpload[_f.key] = setInterval(() => {\r\n if (this.countFileUploading < limitUploadedFile) {\r\n this.countFileUploading++;\r\n this.__uploadFiles(_f, _f.fileName);\r\n clearInterval(this.timerUpload[_f.key]);\r\n }\r\n }, 1000);\r\n } else {\r\n this.countFileUploading++;\r\n this.__uploadFiles(_f, _f.fileName);\r\n }\r\n });\r\n } else {\r\n //select file with not save ....\r\n this.onChanged(_tmpFiles);\r\n }\r\n }\r\n });\r\n };\r\n\r\n __uploadFiles = (file, fileName) => {\r\n this.setStateUploadStatus(file, {\r\n success: false,\r\n isUploading: true,\r\n _valueProgress: 0,\r\n errorMessage: \"\"\r\n }, () => {\r\n setTimeout(() => {\r\n this.setIntervalProgressBar(file);\r\n }, 200);\r\n this._uploadFile([file._file], false, (err, data) => {\r\n this.countFileUploading--;\r\n if (err) {\r\n this.setStateUploadStatus(file, {\r\n success: false,\r\n isUploading: false,\r\n errorMessage: \"Error\"\r\n });\r\n return false;\r\n }\r\n if (data && data.paths && data.paths.length > 0) {\r\n const path = data.paths[0];\r\n let _uploadFile = Object.assign(file, path);\r\n if (fileName) {\r\n _uploadFile.fileName = fileName;\r\n }\r\n this.itemFiles.push(_uploadFile);\r\n }\r\n this.setStateUploadStatus(file, {\r\n success: true,\r\n _valueProgress: 100,\r\n }, () => {\r\n setTimeout(() => {\r\n this.setStateUploadStatus(file, {\r\n isUploading: false,\r\n });\r\n }, 300);\r\n });\r\n });\r\n });\r\n };\r\n\r\n setStateUploadStatus = (file, stateFile, cb) => {\r\n if (file) {\r\n const { uploadStatus } = this.state;\r\n const _downLink = navigator && navigator.connection && navigator.connection.downlink ? navigator.connection.downlink : 0;\r\n const _fileSize = file.size / 1024;\r\n this.uploadStatus[file.key] = {\r\n ...uploadStatus[file.key],\r\n ...stateFile\r\n };\r\n this.setState({\r\n uploadStatus: {\r\n ...this.uploadStatus,\r\n [file.key]: {\r\n ...(this.uploadStatus && this.uploadStatus[file.key] ? this.uploadStatus[file.key] : {}),\r\n timeUpload: (_fileSize / _downLink),\r\n ...stateFile\r\n }\r\n }\r\n }, () => {\r\n if (cb) cb();\r\n });\r\n }\r\n };\r\n\r\n setIntervalProgressBar = (file) => {\r\n if (file) {\r\n const { uploadStatus } = this.state;\r\n const _downLink = navigator && navigator.connection && navigator.connection.downlink ? navigator.connection.downlink : 1;\r\n const _fileSize = file._file ? file._file.size / 1024 : 10;\r\n const _stateFile = uploadStatus && file.key && uploadStatus[file.key] ? uploadStatus[file.key] : null;\r\n if (_stateFile) {\r\n const totalTime = (_fileSize / ((_downLink / 5) * 1024)) * 1000; //milisecond..\r\n const _timeUpload = 100; //time upload\r\n const step = _timeUpload * 100 / totalTime;\r\n // console.log('hao_fileSize',_fileSize);\r\n // console.log('hao_downLink', _downLink);\r\n // console.log('haototalTime', totalTime);\r\n // console.log('hao_timeUpload', _timeUpload);\r\n // console.log('haostep', step);\r\n let _value = 0;\r\n this.timer = {\r\n [file.key]: setInterval(() => {\r\n _value += step;\r\n if (_value < 100 && this.state.uploadStatus[file.key]._valueProgress < 100) {\r\n this.setStateUploadStatus(file, {\r\n _valueProgress: _value\r\n });\r\n } else {\r\n this.clearTimeInterval(file.key);\r\n }\r\n }, _timeUpload)\r\n };\r\n }\r\n }\r\n };\r\n\r\n componentWillUnmount() {\r\n this.clearTimeInterval();\r\n if (this.timerUpload) {\r\n const _currentTimer = Object.keys(this.timerUpload);\r\n _currentTimer.forEach((t) => {\r\n if (this.timerUpload[t]) {\r\n clearInterval(this.timerUpload[t]);\r\n }\r\n });\r\n }\r\n }\r\n\r\n clearTimeInterval = (key) => {\r\n if (key) {\r\n if (this.timer[key]) {\r\n clearInterval(this.timer[key]);\r\n }\r\n } else {\r\n const _currentTimer = Object.keys(this.timer);\r\n _currentTimer.forEach((t) => {\r\n if (this.timer[t]) {\r\n clearInterval(this.timer[t]);\r\n }\r\n });\r\n }\r\n };\r\n\r\n checkFileType = (filename) => {\r\n const extension = filename.substr(filename.lastIndexOf('.')).toLowerCase();\r\n const allowedExtensions = ['.txt', '.jpg', '.jpeg', '.png', '.xls', '.xlsx', '.doc', '.docx', '.pdf', '.ppt', '.pptx'];\r\n if (extension.length > 0) {\r\n if (allowedExtensions.indexOf(extension) === -1) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n };\r\n\r\n // onSelectFile = async () => {\r\n // const {onChange, chooseWithoutSave, onFileSubmited} = this.props;\r\n // const {fileNames} = this.state;\r\n // const x = this.inputFiles;\r\n // const arrFile = x.files;\r\n // const sizeLimit = 10000;\r\n // let _fileNames = fileNames;\r\n // let fileIndx = fileNames.length;\r\n // let messageSize = [];\r\n // let messageName = [];\r\n // for (let i = 0; i < arrFile.length; i++) {\r\n // if ((arrFile[i].size / 1024) > Number(sizeLimit)) {\r\n // messageSize.push(arrFile[i].name);\r\n // // Config.popup.show(\"INFO\", arrFile[i].name + \" \" + Config.lang(\"Dung_luong_File_khong_duoc_lon_hon\") + \" \" + sizeLimit + ' KB');\r\n // } else if (this.checkFileType(arrFile[i].name) === false) {\r\n // messageName.push(arrFile[i].name)\r\n // // Config.popup.show(\"INFO\", Config.lang('Dinh_dang_file_khong_hop_le'));\r\n // } else {\r\n // _fileNames.push({FileName: arrFile[i].name});\r\n // this.itemFiles[fileIndx] = arrFile[i];\r\n // fileIndx++;\r\n // }\r\n // }\r\n // let message = \"\";\r\n // if (messageSize.length > 0) {\r\n // message += Config.lang(\"DHR_Tap_tin\") + \": \" + messageSize.join(\",\") + \"
\" + Config.lang(\"Dung_luong_File_khong_duoc_lon_hon\") + \" \" + sizeLimit + ' KB
';\r\n // }\r\n // if (messageName.length > 0) {\r\n // message += Config.lang(\"DHR_Tap_tin\") + \": \" + messageName.join(\",\") + \"
\" + Config.lang(\"Dinh_dang_file_khong_hop_le\");\r\n // }\r\n // if (message) {\r\n // Config.popup.show(\"INFO\", message);\r\n // }\r\n // this.setState({fileNames: _fileNames});\r\n //\r\n // if (onChange) onChange({files: this.itemFiles, deletedFile: this.fileDeleted});\r\n //\r\n // if (onFileSubmited) {\r\n // if (chooseWithoutSave) {\r\n // this.onSubmited(this.itemFiles);\r\n // } else {\r\n // this.onUploading(true);\r\n // const upload = await this._uploadFile(this.itemFiles, 'multiple');\r\n // this.onSubmited(upload && upload.data ? upload.data : null);\r\n // }\r\n // }\r\n // };\r\n\r\n _uploadFile = (files, isAsync, cb) => {\r\n // return await FileUploadSync(files, mode, this.tokenCDN);\r\n if (isAsync) {\r\n return CDN.uploadFileSync(files);\r\n } else {\r\n return CDN.uploadFile(files, null, cb);\r\n }\r\n };\r\n\r\n _removeFileCDN = (params) => {\r\n CDN.removeFile(params);\r\n };\r\n\r\n onUploading = (state) => {\r\n const { onUploading } = this.props;\r\n if (onUploading) onUploading(state);\r\n this.setState({ isUploading: state });\r\n };\r\n\r\n // onSubmited = (files) => {\r\n // const {onChange} = this.props;\r\n // this.onUploading(false);\r\n // if (onChange) onChange({uploadedfiles: files ? files : [], deletedFiles: this.fileDeleted});\r\n // };\r\n\r\n onAttachment = () => {\r\n if (this.dropzoneRef) {\r\n this.dropzoneRef.open();\r\n }\r\n };\r\n\r\n onReset = () => {\r\n this.setState({\r\n _files: [],\r\n\r\n uploadStatus: {},\r\n voucherID: \"\",\r\n });\r\n this.uploadStatus = {};\r\n this.itemFiles = [];\r\n this.dropzoneRef = null;\r\n this.fileDeleted = [];\r\n this.timer = {};\r\n this.timerUpload = {};\r\n this.countFileUploading = 0;\r\n };\r\n\r\n onRemoveFile = (file) => {\r\n if (!file) return false;\r\n if (!file.isNew) {\r\n this.fileDeleted.push(file);\r\n } else {\r\n if (file.key) {\r\n let { _files } = this.state;\r\n _files = _files.filter((f) => {\r\n return f.key !== file.key;\r\n });\r\n this.itemFiles = this.itemFiles.filter((f) => {\r\n return f.key !== file.key;\r\n });\r\n this.setState({\r\n _files: _files\r\n });\r\n }\r\n }\r\n this.onChanged(null, true);\r\n };\r\n\r\n onChanged = (files, isDeleted) => {\r\n const { onChanged, onDeleted } = this.props;\r\n if (isDeleted && onDeleted) onDeleted({ deletedFiles: this.fileDeleted });\r\n if (onChanged) onChanged({ uploadedFiles: files ? files : this.itemFiles, deletedFiles: this.fileDeleted });\r\n };\r\n\r\n onViewFile = (data) => {\r\n if (data.url) {\r\n this.setState({\r\n fileOpened: {\r\n FileName: data.fileName ? data.fileName : \"\",\r\n FileExt: data.fileExt ? data.fileExt : Config.helpers.getExtFile(data.fileName),\r\n URL: data.url ? (data.url.indexOf('http') < 0 ? Config.getCDNPath() + data.url : data.url) : \"\"\r\n },\r\n showFileViewer: true,\r\n });\r\n }\r\n };\r\n\r\n onCloseViewFile = () => {\r\n this.setState({ showFileViewer: false })\r\n };\r\n\r\n onChangeView = () => {\r\n this.setState({\r\n viewStyle: this.state.viewStyle === 'list' ? 'module' : 'list'\r\n })\r\n };\r\n\r\n _getIconFile = (fileName) => {\r\n let icon = require('../../../assets/images/files/file.svg');\r\n try {\r\n icon = require('../../../assets/images/files/' + fileName);\r\n } catch (e) {\r\n\r\n }\r\n return icon;\r\n };\r\n\r\n onDragOver = () => {\r\n this.setState({ isDragOver: true });\r\n };\r\n\r\n render() {\r\n const { classes, disabled, alwayShowArea, files, uploading, hidden, error, required, isAttachInfo, isLocal } = this.props;\r\n const { isDragOver, viewStyle, _files, showFileViewer, fileOpened, uploadStatus } = this.state;\r\n const convertFiles = Config.helpers.getFileInfomations(files);\r\n let dataFiles = convertFiles ? _files.concat(convertFiles) : _files;\r\n const extAllowView = ['jpg', 'jpeg', 'png', 'bmp', 'svg', 'gif']\r\n return (\r\n
\r\n {Config.lang(\"DHR_Dinh_kem\")} \r\n {required ? * : \"\"}\r\n
\r\n \r\n {error && _.isEmpty(_files) ? \r\n {viewStyle === \"list\" ? ( \r\n
\r\n \r\n {/**/}\r\n \r\n this.dropzoneRef = ref}\r\n onDragOver={this.onDragOver}\r\n style={{ ...(isDragOver ? { zIndex: 1000 } : {}) }}\r\n disabled={disabled}\r\n accept={\".txt, image/jpg, image/jpeg, image/png, .xls, .xlsx, .doc, .docx, application/pdf, .ppt, .pptx\"}\r\n onDrop={this.onDrop}>\r\n {({ getRootProps, getInputProps, isDragActive }) => (\r\n <>\r\n \r\n \r\n }\r\n \r\n )}\r\n \r\n \r\n
\r\n {viewStyle === \"module\" && \r\n \r\n
\r\n {dataFiles && dataFiles.length < 1 &&\r\n \r\n {dataFiles.map((file, idx) => {\r\n const {UserID} = Config.profile;\r\n const ext = file && file.fileExt ? file.fileExt : Config.helpers.getExtFile(file.fileName);\r\n const preview = file && file.url && file.url.indexOf('http') > -1 ? file.url : Config.getCDNPath() + file.url;\r\n const _uploadStatus = uploadStatus && file.key && uploadStatus[file.key] ? uploadStatus[file.key] : null;\r\n let allowRmAttachment = false;\r\n let createUserID = _.get(file, \"CreateUserID\", \"\");\r\n let isAttachedInfo = createUserID !== \"\";\r\n if(isAttachedInfo) {\r\n allowRmAttachment = createUserID === UserID;\r\n }\r\n return (\r\n
}\r\n {viewStyle === \"list\" && \r\n
\r\n \r\n )\r\n })}\r\n this.onViewFile(file)}>\r\n {extAllowView.indexOf(ext) > -1 && file.url ? (\r\n
\r\n {(!_uploadStatus || (_uploadStatus && !_uploadStatus.isUploading)) && \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n {file.fileName}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {file.fileName}\r\n
\r\n \r\n
}\r\n {_uploadStatus && _uploadStatus.isUploading && \r\n
\r\n \r\n this.onRemoveFile(file)}>\r\n \r\n
\r\n \r\n
}\r\n \r\n {dataFiles.map((file, idx) => {\r\n const { UserNameU, UserID} = Config.profile;\r\n const _uploadStatus = uploadStatus && file.key && uploadStatus[file.key] ? uploadStatus[file.key] : null;\r\n const getCreateDate = _.get(file, \"CreateDate\", \"\");\r\n let employeeName = \"\";\r\n let separator = \"\";\r\n let allowRmAttachment = false;\r\n let createDate = moment(getCreateDate).isValid() ? moment.utc(getCreateDate).format(\"DD/MM/YYYY kk:mm:ss\") : getCreateDate;\r\n let createUserID = _.get(file, \"CreateUserID\", \"\");\r\n let isAttachedInfo = createUserID !== \"\" || createDate !== \"\";\r\n\r\n if(isAttachedInfo) {\r\n employeeName = isAttachedInfo && _.get(file, \"UserName\", UserNameU);\r\n separator = employeeName && createDate ? \" - \" : separator;\r\n allowRmAttachment = createUserID === UserID;\r\n }\r\n return (\r\n
}\r\n {(uploading) && \r\n \r\n {/* eslint-disable */}\r\n \r\n {file.url ? (\r\n this.onViewFile(file)}>{file.fileName}\r\n ) : (\r\n {file.fileName}\r\n )}\r\n \r\n {isAttachedInfo ?\r\n \r\n : {file.fileSize ? '(' + (file.fileSize / 1024 / 1024).toFixed(1) + 'MB)' : \"\"}}\r\n {/* eslint-enable */}\r\n \r\n {_uploadStatus && _uploadStatus.isUploading && this.onRemoveFile(file)}>\r\n }\r\n
\r\n \r\n )\r\n })}\r\n \r\n {employeeName}{separator}{createDate}\r\n
\r\n \r\n
}\r\n {(!_uploadStatus || (_uploadStatus && !_uploadStatus.isUploading)) && \r\n
}\r\n {error && _.isEmpty(_files) ? \r\n
\r\n \r\n {Config.lang(title)} \r\n
\r\n \r\n onCloseEmployees(false, title, oldData)}/>\r\n onCloseEmployees(true, title, tmpSelectedRowData.current)}/>\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nLoading.defaultProps = {\r\n visible: true,\r\n className: \"\",\r\n fixed: false,\r\n};\r\n\r\nLoading.propTypes = {\r\n visible: PropTypes.bool,\r\n className: PropTypes.string,\r\n\r\n // show loading full screen with position: fixed\r\n fixed: PropTypes.bool,\r\n size: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.oneOf(['xl', 'lg', 'md', 'sm', 'xs', 'extraLarge', 'large', 'medium', 'small', 'extraSmall'])]),\r\n};\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author TRIHAO\r\n * @create 11/21/2019\r\n * @Example\r\n */\r\n\r\nimport React, { Component } from 'react';\r\n\r\nimport validator from 'validator';\r\nimport Config from \"../../../config\";\r\nimport LocalizedStrings from \"react-localization\";\r\n\r\nvar validatorExt = {\r\n\r\n\r\n isName(value) {\r\n if (value.length === 0)\r\n return false;\r\n var regex = /[!@#$%^&*()_+\\-=\\\\[\\]{};':\"\\\\|,.<>\\\\/?]/g;\r\n return !regex.test(value);\r\n },\r\n\r\n isPhone(value) {\r\n if (value.length === 0) return false;\r\n var regex = /^[+]?[(]?[0-9]{3}[)]?[-\\s.]?[0-9]{3}[-\\s.]?[0-9]{4,6}$/im;\r\n return regex.test(value);\r\n },\r\n\r\n isPassword(value) {\r\n // at least one Lower, Upper\r\n //at least 8 num - max 20\r\n //at leaset 1 special characters\r\n //no spacing\r\n // var regex = /^(?=.*[A-Z])(?=.*\\d)[a-zA-Z\\d]{8,20}$/im;\r\n //var regex = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?,!@$%^&*_.()=+|:;-])(?=\\S+$).{8,20}$/;\r\n // var regex = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=\\S+$).{8,20}$/;\r\n var regex = /^(?=.*?[#?!@$%^&*-])^(?=.*?[a-z])^(?=.*?[A-Z])^.{8,20}/;\r\n return regex.test(value);\r\n },\r\n\r\n isPasswordLogin(value) {\r\n //var regex = /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,20}$/; old\r\n var regex = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=\\S+$).{8,20}$/;\r\n return regex.test(value);\r\n },\r\n\r\n isRequired(value) {\r\n return !!value;\r\n },\r\n\r\n isEmail(value) {\r\n var args = [];\r\n args.push(value);\r\n var _validatorEmail = validator[\"isEmail\"];\r\n var _isValidEmail = _validatorEmail.apply(null, args);\r\n\r\n return _isValidEmail;\r\n },\r\n\r\n isEqual(value, comparison) {\r\n return (value === comparison);\r\n },\r\n\r\n isEmpty(value) {\r\n return value.toString().trim() !== \"\";\r\n },\r\n\r\n isID(value, pattern) {\r\n const regex = pattern || /[^\\w\\d]|_/;\r\n return !regex.test(value);\r\n }\r\n};\r\n\r\nclass MForm extends Component {\r\n\r\n static erroHelperText = {\r\n \"isRequired\": Config.lang(\"Truong_nay_bat_buoc_nhap\"),\r\n \"isName\": Config.lang(\"Truong_nay_khong_hop_le\"),\r\n \"isPhone\": Config.lang(\"So_dien_thoai_khong_hop_le\"),\r\n \"isPassword\": Config.lang(\"Truong_nay_khong_hop_le\"),\r\n \"isPasswordLogin\": Config.lang(\"Truong_nay_khong_hop_le\"),\r\n \"isEmail\": Config.lang(\"Email_khong_hop_le\"),\r\n \"isEqual\": Config.lang(\"Cac_truong_khong_bang_nhau\"),\r\n \"isEmpty\": Config.lang(\"Truong_nay_bat_buoc_nhap\"),\r\n \"isID\": Config.lang(\"Ma_co_ky_tu_khong_hop_le\"),\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n let { data } = this.props;\r\n let state = {};\r\n data.forEach((i) => {\r\n state[i.id] = {\r\n isNull: (i.validator === 'isNull'),\r\n validate: null,\r\n value: (i.def_value !== '') ? i.def_value : \"\",\r\n def_value: (i.def_value !== '') ? i.def_value : \"\",\r\n type: i.type\r\n };\r\n });\r\n this.state = state;\r\n // console.log(state);\r\n }\r\n\r\n static _getResources = () => {\r\n if (!Config.localization) {\r\n let cfLocalize = null;\r\n let lang = Config.getLocalStorage(\"langDHR\");\r\n if (!lang || lang.length !== 2) {\r\n lang = \"vi\";\r\n Config.setLocalStorage('langDHR', 'vi');\r\n }\r\n try {\r\n const lc = Config.getLocalStorage('LOCALIZE');\r\n cfLocalize = lc ? JSON.parse(lc) : null;\r\n\r\n } catch (e) {\r\n\r\n }\r\n Config.localization = new LocalizedStrings(cfLocalize);\r\n Config.localization.setLanguage(lang);\r\n }\r\n\r\n this.erroHelperText = {\r\n \"isRequired\": Config.lang(\"Truong_nay_bat_buoc_nhap\"),\r\n \"isName\": Config.lang(\"Truong_nay_khong_hop_le\"),\r\n \"isPhone\": Config.lang(\"So_dien_thoai_khong_hop_le\"),\r\n \"isPassword\": Config.lang(\"Truong_nay_khong_hop_le\"),\r\n \"isPasswordLogin\": Config.lang(\"Truong_nay_khong_hop_le\"),\r\n \"isEmail\": Config.lang(\"Email_khong_hop_le\"),\r\n \"isEqual\": Config.lang(\"Cac_truong_khong_bang_nhau\"),\r\n \"isEmpty\": Config.lang(\"Truong_nay_bat_buoc_nhap\"),\r\n \"isID\": Config.lang(\"Ma_co_ky_tu_khong_hop_le\"),\r\n };\r\n };\r\n\r\n static formValidation = (validate) => {\r\n this._getResources();\r\n const errorText = this.erroHelperText;\r\n let results = {};\r\n if (validate) {\r\n validate.forEach((v) => {\r\n /**\r\n * @param name: string\r\n * @param rules: array\r\n * @param value: string\r\n */\r\n if (v.name) {\r\n const rules = !Array.isArray(v.rules) ? [v.rules] : v.rules;\r\n for (let r of rules) {\r\n let isValid = true;\r\n switch (r) {\r\n case \"isRequired\":\r\n const parseValueType = Number.isInteger(v.value) ? v.value.toString() : v.value;\r\n isValid = validatorExt.isRequired(parseValueType);\r\n if (!isValid) {\r\n results = {\r\n ...results,\r\n [v.name]: errorText.isRequired\r\n };\r\n }\r\n break;\r\n case \"isName\":\r\n isValid = validatorExt.isName(v.value);\r\n if (!isValid) {\r\n results = {...results, [v.name]: errorText.isName};\r\n }\r\n break;\r\n case \"isPhone\":\r\n isValid = validatorExt.isPhone(v.value);\r\n if (!isValid) {\r\n results = {...results, [v.name]: errorText.isPhone};\r\n }\r\n break;\r\n case \"isPassword\":\r\n isValid = validatorExt.isPassword(v.value);\r\n if (!isValid) {\r\n results = {...results, [v.name]: errorText.isPassword};\r\n }\r\n break;\r\n case \"isPasswordLogin\":\r\n isValid = validatorExt.isPasswordLogin(v.value);\r\n if (!isValid) {\r\n results = {...results, [v.name]: errorText.isPasswordLogin};\r\n }\r\n break;\r\n case \"isEmail\":\r\n isValid = validatorExt.isEmail(v.value);\r\n if (!isValid) {\r\n results = {...results, [v.name]: errorText.isEmail};\r\n }\r\n break;\r\n case \"isEqual\":\r\n isValid = validatorExt.isEqual(v.value1, v.value2);\r\n if (!isValid) {\r\n results = {...results, [v.name]: errorText.isEqual};\r\n }\r\n break;\r\n case \"isEmpty\":\r\n isValid = validatorExt.isEmpty(v.value);\r\n if (!isValid) {\r\n results = {...results, [v.name]: errorText.isEmpty};\r\n }\r\n break;\r\n case \"isID\":\r\n isValid = validatorExt.isID(v.value, v.pattern);\r\n if (!isValid) {\r\n results = {...results, [v.name]: errorText.isID};\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n if (!isValid) break;\r\n }\r\n }\r\n });\r\n }\r\n return results;\r\n };\r\n\r\n static isRequired = (value, name) => {\r\n this._getResources();\r\n const errorText = this.erroHelperText;\r\n if (name) {\r\n const isValid = validatorExt.isRequired(value);\r\n return {[name]: !isValid ? errorText.isRequired : \"\"};\r\n }\r\n return false;\r\n };\r\n\r\n static isName = (value, name) => {\r\n this._getResources();\r\n const errorText = this.erroHelperText;\r\n if (name) {\r\n const isValid = validatorExt.isName(value);\r\n return {[name]: !isValid ? errorText.isName : \"\"};\r\n }\r\n return false;\r\n };\r\n\r\n static isPhone = (value, name) => {\r\n this._getResources();\r\n const errorText = this.erroHelperText;\r\n if (name) {\r\n const isValid = validatorExt.isPhone(value);\r\n return {[name]: !isValid ? errorText.isPhone : \"\"};\r\n }\r\n return false;\r\n };\r\n\r\n static isPassword = (value, name) => {\r\n this._getResources();\r\n const errorText = this.erroHelperText;\r\n if (name) {\r\n const isValid = validatorExt.isPassword(value);\r\n return {[name]: !isValid ? errorText.isPassword : \"\"};\r\n }\r\n return false;\r\n };\r\n\r\n static isPasswordLogin = (value, name) => {\r\n this._getResources();\r\n const errorText = this.erroHelperText;\r\n if (name) {\r\n const isValid = validatorExt.isPasswordLogin(value);\r\n return {[name]: !isValid ? errorText.isPasswordLogin : \"\"};\r\n }\r\n return false;\r\n };\r\n\r\n static isEmail = (value, name) => {\r\n this._getResources();\r\n const errorText = this.erroHelperText;\r\n if (name) {\r\n const isValid = validatorExt.isEmail(value);\r\n return {[name]: !isValid ? errorText.isEmail : \"\"};\r\n }\r\n return false;\r\n };\r\n\r\n static isEqual = (value, name) => {\r\n this._getResources();\r\n const errorText = this.erroHelperText;\r\n if (name) {\r\n const isValid = validatorExt.isEqual(value);\r\n return {[name]: !isValid ? errorText.isEqual : \"\"};\r\n }\r\n return false;\r\n };\r\n\r\n static isEmpty = (value, name) => {\r\n const errorText = this.erroHelperText;\r\n if (name) {\r\n const isValid = validatorExt.isEmpty(value);\r\n if (!isValid)\r\n return {[name]: !isValid ? errorText.isEmpty : \"\"};\r\n }\r\n return false;\r\n };\r\n\r\n static isID = (value, name, pattern) => {\r\n const errorText = this.erroHelperText;\r\n if (name) {\r\n const isValid = validatorExt.isID(value, pattern);\r\n if (!isValid)\r\n return {[name]: !isValid ? errorText.isID : \"\"};\r\n }\r\n return false;\r\n };\r\n\r\n render() {\r\n let { data } = this.props;\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default MForm;","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author TRIHAO\r\n * @create 10/29/2019\r\n * @Example \r\n */\r\n\r\nimport React, {Component} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport SwipeableViews from \"react-swipeable-views\";\r\nimport {Typography, Box} from \"@material-ui/core\";\r\n\r\nlet currentKeyTab = 0;\r\nlet lazyLoaded = false;\r\nclass TabContent extends Component {\r\n\r\n onChangeIndex = (e) => {\r\n if (this.props.onChangeIndex) {\r\n this.props.onChangeIndex(e);\r\n }\r\n };\r\n\r\n render() {\r\n const {className, activeKey, children, style, direction, disableSwipe, disableTranstion, lazyLoading} = this.props;\r\n currentKeyTab = activeKey;\r\n lazyLoaded = lazyLoading;\r\n return (\r\n \r\n
\r\n \r\n {isLoading && }\r\n {filePath && fileType && this.getViewer(filePath, fileType)}\r\n
\r\n );\r\n }\r\n}\r\n\r\nFileViewer.propTypes = {\r\n fileName: PropTypes.string,\r\n filePath: PropTypes.string.isRequired,\r\n fileType: PropTypes.string.isRequired,\r\n width: PropTypes.any,\r\n height: PropTypes.any,\r\n style: PropTypes.any,\r\n className: PropTypes.string,\r\n viewerProps: PropTypes.any,\r\n\r\n onClose: PropTypes.func,\r\n};\r\n\r\nexport default withStyles(styles)(FileViewer);\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author TRIHAO\r\n * @create 11/14/2019\r\n * @Example\r\n */\r\n\r\nimport React, {PureComponent} from 'react';\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport {DropDownBox, TreeView} from \"devextreme-react\";\r\nimport {bindActionCreators, compose} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport * as w00f0010Actions from \"../../../redux/W0X/W00F0010/W00F0010_actions\";\r\nimport * as generalActions from \"../../../redux/general/general_actions\";\r\nimport Config from \"../../../config\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\n\r\nclass DropdownTreeview extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n shrink: props.value && props.value.length > 0,\r\n opened: false,\r\n treeBoxValue: props.value,\r\n dataSource: [],\r\n disableNodes: new Set(),\r\n selectFirstNode: true\r\n };\r\n }\r\n\r\n loadDataOrgChart = () => {\r\n this.props.generalActions.getOrgCharts({}, (error, data) => {\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n if (data) {\r\n const dataSource = this._generateDataOrg(data, \"OrgChartID\", \"OrgChartParentID\");\r\n this.setState({ dataSource: dataSource });\r\n }\r\n });\r\n };\r\n\r\n componentDidMount() {\r\n const { typeDefault, value, selectionMode } = this.props;\r\n const { dataSource } = this.state;\r\n\r\n if (typeDefault === 'organizational') {\r\n this.loadDataOrgChart();\r\n const newDisableNodes = new Set();\r\n if (selectionMode === 'multiple' && value?.length > 0) {\r\n value.forEach(item => {\r\n const parentArr = this.getParentIDs(dataSource, item);\r\n const childArr = this.getChildIDs(dataSource, item);\r\n parentArr.forEach(i => newDisableNodes.add(i));\r\n childArr.forEach(i => newDisableNodes.add(i));\r\n });\r\n this.setState({ disableNodes: newDisableNodes });\r\n }\r\n }\r\n }\r\n\r\n syncTreeViewSelection = (e) => {\r\n const {selectionMode, onValueChanged} = this.props;\r\n let treeView = (e.component.selectItem && e.component) || (this.treeView && this.treeView.instance);\r\n\r\n if (treeView) {\r\n if (e.value === null) {\r\n this.setState({treeBoxValue: selectionMode === 'single' ? '' : [], disableNodes: new Set()}, () => {\r\n treeView.unselectAll();\r\n });\r\n } else {\r\n let values = e.value || this.state.treeBoxValue;\r\n // values = !Array.isArray(values) ? [values] : values;\r\n // values && values.forEach(function(value) {\r\n treeView.selectItem(values);\r\n // });\r\n }\r\n\r\n }\r\n\r\n if (onValueChanged) {\r\n if (onValueChanged) onValueChanged(e, e.value ? e.value : (selectionMode === \"multiple\" ? [] : null));\r\n }\r\n\r\n if (e.value !== undefined) {\r\n this.setState({\r\n treeBoxValue: e.value\r\n });\r\n }\r\n };\r\n\r\n treeViewSelectionChanged = (e) => {\r\n const { selectionMode, closeWhenSelected, onValueChanged, disabledParentAndChild } = this.props;\r\n const { dataSource } = this.state;\r\n \r\n let newDisableNodes = new Set();\r\n const selectedNodes = e.component.getSelectedNodes();\r\n\r\n if (selectedNodes && selectedNodes.length > 0) {\r\n selectedNodes.forEach(node => {\r\n if (node.parent) {\r\n newDisableNodes.add(node.parent.key);\r\n const parentArr = this.getParentIDs(dataSource, node.parent.key);\r\n parentArr.forEach(i => {\r\n newDisableNodes.add(i);\r\n });\r\n }\r\n const childNodes = this.getChildNodes(node);\r\n childNodes.forEach(i => {\r\n newDisableNodes.add(i);\r\n });\r\n })\r\n }\r\n\r\n this.setState({\r\n selectFirstNode: false,\r\n disableNodes: newDisableNodes,\r\n shrink: e.component.getSelectedNodesKeys().length > 0,\r\n treeBoxValue: e.component.getSelectedNodesKeys()\r\n }, () => {\r\n const _closeWhenSelected = typeof closeWhenSelected === \"undefined\" ? true : closeWhenSelected;\r\n if ((!selectionMode || selectionMode === \"single\") && _closeWhenSelected) {\r\n this.dropdownBox.instance.close();\r\n }\r\n if (disabledParentAndChild) {\r\n const seletedNode = e?.node?.key ?? e?.itemElement ?? e?.itemData;\r\n setTimeout(() => {\r\n e.component.scrollToItem(seletedNode);\r\n }, 0);\r\n }\r\n });\r\n if (e.event && onValueChanged) {\r\n if (onValueChanged) onValueChanged(e, e.component.getSelectedNodesKeys());\r\n }\r\n };\r\n\r\n getParentIDs = (dataSource, id) => {\r\n let arr = [];\r\n const crt = dataSource.find(i => i.OrgChartID === id);\r\n if (crt?.OrgChartParentID) arr = [crt?.OrgChartParentID, ...this.getParentIDs(dataSource, crt?.OrgChartParentID)];\r\n return arr;\r\n };\r\n\r\n getChildIDs = (dataSource, id) => {\r\n return dataSource.reduce((arr, i) => arr.concat(i.OrgChartParentID === id ? [i.OrgChartID, ...this.getChildIDs(dataSource, i.OrgChartID)] : []), []);\r\n };\r\n\r\n getChildNodes = (node) => {\r\n let arr = [];\r\n if (node.children.length > 0) {\r\n node.children.forEach(i => {\r\n arr = arr.concat(i.key, this.getChildNodes(i));\r\n });\r\n }\r\n return arr;\r\n };\r\n\r\n treeView_onContentReady = (e) => {\r\n const { selectionMode, disabledParentAndChild } = this.props;\r\n const { treeBoxValue, selectFirstNode } = this.state;\r\n if (selectionMode === 'single') {\r\n e.component.selectItem(treeBoxValue);\r\n }\r\n else if (selectionMode === 'multiple' && disabledParentAndChild && selectFirstNode) {\r\n if(treeBoxValue && treeBoxValue.length > 0) {\r\n e.component.scrollToItem(treeBoxValue[0]);\r\n }\r\n }\r\n };\r\n\r\n _generateDataOrg = (dataSource, valueExpr, parentIdExpr) => {\r\n return dataSource.map((e) => {\r\n if (e[valueExpr] && e[parentIdExpr] && e[valueExpr] === e[parentIdExpr]) {\r\n delete e[parentIdExpr];\r\n e.expanded = true;\r\n } else if (!e[parentIdExpr]) {\r\n e.expanded = true;\r\n }\r\n return e;\r\n });\r\n };\r\n\r\n onOpened = () => {\r\n this.setState({\r\n opened: true,\r\n selectFirstNode: true\r\n });\r\n };\r\n\r\n onClosed = () => {\r\n this.setState({\r\n opened: false\r\n });\r\n };\r\n\r\n onFocusIn = () => {\r\n this.setState({\r\n shrink: !!this.state.treeBoxValue,\r\n });\r\n };\r\n\r\n onFocusOut = () => {\r\n this.setState({\r\n shrink: !!this.state.treeBoxValue,\r\n });\r\n };\r\n\r\n _mapDataSelected = (dataSource, valueExpr) => {\r\n if (!dataSource) return dataSource;\r\n const {treeBoxValue} = this.state;\r\n return dataSource.map(d => {\r\n if (treeBoxValue?.includes(d[valueExpr])) {\r\n d.selected = true;\r\n }\r\n return d;\r\n });\r\n };\r\n\r\n disableParentAndChild = (dataSource) => {\r\n if (!dataSource) return dataSource;\r\n\r\n const { disableNodes } = this.state;\r\n const disableNodesArr = [...disableNodes];\r\n\r\n if (dataSource?.length > 0) {\r\n dataSource.forEach(i => {\r\n if (disableNodesArr?.length > 0 && disableNodesArr.includes(i.OrgChartID)) {\r\n i.Disabled = 1;\r\n i.expanded = 1;\r\n }\r\n });\r\n }\r\n\r\n return dataSource;\r\n };\r\n\r\n\r\n render() {\r\n const {typeDefault, searchEnabled,searchEditorOptions, label,\r\n showClearButton, stylingMode, height, selectionMode, showCheckBoxesMode, selectNodesRecursive, selectByClick,\r\n className, dropdownProps, listProps, InputLabelProps, disabledParentAndChild\r\n } = this.props;\r\n let {keyExpr, valueExpr, displayExpr, parentIdExpr, disabledExpr, placeholder, dataSource} = this.props;\r\n const {opened, shrink, treeBoxValue, dataSource : _dataSource} = this.state;\r\n\r\n if (typeDefault === 'organizational') {\r\n valueExpr = valueExpr ? valueExpr : \"OrgChartID\";\r\n keyExpr = keyExpr ? keyExpr : valueExpr;\r\n displayExpr = displayExpr ? displayExpr : \"OrgName\";\r\n parentIdExpr = parentIdExpr ? parentIdExpr : \"OrgChartParentID\";\r\n disabledExpr = disabledExpr ? disabledExpr : \"Disabled\";\r\n dataSource = _dataSource;\r\n }\r\n let handleDataSource = this._mapDataSelected(JSON.parse(JSON.stringify(dataSource)), valueExpr);\r\n \r\n if (selectionMode === 'multiple' && disabledParentAndChild) {\r\n handleDataSource = this.disableParentAndChild([...handleDataSource]);\r\n }\r\n\r\n return (\r\n {renderEmployee(e)}
;\r\n // [is Object] render from data is object\r\n } else {\r\n return (\r\n \r\n \r\n {Config.convertDate(dataRow?.CreateDate, null, \"DD/MM/YYYY, HH:mm:ss\")}\r\n \r\n
\r\n \r\n {renderInfo(e)}
;\r\n // [is Object] render from data is object\r\n } else if (renderInfo instanceof Object) {\r\n return _renderInfoObject(dataInfo, renderInfo);\r\n // [is String] render one line from key (default field is Notes).\r\n } else if (renderInfo) {\r\n return (\r\n \r\n \r\n {key || \" \"}:\r\n \r\n \r\n {dataInfo[renderInfo[key]] ?? \"\"}\r\n \r\n
\r\n );\r\n })}\r\n \r\n );\r\n };\r\n /**\r\n * render Column Status\r\n * @param e.row.data {object}\r\n * @return {*}\r\n * @private\r\n */\r\n const _renderAppStatus = e => {\r\n const { data: dataAppStatus } = e.row;\r\n const status =\r\n dataStatus?.find(rs => Number(rs.AppStatusID) === Number(dataAppStatus.AppStatusID)) || dataStatus;\r\n return \r\n {Object.keys(btnActionList).map(key => {\r\n const { action, isShow, tooltip, ...rest } = btnActionList[key];\r\n if (!isShow || listBtnSpecial.find(i => i.name === key)) return null;\r\n return (\r\n \r\n action?.(e)}\r\n {...rest}\r\n />\r\n \r\n );\r\n })}\r\n {(btnActionList.Approval?.isShow || btnActionList.Reject?.isShow) && (\r\n
\r\n );\r\n };\r\n\r\n /**\r\n * render Row with Mobile Display\r\n * */\r\n const _renderMobile = e => {\r\n return (\r\n \r\n {_renderAppStatus(e)}\r\n {_renderAction(e)}\r\n
\r\n \r\n {renderFilter()}
}\r\n\r\n {/*popup History*/}\r\n {showW84F3005.isShowing && (\r\n \r\n {anchor.map((item, index) => {\r\n if (!item) return null;\r\n const infoButton = dataButton.find(info => info.key === item);\r\n return (\r\n setActionName(item)}\r\n />\r\n );\r\n })}\r\n
\r\n );\r\n\r\n return (\r\n <>\r\n \r\n\r\n
\r\n 80 ? classes.pdToolbarMobile : classes.pdToolbar} ${className} ${allwaysTop ? classes.onTop : ''}`}\r\n id={\"action-toolbar\"}\r\n ref={el=>{\r\n if (!el) return;\r\n\r\n // if allwaysTop is undefined then check is inside modal|tooltip|popup|popover\r\n if(typeof this.props.allwaysTop === 'undefined') this.isPopup(el);\r\n\r\n this.detectHeight(el);\r\n }}\r\n style={{\r\n ...customStyle,\r\n ...style,\r\n minHeight: spacing(14)\r\n }}>\r\n\r\n {(title || onBack) &&\r\n \r\n {onBack &&\r\n
\r\n \r\n {children &&\r\n
\r\n \r\n {children}\r\n
\r\n }\r\n {/* end group */}\r\n {endGroup &&\r\n \r\n {endGroup}\r\n
\r\n }\r\n \r\n
\r\n );\r\n };\r\n\r\n render() {\r\n const {value, shrink, opened} = this.state;\r\n const {\r\n label, style, className, margin, classes, name, multiple, error, helperText,\r\n height, placeholder, dataSource, stylingMode, showClearButton, acceptCustomValue,\r\n openOnFieldClick, showDropDownButton, disabled, noDataText, displayExpr, valueExpr,\r\n InputLabelProps, selectProps, searchEnabled, searchExpr, searchMode, itemRender, fieldRender,\r\n wrapItemText, required, loading, reference\r\n } = this.props;\r\n\r\n const variant = stylingMode === 'underlined' ? \"standard\" : (stylingMode === 'filled' ? 'filled' : 'outlined');\r\n const _shrink = (Array.isArray(value) ? value.length > 0 : !Config.isEmpty(value, false)) || shrink || opened;\r\n\r\n return (\r\n \r\n \r\n \r\n {Config.lang(\"Ghi_chu\")}\r\n \r\n \r\n\r\n \r\n {!notes && errorNote ? errorNote : \"\"} \r\n \r\n {isAttachment && \r\n (this.attRef = ref)}\r\n showButton={true}\r\n files={this.dataOldAttachments}\r\n disabled={allowAttachment}\r\n maxLength={5}\r\n uploading={uploading}\r\n onUploading={this.onUploading}\r\n onChanged={this.onChangeAttachments}\r\n />\r\n }\r\n
\r\n \r\n \r\n {isAttachment && {\r\n if (this.attRef) {\r\n this.attRef.onAttachment();\r\n }\r\n }}\r\n variant=\"contained\"\r\n color=\"default\"\r\n className={classes.buttonAttachment}\r\n startIcon={ {\r\n const { onApproval, onConfirm } = this.props;\r\n if (onApproval) onApproval(this.state.notes);\r\n else if (onConfirm) {\r\n onConfirm(this.state.notes,isAttachment && this._getAttachments());\r\n this._removeCDN();\r\n };\r\n }}\r\n />\r\n )}\r\n {type === \"cancel\" && (\r\n {\r\n const { onCancel } = this.props;\r\n if (onCancel) onCancel(this.state.notes);\r\n }}\r\n />\r\n )}\r\n
\r\n \r\n {(title || onClose) && \r\n {title} \r\n }\r\n {!!title && \r\n {component && component}\r\n {!component && children}\r\n }\r\n {isContentWrapper && <>\r\n {component && component}\r\n {!component && children}\r\n }\r\n
\r\n \r\n \r\n {type === \"file\" &&\r\n <>\r\n this.onDownload(download)}>\r\n \r\n this.onNewTab(download)} >\r\n \r\n \r\n }\r\n \r\n \r\n
\r\n \r\n \r\n {label && \r\n {label}\r\n }\r\n {!value || typeof value === \"string\" || typeof value === \"number\" ? (\r\n
\r\n );\r\n }\r\n}\r\n\r\nLabelText.propTypes = {\r\n label: propTypes.node,\r\n value: propTypes.any,\r\n inputProps: propTypes.any,\r\n multiline: propTypes.bool,\r\n fullWidth: propTypes.bool,\r\n color: propTypes.string,\r\n margin: propTypes.string,\r\n onChange: propTypes.func,\r\n startAdornment: propTypes.node,\r\n style: propTypes.object,\r\n className: propTypes.string,\r\n allowPadding: propTypes.bool,\r\n rowsMax: propTypes.number,\r\n\r\n};\r\n\r\nexport default compose(withStyles(styles, {withTheme: true}))(LabelText)\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport {FormControl, FormHelperText, InputLabel} from \"@material-ui/core\";\r\nimport { DateBox } from 'devextreme-react/date-box';\r\nimport moment from \"moment\";\r\n\r\nclass DateBoxPicker extends React.Component{\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n shrink: Array.isArray(props.value) ? props.value.length > 0 : !!props.value || props.shrink,\r\n value: this.checkMoment(props.value),\r\n };\r\n }\r\n\r\n checkMoment = (value, formatReturn = \"YYYY-MM-DD\") => {\r\n if (value && moment(value).isValid() && formatReturn) {\r\n return moment(value).format(formatReturn);\r\n }\r\n return null;\r\n };\r\n\r\n onFocusIn = () => {\r\n this.setState({\r\n shrink: true,\r\n });\r\n };\r\n\r\n onFocusOut = () => {\r\n const {value} = this.state;\r\n this.setState({\r\n shrink: Array.isArray(value) ? value.length > 0 : !!value || this.props.shrink,\r\n });\r\n };\r\n\r\n onOpened = (e) => {\r\n const {onOpened} = this.props;\r\n if (onOpened) onOpened(e);\r\n };\r\n\r\n onClosed = (e) => {\r\n const {onClosed} = this.props;\r\n if (onClosed) onClosed(e);\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (prevProps.value !== this.props.value) {\r\n this.setState({value: this.checkMoment(this.props.value)});\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n const {defaultValue, value} = this.props;\r\n if (defaultValue && !value) {\r\n this.setState({\r\n value: this.checkMoment(defaultValue)\r\n })\r\n }\r\n }\r\n\r\n onValueChanged = (e) => {\r\n const {onValueChanged} = this.props;\r\n this.setState({\r\n value: this.checkMoment(e.value),\r\n shrink: Array.isArray(e.value) ? e.value.length > 0 : !!e.value || this.props.shrink\r\n });\r\n if (onValueChanged) onValueChanged(e);\r\n };\r\n\r\n render() {\r\n const {value, shrink} = this.state;\r\n let {label,className,disabled,onChange,width,style, stylingMode, margin, opened, min, max,\r\n onInput,placeholder,height,type,displayFormat,dateSerializationFormat, acceptCustomValue,\r\n InputLabelProps, dateBoxProps, openOnFieldClick, error, helperText, useMaskBehavior, showClearButton,\r\n required, hideIcon, styleForm\r\n } = this.props;\r\n\r\n const variant = stylingMode === 'underlined' ? \"standard\" : (stylingMode === 'filled' ? 'filled' : 'outlined');\r\n let buttons = [\r\n {\r\n name: \"clear\"\r\n },\r\n {\r\n name: \"dropDown\"\r\n }\r\n ];\r\n\r\n if (!hideIcon) buttons.push({\r\n name: \"iconcalendar\",\r\n location: \"before\",\r\n options: {\r\n style: {color: \"red\"},\r\n icon: require('../../../assets/images/icon-calendar.svg'),\r\n stylingMode: 'text',\r\n }\r\n });\r\n\r\n return (\r\n \r\n {typeof value === \"function\" ? value() : value}\r\n
\r\n )}\r\n \r\n {`${Config.lang(\"Thoi_gian\")}:`} {time}
\r\n {isSameDay && {`${Config.lang(\"Ngay\")}: `}\r\n {moment(data?.[keyFrom]).format(\"DD/MM/YYYY\")}
}\r\n \r\n /* eslint-disable */\r\n }, [data[keyFrom], data[keyTo]]);\r\n\r\n if (!data) return null;\r\n return (\r\n \r\n
\r\n );\r\n};\r\nMaintenance.propTypes = {\r\n /**\r\n * Accept object includes \"from\" and \"to\" (time)\r\n */\r\n data: PropTypes.object,\r\n};\r\n\r\nexport default Maintenance;\r\n","/**\r\n * @copyright 2022 @ DigiNet\r\n * @author TRANGHOANG\r\n * @create 04/01/2022\r\n * @Example\r\n */\r\n\r\nimport React, { useEffect, useRef, useState, useMemo, Fragment } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport Config from \"../../../config\";\r\n\r\nimport { Column } from \"devextreme-react/data-grid\";\r\nimport GridContainer from \"../../grid-container/grid-container\";\r\nimport * as generalActions from \"../../../redux/general/general_actions\";\r\nimport {\r\n Button,\r\n Icon,\r\n CircularProgress,\r\n Modal,\r\n ModalHeader,\r\n ModalFooter,\r\n ModalBody,\r\n Popover,\r\n PopoverBody,\r\n PopoverFooter,\r\n Typography,\r\n ButtonIcon,\r\n} from \"diginet-core-ui/components\";\r\nimport { useTheme, makeStyles } from \"diginet-core-ui/theme\";\r\nconst { spacing } = useTheme();\r\n\r\nconst useStyles = makeStyles(themes => ({\r\n box: {\r\n minWidth: spacing(7),\r\n },\r\n}));\r\n\r\nconst ApprovalMulti = props => {\r\n const {\r\n column,\r\n title = Config.lang(\"Qua_trinh_duyet_hang_loat\"),\r\n open,\r\n onClose,\r\n action,\r\n mode,\r\n FormID,\r\n keyExpr,\r\n dataSource,\r\n onConfirm,\r\n } = props;\r\n\r\n const [indexApproval, setIndexApproval] = useState(0);\r\n const [stop, setStop] = useState(false);\r\n const [dataSourceGrid, setDataSourceGrid] = useState(dataSource || []);\r\n\r\n const gridRef = useRef();\r\n const refPopover = useRef([]);\r\n\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n\r\n useEffect(() => {\r\n if (indexApproval >= dataSource.length || stop) return;\r\n setTimeout(() => approval(indexApproval), 200);\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [indexApproval, stop]);\r\n\r\n useEffect(() => {\r\n setDataSourceGrid(dataSource);\r\n }, [dataSource]);\r\n\r\n const approval = idxItem => {\r\n const item = dataSourceGrid[idxItem];\r\n if (!item) return;\r\n const params = {\r\n ...item,\r\n FormID: FormID,\r\n Num01: +!mode,\r\n Num02: mode,\r\n Mode: mode + 1,\r\n Key01ID: item[keyExpr],\r\n };\r\n dispatch(\r\n action.approval(params, (err, dataApproval) => {\r\n const temp = [...dataSourceGrid];\r\n temp[idxItem] = {\r\n ...temp[idxItem],\r\n Status: dataApproval.Status ?? 1,\r\n MsgAsk: dataApproval.MsgAsk ?? 0,\r\n Message: dataApproval?.Message ?? dataApproval?.message,\r\n };\r\n if (dataApproval?.code) temp[idxItem].Code = dataApproval?.code || \"\";\r\n setDataSourceGrid(temp);\r\n\r\n // if (idxItem + 1 < dataSource.length) {\r\n setIndexApproval(indexApproval + 1);\r\n })\r\n );\r\n };\r\n\r\n const confirmApproval = e => {\r\n const { rowIndex } = e;\r\n const data = dataSourceGrid[rowIndex];\r\n const params = {\r\n ...data,\r\n FormID: FormID,\r\n Approval: +!mode,\r\n NotApproval: mode,\r\n TransID: data[keyExpr],\r\n code: data.Code,\r\n Mode: mode + 1,\r\n };\r\n dispatch(\r\n action.confirmApproval(params, (err, dataApproval) => {\r\n const temp = [...dataSourceGrid];\r\n temp[rowIndex] = {\r\n ...temp[rowIndex],\r\n Status: dataApproval.Status,\r\n MsgAsk: dataApproval.MsgAsk,\r\n Message: dataApproval?.Message ?? dataApproval?.message,\r\n };\r\n setDataSourceGrid(temp);\r\n })\r\n );\r\n };\r\n\r\n const _onClose = () => {\r\n if (indexApproval < dataSourceGrid.length) {\r\n setStop(true);\r\n Config.popup.show(\r\n \"YES_NO\",\r\n Config.lang(\"Con_phieu_dang_trong_qua_trinh_duyet._Ban_co_chac_muon_dung_lai_khong?\"),\r\n // YES\r\n () => {\r\n onClose && onClose();\r\n },\r\n //NO\r\n () => {\r\n setStop(false);\r\n },\r\n // CLOSE\r\n () => {\r\n setStop(false);\r\n }\r\n );\r\n } else {\r\n onClose && onClose();\r\n }\r\n };\r\n\r\n const renderStatus = e => {\r\n const { Status, MsgAsk, Message } = e?.data || {};\r\n const { rowIndex } = e;\r\n\r\n let nameIcon = \"\";\r\n let color = \"\";\r\n\r\n switch (Status) {\r\n case -1:\r\n //netword error\r\n nameIcon = \"Refresh\";\r\n color = \"danger\";\r\n break;\r\n case 0:\r\n //success\r\n nameIcon = \"ApprovalFilled\";\r\n color = \"success\";\r\n break;\r\n case 1:\r\n if (MsgAsk === 1) {\r\n // confirm approval\r\n nameIcon = \"Warning\";\r\n color = \"warning\";\r\n } else {\r\n // fail\r\n nameIcon = \"CancelFilled\";\r\n color = \"red\";\r\n }\r\n break;\r\n default:\r\n nameIcon = \"Loading\";\r\n color = \"\";\r\n break;\r\n }\r\n return (\r\n \r\n \r\n \r\n {Config.lang(\"Thong_baoU\") + \"!\"}
\r\n \r\n {Config.lang(\"He_thong_dang_trong_qua_trinh_nang_cap\")}
\r\n {Config.lang(\"Vui_long_truy_cap_sau\")}\r\n \r\n \r\n
\r\n \r\n \r\n {Config.lang(\"He_thong_dang_trong_qua_trinh_nang_cap\")}
\r\n {Config.lang(\"Vui_long_truy_cap_sau\")}\r\n \r\n \r\n
\r\n {renderTime()}\r\n
\r\n \r\n {Config.lang(\"Xin_cam_on\")}\r\n
\r\n \r\n {nameIcon === \"Loading\" ? (\r\n {\r\n gridRef.current.instance.cellValue(e.rowIndex, \"Status\", null);\r\n gridRef.current.instance.saveEditData();\r\n confirmApproval(e);\r\n }}\r\n />\r\n ) : (\r\n {\r\n refPopover.current[rowIndex] = ref;\r\n }}\r\n // open={nameIcon===\"ApprovalFilled\" ? false : undefined}\r\n width={480}\r\n anchor={\r\n this.onCopyRow(e)}\r\n />\r\n }\r\n anchorOrigin={{\r\n vertical: \"bottom\",\r\n horizontal: \"right\",\r\n }}\r\n transformOrigin={{\r\n vertical: \"top\",\r\n horizontal: \"right\",\r\n }}\r\n >\r\n \r\n \r\n {nameIcon === \"Warning\" && (\r\n \r\n {\r\n confirmApproval(e);\r\n }}\r\n />\r\n {\r\n refPopover.current[rowIndex].close();\r\n }}\r\n />\r\n \r\n )}\r\n \r\n )}\r\n
\r\n );\r\n };\r\n\r\n const renderInfo = () => {\r\n const data = [\r\n {\r\n name: \"Warning\", //warning\r\n color: \"warning\",\r\n value: dataSourceGrid.filter(i => i.Status === 1 && i.MsgAsk === 1)?.length ?? 0,\r\n },\r\n {\r\n name: \"CancelFilled\", //fail\r\n color: \"danger\",\r\n value: dataSourceGrid.filter(i => i.Status === 1 && i.MsgAsk === 0)?.length ?? 0,\r\n },\r\n {\r\n name: \"ApprovalFilled\", //success\r\n color: \"success\",\r\n value: dataSourceGrid.filter(i => i.Status === 0)?.length ?? 0,\r\n },\r\n {\r\n value: `${Config.lang(\"Tong\")}: ${dataSourceGrid?.length ?? 0}`, //tổng\r\n },\r\n ];\r\n return (\r\n \r\n \r\n {nameIcon === \"ApprovalFilled\"\r\n ? mode === 0\r\n ? Config.lang(\"Duyet_thanh_cong\")\r\n : Config.lang(\"Tu_choi_thanh_cong\")\r\n : Message}\r\n \r\n
\r\n \r\n {/*loading*/}\r\n \r\n {dataSourceGrid.filter(i => !Number.isInteger(i.Status))?.length ?? 0}\r\n \r\n\r\n {data.map((item, idx) => {\r\n return (\r\n \r\n {item.name && {item.value} \r\n \r\n );\r\n })}\r\n
\r\n );\r\n };\r\n\r\n return (\r\n \r\n
\r\n )\r\n};\r\n\r\nexport default compose(\r\n connect(null,\r\n (dispatch) => ({\r\n W00F6000Actions: bindActionCreators(W00F6000Actions, dispatch),\r\n })\r\n ),\r\n)(Communication);\r\n\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author TRIHAO\r\n * @create 6/8/2020\r\n * @Example\r\n */\r\n\r\n\r\nimport React from \"react\";\r\nimport propTypes from \"prop-types\";\r\nimport {compose} from \"redux\";\r\nimport Config from \"../../../config\";\r\nimport {Avatar, Tooltip} from \"diginet-core-ui/components\";\r\nimport _ from \"lodash\";\r\nclass UserImage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n }\r\n\r\n render() {\r\n const {\r\n src,\r\n data,\r\n valueExpr,\r\n keyExpr,\r\n fieldImage,\r\n allowHover,\r\n renderItemHover,\r\n width,\r\n height,\r\n popoverOption,\r\n onClick,\r\n className,\r\n style\r\n } = this.props;\r\n let {user} = this.props;\r\n let popoverKey = [];\r\n \r\n const isShowEmployeeNameOnly = !popoverOption.showDepartment &&\r\n !popoverOption.showProject &&\r\n !popoverOption.showDuty &&\r\n !popoverOption.showDateJoined;\r\n\r\n if(isShowEmployeeNameOnly) {\r\n popoverKey = [\"EmployeeName\"];\r\n }\r\n else {\r\n popoverOption.showDepartment && popoverKey.push(\"DepartmentName\");\r\n popoverOption.showProject && popoverKey.push(\"ProjectName\");\r\n popoverOption.showDuty && popoverKey.push(\"DutyName\");\r\n popoverOption.showDateJoined && popoverKey.push(\"DateJoined\");\r\n }\r\n //get resource image...\r\n let avatar = src || user?.[fieldImage];\r\n if (data && !user) {\r\n user = Config.getUser({[valueExpr]: data[keyExpr]});\r\n if (!src) {\r\n avatar = data[fieldImage];\r\n if (avatar) {\r\n avatar = avatar.indexOf('http') < 0 ? Config.getCDNPath() + avatar : avatar;\r\n } else if (data[keyExpr]) {\r\n avatar = user?.[fieldImage] || \"\"\r\n }\r\n }\r\n }\r\n \r\n const infoAvatar = (!renderItemHover && !_.isEmpty(user)) ?\r\n Config.getInfoAvatar(user,popoverKey) :\r\n typeof renderItemHover === \"function\" ?\r\n renderItemHover(user) :\r\n renderItemHover;\r\n\r\n return !renderItemHover ? (\r\n \r\n \r\n {!data ? \"Loading...\" : data.Message} \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {component ? component : children}\r\n
\r\n ) : (\r\n \r\n \r\n {menu.MenuGroupName || \"\"}\r\n \r\n \r\n {menu.Description || \"\"}\r\n \r\n
\r\n this.onClickUser(data)}>\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nclass ItemMenu extends React.Component {\r\n onLink = () => {\r\n const { data } = this.props;\r\n if (!data.FormCall) return;\r\n\r\n if (data.link) {\r\n let url =\r\n Config.getSetting(\"WEB5_AUTH_URL\") +\r\n \"/login?auth=web5&username=\" +\r\n Config.profile.UserID +\r\n \"&token=\" +\r\n Config.profile.NewLogonToken +\r\n \"&redirect=\" +\r\n encodeURIComponent(Config.getSetting(\"WEB5_AUTH_URL\") + \"/\" + data.link);\r\n // let url = Config.getSetting(\"WEB5_AUTH_URL\")+\"/login?auth=web5&username=\"+Config.profile.UserID+\"&token=\"+Config.profile.NewLogonToken+\"&redirect=\"+(Config.getSetting('WEB5_AUTH_URL')+'/'+data.link);\r\n window.open(url, \"_self\");\r\n return;\r\n }\r\n\r\n const parameter = data.Parameters ? JSON.parse(data.Parameters) : {};\r\n const params = {\r\n menu: data,\r\n ...parameter,\r\n };\r\n browserHistory.push({\r\n pathname: Config.getRootPath() + data.FormCall,\r\n state: params,\r\n });\r\n };\r\n\r\n render() {\r\n const { data, dataBadge } = this.props;\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n {label}
\r\n \r\n
\r\n \r\n {user && user.DepartmentName ? user.DepartmentName : \"\"}\r\n
\r\n {IsUseProject === 1 && user && user.ProjectName && (\r\n \r\n {`${Config.lang(\"Du_an\")}: `}\r\n \r\n {user && user.ProjectName ? user.ProjectName : \"\"}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {data.FormDesc || data.name}\r\n \r\n {!!dataBadge?.NumWaitApproval && (\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default compose(\r\n connect(\r\n state => ({\r\n getListEOffice: state.home.getListEOffice,\r\n currentModule: state.home.currentModule,\r\n loadSetting: state.general.loadSetting,\r\n badgeNumber: state.home.badgeNumber,\r\n }),\r\n dispatch => ({\r\n homeActions: bindActionCreators(homeActions, dispatch),\r\n generalActions: bindActionCreators(generalActions, dispatch),\r\n })\r\n )\r\n)(Dashboard);\r\n","import React, { Component } from 'react';\r\nimport { FormHelperText } from \"@material-ui/core\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Config from '../../../config/index';\r\nimport InlineSVG from 'react-inlinesvg'\r\nimport PropTypes from \"prop-types\";\r\nimport UserImage from \"../user/user-image\";\r\nclass CbEmployees extends Component {\r\n itemRenderCbEmployees = (e) => {\r\n const {valueExpr, displayExpr, avatarHover, hiddenName, fieldRender} = this.props;\r\n if (fieldRender) return fieldRender(e);\r\n return (\r\n \r\n
\r\n )\r\n };\r\n render() {\r\n const {\r\n label, style, margin, error, helperText, disabled, InputLabelProps, required, loading, value, onClick,\r\n className\r\n } = this.props;\r\n let disabledColor = disabled ? '1px solid #8F9BB3' : '1px solid #222B45';\r\n return (\r\n \r\n \r\n
\r\n {!hiddenName && {e[displayExpr]} }\r\n \r\n \r\n {label &&\r\n {label}}\r\n {typeof error === \"string\" && (Array.isArray(value) ? value.length <= 0 : Config.isEmpty(value, true)) ? error : helperText} \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCbEmployees.propTypes = {\r\n valueExpr: PropTypes.string,\r\n displayExpr: PropTypes.string,\r\n avatarHover: PropTypes.bool,\r\n hiddenName: PropTypes.bool,\r\n label: PropTypes.string,\r\n style: PropTypes.object,\r\n margin: PropTypes.any,\r\n error: PropTypes.any,\r\n helperText: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n InputLabelProps: PropTypes.object,\r\n required: PropTypes.bool,\r\n loading: PropTypes.bool,\r\n value: PropTypes.any,\r\n className: PropTypes.string,\r\n\r\n onClick: PropTypes.func,\r\n fieldRender: PropTypes.func\r\n};\r\n\r\nexport default CbEmployees;\r\n","\r\n/**\r\n * @copyright 2020 @ DigiNet\r\n * @author CANHTOAN\r\n * @create 07/23/2020\r\n * @Example\r\n */\r\n\r\nimport React, { Component } from 'react';\r\nimport PropTypes from \"prop-types\";\r\nimport { DateRange } from 'react-date-range';\r\nimport { vi, en } from 'react-date-range/dist/locale';\r\nimport { TextField } from \"@material-ui/core\";\r\nimport { Box } from \"@material-ui/core\";\r\nimport moment from 'moment';\r\nimport Config from '../../../config';\r\n\r\nimport 'react-date-range/dist/styles.css';\r\nimport 'react-date-range/dist/theme/default.css';\r\n\r\nconst styles = {\r\n dateRange: {\r\n zIndex: 10,\r\n position: 'absolute',\r\n top: 45\r\n },\r\n icon: {\r\n position: 'absolute',\r\n top: 20,\r\n right: 12,\r\n display: 'flex'\r\n }\r\n}\r\n\r\nclass DateRangeBox extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n DateRangeForm: [\r\n {\r\n startDate: new Date(),\r\n endDate : new Date(),\r\n key : 'selection'\r\n }\r\n ],\r\n displayDate: '',\r\n showDateRange: false,\r\n }\r\n \r\n this.DateRangeRef = React.createRef();\r\n }\r\n\r\n clearDateRange = () => {\r\n this.setState({\r\n DateRangeForm: [{\r\n startDate: null,\r\n endDate: null,\r\n key: 'selection'\r\n }],\r\n displayDate: '',\r\n }, () => {\r\n const { onChange, onClose } = this.props;\r\n if (onChange) onChange(this.state.DateRangeForm);\r\n if (onClose) onClose(this.state.DateRangeForm);\r\n });\r\n }\r\n\r\n onChange = e => {\r\n if (!e || (e.target && !e.target.value.includes('-'))) return;\r\n let DateRangeForm = [];\r\n let displayDate = '';\r\n if (e.target) {\r\n let value = e.target.value;\r\n if (this.props.textInput) {\r\n value = value.replace(this.props.textInput, '');\r\n }\r\n const date = value.split('-');\r\n date[0] = date[0].trim();\r\n date[1] = date[1].trim();\r\n const startDateValid = moment(date[0], 'DDMMYYYY').isValid() && moment(date[0], 'DDMMYYYY').get('y') > 1900;\r\n const endDateValid = moment(date[1], 'DDMMYYYY').isValid() && moment(date[1], 'DDMMYYYY').get('y') > 1900;\r\n let startDate = startDateValid ? moment(date[0], 'DDMMYYYY') : date[0];\r\n let endDate = endDateValid ? moment(date[1], 'DDMMYYYY') : date[1];\r\n\r\n // Compare startDate with endDate\r\n if (startDateValid && endDateValid && startDate.diff(endDate) > 0) {\r\n const { displayDate } = this.state;\r\n const oldDate = displayDate.split('-');\r\n if (date[0] === oldDate[0].trim()) {\r\n startDate = endDate;\r\n } else {\r\n endDate = startDate;\r\n }\r\n }\r\n\r\n DateRangeForm = [{\r\n startDate : startDateValid ? new Date(startDate.get('y'), startDate.get('month') + 1, startDate.get('date')) : null,\r\n endDate : endDateValid ? startDateValid ? new Date(endDate.get('y'), endDate.get('month') + 1, endDate.get('date')) : null : null,\r\n key : 'selection'\r\n }];\r\n displayDate = e.target.value.trim();\r\n } else {\r\n DateRangeForm = [e];\r\n displayDate = `${moment(e.startDate).format('DD/MM/YYYY')} - ${moment(e.endDate).format('DD/MM/YYYY')}`\r\n }\r\n\r\n this.setState({\r\n DateRangeForm,\r\n displayDate\r\n })\r\n const { onChange } = this.props;\r\n if ( onChange ) {\r\n onChange(DateRangeForm);\r\n }\r\n }\r\n\r\n onInputIn = (isIcon) => {\r\n if (!this.state.showDateRange || isIcon) {\r\n this.setState({showDateRange: isIcon ? !this.state.showDateRange : true});\r\n document.addEventListener('click', this.handleClickOutside);\r\n document.addEventListener('keydown', this.handlePressEsc);\r\n }\r\n }\r\n\r\n onInputOut = e => {\r\n if (!e || !e.target || !e.target.value) return;\r\n const date = e.target.value.split('-');\r\n date[0] = date[0].trim();\r\n date[1] = date[1].trim();\r\n const startDateValid = moment(date[0], 'DDMMYYYY').isValid() && moment(date[0], 'DDMMYYYY').get('y') > 1900;\r\n const endDateValid = moment(date[1], 'DDMMYYYY').isValid() && moment(date[1], 'DDMMYYYY').get('y') > 1900;\r\n if (!startDateValid || !endDateValid) return;\r\n const startDate = moment(date[0], 'DDMMYYYY');\r\n const endDate = moment(date[1], 'DDMMYYYY');\r\n if (startDate.diff(endDate) > 0) {\r\n const { DateRangeForm } = this.state;\r\n this.setState({\r\n displayDate: moment(DateRangeForm[0].startDate).format('DD/MM/YYYY') + ' - ' + moment(DateRangeForm[0].endDate).format('DD/MM/YYYY')\r\n });\r\n\r\n const { onChange } = this.props;\r\n if (onChange) onChange(DateRangeForm);\r\n }\r\n }\r\n\r\n handleClickOutside = (event) => {\r\n if (this.DateRangeRef && this.DateRangeRef.current && !this.DateRangeRef.current.contains(event.target)) {\r\n this.setState({ showDateRange: false }, () => {\r\n const { onClose } = this.props;\r\n if (onClose) onClose(this.state.DateRangeForm);\r\n document.removeEventListener('click', this.handleClickOutside)\r\n });\r\n }\r\n }\r\n\r\n handlePressEsc = (event) => {\r\n if (event.key === 'Escape') {\r\n this.setState({ showDateRange: false }, () => {\r\n const { onClose } = this.props;\r\n if (onClose) onClose(this.state.DateRangeForm);\r\n document.removeEventListener('keydown', this.handlePressEsc)\r\n });\r\n }\r\n }\r\n\r\n componentDidMount = () => {\r\n let { value, ranges } = this.props;\r\n if (value || ranges) {\r\n if (value && value[0] && value[0].startDate && value[0].endDate) {\r\n ranges = value;\r\n }\r\n if (ranges && ranges[0] && ranges[0].startDate && ranges[0].endDate) {\r\n this.setState({\r\n DateRangeForm: ranges,\r\n displayDate: moment(ranges[0].startDate).format('DD/MM/YYYY') + ' - ' + moment(ranges[0].endDate).format('DD/MM/YYYY')\r\n });\r\n }\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, _prevState) {\r\n // Check date ranges\r\n const key = this.props.ranges ? 'ranges' : 'value';\r\n if (prevProps[key][0].startDate !== this.props[key][0].startDate || prevProps[key][0].endDate !== this.props[key][0].endDate) {\r\n const startDate = this.props[key][0].startDate !== null ? moment(this.props[key][0].startDate).format('DD/MM/YYYY') : null;\r\n const endDate = this.props[key][0].endDate !== null ? moment(this.props[key][0].endDate).format('DD/MM/YYYY') : null;\r\n this.setState({\r\n DateRangeForm: this.props[key],\r\n displayDate: startDate && endDate ? startDate + ' - ' + endDate : \"\"\r\n })\r\n }\r\n }\r\n\r\n render() {\r\n const {error, variant, label, required, InputLabelProps, disabled, inputProps, margin, fullWidth, isInsideFilter,\r\n showSelectionPreview, moveRangeOnFirstSelection, showMonthAndYearPickers, dateDisplayFormat, monthDisplayFormat,\r\n className, rangeColors, shownDate, minDate, maxDate, disabledDates, scroll, showMonthArrow, navigatorRenderer,\r\n showPreview, showDateDisplay, startDatePlaceholder, endDatePlaceholder, months, direction, locale, showClearIcon,\r\n textInput, styleIcon, classDateRangeCont, classTextField, placeHolder\r\n } = this.props;\r\n\r\n const { displayDate, showDateRange, DateRangeForm } = this.state;\r\n return (\r\n \r\n
\r\n\r\n \r\n {value.length > 0 && value.map(rs => (this.itemRenderCbEmployees(rs)))}\r\n
\r\n \r\n this.onInputIn()}\r\n onBlur={e => this.onInputOut(e)}\r\n onChange={e => this.onChange(e)}\r\n fullWidth={fullWidth}\r\n className={classTextField}\r\n placeholder={placeHolder}\r\n />\r\n {/* \r\n this.onChange(item.selection)}\r\n rangeColors={rangeColors || []}\r\n shownDate={shownDate}\r\n minDate={minDate}\r\n maxDate={maxDate}\r\n disabledDates={disabledDates || []}\r\n scroll={scroll || { enabled: false }}\r\n showMonthArrow={showMonthArrow !== 'undefined' ? showMonthArrow : true}\r\n navigatorRenderer={navigatorRenderer}\r\n showPreview={showPreview !== 'undefined' ? showPreview : true}\r\n showDateDisplay={showDateDisplay !== 'undefined' ? showDateDisplay : true}\r\n showSelectionPreview={showSelectionPreview !== 'undefined' ? showSelectionPreview : true}\r\n moveRangeOnFirstSelection={moveRangeOnFirstSelection || false}\r\n showMonthAndYearPickers={showMonthAndYearPickers !== 'undefined' ? showMonthAndYearPickers : true}\r\n dateDisplayFormat={dateDisplayFormat || 'dd MMMM yyyy'}\r\n monthDisplayFormat={monthDisplayFormat || 'MMMM yyyy'}\r\n startDatePlaceholder={startDatePlaceholder || Config.lang('DHR_Thoi_gian_bat_dau')}\r\n endDatePlaceholder={endDatePlaceholder || Config.lang('DHR_Thoi_gian_ket_thuc')}\r\n months={months || 2}\r\n ranges={DateRangeForm}\r\n direction={direction || 'horizontal'}\r\n locale={locale && locale === 'en' ? en : vi}\r\n />\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nDateRangeBox.propTypes = {\r\n showClearIcon: PropTypes.bool, // Default: false\r\n variant: PropTypes.string,\r\n value: PropTypes.array, // as ranges's prop\r\n label: PropTypes.string,\r\n required: PropTypes.bool,\r\n InputLabelProps: PropTypes.object, //{ shrink: true }\r\n disabled: PropTypes.bool,\r\n inputProps: PropTypes.object, //{min: 0}\r\n margin: PropTypes.string, // Default: 'normal'\r\n fullWidth: PropTypes.any,\r\n error: PropTypes.any,\r\n onChange: PropTypes.func,\r\n className: PropTypes.string,\r\n rangeColors: PropTypes.array,\r\n shownDate: PropTypes.any, // Date\r\n minDate: PropTypes.any, // Date\r\n maxDate: PropTypes.any, // Date\r\n disabledDates: PropTypes.array, // Default: []\r\n scroll: PropTypes.object, // Default: { enabled: false }\r\n showMonthArrow: PropTypes.bool, // Default: true\r\n navigatorRenderer: PropTypes.func,\r\n showPreview: PropTypes.bool, // Default: true\r\n showDateDisplay: PropTypes.bool, // Default: true\r\n showSelectionPreview: PropTypes.bool, // Default: true\r\n moveRangeOnFirstSelection: PropTypes.bool, // Default: false\r\n showMonthAndYearPickers: PropTypes.bool, // Default: true\r\n dateDisplayFormat: PropTypes.string, // Default: 'dd MMMM yyyy'\r\n monthDisplayFormat: PropTypes.string, // Default: 'MMMM yyyy'\r\n startDatePlaceholder: PropTypes.string, // Default: 'Thời gian bắt đầu'\r\n endDatePlaceholder: PropTypes.string, // Default: 'Thời gian kết thúc'\r\n months: PropTypes.number, // Default: 2\r\n ranges: PropTypes.array, // [{startDate: DateTime, endDate: DateTime, key: 'selection'}] -- 'selection' is default\r\n direction: PropTypes.string, // Default: 'horizontal'\r\n locale: PropTypes.string, // Default: 'vi'\r\n textInput: PropTypes.string,\r\n styleIcon: PropTypes.object,\r\n classDateRangeCont: PropTypes.string,\r\n onClose: PropTypes.func,\r\n classTextField: PropTypes.string,\r\n placeHolder: PropTypes.string,\r\n isInsideFilter: PropTypes.bool, // Default: false\r\n};\r\n\r\nDateRangeBox.defaultProps = {\r\n textInput: '',\r\n styleIcon: {},\r\n classDateRangeCont: '',\r\n onClose: null,\r\n classTextField: '',\r\n placeHolder: '',\r\n};\r\n\r\nexport default DateRangeBox;","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author tranghoang\r\n * @create 2019/03/06 12:39\r\n * @update 2019/03/06 12:39\r\n */\r\n\r\nimport React, {Component} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {OverlayTrigger, Tooltip, Popover,} from 'react-bootstrap';\r\nimport ButtonBasic from \"../common/button/button-basic\";\r\n\r\nclass GridActionBar extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n placement: 'bottom',\r\n\r\n };\r\n this.optionPopover = ''\r\n }\r\n\r\n onView(classNameIs) {\r\n if (typeof classNameIs == 'undefined') {\r\n if (this.props.onDetailAction && this.props.isPer >= 1)\r\n this.props.onDetailAction();\r\n } else {\r\n if (this.props.onDetailAction && this.props.isPer >= 1 && classNameIs>=4)\r\n this.props.onDetailAction();\r\n }\r\n }\r\n onEdit(classNameIs) {\r\n if (typeof classNameIs == 'undefined') {\r\n if (this.props.onEditAction && this.props.isPer >= 3)\r\n this.props.onEditAction();\r\n } else {\r\n if (this.props.onEditAction && this.props.isPer >= 3 && classNameIs>=4)\r\n this.props.onEditAction();\r\n }\r\n }\r\n\r\n onDelete(classNameIs) {\r\n if (typeof classNameIs == 'undefined') {\r\n if (this.props.onDeleteAction && this.props.isPer >= 4)\r\n this.props.onDeleteAction();\r\n } else {\r\n if (this.props.onDeleteAction && this.props.isPer >= 4 && classNameIs>=4)\r\n this.props.onDeleteAction();\r\n }\r\n }\r\n\r\n onHistory() {\r\n if (this.props.onHistoryAction && this.props.isPer >= 1 && this.state.classNameIs)\r\n this.props.onHistoryAction();\r\n }\r\n\r\n showMoreOptions(e,classNameIs) {\r\n let height = document.getElementsByClassName('paging-crm')[0].getBoundingClientRect().top\r\n let pos = e.target.getBoundingClientRect().top;\r\n const {btnHamburger} = this.props;\r\n if (height - pos < 180) {\r\n this.setState({\r\n placement: 'top'\r\n })\r\n }\r\n else {\r\n this.setState({\r\n placement: 'bottom'\r\n })\r\n }\r\n\r\n this.optionPopover = (\r\n \r\n {!disabled && \r\n \r\n }\r\n this.onInputIn(1)} style={{ cursor: 'pointer', display: 'flex', marginTop: 3 }}>\r\n })
\r\n \r\n
\r\n \r\n \r\n | \r\n {/* eslint-disable */}\r\n {typeof onDetailAction === \"function\" &&\r\n | \r\n
\r\n {user && user.DepartmentName && {Config.lang('DHR_Phong_ban') + ': ' + user.DepartmentName}
}\r\n {user && user.ProjectName && {Config.lang('DHR_Du_an') + ': ' + user.ProjectName}
}\r\n {user && user.DutyName && {Config.lang('DHR_Chuc_vu') + ': ' +user.DutyName}
}\r\n {user && user.DateJoined && {Config.lang('DHR_Ngay_vao_lam') + ': ' + dateJoined} }\r\n
\r\n }\r\n {renderItemHover && \r\n (\r\n typeof renderItemHover === \"function\" ? \r\n renderItemHover(user) : \r\n renderItemHover\r\n )\r\n }\r\n \r\n }\r\n >\r\n {data && data[displayExpr] ? data[displayExpr] : (user ? user[displayExpr] : \"\")}
}\r\n {renderItem && (typeof renderItem === \"function\" ? renderItem(data, user) : renderItem)}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nUserName.defaultProps = {\r\n valueExpr: \"EmployeeID\",\r\n keyExpr: \"EmployeeID\",\r\n displayExpr: \"EmployeeName\",\r\n allowHover: true\r\n};\r\nUserName.propTypes = {\r\n width: propTypes.any,\r\n height: propTypes.any,\r\n className: propTypes.any,\r\n classNamePopup: propTypes.any,\r\n style: propTypes.any,\r\n stylePopup: propTypes.any,\r\n /**\r\n * data: {EmployeeID: \"abc\", EmployeeName: \"\"}\r\n */\r\n data: propTypes.any,\r\n valueExpr: propTypes.string,\r\n keyExpr: propTypes.string,\r\n displayExpr: propTypes.string,\r\n allowHover: propTypes.bool,\r\n\r\n renderItem: propTypes.any,\r\n renderItemHover: propTypes.any,\r\n onClick: propTypes.func,\r\n};\r\n\r\nexport default compose()(UserName)\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author TRIHAO\r\n * @create 11/8/2019\r\n * @Example \r\n */\r\n\r\nimport React, {PureComponent} from 'react';\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport Config from \"../../../config\";\r\nimport CheckboxM from \"@material-ui/core/Checkbox\";\r\nimport {FormControlLabel, FormHelperText} from \"@material-ui/core\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport \"./_form.scss\";\r\n\r\nclass Checkbox extends PureComponent {\r\n // constructor(props) {\r\n // super(props);\r\n // }\r\n\r\n render() {\r\n const {label, checked, value, disabled, color, fullWidth, required, isSubmitting, error, helperText,\r\n className, style, labelProps, controlProps,\r\n onChange} = this.props;\r\n\r\n return (\r\n \r\n {props.title.toUpperCase()}\r\n
}\r\n {props.renderItem && props.renderItem()}\r\n {props.footer && \r\n {props.footer}\r\n
}\r\n }\r\n >\r\n {props.renderCursor && props.renderCursor()}\r\n \r\n
\r\n \r\n );\r\n };\r\n\r\n onInput = (e) => {\r\n const {onInputChanged, dropdownProps, skip, limit} = this.props;\r\n const event = e.event ? e.event : e;\r\n if (this.isClearing) {\r\n this.isClearing = false;\r\n return;\r\n }\r\n if (this.timer) clearTimeout(this.timer);\r\n const _search = event.target.value || \"\";\r\n this.timer = setTimeout(() => {\r\n this.setState({searchValue: _search});\r\n this.isDataFirst = !_search;\r\n this.filter.skip = skip ? skip : 0;\r\n this.filter.limit = limit ? limit : 50;\r\n if (dropdownProps && dropdownProps.onInput) dropdownProps.onInput(event);\r\n if (onInputChanged) onInputChanged(event);\r\n // if (onValueChanged && !multiple) onValueChanged({value: null});\r\n }, 1000);\r\n };\r\n\r\n onKeyUp = (e) => {\r\n if (!e || !e.event) return;\r\n const evt = e.event;\r\n if (evt.keyCode === 13) {\r\n this.setState({searchValue: evt.target.value || \"\"});\r\n if (this.timer) clearTimeout(this.timer);\r\n const {onInputChanged, dropdownProps, skip, limit} = this.props;\r\n this.filter.skip = skip ? skip : 0;\r\n this.filter.limit = limit ? limit : 50;\r\n if (dropdownProps && dropdownProps.onInput) dropdownProps.onInput(evt);\r\n if (onInputChanged) onInputChanged(evt);\r\n // if (onValueChanged && !multiple) onValueChanged({value: null});\r\n }\r\n };\r\n\r\n onOpened = (e) => {\r\n const {onOpened, dropdownProps} = this.props;\r\n if (this.inputSearch) setTimeout(() => this.inputSearch.instance.focus(), 200);\r\n if (dropdownProps && dropdownProps.onOpened) dropdownProps.onOpened(e);\r\n if (onOpened) onOpened(e);\r\n };\r\n\r\n onClosed = (e) => {\r\n const {onClosed} = this.props;\r\n const {value} = this.state;\r\n this.setState({shrink: Array.isArray(value) ? value.length > 0 : !!value || !!this.props.shrink});\r\n e && e.component.blur();\r\n if (onClosed) onClosed(e);\r\n };\r\n\r\n onFocusIn = (e) => {\r\n const {dropdownProps} = this.props;\r\n if (dropdownProps && dropdownProps.readOnly) return false;\r\n this.setState({shrink: true});\r\n if (!e.component.option(\"opened\")) {\r\n if (this.dropdownBox) {\r\n setTimeout(() => {\r\n this.dropdownBox.instance.open();\r\n });\r\n } else {\r\n e.component.open();\r\n }\r\n }\r\n };\r\n\r\n renderLoadIndicator = () => {\r\n const {loading} = this.props;\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n render() {\r\n const {dataSource, label, style, keyExpr, valueExpr, displayExpr, required, placeholder, loading,\r\n showClearButton, stylingMode, height, className, dropdownProps, InputLabelProps, margin, disabled, error,\r\n multiple, helperText, reference, fieldRender\r\n } = this.props;\r\n let {value, shrink, opened} = this.state;\r\n\r\n const variant = stylingMode === 'underlined' ? \"standard\" : (stylingMode === 'filled' ? 'filled' : 'outlined');\r\n const _shrink = (Array.isArray(value) ? value.length > 0 : !Config.isEmpty(value, true)) || shrink;\r\n let _dataSource = dataSource && dataSource.rows ? dataSource.rows : dataSource;\r\n const key = keyExpr ? keyExpr : valueExpr;\r\n\r\n if (value) {\r\n const _value = multiple ? value : [value];\r\n const _data = _dataSource.map(data => data?.[key] && data[key]);\r\n this.storeValueNotSet = _value.filter(v => {\r\n if (typeof v === \"object\") {\r\n return v[key] && _data.indexOf(v[key]) < 0\r\n } else {\r\n return v && _data.indexOf(v) < 0\r\n }\r\n });\r\n let dataValueNotSet = [];\r\n this.storeValueNotSet.forEach(item => {\r\n if (typeof item === \"object\") {\r\n const tmp = {\r\n [key]: item[key],\r\n [displayExpr]: item[displayExpr]\r\n };\r\n dataValueNotSet.push(tmp);\r\n } else {\r\n const tmp = {\r\n [key]: item,\r\n [displayExpr]: item\r\n };\r\n dataValueNotSet.push(tmp);\r\n }\r\n });\r\n _dataSource = dataValueNotSet.concat(_dataSource);\r\n }\r\n\r\n if (multiple) {\r\n let _value = [];\r\n Array.isArray(value) && value.forEach(_v => {\r\n if (typeof _v === \"object\") {\r\n if (_v[keyExpr] && !_v[displayExpr]) {\r\n _v[displayExpr] = _v[keyExpr];\r\n }\r\n _value.push(_v);\r\n } else {\r\n const rowData = _dataSource && _dataSource.filter((data) => data[valueExpr] === _v);\r\n _value.push(rowData && rowData.length > 0 ? rowData[0] : {\r\n [keyExpr]: _v,\r\n [displayExpr]: _v\r\n });\r\n }\r\n });\r\n value = _value.map(val => val[key] && val[key]);\r\n } else {\r\n if (value) {\r\n const rowData = _dataSource && _dataSource.filter((data) => data[valueExpr] === (typeof value === \"object\" ? value[valueExpr] : value));\r\n value = rowData && rowData[0] ? rowData[0] : value;\r\n if (!value[displayExpr]) {\r\n value[displayExpr] = value[valueExpr] ? value[valueExpr] : (value[keyExpr] ? value[keyExpr] : Config.lang(\"DHR_Trong\"));\r\n }\r\n }\r\n value = value && value[key] ? value[key] : value;\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n renderFieldCboEmployee = (data) => {\r\n const {classes, value, multiple, valueExpr, displayExpr, acceptCustomValue, dropdownProps, onHoverAvatar, allowHover} = this.props;\r\n const {dataSource, searchValue} = this.state;\r\n const readOnly = dropdownProps && dropdownProps.readOnly && dropdownProps.readOnly === true;\r\n const _dataSource = dataSource && dataSource.rows ? dataSource.rows : dataSource;\r\n if (valueExpr) {\r\n if (multiple) {\r\n const _data = [];\r\n data && data.forEach((d) => {\r\n if (!d[displayExpr]) {\r\n const rowData = _dataSource.filter(row => row[valueExpr] === d[valueExpr]);\r\n _data.push(rowData && rowData.length > 0 ? rowData[0] : d);\r\n } else {\r\n _data.push(d);\r\n }\r\n });\r\n data = _data;\r\n } else if (typeof data !== \"object\") {\r\n const rowData = _dataSource.filter(row => row[valueExpr] === data);\r\n data = rowData && rowData.length > 0 ? rowData[0] : (value ? value : null);\r\n }\r\n }\r\n\r\n if (searchValue === null && data) {\r\n if (multiple) {\r\n return (\r\n \r\n {data && data.UserPictureURL ? (\r\n
\r\n \r\n {data[displayExpr]}\r\n \r\n {subTextExpr ? (data[subTextExpr] ? data[subTextExpr] : subTextExpr) : \"\"}\r\n \r\n
\r\n \r\n {data && data.map((_d, indx) => {\r\n // console.log('hao_d', _d);\r\n if (_d && _d.UserPictureURL) {\r\n if (_d.UserPictureURL.indexOf('http') < 0) {\r\n _d.UserPictureURL = Config.getCDNPath() + _d.UserPictureURL;\r\n }\r\n }\r\n return (\r\n
\r\n );\r\n } else {\r\n if (data && data.UserPictureURL) {\r\n if (data.UserPictureURL.indexOf('http') < 0) {\r\n data.UserPictureURL = Config.getCDNPath() + data.UserPictureURL;\r\n }\r\n }\r\n return (\r\n \r\n {_d &&
\r\n )\r\n })}\r\n {acceptCustomValue && !readOnly && {\r\n if (onHoverAvatar) onHoverAvatar(data);\r\n }}\r\n onMouseOut={() => {\r\n if (onHoverAvatar) onHoverAvatar(null);\r\n }}\r\n >\r\n
}\r\n \r\n \r\n this.textBoxSearch = ref}\r\n className={\"cbo-employee-name \" + classes.textBox}\r\n defaultValue={\"\"}\r\n onKeyUp={(e) => this.onInputChanged(e.event)}\r\n readOnly={false}\r\n />\r\n
}\r\n \r\n {data &&
\r\n );\r\n }\r\n } else {\r\n return (\r\n {\r\n if (onHoverAvatar) onHoverAvatar(data);\r\n }}\r\n onMouseOut={() => {\r\n if (onHoverAvatar) onHoverAvatar(null);\r\n }}\r\n >\r\n
\r\n }\r\n {data && data.EmployeeName ? data.EmployeeName : \"\"}
*/}\r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n onOpened = () => {\r\n if (this.textBoxSearch) {\r\n setTimeout(() => {\r\n this.textBoxSearch.instance.focus();\r\n }, 300);\r\n }\r\n };\r\n\r\n onClosed = () => {\r\n this.setState({searchValue: null});\r\n if (this.dropdown) this.dropdown.instance.option('value', this.props.value);\r\n };\r\n\r\n onInputChanged = (e) => {\r\n const {skip, limit, autoLoad, dataSource, onInputChanged} = this.props;\r\n this.setState({searchValue: e.target && e.target.value ? e.target.value : e.value}, () => {\r\n if (autoLoad || typeof dataSource === \"undefined\") {\r\n if (this.filterCboEmployees.timer) clearTimeout(this.filterCboEmployees.timer);\r\n this.filterCboEmployees.timer = setTimeout(() => {\r\n this.filterCboEmployees.skip = skip ? skip : 0;\r\n this.filterCboEmployees.limit = limit ? limit : 20;\r\n this.loadCboEmployees(true);\r\n }, 700);\r\n }\r\n });\r\n if (onInputChanged) onInputChanged(e);\r\n };\r\n\r\n onLoadMore = (e) => {\r\n const {autoLoad, dataSource, onLoadMore} = this.props;\r\n if (autoLoad || typeof dataSource === \"undefined\") {\r\n this.filterCboEmployees.skip = e.skip;\r\n this.filterCboEmployees.limit = e.limit;\r\n this.loadCboEmployees();\r\n }\r\n if (onLoadMore) onLoadMore(e);\r\n };\r\n\r\n render() {\r\n const {totalItems, label, multiple, value, shrink, error, disabled,\r\n displayExpr, valueExpr, showClearButton, stylingMode, height, className, dropdownProps,\r\n InputLabelProps, onValueChanged, acceptCustomValue, helperText,\r\n required, loading\r\n } = this.props;\r\n const {dataSource} = this.state;\r\n\r\n const _dataSource = dataSource && dataSource.rows ? dataSource.rows : dataSource;\r\n const _totalItem = dataSource && dataSource.total ? dataSource.total : totalItems;\r\n\r\n return (\r\n \r\n \r\n
\r\n {data && data.EmployeeName ? data.EmployeeName : \"\"}
*/}\r\n \r\n {title && \r\n {children}\r\n
\r\n )\r\n }\r\n}\r\nPageContainer.propTypes = {\r\n tracking: PropTypes.string,\r\n id: PropTypes.string,\r\n title: PropTypes.string,\r\n}\r\nexport default PageContainer","import React, { useState, forwardRef, useRef, useEffect, useImperativeHandle } from \"react\";\r\nimport Config from \"../../config\";\r\nimport { makeStyles } from \"diginet-core-ui/theme\";\r\nimport {\r\n Accordion,\r\n AccordionSummary,\r\n AccordionDetails,\r\n AccordionGroup,\r\n Button,\r\n ButtonIcon,\r\n TabContainer,\r\n TabHeader,\r\n TabItem,\r\n TabPanel,\r\n Typography,\r\n Tooltip,\r\n} from \"diginet-core-ui/components\";\r\nimport Icon from \"diginet-core-ui/icons\";\r\nimport JSONTree from \"react-json-tree\";\r\n\r\nconst useStyles = makeStyles({\r\n debuggerButton: {\r\n position: \"fixed\",\r\n bottom: 8,\r\n right: 8,\r\n zIndex: 9003,\r\n },\r\n debuggerPopup: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n position: \"fixed\",\r\n zIndex: 1399,\r\n bottom: 72,\r\n right: 8,\r\n width: 350,\r\n minWidth: 350,\r\n height: 520,\r\n minHeight: 520,\r\n backgroundColor: \"#FFF\",\r\n borderRadius: 4,\r\n boxShadow: \"-1px 2px 10px lightgrey\",\r\n \"@media (max-width:720px)\": {\r\n // eslint-disable-line no-useless-computed-key\r\n width: \"85%\",\r\n right: 0,\r\n left: 0,\r\n marginRight: \"auto\",\r\n marginLeft: \"auto\",\r\n },\r\n },\r\n debuggerPopupBodyItem: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"flex-start\",\r\n width: \"100%\",\r\n },\r\n btnCopy: {\r\n position: \"absolute\",\r\n right: 4,\r\n },\r\n iconDanger: {\r\n \"& .Accordion-Expand-Icon\": {\r\n color: `${Config.coreTheme?.colors?.danger} !important`,\r\n },\r\n \"& .Accordion-Collapse-Icon\": {\r\n color: `${Config.coreTheme?.colors?.danger} !important`,\r\n },\r\n },\r\n tabPanel: {\r\n height: \"100%\",\r\n overflow: \"auto\",\r\n },\r\n flexCenter: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n },\r\n tabHeader: {\r\n \"& .DGN-UI-Tab-Header\": {\r\n width: \"100%\",\r\n justifyContent: \"flex-end\",\r\n },\r\n },\r\n clearContainer: {\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n padding: \"0 8px\",\r\n },\r\n blinkingAnimation: {\r\n animation: \"blinking 1s infinite\"\r\n }\r\n});\r\n\r\nconst theme = {\r\n base00: \"#272822\",\r\n base01: \"#383830\",\r\n base02: \"#49483e\",\r\n base03: \"#75715e\",\r\n base04: \"#a59f85\",\r\n base05: \"#f8f8f2\",\r\n base06: \"#f5f4f1\",\r\n base07: \"#f9f8f5\",\r\n base08: \"#f92672\",\r\n base09: \"#fd971f\",\r\n base0A: \"#f4bf75\",\r\n base0B: \"#a6e22e\",\r\n base0C: \"#a1efe4\",\r\n base0D: \"#66d9ef\",\r\n base0E: \"#ae81ff\",\r\n base0F: \"#cc6633\",\r\n};\r\n\r\nconst Debugger = forwardRef((props, reference) => {\r\n const ref = useRef(null);\r\n const [showDebuggerPopup, setshowDebuggerPopup] = useState(false);\r\n const [dataDebugger, setDataDebugger] = useState(JSON.parse(Config.getLocalStorage(\"DEBUGGER\")) || []);\r\n const showDebugger = Config.getSetting(\"DEBUGGER\") === \"true\";\r\n const dataDebuggerError = dataDebugger.filter(item => item?.code !== 200);\r\n const classes = useStyles();\r\n\r\n let tabPanelArr = [dataDebugger, dataDebuggerError];\r\n\r\n const setData = data => {\r\n setDataDebugger(data);\r\n };\r\n\r\n const pushData = data => {\r\n let dataArray = Config.debugger?.dataDebugger || [];\r\n if (dataArray.length > 50) {\r\n dataArray.splice(20);\r\n Config.setLocalStorage(\"DEBUGGER\", JSON.stringify(dataArray));\r\n }\r\n setData([data, ...dataArray]);\r\n };\r\n\r\n useEffect(() => {\r\n if (dataDebuggerError?.length > 0 && Config.getLocalStorage(\"DEBUGGER\") !== JSON.stringify(dataDebuggerError)) {\r\n Config.setLocalStorage(\"DEBUGGER\", JSON.stringify(dataDebuggerError));\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [dataDebugger]);\r\n\r\n useImperativeHandle(reference, () => {\r\n const currentRef = ref.current || {};\r\n currentRef.setData = setData;\r\n currentRef.pushData = pushData;\r\n currentRef.dataDebugger = dataDebugger;\r\n currentRef.dataDebuggerError = dataDebuggerError;\r\n return currentRef;\r\n });\r\n\r\n const onCopy = data => {\r\n const temp = document.createElement(\"textarea\");\r\n temp.value = data;\r\n document.body.appendChild(temp);\r\n temp.select();\r\n document.execCommand(\"copy\");\r\n temp.remove();\r\n Config.notify.show(\"success\", Config.lang(\"SQL copied successfully\"), 2000);\r\n };\r\n\r\n const onClear = () => {\r\n Config.removeLocalStorage(\"DEBUGGER\");\r\n setData([]);\r\n };\r\n\r\n return (\r\n {title}
}\r\n \r\n {showDebugger && (\r\n 0 ? \"danger\" : \"primary\"}\r\n size={\"giant\"}\r\n name={showDebuggerPopup ? \"Close\" : \"Bug\"}\r\n onClick={() => setshowDebuggerPopup(!showDebuggerPopup)}\r\n className={classes.debuggerButton}\r\n />\r\n )}\r\n {showDebuggerPopup && (\r\n
\r\n );\r\n});\r\n\r\nexport default Debugger;\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author THANH TRAM\r\n * @create 2017/06/26 13:00\r\n * @update 2017/06/26 13:00\r\n */\r\n\r\nimport React, {Component} from 'react';\r\nimport {Image} from \"react-bootstrap\";\r\nimport Config from \"../../config\";\r\n\r\nexport default class ModuleError extends Component {\r\n\r\n\r\n render() {\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n Debugger\r\n \r\n \r\n \r\n \r\n \r\n \r\n {tabPanel.map((item, idx) => {\r\n const code = item?.code;\r\n const route = item?.route;\r\n const responseTime = item?.debugger?.responseTime?.total;\r\n const startTime = item?.debugger?.startTime\r\n ? Config.convertDate(item?.debugger?.startTime, undefined, \"DD/MM/YYYY HH:mm:ss\", false)\r\n : \"\";\r\n const sql = item?.debugger?.sql;\r\n const status = code === 200 ? \"success\" : item?.message || \"\";\r\n const blinking = responseTime > 3000 ? classes.blinkingAnimation : {};\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 {tabPanelArr.map((tabPanel, tabPanelIdx) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {route}\r\n \r\n
\r\n {(responseTime || startTime) && (\r\n \r\n \r\n \r\n \r\n {responseTime ? responseTime + \"ms; \" : \"\"}\r\n {startTime}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n {status}\r\n \r\n
\r\n \r\n \r\n onCopy(JSON.stringify(sql, null, 4))}\r\n />\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author TRIHAO\r\n * @create 6/8/2020\r\n * @Example\r\n */\r\n\r\n\r\nimport React from \"react\";\r\nimport propTypes from \"prop-types\";\r\nimport {Status as StatusCORE} from 'diginet-core-ui/components'\r\n\r\nclass Status extends React.Component {\r\n\r\n render() {\r\n const {data, color, icon, keyExpr, displayExpr , iconExpr, renderItem,className, style, colorExpr} = this.props;\r\n let _icon = icon ? icon : (data && data[iconExpr] ? data[iconExpr] : null);\r\n if (!_icon && keyExpr && data) {\r\n switch (Number(data[keyExpr])) {\r\n case 0:\r\n _icon = \"HourGlass\";\r\n break;\r\n case 1:\r\n _icon = \"Loading\";\r\n break;\r\n case 2:\r\n _icon = \"Approval\";\r\n break;\r\n case 4:\r\n case 100:\r\n _icon = \"Close\";\r\n break;\r\n case 5:\r\n _icon = \"Delete\";\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n let _color = color ? color : (data && data[colorExpr] ? data[colorExpr] : \"\");\r\n if (!_color && keyExpr && data) {\r\n switch (Number(data[keyExpr])) {\r\n case 0:\r\n case 1:\r\n _color = \"info\";\r\n break;\r\n case 2:\r\n _color = \"success\";\r\n break;\r\n case 4:\r\n case 100:\r\n _color = \"danger\";\r\n break;\r\n case 5:\r\n _color = \"warning\";\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Máy chủ tại {Config.env.url} phản hồi quá lâu\r\n \r\n Trang web này có thể bị gián đoạn tạm thời hoặc do quá tải. Hãy thử lại trong chốc lát.\r\n \r\n \r\n Nếu bạn không thể mở bất cứ trang nào, hãy kiểm tra kết nối mạng.\r\n \r\n \r\n Nếu máy tính hoặc mạng của bạn được bảo vệ bởi tường lửa hoặc proxy, hãy chắc rằng trình duyệt được truy cập web.\r\n \r\n
\r\n \r\n {renderItem && (typeof renderItem === \"function\" ? renderItem(data) : renderItem)}\r\n {!renderItem &&\r\n \r\n \r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nStatus.defaultProps = {\r\n keyExpr: \"AppStatusID\",\r\n displayExpr: \"AppStatusName\",\r\n iconExpr: \"AppStatusIcon\",\r\n colorExpr: \"AppStatusColor\",\r\n type: 'text',\r\n};\r\nStatus.propTypes = {\r\n className: propTypes.any,\r\n style: propTypes.any,\r\n type: propTypes.oneOf(['text', 'outlined', 'default']),\r\n clickable: propTypes.bool,\r\n /**\r\n * data: {AppStatusID: \"abc\", AppStatusName: \"\"}\r\n */\r\n data: propTypes.any,\r\n color: propTypes.string,\r\n icon: propTypes.any,\r\n keyExpr: propTypes.string,\r\n displayExpr: propTypes.string,\r\n iconExpr: propTypes.string,\r\n colorExpr: propTypes.string,\r\n\r\n renderItem: propTypes.any,\r\n onClick: propTypes.func,\r\n};\r\n\r\nexport default Status;\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author TRIHAO\r\n * @create 1/8/2020\r\n * @Example \r\n */\r\nimport React from \"react\";\r\nimport {withStyles, FormControl, Input, InputLabel, FormHelperText} from \"@material-ui/core\";\r\nimport PropTypes from 'prop-types';\r\nimport ButtonGeneral from \"../common/button/button-general\";\r\nimport Config from \"../../config\";\r\nimport {FormGroup} from \"react-bootstrap\";\r\n\r\nconst styles = theme => {\r\n return {\r\n card: {\r\n width: \"590px\",\r\n height: \"178px\",\r\n padding: \"37px 28px 0px 28px\",\r\n [theme.breakpoints.down('xs')]: {\r\n width: \"300px\",\r\n height: \"170px\",\r\n },\r\n },\r\n input: {\r\n padding: '0px 0px 21px 21px'\r\n },\r\n underline: {\r\n paddingTop: '10px'\r\n },\r\n shrink: {\r\n transform: 'translate(0, 1.5px) scale(1)',\r\n },\r\n }\r\n};\r\n\r\n\r\nclass ApprovalPopup extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n notes: \"\",\r\n };\r\n }\r\n\r\n onNoteChange = (e) => {\r\n this.setState({\r\n notes: e.target.value\r\n })\r\n };\r\n\r\n render() {\r\n const {type, loading, classes, labelBtnApprove, labelBtnNotApprove, errorNote} = this.props;\r\n const { notes } = this.state;\r\n return (\r\n \r\n \r\n this.inputFiles = ref} type=\"file\" id=\"file\" name=\"files[]\" className=\"hide\"\r\n multiple\r\n onChange={() => this.onSelectFile()}/>\r\n 0 ? 'flex' : 'none'}}>\r\n {(uploading || isUploading) && \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAttachments.propTypes = {\r\n uploading: PropTypes.bool,\r\n mode: PropTypes.string, //'single', 'multiple'\r\n showButton: PropTypes.bool,\r\n chooseWithoutSave: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n\r\n onUploading: PropTypes.func,\r\n onChange: PropTypes.func,\r\n onFileSubmited: PropTypes.func,\r\n};\r\n\r\nexport default connect(null,\r\n (dispatch) => ({\r\n mainActions: bindActionCreators(mainActions, dispatch)\r\n }), null, {forwardRef: true}\r\n)(Attachments);\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author TRIHAO\r\n * @create 11/15/2019\r\n * @Example\r\n */\r\n\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Config from \"../../config\";\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport * as mainActions from \"../../redux/main/main_actions\"\r\nimport W09F0001 from \"./W09F0001\";\r\nimport Modal from \"../common/modal/modal\";\r\n\r\nclass AttachmentPopup extends React.Component {\r\n\r\n onOpen = () => {\r\n const {onOpen} = this.props;\r\n if (onOpen) onOpen();\r\n };\r\n\r\n onClose = () => {\r\n const {onClose} = this.props;\r\n if (onClose) onClose();\r\n };\r\n\r\n render() {\r\n const {open, data, title, maxWidth, className, style} = this.props;\r\n\r\n return (\r\n \r\n
}\r\n \r\n {fileNames && fileNames.map((fileName, i) => {\r\n return (\r\n this.eFileNames[i] = ref}\r\n label={fileName}\r\n onDelete={() => this.onRemoveFile(i)}\r\n style={styles.items}\r\n />\r\n );\r\n })}\r\n
\r\n {showButton && \r\n : null}\r\n size={'small'}\r\n className={'pull-right'}\r\n name={Config.lang(\"Dinh_kem\")}\r\n icon={!uploading ? \"fas fa-paperclip\" : \"\"}\r\n disabled={disabled}\r\n color={'primary'}\r\n variant={'contained'}\r\n onClick={this.onAttachment}\r\n />\r\n
}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n this.inputFiles = ref} type=\"file\" id=\"file\" name=\"files[]\" className=\"hide\"\r\n onChange={() => this.onSelectFile()}/>\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 this.renderAction(data)}\r\n caption={Config.lang(\"Hanh_dong\")}\r\n alignment={'center'}\r\n allowSorting={false}\r\n showInColumnChooser={false}\r\n width={'7.25rem'}\r\n fixed={true}\r\n />\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nW09F0001.propTypes = {\r\n data: PropTypes.any,\r\n\r\n onSave: PropTypes.func\r\n};\r\n\r\nexport default compose(connect(null,\r\n (dispatch) => ({\r\n w09f0001Actions: bindActionCreators(w09f0001Actions, dispatch),\r\n })\r\n))(W09F0001);\r\n"],"sourceRoot":""}\r\n \r\n {Config.lang(\"Loai_tap_tin_ho_tro\")}: \r\n .doc .docx .jpeg .jpg .pdf .txt\r\n \r\n \r\n {Config.lang(\"Kich_co_toi_da\")}: \r\n {this.limitSize} KB\r\n \r\n
\r\n \r\n