\r\n {!hideLabel&&
\r\n
{label} \r\n {require ?
*
: null}\r\n {touched && error ?
{error}
: null}\r\n
\r\n {props.showPODetail()}\r\n
}\r\n
\r\n enterPass(e)}\r\n icon={props.showSearch&&props.onSearchClick&&props.onSearchClick(input.value)}/>}\r\n />\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(TextSearch)","import React from 'react'\r\nimport classNames from 'classnames'\r\nimport { compose } from 'recompose'\r\nimport DatePicker from 'react-datepicker'\r\nimport 'react-datepicker/dist/react-datepicker.min.css'\r\n\r\nconst DateInput = (props) => {\r\n const { label, placeHolder, require, editable, dateFormat='dd MMMM yyyy', input, specialOnChange, meta: { touched, error } } = props\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n {\r\n input.onChange(date)\r\n if (specialOnChange) {\r\n specialOnChange(date, input.value)\r\n }\r\n }}\r\n dateFormat={dateFormat}\r\n minDate={props.minDate||null}\r\n disabled={editable === false}\r\n placeholder={placeHolder}\r\n />\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(DateInput)","import React from 'react'\r\nimport classNames from 'classnames'\r\nimport { compose } from 'recompose'\r\nimport DatePicker from 'react-datepicker'\r\nimport 'react-datepicker/dist/react-datepicker.min.css'\r\n\r\nconst DateInput = (props) => {\r\n const { label, placeHolder, require, editable, dateFormat='dd MMMM yyyy HH:mm', input, specialOnChange, meta: { touched, error } } = props\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n {\r\n input.onChange(date)\r\n if (specialOnChange) {\r\n specialOnChange(date, input.value)\r\n }\r\n }}\r\n dateFormat={dateFormat}\r\n minDate={props.minDate||null}\r\n disabled={editable === false}\r\n placeholder={placeHolder}\r\n />\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(DateInput)","import React from 'react'\r\nimport classNames from 'classnames'\r\nimport { compose } from 'recompose'\r\nimport DatePicker from 'react-datepicker'\r\nimport 'react-datepicker/dist/react-datepicker.min.css'\r\n\r\nconst TimeInput = (props) => {\r\n const { label, placeHolder, require, editable, dateFormat='HH:mm', input, specialOnChange, meta: { touched, error } } = props\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n {\r\n input.onChange(date)\r\n if (specialOnChange) {\r\n specialOnChange(date, input.value)\r\n }\r\n }}\r\n showTimeSelect\r\n showTimeSelectOnly\r\n dateFormat={dateFormat}\r\n disabled={editable === false}\r\n placeholder={placeHolder}\r\n />\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(TimeInput)","import React from 'react'\r\nimport classnames from 'classnames'\r\nimport NumberFormat from 'react-number-format'\r\n\r\nconst NumberInput = (props) => {\r\n const { \r\n label, \r\n specialOnChange, \r\n specialOnFocus, \r\n input, \r\n require, \r\n editable, \r\n decimalScale=2, \r\n fixedDecimalScale=false, \r\n inputStyle={},\r\n textAlignLeft, \r\n thousandSeparator=true, \r\n allowNegative=true, \r\n suffix, \r\n prefix, \r\n marginLess,\r\n placeholder, \r\n noBorder=false,\r\n style, \r\n formatValue=null,\r\n meta: { touched, error } \r\n } = props\r\n\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n {\r\n input.onChange(values.value)\r\n if (specialOnChange) {\r\n specialOnChange(values.value)\r\n }\r\n }}\r\n onFocus={event => {\r\n event.target.select()\r\n if (specialOnFocus) {\r\n specialOnFocus()\r\n }\r\n }}\r\n style={{ textAlign: textAlignLeft?'':'right', ...inputStyle}}\r\n />\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default NumberInput","import React from 'react'\r\nimport { compose, withState } from 'recompose'\r\nimport { Dropdown } from 'semantic-ui-react'\r\n\r\nconst SelectInput = (props) => {\r\n const { \r\n label, \r\n placeHolder, \r\n input, \r\n require, \r\n editable=true,\r\n loading, \r\n multiple,\r\n noBorder,\r\n allowAdditions, \r\n onAddNewItem,\r\n specialOnChange, \r\n options=[], \r\n ignoreClearValue, \r\n specialOnSearchChange,\r\n specialOnClose,\r\n underLabel=null,\r\n searchQuery, \r\n setSearchQuery, \r\n beforeOnChange, \r\n noResultsMessage, \r\n useLazyLoad=false, \r\n style, \r\n meta: { touched, error } \r\n } = props\r\n\r\n const [searchKey, setSearchKey] = React.useState(0)\r\n\r\n const getDataOption = React.useMemo(() => {\r\n if(!useLazyLoad) return ()=>options\r\n return ()=>{\r\n if(options.length>0){\r\n if(searchKey==''){\r\n let data = options.filter((x,i)=>i<50)\r\n if(input.value){\r\n if(!data.find((x)=>x.value==input.value)){\r\n let i = options.find((x)=>x.value==input.value)\r\n if(i!=null) data.push(i)\r\n }\r\n }\r\n return data\r\n }\r\n else{\r\n let searchResult = options.filter((x)=>x.text.includes(searchKey))\r\n return searchResult.filter((x,i)=>i<50)\r\n }\r\n }\r\n }\r\n }, [searchKey,options,input.value])\r\n\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n {\r\n setSearchKey(data.value)\r\n if (beforeOnChange) {\r\n beforeOnChange({\r\n value: data.value,\r\n onChange: () => {\r\n input.onChange(data.value)\r\n setSearchQuery('')\r\n },\r\n specialOnChange: specialOnChange ? () => specialOnChange(data.value) : null,\r\n clearSearchText: () => setSearchQuery('')\r\n })\r\n } else {\r\n input.onChange(data.value)\r\n setSearchQuery('')\r\n if (specialOnChange) {\r\n specialOnChange(data.value)\r\n }\r\n }\r\n }}\r\n onClose={(e, data) => {\r\n setSearchQuery('')\r\n setSearchKey('')\r\n if (specialOnClose) {\r\n specialOnClose(data)\r\n }\r\n }}\r\n onAddItem={(e, data) => {\r\n onAddNewItem(data.value)\r\n }}\r\n searchQuery={searchQuery}\r\n onSearchChange={(e, data) => {\r\n setSearchKey(data.searchQuery)\r\n if (searchQuery !== data.searchQuery.trimLeft()) {\r\n setSearchQuery(data.searchQuery.trimLeft())\r\n data.searchQuery = data.searchQuery.trim()\r\n if (specialOnSearchChange) {\r\n specialOnSearchChange(data.searchQuery)\r\n }\r\n }\r\n }}\r\n />\r\n
\r\n {underLabel?
\r\n {underLabel}\r\n :null}\r\n
\r\n )\r\n}\r\n\r\nexport default compose(\r\n withState('searchQuery', 'setSearchQuery', '')\r\n)(SelectInput)\r\n","import React from 'react'\r\nimport { compose } from 'recompose'\r\nimport classnames from 'classnames'\r\nimport { TextArea } from 'semantic-ui-react'\r\n\r\nconst TextAreaInput = (props) => {\r\n // const { label, placeHolder, input, meta: { touched, error } } = props\r\n // const activeClass = classnames({ error: (touched && error) })\r\n // return (\r\n //
\r\n // {label} \r\n // \r\n // {touched ? error : ''}\r\n // \r\n // \r\n // )\r\n const { \r\n label, placeHolder, input, require, editable, style, specialOnChange, meta: { touched, error },\r\n resizeVerticalOnly=false,resizeHorizontalOnly=false,rows=3\r\n } = props\r\n const activeClass = classnames({error: (touched && error)})\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n {\r\n input.onChange(data.value)\r\n if (specialOnChange) {\r\n specialOnChange(data.value)\r\n }\r\n }}\r\n />\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(TextAreaInput)","import React from 'react'\r\nimport { compose } from 'recompose'\r\nimport classnames from 'classnames'\r\nimport { Input } from 'semantic-ui-react'\r\n\r\nconst PasswordInput = (props) => {\r\n const { label, placeHolder, input, require, editable, style, meta: { touched, error } } = props\r\n const activeClass = classnames({error: (touched && error)})\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(PasswordInput)","import React from 'react'\r\nimport { lower } from 'change-case'\r\nimport { compose } from 'recompose'\r\nimport classnames from 'classnames'\r\nimport { Checkbox } from 'semantic-ui-react'\r\n\r\nconst CheckboxInput = (props) => {\r\n const { \r\n label, \r\n input, \r\n editable, \r\n style, \r\n fieldInputStyle, \r\n specialOnChange, \r\n meta: { touched, error } \r\n } = props\r\n\r\n return (\r\n
\r\n {touched && error ?
{error} : null}\r\n
\r\n {\r\n input.onChange(checked)\r\n if (specialOnChange) {\r\n specialOnChange(checked)\r\n }\r\n }} />\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(CheckboxInput)","import React from 'react'\r\nimport classnames from 'classnames'\r\nimport { connect } from 'react-redux'\r\nimport Dropzone from 'react-dropzone'\r\nimport { Icon } from 'semantic-ui-react'\r\nimport styled from '@emotion/styled'\r\n\r\nimport { toastError, toastWarning, showConfirmModal } from 'ducks/app'\r\nimport { FileUploadCell } from 'components'\r\n\r\nimport * as v from 'variables/styled'\r\n\r\nexport const DropzoneContainer = styled.div({\r\n marginTop: '10px',\r\n display: 'flex',\r\n\r\n '.inputContent': {\r\n display: 'flex',\r\n flex: 1,\r\n width: '100%',\r\n },\r\n\r\n '.dropArea': {\r\n cursor: 'pointer',\r\n display: 'flex',\r\n background: '#FFF',\r\n border: `dashed 1.5px ${v.borderGray}`,\r\n borderRadius: '5px',\r\n padding: '20px 0px',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n flexDirection: 'column',\r\n flex: 1,\r\n width: '100%',\r\n\r\n '.textTitle': {\r\n fontSize: '1.25rem',\r\n color: '#505050',\r\n\r\n svg: {\r\n fontSize: '1rem',\r\n\r\n path: {\r\n color: v.btnGray,\r\n },\r\n },\r\n },\r\n\r\n '.buttonUI': {\r\n height: '35px',\r\n background: v.bgSoftGray,\r\n borderRadius: '5px',\r\n fontSize: '1.25rem',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n minWidth: '200px',\r\n color: '#505050',\r\n },\r\n },\r\n\r\n '.dropArea.error': {\r\n backgroundColor: '#fff6f6',\r\n borderColor: '#e0b4b4',\r\n },\r\n})\r\n\r\nconst FileInput = (props) => {\r\n const {\r\n label, \r\n docCode, \r\n oldFiles=[], \r\n change, \r\n removeOldFiles, \r\n showOldFile,\r\n removeFiles, \r\n fieldInputStyle = {}, \r\n require, \r\n input, \r\n duplicateCheck, \r\n style, \r\n limitFileSize = 250, \r\n limitFileItem = -1, \r\n multipleSelect = true,\r\n replaceUpload, \r\n clearFiles, \r\n editable = true,\r\n acceptFileType='.xlsx,.xls,image/*,.doc,.docx,.ppt,.pptx,.txt,.pdf,.zip,.rar,.7z,.msg',\r\n meta: { touched, error } \r\n } = props\r\n\r\n const findLastIndex = () =>{\r\n let count = oldFiles.length\r\n let index =-1;\r\n for(let i = (count-1);i>=0;i--){\r\n let temp = oldFiles[i]\r\n if(!temp.deleted && temp.documentCode.toLowerCase()==input.name.toLowerCase()){\r\n index = i\r\n break;\r\n }\r\n }\r\n return index\r\n }\r\n\r\n\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n {editable?\r\n
{\r\n const checkCaseLimitFileItem = (currentInput,file)=>{\r\n if(oldFiles){//case has old file\r\n let countOldFile = oldFiles.filter(x=>!x.deleted && x.documentCode.toLowerCase()==input.name.toLowerCase()).length\r\n if(countOldFile==limitFileItem){//case no new file but old file equre limitFileItem\r\n //get last index to delete file\r\n let lastIndex = findLastIndex()\r\n change(`attachments[${lastIndex}].deleted`, true)\r\n input.onChange([...currentInput, file])\r\n }else if((currentInput.length+countOldFile)==limitFileItem){//case newFile + oldFile equre limitfileItem\r\n currentInput.splice((currentInput.length-1), 1)\r\n input.onChange([...currentInput, file])\r\n }else{\r\n input.onChange([...currentInput, file])\r\n }\r\n }else{//case no old file\r\n if(currentInput.length {\r\n const reader = new FileReader()\r\n let currentInput = input.value||[]\r\n reader.onload = () => {\r\n if ((file.size / (1024 * 1024)).toFixed(2) > limitFileSize) { //filter file size\r\n props.toastError(`Maximum file size limit is ${limitFileSize} MB`)\r\n } else if (replaceUpload && clearFiles) {\r\n clearFiles()\r\n input.onChange([file])\r\n } else if (duplicateCheck) { //case alert duplicate file\r\n let newFileDup = -1\r\n if(currentInput>0){\r\n // get duplicate new file\r\n newFileDup = currentInput.findIndex(x => x.path === file.path)\r\n } \r\n // get duplicate old file \r\n let oldFileDup = oldFiles ? oldFiles.findIndex(x => x.originalFilename === file.path && !x.deleted && x.documentCode.toLowerCase()==input.name.toLowerCase()) : -1\r\n if (oldFileDup < 0 && newFileDup < 0) {// no duplicate file\r\n input.onChange([...currentInput, file])\r\n } else {\r\n props.showConfirmModal(\r\n true,\r\n {\r\n header: 'Systems',\r\n message: 'There is already a file with the same name, Would you like to replace the existing file?',\r\n btnConfirmText: 'Yes',\r\n btnCancelText: 'No',\r\n onClickConfirm: () => {\r\n if(limitFileItem>0){\r\n checkCaseLimitFileItem(currentInput,file)\r\n }else{\r\n if (newFileDup >= 0) {\r\n currentInput.splice(newFileDup, 1)\r\n input.onChange([...currentInput, file])\r\n } else {\r\n change(`attachments[${oldFileDup}].deleted`, true)\r\n input.onChange([...currentInput, file])\r\n }\r\n }\r\n }\r\n }\r\n )\r\n }\r\n } else if(limitFileItem>0) {//case limit file item\r\n checkCaseLimitFileItem(currentInput,file)\r\n } else {\r\n input.onChange([...currentInput, file])\r\n }\r\n }\r\n reader.onabort = () => toastError('file reading was aborted')\r\n reader.onerror = () => toastError('file reading has failed')\r\n\r\n reader.readAsBinaryString(file)\r\n })\r\n }}\r\n >\r\n {({ getRootProps, getInputProps, isDragActive }) => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
Or
\r\n
Choose File
\r\n
\r\n
{\r\n var clone = [...input.value]\r\n clone.splice(index, 1)\r\n input.onChange([...clone])\r\n }} />\r\n )\r\n }) : null\r\n }\r\n {\r\n showOldFile ?\r\n oldFiles.map((f, index) =>{\r\n if(f.deleted) return null\r\n return (\r\n {\r\n removeOldFiles(index, f.id)\r\n }}\r\n />\r\n )\r\n }) : null\r\n }\r\n {\r\n !input.value && oldFiles.length==0?\r\n No File :null\r\n }\r\n \r\n
\r\n )\r\n}\r\nconst mapStateToProps = (state) => ({})\r\nconst mapDispatchToProps = {\r\n toastWarning,\r\n toastError,\r\n showConfirmModal\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(FileInput)","import React from 'react'\r\nimport { compose } from 'recompose'\r\nimport classnames from 'classnames'\r\nimport { Button } from 'semantic-ui-react'\r\n\r\nconst TextInput = (props) => {\r\n const { label, options, input, style, editable=true, meta: { touched, error } } = props\r\n const activeClass = classnames({error: (touched && error)})\r\n\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n \r\n {\r\n options ? options.map(opt => \r\n input.onChange(opt.value)}\r\n active= {input.value === opt.value} \r\n disabled={editable===false}\r\n >\r\n {opt.title}\r\n \r\n ) : null\r\n }\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(TextInput)","import React from 'react'\r\nimport { lower } from 'change-case'\r\nimport { compose } from 'recompose'\r\nimport { Radio } from 'semantic-ui-react'\r\nimport { SwitchContainer } from '../styled'\r\n\r\nconst SwitchInput = (props) => {\r\n const { label, input, style, editable, specialOnChange } = props\r\n return (\r\n
\r\n
{label} \r\n
\r\n
\r\n No \r\n \r\n {\r\n input.onChange(data.checked)\r\n if (specialOnChange) {\r\n specialOnChange(data.checked)\r\n }\r\n }}\r\n />\r\n
\r\n Yes \r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(SwitchInput)","import React from 'react'\r\nimport { compose } from 'recompose'\r\nimport { Dropdown } from 'semantic-ui-react'\r\n\r\nconst MultiSelectInput = (props) => {\r\n const { label, placeHolder, input, require, editable, loading,\r\n allowAdditions, onAddNewItem, specialOnChange, options, meta: { touched, error } } = props\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n {\r\n input.onChange(data.value)\r\n if (specialOnChange) {\r\n specialOnChange(data.value)\r\n }\r\n }}\r\n onAddItem={(event, data) => {\r\n onAddNewItem(data.value)\r\n }}\r\n />\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(MultiSelectInput)\r\n","import React from 'react'\r\nimport { compose } from 'recompose'\r\nimport { Radio } from 'semantic-ui-react'\r\n\r\nconst SwitchInput = (props) => {\r\n const { label, input, style, fieldInputStyle={}, horizontalView, editable, options = [], specialOnChange, require, meta: { touched, error } } = props\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n {\r\n options.map(o => \r\n {\r\n input.onChange(o.value)\r\n if (specialOnChange) specialOnChange(o.value)\r\n }}\r\n />\r\n )\r\n }\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(SwitchInput)","import React from 'react'\r\nimport { compose } from 'recompose'\r\nimport classnames from 'classnames'\r\nimport { Input } from 'semantic-ui-react'\r\n\r\nconst TextInput = (props) => {\r\n const { label, dummy, placeHolder, input, require, editable, filterKey, style, meta: { touched, error } } = props\r\n const activeClass = classnames({error: (touched && error)})\r\n\r\n if (filterKey && input.value && input.value === filterKey) {\r\n input.value = '-'\r\n }\r\n\r\n return (\r\n
\r\n
\r\n {label}\r\n {require ? * : null}\r\n {touched && error ? {error} : null}\r\n \r\n
\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default compose()(TextInput)","import React from 'react'\r\nimport classnames from 'classnames'\r\nimport { compose, setPropTypes, defaultProps } from 'recompose'\r\nimport PropTypes from 'prop-types'\r\n\r\nimport { InputContainer } from './styled'\r\n\r\nimport TextInput from './TextInput'\r\nimport TextSearch from './TextSearch'\r\nimport DateInput from './DateInput'\r\nimport DateTimeInput from './DateTimeInput'\r\nimport TimeInput from './TimeInput'\r\nimport NumberInput from './NumberInput'\r\nimport SelectInput from './SelectInput'\r\nimport TextAreaInput from './TextAreaInput'\r\nimport PasswordInput from './PasswordInput'\r\n// import RadioInput from './RadioInput'\r\nimport CheckboxInput from './CheckboxInput'\r\n// import TagInput from './TagInput'\r\nimport FileInput from './FileInput'\r\nimport TabSelectionInput from './TabSelectionInput'\r\nimport SwitchInput from './SwitchInput'\r\nimport MultiSelectInput from './MultiSelectInput'\r\nimport RadioInput from './RadioInput'\r\nimport LabelOnly from './LabelOnly'\r\n\r\nexport const InputType = {\r\n text: 'text',\r\n textSearch: 'textSearch',\r\n textArea: 'textArea',\r\n date: 'date',\r\n dateTime: 'dateTime',\r\n time: 'time',\r\n number: 'number',\r\n select: 'select',\r\n password: 'password',\r\n radio: 'radioOpt',\r\n checkbox: 'checkbox',\r\n tag: 'tag',\r\n file: 'file',\r\n tabSelection: 'tabSelection',\r\n switch: 'switch',\r\n multiSelect: 'multiSelect',\r\n empty: 'empty',\r\n labelOnly: 'labelOnly'\r\n}\r\n\r\nconst FieldInput = (props) => {\r\n const { containerStyle } = props\r\n return (\r\n
\r\n {\r\n (() => {\r\n switch(props.type) {\r\n case InputType.text:\r\n return \r\n )\r\n}\r\n\r\nconst propTypes = {\r\n type: PropTypes.oneOf(Object.keys(InputType))\r\n}\r\n\r\nconst defaultProp = {\r\n type: InputType.text\r\n}\r\n\r\nexport default compose(\r\n setPropTypes(propTypes),\r\n defaultProps(defaultProp)\r\n)(FieldInput)\r\n","import { takeLatest, takeEvery, put, select, takeLeading } from 'redux-saga/effects'\r\nimport { createReducer, makeAction, makeKeys } from './helper'\r\nimport { httpGet } from '../core/restClient'\r\n// import { appLoading, appLoaded, toastError, toastSuccess } from './app'\r\nimport r from 'reactotron-react-js'\r\n\r\nconst GET_ACCOUNT_ASSIGNMENTS = makeKeys('GET_ACCOUNT_ASSIGNMENTS')\r\nconst GET_ASSETS = makeKeys('GET_ASSETS')\r\nconst GET_BANK_BRANCH = makeKeys('GET_BANK_BRANCH')\r\nconst GET_BANK_KEYS = makeKeys('GET_BANK_KEYS')\r\nconst GET_BUDGET_TYPES = makeKeys('GET_BUDGET_TYPES')\r\nconst GET_BUSINESS_PARTNERS = makeKeys('GET_BUSINESS_PARTNER_LIST')\r\nconst GET_BP_GROUPS = makeKeys('GET_BP_GROUPS')\r\nconst GET_COMPANIES = makeKeys('GET_COMPANIES')\r\nconst GET_COST_CENTER = makeKeys('GET_COST_CENTER')\r\nconst GET_COUNTRY = makeKeys('GET_COUNTRY')\r\nconst GET_CURRENCIES = makeKeys('GET_CURRENCIES')\r\nconst GET_CUSTOMERS = makeKeys('GET_CUSTOMERS')\r\nconst GET_GL_ACCOUNTS = makeKeys('GET_GL_ACCOUNTS')\r\nconst GET_INCOTERMS = makeKeys('GET_INCOTERMS')\r\nconst GET_INDUSTRIES = makeKeys('GET_INDUSTRIES')\r\nconst GET_MATERIAL_GROUPS = makeKeys('GET_MATERIAL_GROUPS')\r\nconst GET_MATERIALS = makeKeys('GET_MATERIALS')\r\nconst GET_ORDERS = makeKeys('GET_ORDERS')\r\nconst GET_PAYEES = makeKeys('GET_PAYEES')\r\nconst GET_PAYMENT_BLOCK = makeKeys('GET_PAYMENT_BLOCK')\r\nconst GET_PAYMENT_METHOD = makeKeys('GET_PAYMENT_METHOD')\r\nconst GET_PAYMENT_TERM = makeKeys('GET_PAYMENT_TERM')\r\nconst GET_PLANTS = makeKeys('GET_PLANTS')\r\nconst GET_PLANNING_GROUPS = makeKeys('GET_PLANNING_GROUPS')\r\nconst GET_PR_CATEGORIES = makeKeys('GET_PR_CATEGORIES')\r\nconst GET_PR_TYPES = makeKeys('GET_PR_TYPES')\r\nconst GET_PROFIT_CENTERS = makeKeys('GET_PROFIT_CENTERS')\r\nconst GET_PURCHASING_GROUPS = makeKeys('GET_PURCHASING_GROUPS')\r\nconst GET_PURCHASING_ORGS = makeKeys('GET_PURCHASING_ORGS')\r\nconst GET_RECONCILIATIONS = makeKeys('GET_RECONCILIATIONS')\r\nconst GET_STORAGE_LOCATIONS = makeKeys('GET_STORAGE_LOCATIONS')\r\nconst GET_SORT_KEYS = makeKeys('GET_SORT_KEYS')\r\nconst GET_TRADING_PARTNERS = makeKeys('GET_TRADING_PARTNERS')\r\nconst GET_UNITS = makeKeys('GET_UNITS')\r\nconst GET_VENDORS = makeKeys('GET_VENDORS')\r\nconst GET_WBS_ELEMENTS = makeKeys('GET_WBS_ELEMENTS')\r\nconst GET_WHT_TYPES = makeKeys('GET_WHT_TYPES')\r\nconst GET_WHT_RECEIPT_TYPES = makeKeys('GET_WHT_RECEIPT_TYPES')\r\nconst FETCH_PROJECTS = makeKeys('FETCH_PROJECTS')\r\nconst FETCH_PM_USERS = makeKeys('FETCH_PM_USERS')\r\nconst FETCH_ROLE_PURCHASE_OFFICER = makeKeys('FETCH_ROLE_PURCHASE_OFFICER')\r\nconst FETCH_PO_ACTIVE_VENDOR = makeKeys('FETCH_PO_ACTIVE_VENDOR')\r\nconst FETCH_CONTRACT_ACTIVE_VENDOR = makeKeys('FETCH_CONTRACT_ACTIVE_VENDOR')\r\nconst FETCH_PRODUCT_BRANDS_OPTIONS = makeKeys('FETCH_PRODUCT_BRANDS_OPTIONS')\r\nconst GET_TYPE_OF_TENDERS = makeKeys('GET_TYPE_OF_TENDERS')\r\nconst GET_WORKS = makeKeys('GET_WORKS')\r\nconst FETCH_STATS_PO_WORKSPACE = makeKeys('FETCH_STATS_PO_WORKSPACE')\r\nconst GET_STAMP_DUTY_OPTIONS = makeKeys('GET_STAMP_DUTY_OPTIONS')\r\nconst GET_PR_SPECIAL_OPTIONS = makeKeys('GET_PR_SPECIAL_OPTIONS')\r\nconst GET_PO_NUMBER = makeKeys('GET_PO_NUMBER')\r\nconst GET_LIST_PO_COMPLETE_NUMBER = makeKeys('GET_LIST_PO_COMPLETE_NUMBER')\r\n\r\nexport const getAccountAssignments = makeAction(GET_ACCOUNT_ASSIGNMENTS.REQUEST)\r\nexport const getAssets = makeAction(GET_ASSETS.REQUEST)\r\nexport const getBankBranch = makeAction(GET_BANK_BRANCH.REQUEST, 'bankKey')\r\nexport const getBankKeys = makeAction(GET_BANK_KEYS.REQUEST)\r\nexport const getBudgetTypes = makeAction(GET_BUDGET_TYPES.REQUEST)\r\nexport const getBusinessPartners = makeAction(GET_BUSINESS_PARTNERS.REQUEST)\r\nexport const getBPGroups = makeAction(GET_BP_GROUPS.REQUEST)\r\nexport const getCompanies = makeAction(GET_COMPANIES.REQUEST)\r\nexport const getPayees = makeAction(GET_PAYEES.REQUEST)\r\nexport const getCostCenter = makeAction(GET_COST_CENTER.REQUEST, 'data')\r\nexport const getCountry = makeAction(GET_COUNTRY.REQUEST)\r\nexport const getCurrencies = makeAction(GET_CURRENCIES.REQUEST)\r\nexport const getCustomers = makeAction(GET_CUSTOMERS.REQUEST)\r\nexport const getGlAccounts = makeAction(GET_GL_ACCOUNTS.REQUEST)\r\nexport const getIncoterms = makeAction(GET_INCOTERMS.REQUEST)\r\nexport const getIndustries = makeAction(GET_INDUSTRIES.REQUEST)\r\nexport const getMaterials = makeAction(GET_MATERIALS.REQUEST, 'plant')\r\nexport const getMaterialGroups = makeAction(GET_MATERIAL_GROUPS.REQUEST)\r\nexport const getOrders = makeAction(GET_ORDERS.REQUEST)\r\nexport const getPaymentBlocks = makeAction(GET_PAYMENT_BLOCK.REQUEST)\r\nexport const getPaymentMethods = makeAction(GET_PAYMENT_METHOD.REQUEST)\r\nexport const getPaymentTerms = makeAction(GET_PAYMENT_TERM.REQUEST)\r\nexport const getPlants = makeAction(GET_PLANTS.REQUEST)\r\nexport const getPlanningGroups = makeAction(GET_PLANNING_GROUPS.REQUEST)\r\nexport const getPrCategories = makeAction(GET_PR_CATEGORIES.REQUEST)\r\nexport const getProfitCenters = makeAction(GET_PROFIT_CENTERS.REQUEST)\r\nexport const getPrTypes = makeAction(GET_PR_TYPES.REQUEST)\r\nexport const getPurchasingGroups = makeAction(GET_PURCHASING_GROUPS.REQUEST)\r\nexport const getPurchasingOrgs = makeAction(GET_PURCHASING_ORGS.REQUEST)\r\nexport const getReconciliations = makeAction(GET_RECONCILIATIONS.REQUEST, 'companyCode')\r\nexport const getSortKeys = makeAction(GET_SORT_KEYS.REQUEST)\r\nexport const getStorageLocations = makeAction(GET_STORAGE_LOCATIONS.REQUEST)\r\nexport const getTradingPartners = makeAction(GET_TRADING_PARTNERS.REQUEST)\r\nexport const getUnits = makeAction(GET_UNITS.REQUEST)\r\nexport const getVendors = makeAction(GET_VENDORS.REQUEST)\r\nexport const getWbsElements = makeAction(GET_WBS_ELEMENTS.REQUEST, 'companyCode')\r\nexport const getWhtTypes = makeAction(GET_WHT_TYPES.REQUEST)\r\nexport const getWhtReceiptTypes = makeAction(GET_WHT_RECEIPT_TYPES.REQUEST)\r\nexport const fetchProjects = makeAction(FETCH_PROJECTS.REQUEST, 'companyCode')\r\nexport const fetchPMUsers = makeAction(FETCH_PM_USERS.REQUEST)\r\nexport const fetchRolePurchaseOfficer = makeAction(FETCH_ROLE_PURCHASE_OFFICER.REQUEST, 'purchGroup')\r\nexport const fetchPOActiveVendors = makeAction(FETCH_PO_ACTIVE_VENDOR.REQUEST)\r\nexport const fetchContractActiveVendors = makeAction(FETCH_CONTRACT_ACTIVE_VENDOR.REQUEST)\r\nexport const fetchProductBrandsOptions = makeAction(FETCH_PRODUCT_BRANDS_OPTIONS.REQUEST)\r\nexport const getTypeOfTenders = makeAction(GET_TYPE_OF_TENDERS.REQUEST)\r\nexport const getWorks = makeAction(GET_WORKS.REQUEST)\r\nexport const fetchStatusPOWorkSpace = makeAction(FETCH_STATS_PO_WORKSPACE.REQUEST)\r\nexport const getStampDutyOptions = makeAction(GET_STAMP_DUTY_OPTIONS.REQUEST)\r\nexport const getPrSpecialOptions = makeAction(GET_PR_SPECIAL_OPTIONS.REQUEST, 'type')\r\nexport const getPoNumber = makeAction(GET_PO_NUMBER.REQUEST, 'companyCode', 'onLoadSuccess')\r\nexport const getListPoCompleteNumber = makeAction(GET_LIST_PO_COMPLETE_NUMBER.REQUEST)\r\n\r\nconst getAccountAssignmentsSuccess = makeAction(GET_ACCOUNT_ASSIGNMENTS.SUCCESS, 'data')\r\nconst getAssetsSuccess = makeAction(GET_ASSETS.SUCCESS, 'data')\r\nconst getBankBranchSuccess = makeAction(GET_BANK_BRANCH.SUCCESS, 'data', 'bankKey')\r\nconst getBankKeysSuccess = makeAction(GET_BANK_KEYS.SUCCESS, 'data')\r\nconst getBudgetTypesSuccess = makeAction(GET_BUDGET_TYPES.SUCCESS, 'data')\r\nconst getBusinessPartnersSuccess = makeAction(GET_BUSINESS_PARTNERS.SUCCESS, 'data')\r\nconst getBPGroupsSuccess = makeAction(GET_BP_GROUPS.SUCCESS, 'data')\r\nconst getCompaniesSuccess = makeAction(GET_COMPANIES.SUCCESS, 'data')\r\nconst getCostCenterSuccess = makeAction(GET_COST_CENTER.SUCCESS, 'data')\r\nconst getCountrySuccess = makeAction(GET_COUNTRY.SUCCESS, 'data')\r\nconst getCurrenciesSuccess = makeAction(GET_CURRENCIES.SUCCESS, 'data')\r\nconst getCustomersSuccess = makeAction(GET_CUSTOMERS.SUCCESS, 'data')\r\nconst getGlAccountsSuccess = makeAction(GET_GL_ACCOUNTS.SUCCESS, 'data')\r\nconst getIncotermsSuccess = makeAction(GET_INCOTERMS.SUCCESS, 'data')\r\nconst getIndustriesSuccess = makeAction(GET_INDUSTRIES.SUCCESS, 'data')\r\nconst getMaterialsSuccess = makeAction(GET_MATERIALS.SUCCESS, 'data', 'plant')\r\nconst getMaterialGroupsSuccess = makeAction(GET_MATERIAL_GROUPS.SUCCESS, 'data')\r\nconst getOrdersSuccess = makeAction(GET_ORDERS.SUCCESS, 'data')\r\nconst getPaymentBlockSuccess = makeAction(GET_PAYMENT_BLOCK.SUCCESS, 'data')\r\nconst getPaymentMethodSuccess = makeAction(GET_PAYMENT_METHOD.SUCCESS, 'data')\r\nconst getPaymentTermSuccess = makeAction(GET_PAYMENT_TERM.SUCCESS, 'data')\r\nconst getPlantsSuccess = makeAction(GET_PLANTS.SUCCESS, 'data')\r\nconst getPlanningGroupsSuccess = makeAction(GET_PLANNING_GROUPS.SUCCESS, 'data')\r\nconst getPrCategoriesSuccess = makeAction(GET_PR_CATEGORIES.SUCCESS, 'data')\r\nconst getProfitCentersSuccess = makeAction(GET_PROFIT_CENTERS.SUCCESS, 'data')\r\nconst getPrTypesSuccess = makeAction(GET_PR_TYPES.SUCCESS, 'data')\r\nconst getPurchasingGroupsSuccess = makeAction(GET_PURCHASING_GROUPS.SUCCESS, 'data')\r\nconst getPurchasingOrgsSuccess = makeAction(GET_PURCHASING_ORGS.SUCCESS, 'data')\r\nconst getReconciliationsSuccess = makeAction(GET_RECONCILIATIONS.SUCCESS, 'data', 'companyCode')\r\nconst getSortKeysSuccess = makeAction(GET_SORT_KEYS.SUCCESS, 'data')\r\nconst getStorageLocationsSuccess = makeAction(GET_STORAGE_LOCATIONS.SUCCESS, 'data')\r\nconst getTradingPartnersSuccess = makeAction(GET_TRADING_PARTNERS.SUCCESS, 'data')\r\nconst getUnitsSuccess = makeAction(GET_UNITS.SUCCESS, 'data')\r\nconst getVendorsSuccess = makeAction(GET_VENDORS.SUCCESS, 'data')\r\nconst getWbsElementsSuccess = makeAction(GET_WBS_ELEMENTS.SUCCESS, 'data')\r\nconst getWhtTypesSuccess = makeAction(GET_WHT_TYPES.SUCCESS, 'data')\r\nconst getWhtReceiptTypesSuccess = makeAction(GET_WHT_RECEIPT_TYPES.SUCCESS, 'data')\r\nconst fetchProjectsSuccess = makeAction(FETCH_PROJECTS.SUCCESS, 'data')\r\nconst fetchPMUsersSuccess = makeAction(FETCH_PM_USERS.SUCCESS, 'data')\r\nconst fetchRolePurchaseOfficerSuccess = makeAction(FETCH_ROLE_PURCHASE_OFFICER.SUCCESS, 'data')\r\nconst fetchPOActiveVendorsSuccess = makeAction(FETCH_PO_ACTIVE_VENDOR.SUCCESS, 'data')\r\nconst fetchContractActiveVendorsSuccess = makeAction(FETCH_CONTRACT_ACTIVE_VENDOR.SUCCESS, 'data')\r\nconst fetchProductBrandsOptionsSuccess = makeAction(FETCH_PRODUCT_BRANDS_OPTIONS.SUCCESS, 'data')\r\nconst getTypeOfTendersSuccess = makeAction(GET_TYPE_OF_TENDERS.SUCCESS, 'data')\r\nconst getWorksSuccess = makeAction(GET_WORKS.SUCCESS, 'data')\r\nconst fetchStatusPOWorkSpaceSuccess = makeAction(FETCH_STATS_PO_WORKSPACE.SUCCESS, 'data')\r\nconst getStampDutyOptionsSuccess = makeAction(GET_STAMP_DUTY_OPTIONS.SUCCESS, 'data')\r\nconst getPrSpecialOptionsSuccess = makeAction(GET_PR_SPECIAL_OPTIONS.SUCCESS, 'data')\r\nconst getPoNumberSuccess = makeAction(GET_PO_NUMBER.SUCCESS, 'data', 'companyCode')\r\nconst getListPoCompleteNumberSuccess = makeAction(GET_LIST_PO_COMPLETE_NUMBER.SUCCESS, 'data')\r\n\r\nconst initial = {\r\n accountAssignments: { data: [], loading: false },\r\n assets: { data: [], loading: false },\r\n bankBranch: { data: {}, loading: false },\r\n bankKeys: { data: [], loading: false },\r\n budgetTypes: { data: [], loading: false },\r\n businessPartners: { data: [], loading: false },\r\n businessPartnerGroups: { data: [], loading: false },\r\n companies: { data: [], loading: false, timeStamp: 0 },\r\n costCenters: { data: [], loading: false },\r\n countries: { data: [], loading: false },\r\n currencies: { data: [], loading: false },\r\n customers: { data: [], loading: false },\r\n glAccounts: { data: [], loading: false },\r\n incoterms: { data: [], loading: false },\r\n industries: { data: [], loading: false },\r\n materials: { data: {}, loading: false },\r\n materialGroups: { data: [], loading: false },\r\n orders: { data: [], loading: false },\r\n paymentBlocks: { data: [], loading: false },\r\n paymentMethods: { data: [], loading: false },\r\n paymentTerms: { data: [], loading: false },\r\n plants: { data: [], loading: false },\r\n planningGroups: { data: [], loading: false },\r\n prCategories: { data: [], loading: false },\r\n projects: { data: [], loading: false },\r\n prTypes: { data: [], loading: false },\r\n profitCenters: { data: [], loading: false },\r\n purchasingGroups: { data: [], loading: false },\r\n purchasingOrgs: { data: [], loading: false },\r\n reconciliations: { data: [], companyCode: '', loading: false },\r\n sortKeys: { data: [], loading: false },\r\n storageLocations: { data: [], loading: false },\r\n tradingPartners: { data: [], loading: false },\r\n units: { data: [], loading: false },\r\n vendors: { data: [], loading: false, timeStamp: 0 },\r\n wbsElements: { data: [], loading: false },\r\n whtTypes: { data: [], loading: false },\r\n whtReceiptTypes: { data: [], loading: false },\r\n pmUsers: { data: [], loading: false },\r\n purchaseOfficer: { data: [], loading: false },\r\n poVendors: { data: [], loading: false },\r\n contractVendors: { data: [], loading: false },\r\n productBrands: { data: [], loading: false },\r\n typeOfTenders: { data: [], loading: false },\r\n works: { data: [], loading: false },\r\n statusPOWorkSpace: { data: [], loading: false },\r\n stampDuty: { data: [], loading: false },\r\n prSpecial: { data: [], loading: false },\r\n poNumbers: { data: [], loading: false, companyCode: '' },\r\n optionPoComplete: { data: [], loading: false }\r\n}\r\n\r\nfunction* getAccountAssignmentsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/accountAssignments')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getAccountAssignmentsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getAccountAssignmentsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getAssetsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/assets')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getAssetsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getAssetsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getBankBranchRequest(action) {\r\n const { bankKey } = action.payload\r\n try {\r\n const response = yield httpGet(`options/bankBranchs/${bankKey}`)\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getBankBranchSuccess(response.data, bankKey))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getBankKeysSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getBankKeysRequest(action) {\r\n try {\r\n const response = yield httpGet('options/bankKeys')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getBankKeysSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getBankKeysSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getBudgetTypesRequest(action) {\r\n try {\r\n const response = yield httpGet('options/budgetTypes')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getBudgetTypesSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getBudgetTypesSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getBusinessPartnersRequest(action) {\r\n try {\r\n const response = yield httpGet('options/businessPartner')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getBusinessPartnersSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getBusinessPartnersSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getBPGroupsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/businessPartnerGroups')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getBPGroupsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getBPGroupsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getCompaniesRequest(action) {\r\n try {\r\n const state = yield select()\r\n if (!state.options.companies.data.length&&state.options.companies.timeStamp==1) {\r\n const response = yield httpGet('options/companies')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getCompaniesSuccess(response.data))\r\n }\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getCompaniesSuccess([]))\r\n }\r\n}\r\n\r\n// function* getPayeesRequest(action) {\r\n// try {\r\n// const response = yield httpGet('options/Payees')\r\n// if (response.status >= 200 && response.status < 300) {\r\n// if (response.data) {\r\n// yield put(getPayeesSuccess(response.data))\r\n// }\r\n// }\r\n// } catch (e) {\r\n// yield put(getPayeesSuccess([]))\r\n// }\r\n// }\r\n\r\nfunction* getCostCenterRequest(action) {\r\n const { data } = action.payload\r\n try {\r\n const response = yield httpGet('options/costCenters', data)\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getCostCenterSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getCostCenterSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getCountryRequest(action) {\r\n try {\r\n const response = yield httpGet('options/countries')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getCountrySuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getCountrySuccess([]))\r\n }\r\n}\r\n\r\nfunction* getCurrenciesRequest(action) {\r\n try {\r\n const response = yield httpGet('options/currencies')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getCurrenciesSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getCurrenciesSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getCustomersRequest(action) {\r\n try {\r\n const response = yield httpGet('options/customers')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getCustomersSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getCustomersSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getIncotermsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/incoterms')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getIncotermsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getIncotermsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getIndustriesRequest(action) {\r\n try {\r\n const response = yield httpGet('options/industries')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getIndustriesSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getIndustriesSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getGlAccountsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/glAccounts')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getGlAccountsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getGlAccountsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getMaterialsRequest(action) {\r\n const { plant } = action.payload\r\n try {\r\n const response = yield httpGet('options/materials', { plant })\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getMaterialsSuccess(response.data, plant))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getMaterialGroupsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getMaterialGroupsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/materialGroups')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getMaterialGroupsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getMaterialGroupsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getOrdersRequest(action) {\r\n try {\r\n const response = yield httpGet('options/orders')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getOrdersSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getOrdersSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getPaymentBlocksRequest(action) {\r\n try {\r\n const response = yield httpGet('options/paymentBlocks')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPaymentBlockSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getPaymentBlockSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getPaymentMethodsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/paymentMethods')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPaymentMethodSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getPaymentMethodSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getPaymentTermsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/paymentTerms')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPaymentTermSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getPaymentTermSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getPlantsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/plants')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPlantsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getPlantsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getPlanningGroupsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/planningGroups')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPlanningGroupsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getPlanningGroupsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getPrCategoriesRequest(action) {\r\n try {\r\n const response = yield httpGet('options/prCategories')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPrCategoriesSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getPrCategoriesSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getProfitCentersRequest(action) {\r\n try {\r\n const response = yield httpGet('options/profitCenters')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getProfitCentersSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getProfitCentersSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getPrTypesRequest(action) {\r\n try {\r\n const response = yield httpGet('options/prTypes')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPrTypesSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getPrTypesSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getPurchasingGroupsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/purchasingGroups')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPurchasingGroupsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getPurchasingGroupsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getPurchasingOrgsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/purchasingOrgs')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPurchasingOrgsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getPurchasingOrgsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getReconciliationsRequest(action) {\r\n const { companyCode } = action.payload\r\n try {\r\n const response = yield httpGet(`options/reconciliationAccount/${companyCode}`)\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getReconciliationsSuccess(response.data, companyCode))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getReconciliationsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getSortKeysRequest(action) {\r\n try {\r\n const response = yield httpGet('options/sortKeys')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getSortKeysSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getSortKeysSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getStorageLocationsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/storageLocations')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getStorageLocationsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getStorageLocationsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getTradingPartnersRequest(action) {\r\n try {\r\n const response = yield httpGet('options/tradingPartners')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getTradingPartnersSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getTradingPartnersSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getUnitsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/units')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getUnitsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getUnitsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getVendorsRequest(action) {\r\n try {\r\n const state = yield select()\r\n if (!state.options.vendors.data.length&&state.options.vendors.timeStamp==1) {\r\n const response = yield httpGet('options/vendors')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getVendorsSuccess(response.data))\r\n }\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getVendorsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getWbsElementsRequest(action) {\r\n const { companyCode } = action.payload\r\n try {\r\n const response = yield httpGet('options/wbsElements', { companyCode })\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getWbsElementsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getWbsElementsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getWhtTypesRequest(action) {\r\n try {\r\n const response = yield httpGet('options/withholdingTaxTypes')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getWhtTypesSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getWhtTypesSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getWhtReceiptTypesRequest(action) {\r\n try {\r\n const response = yield httpGet('options/withholdingTaxReceiptTypes')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getWhtReceiptTypesSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getWhtReceiptTypesSuccess([]))\r\n }\r\n}\r\n\r\nfunction* fetchProjectsRequest(action) {\r\n const { companyCode } = action.payload\r\n try {\r\n let response = null\r\n if(companyCode){\r\n response = yield httpGet(`goas/default/projects?companyCode=${companyCode}`)\r\n }else{\r\n response = yield httpGet('goas/projects')\r\n }\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(fetchProjectsSuccess(response.data.map((item,i)=>{\r\n return {key:i, value:item.id,text:item.projectOfficialName}\r\n })))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* fetchPMUsersRequest() {\r\n try {\r\n const response = yield httpGet('options/SearchPM')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(fetchPMUsersSuccess(response.data.map((item,i)=>({key:`pm${i}`,value:item.username,text:item.fullname}))))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* fetchRolePurchaseOfficerRequest(action) {\r\n const { purchGroup } = action.payload\r\n try {\r\n const response = yield httpGet('members/roleOfficerPurchaseUsers/'+purchGroup)\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(fetchRolePurchaseOfficerSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* fetchPOActiveVendorsRequest() {\r\n try {\r\n const response = yield httpGet('purchaseOrders/getActiveVendors/')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(fetchPOActiveVendorsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* fetchContractActiveVendorsRequest() {\r\n try {\r\n const response = yield httpGet('contracts/getActiveVendors/')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(fetchContractActiveVendorsSuccess(response.data))\r\n }\r\n }\r\n }catch (e) {\r\n }\r\n}\r\n\r\nfunction* fetchProductBrandsOptionsRequest() {\r\n try {\r\n const response = yield httpGet('products/brands')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(fetchProductBrandsOptionsSuccess(response.data.map((item,i)=>{\r\n return {key:i, value:item.brandCode, text:item.name}\r\n })))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* getTypeOfTendersRequest(action) {\r\n try {\r\n const response = yield httpGet('options/typeOfTenders')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getTypeOfTendersSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getTypeOfTendersSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getWorksRequest(action) {\r\n try {\r\n const response = yield httpGet('options/works')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getWorksSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getWorksSuccess([]))\r\n }\r\n}\r\n\r\nfunction* fetchStatusPOWorkSpaceRequest() {\r\n try {\r\n const response = yield httpGet('options/statusActivity/PurchaseOrder')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(fetchStatusPOWorkSpaceSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(fetchStatusPOWorkSpaceSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getStampDutyOptionsRequest(action) {\r\n try {\r\n const response = yield httpGet('options/stampDutyType')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getStampDutyOptionsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getStampDutyOptionsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getPrSpecialOptionsRequest(action) {\r\n const { type } = action.payload\r\n try {\r\n const response = yield httpGet('options/prSpecial',{type:type||\"\"})\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPrSpecialOptionsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getPrSpecialOptionsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getPoNumberRequest(action) {\r\n const { companyCode, onLoadSuccess } = action.payload\r\n try {\r\n const response = yield httpGet(`options/poNumber/${companyCode}`)\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n if (onLoadSuccess) {\r\n onLoadSuccess()\r\n }\r\n yield put(getPoNumberSuccess(response.data, companyCode))\r\n }\r\n }\r\n } catch (e) {\r\n if (onLoadSuccess) {\r\n onLoadSuccess()\r\n }\r\n yield put(getPoNumberSuccess([], ''))\r\n }\r\n}\r\n\r\nfunction* getListPoCompleteNumberRequest(action) {\r\n try {\r\n const response = yield httpGet('options/list/purchaseOrderComplete')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getListPoCompleteNumberSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getListPoCompleteNumberSuccess([]))\r\n }\r\n}\r\n\r\nexport function* watchOptionsSaga() {\r\n yield takeLatest(GET_ACCOUNT_ASSIGNMENTS.REQUEST, getAccountAssignmentsRequest)\r\n yield takeLatest(GET_ASSETS.REQUEST, getAssetsRequest)\r\n yield takeEvery(GET_BANK_BRANCH.REQUEST, getBankBranchRequest)\r\n yield takeLatest(GET_BANK_KEYS.REQUEST, getBankKeysRequest)\r\n yield takeLatest(GET_BUDGET_TYPES.REQUEST, getBudgetTypesRequest)\r\n yield takeLatest(GET_BUSINESS_PARTNERS.REQUEST, getBusinessPartnersRequest)\r\n yield takeLatest(GET_BP_GROUPS.REQUEST, getBPGroupsRequest)\r\n yield takeLeading(GET_COMPANIES.REQUEST, getCompaniesRequest)\r\n // yield takeLatest(GET_PAYEES.REQUEST, getPayeesRequest)\r\n yield takeLatest(GET_COST_CENTER.REQUEST, getCostCenterRequest)\r\n yield takeLatest(GET_COUNTRY.REQUEST, getCountryRequest)\r\n yield takeLatest(GET_CURRENCIES.REQUEST, getCurrenciesRequest)\r\n yield takeLatest(GET_CUSTOMERS.REQUEST, getCustomersRequest)\r\n yield takeLatest(GET_GL_ACCOUNTS.REQUEST, getGlAccountsRequest)\r\n yield takeLatest(GET_INCOTERMS.REQUEST, getIncotermsRequest)\r\n yield takeLatest(GET_INDUSTRIES.REQUEST, getIndustriesRequest)\r\n yield takeLatest(GET_MATERIAL_GROUPS.REQUEST, getMaterialGroupsRequest)\r\n yield takeEvery(GET_MATERIALS.REQUEST, getMaterialsRequest)\r\n yield takeLatest(GET_ORDERS.REQUEST, getOrdersRequest)\r\n yield takeLatest(GET_PAYMENT_BLOCK.REQUEST, getPaymentBlocksRequest)\r\n yield takeLatest(GET_PAYMENT_METHOD.REQUEST, getPaymentMethodsRequest)\r\n yield takeLatest(GET_PAYMENT_TERM.REQUEST, getPaymentTermsRequest)\r\n yield takeLatest(GET_PLANTS.REQUEST, getPlantsRequest)\r\n yield takeLatest(GET_PLANNING_GROUPS.REQUEST, getPlanningGroupsRequest)\r\n yield takeLatest(GET_PR_CATEGORIES.REQUEST, getPrCategoriesRequest)\r\n yield takeLatest(GET_PR_TYPES.REQUEST, getPrTypesRequest)\r\n yield takeLatest(GET_PROFIT_CENTERS.REQUEST, getProfitCentersRequest)\r\n yield takeLatest(GET_PURCHASING_GROUPS.REQUEST, getPurchasingGroupsRequest)\r\n yield takeLatest(GET_PURCHASING_ORGS.REQUEST, getPurchasingOrgsRequest)\r\n yield takeLatest(GET_RECONCILIATIONS.REQUEST, getReconciliationsRequest)\r\n yield takeLatest(GET_SORT_KEYS.REQUEST, getSortKeysRequest)\r\n yield takeLatest(GET_STORAGE_LOCATIONS.REQUEST, getStorageLocationsRequest)\r\n yield takeLatest(GET_TRADING_PARTNERS.REQUEST, getTradingPartnersRequest)\r\n yield takeLatest(GET_UNITS.REQUEST, getUnitsRequest)\r\n yield takeLeading(GET_VENDORS.REQUEST, getVendorsRequest)\r\n yield takeLatest(GET_WBS_ELEMENTS.REQUEST, getWbsElementsRequest)\r\n yield takeLatest(GET_WHT_TYPES.REQUEST, getWhtTypesRequest)\r\n yield takeLatest(GET_WHT_RECEIPT_TYPES.REQUEST, getWhtReceiptTypesRequest)\r\n yield takeLatest(FETCH_PROJECTS.REQUEST, fetchProjectsRequest)\r\n yield takeLatest(FETCH_PM_USERS.REQUEST, fetchPMUsersRequest)\r\n yield takeLatest(FETCH_ROLE_PURCHASE_OFFICER.REQUEST, fetchRolePurchaseOfficerRequest)\r\n yield takeLatest(FETCH_PO_ACTIVE_VENDOR.REQUEST, fetchPOActiveVendorsRequest)\r\n yield takeLatest(FETCH_CONTRACT_ACTIVE_VENDOR.REQUEST, fetchContractActiveVendorsRequest)\r\n yield takeLatest(FETCH_PRODUCT_BRANDS_OPTIONS.REQUEST, fetchProductBrandsOptionsRequest)\r\n yield takeLatest(GET_TYPE_OF_TENDERS.REQUEST, getTypeOfTendersRequest)\r\n yield takeLatest(GET_WORKS.REQUEST, getWorksRequest)\r\n yield takeLatest(FETCH_STATS_PO_WORKSPACE.REQUEST, fetchStatusPOWorkSpaceRequest)\r\n yield takeLatest(GET_STAMP_DUTY_OPTIONS.REQUEST, getStampDutyOptionsRequest)\r\n yield takeLatest(GET_PR_SPECIAL_OPTIONS.REQUEST, getPrSpecialOptionsRequest)\r\n yield takeLatest(GET_PO_NUMBER.REQUEST, getPoNumberRequest)\r\n yield takeLatest(GET_LIST_PO_COMPLETE_NUMBER.REQUEST, getListPoCompleteNumberRequest)\r\n}\r\n\r\nexport default createReducer(initial, state => ({\r\n [GET_ACCOUNT_ASSIGNMENTS.REQUEST]: () => ({\r\n ...state,\r\n accountAssignments: { data: [], loading: true },\r\n }),\r\n [GET_ACCOUNT_ASSIGNMENTS.SUCCESS]: (data) => ({\r\n ...state,\r\n accountAssignments: { data: data.data, loading: false },\r\n }),\r\n [GET_ASSETS.REQUEST]: () => ({\r\n ...state,\r\n assets: { data: [], loading: true }\r\n }),\r\n [GET_ASSETS.SUCCESS]: (data) => ({\r\n ...state,\r\n assets: { data: data.data, loading: false }\r\n }),\r\n [GET_BANK_BRANCH.REQUEST]: (data) => ({\r\n ...state,\r\n bankBranch: { \r\n data: {\r\n ...state.bankBranch.data,\r\n [data.bankKey]: [] \r\n }, \r\n loading: true \r\n }\r\n }),\r\n [GET_BANK_BRANCH.SUCCESS]: (data) => ({\r\n ...state,\r\n bankBranch: { \r\n data: { \r\n ...state.bankBranch.data, \r\n [data.bankKey]: data.data \r\n }, \r\n loading: false \r\n },\r\n }),\r\n [GET_BANK_KEYS.REQUEST]: () => ({\r\n ...state,\r\n bankKeys: { data: [], loading: true }\r\n }),\r\n [GET_BANK_KEYS.SUCCESS]: (data) => ({\r\n ...state,\r\n bankKeys: { data: data.data, loading: false },\r\n }),\r\n [GET_BUDGET_TYPES.REQUEST]: () => ({\r\n ...state,\r\n budgetTypes: { data: [], loading: true }\r\n }),\r\n [GET_BUDGET_TYPES.SUCCESS]: (data) => ({\r\n ...state,\r\n budgetTypes: { data: data.data, loading: false },\r\n }),\r\n [GET_BUSINESS_PARTNERS.REQUEST]: () => ({\r\n ...state,\r\n businessPartners: { data: [], loading: true }\r\n }),\r\n [GET_BUSINESS_PARTNERS.SUCCESS]: (data) => ({\r\n ...state,\r\n businessPartners: { data: data.data, loading: false },\r\n }),\r\n [GET_BP_GROUPS.REQUEST]: () => ({\r\n ...state,\r\n businessPartnerGroups: { data: [], loading: true }\r\n }),\r\n [GET_BP_GROUPS.SUCCESS]: (data) => ({\r\n ...state,\r\n businessPartnerGroups: { data: data.data, loading: false },\r\n }),\r\n [GET_COMPANIES.REQUEST]: () => ({\r\n ...state,\r\n companies: { data: state.companies.data, loading: state.companies.data.length==0, timeStamp: state.companies.timeStamp+1 }\r\n }),\r\n [GET_COMPANIES.SUCCESS]: (data) => ({\r\n ...state,\r\n companies: { data: data.data, loading: false, timeStamp:0 }\r\n }),\r\n [GET_COST_CENTER.REQUEST]: () => ({\r\n ...state,\r\n costCenters: { data: [], loading: true },\r\n }),\r\n [GET_COST_CENTER.SUCCESS]: (data) => ({\r\n ...state,\r\n costCenters: { data: data.data, loading: false },\r\n }),\r\n [GET_COUNTRY.REQUEST]: () => ({\r\n ...state,\r\n countries: { data: [], loading: true },\r\n }),\r\n [GET_COUNTRY.SUCCESS]: (data) => ({\r\n ...state,\r\n countries: { data: data.data, loading: false },\r\n }),\r\n [GET_CURRENCIES.REQUEST]: () => ({\r\n ...state,\r\n currencies: { data: [], loading: true }\r\n }),\r\n [GET_CURRENCIES.SUCCESS]: (data) => ({\r\n ...state,\r\n currencies: { data: data.data, loading: false },\r\n }),\r\n [GET_CUSTOMERS.REQUEST]: () => ({\r\n ...state,\r\n customers: { data: [], loading: true }\r\n }),\r\n [GET_CUSTOMERS.SUCCESS]: (data) => ({\r\n ...state,\r\n customers: { data: data.data, loading: false },\r\n }),\r\n [GET_GL_ACCOUNTS.REQUEST]: () => ({\r\n ...state,\r\n glAccounts: { data: [], loading: true }\r\n }),\r\n [GET_GL_ACCOUNTS.SUCCESS]: (data) => ({\r\n ...state,\r\n glAccounts: { data: data.data, loading: false },\r\n }),\r\n [GET_INCOTERMS.REQUEST]: () => ({\r\n ...state,\r\n incoterms: { data: [], loading: true }\r\n }),\r\n [GET_INCOTERMS.SUCCESS]: (data) => ({\r\n ...state,\r\n incoterms: { data: data.data, loading: false },\r\n }),\r\n [GET_INDUSTRIES.REQUEST]: () => ({\r\n ...state,\r\n industries: { data: [], loading: true }\r\n }),\r\n [GET_INDUSTRIES.SUCCESS]: (data) => ({\r\n ...state,\r\n industries: { data: data.data, loading: false },\r\n }),\r\n [GET_MATERIAL_GROUPS.REQUEST]: () => ({\r\n ...state,\r\n materialGroups: { data: [], loading: true },\r\n }),\r\n [GET_MATERIAL_GROUPS.SUCCESS]: (data) => ({\r\n ...state,\r\n materialGroups: { data: data.data, loading: false },\r\n }),\r\n [GET_MATERIALS.REQUEST]: () => ({\r\n ...state,\r\n materials: { data: {}, loading: true },\r\n }),\r\n [GET_MATERIALS.SUCCESS]: (data) => ({\r\n ...state,\r\n materials: {\r\n data: {\r\n ...state.materials.data,\r\n [data.plant]: data.data\r\n },\r\n loading: false\r\n },\r\n }),\r\n [GET_ORDERS.REQUEST]: () => ({\r\n ...state,\r\n orders: { data: [], loading: true }\r\n }),\r\n [GET_ORDERS.SUCCESS]: (data) => ({\r\n ...state,\r\n orders: { data: data.data, loading: false }\r\n }),\r\n [GET_PAYMENT_BLOCK.REQUEST]: () => ({\r\n ...state,\r\n paymentBlocks: { data: [], loading: true }\r\n }),\r\n [GET_PAYMENT_BLOCK.SUCCESS]: (data) => ({\r\n ...state,\r\n paymentBlocks: { data: data.data, loading: false }\r\n }),\r\n [GET_PAYMENT_METHOD.REQUEST]: () => ({\r\n ...state,\r\n paymentMethods: { data: [], loading: true }\r\n }),\r\n [GET_PAYMENT_METHOD.SUCCESS]: (data) => ({\r\n ...state,\r\n paymentMethods: { data: data.data, loading: false }\r\n }),\r\n [GET_PAYMENT_TERM.REQUEST]: () => ({\r\n ...state,\r\n paymentTerms: { data: [], loading: true }\r\n }),\r\n [GET_PAYMENT_TERM.SUCCESS]: (data) => ({\r\n ...state,\r\n paymentTerms: { data: data.data, loading: false }\r\n }),\r\n [GET_PLANTS.REQUEST]: () => ({\r\n ...state,\r\n plants: { data: [], loading: true }\r\n }),\r\n [GET_PLANTS.SUCCESS]: (data) => ({\r\n ...state,\r\n plants: { data: data.data, loading: false }\r\n }),\r\n [GET_PLANNING_GROUPS.REQUEST]: () => ({\r\n ...state,\r\n planningGroups: { data: [], loading: true }\r\n }),\r\n [GET_PLANNING_GROUPS.SUCCESS]: (data) => ({\r\n ...state,\r\n planningGroups: { data: data.data, loading: false }\r\n }),\r\n [GET_PR_CATEGORIES.REQUEST]: () => ({\r\n ...state,\r\n prCategories: { data: [], loading: true }\r\n }),\r\n [GET_PR_CATEGORIES.SUCCESS]: (data) => ({\r\n ...state,\r\n prCategories: { data: data.data, loading: false },\r\n }),\r\n [GET_PR_TYPES.REQUEST]: () => ({\r\n ...state,\r\n prTypes: { data: [], loading: true }\r\n }),\r\n [GET_PR_TYPES.SUCCESS]: (data) => ({\r\n ...state,\r\n prTypes: { data: data.data, loading: false },\r\n }),\r\n [GET_PROFIT_CENTERS.REQUEST]: () => ({\r\n ...state,\r\n profitCenters: { data: [], loading: true }\r\n }),\r\n [GET_PROFIT_CENTERS.SUCCESS]: (data) => ({\r\n ...state,\r\n profitCenters: { data: data.data, loading: false }\r\n }),\r\n [GET_PURCHASING_GROUPS.REQUEST]: () => ({\r\n ...state,\r\n purchasingGroups: { data: [], loading: true }\r\n }),\r\n [GET_PURCHASING_GROUPS.SUCCESS]: (data) => ({\r\n ...state,\r\n purchasingGroups: { data: data.data, loading: false }\r\n }),\r\n [GET_PURCHASING_ORGS.REQUEST]: () => ({\r\n ...state,\r\n purchasingOrgs: { data: [], loading: true }\r\n }),\r\n [GET_PURCHASING_ORGS.SUCCESS]: (data) => ({\r\n ...state,\r\n purchasingOrgs: { data: data.data, loading: false },\r\n }),\r\n [GET_RECONCILIATIONS.REQUEST]: (data) => ({\r\n ...state,\r\n reconciliations: { data: [], companyCode: data.companyCode, loading: true }\r\n }),\r\n [GET_RECONCILIATIONS.SUCCESS]: (data) => ({\r\n ...state,\r\n reconciliations: { data: data.data, companyCode: data.companyCode, loading: false },\r\n }),\r\n [GET_SORT_KEYS.REQUEST]: () => ({\r\n ...state,\r\n sortKeys: { data: [], loading: true },\r\n }),\r\n [GET_SORT_KEYS.SUCCESS]: (data) => ({\r\n ...state,\r\n sortKeys: { data: data.data, loading: false },\r\n }),\r\n [GET_STORAGE_LOCATIONS.REQUEST]: () => ({\r\n ...state,\r\n storageLocations: { data: [], loading: true },\r\n }),\r\n [GET_STORAGE_LOCATIONS.SUCCESS]: (data) => ({\r\n ...state,\r\n storageLocations: { data: data.data, loading: false },\r\n }),\r\n [GET_TRADING_PARTNERS.REQUEST]: () => ({\r\n ...state,\r\n tradingPartners: { data: [], loading: true },\r\n }),\r\n [GET_TRADING_PARTNERS.SUCCESS]: (data) => ({\r\n ...state,\r\n tradingPartners: { data: data.data, loading: false },\r\n }),\r\n [GET_UNITS.REQUEST]: () => ({\r\n ...state,\r\n units: { data: [], loading: true }\r\n }),\r\n [GET_UNITS.SUCCESS]: (data) => ({\r\n ...state,\r\n units: { data: data.data, loading: false }\r\n }),\r\n [GET_VENDORS.REQUEST]: () => ({\r\n ...state,\r\n vendors: { data: state.vendors.data, loading: state.vendors.data.length==0, timeStamp: state.vendors.timeStamp+1}\r\n }),\r\n [GET_VENDORS.SUCCESS]: (data) => ({\r\n ...state,\r\n vendors: { data: data.data, loading: false, timeStamp: 0 }\r\n }),\r\n [GET_WBS_ELEMENTS.REQUEST]: () => ({\r\n ...state,\r\n wbsElements: { data: [], loading: true },\r\n }),\r\n [GET_WBS_ELEMENTS.SUCCESS]: (data) => ({\r\n ...state,\r\n wbsElements: { data: data.data, loading: false },\r\n }),\r\n [GET_WHT_TYPES.REQUEST]: () => ({\r\n ...state,\r\n whtTypes: { data: [], loading: true },\r\n }),\r\n [GET_WHT_TYPES.SUCCESS]: (data) => ({\r\n ...state,\r\n whtTypes: { data: data.data, loading: false },\r\n }),\r\n [GET_WHT_RECEIPT_TYPES.REQUEST]: () => ({\r\n ...state,\r\n whtReceiptTypes: { data: [], loading: true },\r\n }),\r\n [GET_WHT_RECEIPT_TYPES.SUCCESS]: (data) => ({\r\n ...state,\r\n whtReceiptTypes: { data: data.data, loading: false },\r\n }),\r\n [FETCH_PROJECTS.REQUEST]: () => ({\r\n ...state,\r\n projects: { data: [], loading: true }\r\n }),\r\n [FETCH_PROJECTS.SUCCESS]: (data) => ({\r\n ...state,\r\n projects: { data: data.data, loading: false },\r\n }),\r\n [FETCH_PM_USERS.REQUEST]: () => ({\r\n ...state,\r\n pmUsers: { data: [], loading: true }\r\n }),\r\n [FETCH_PM_USERS.SUCCESS]: (data) => ({\r\n ...state,\r\n pmUsers: { data: data.data, loading: false },\r\n }),\r\n [FETCH_ROLE_PURCHASE_OFFICER.REQUEST]: () => ({\r\n ...state,\r\n purchaseOfficer: { data: [], loading: true }\r\n }),\r\n [FETCH_ROLE_PURCHASE_OFFICER.SUCCESS]: (data) => ({\r\n ...state,\r\n purchaseOfficer: { data: data.data, loading: false },\r\n }),\r\n [FETCH_PO_ACTIVE_VENDOR.REQUEST]: () => ({\r\n ...state,\r\n poVendors: { data: [], loading: true }\r\n }),\r\n [FETCH_PO_ACTIVE_VENDOR.SUCCESS]: (data) => ({\r\n ...state,\r\n poVendors: { data: data.data, loading: false },\r\n }),\r\n [FETCH_CONTRACT_ACTIVE_VENDOR.REQUEST]: () => ({\r\n ...state,\r\n contractVendors: { data: [], loading: true }\r\n }),\r\n [FETCH_CONTRACT_ACTIVE_VENDOR.SUCCESS]: (data) => ({\r\n ...state,\r\n contractVendors: { data: data.data, loading: false },\r\n }),\r\n [FETCH_PRODUCT_BRANDS_OPTIONS.REQUEST]: () => ({\r\n ...state,\r\n productBrands: { data: [], loading: true }\r\n }),\r\n [FETCH_PRODUCT_BRANDS_OPTIONS.SUCCESS]: (data) => ({\r\n ...state,\r\n productBrands: { data: data.data, loading: false },\r\n }),\r\n [GET_TYPE_OF_TENDERS.REQUEST]: () => ({\r\n ...state,\r\n typeOfTenders: { data: [], loading: true },\r\n }),\r\n [GET_TYPE_OF_TENDERS.SUCCESS]: (data) => ({\r\n ...state,\r\n typeOfTenders: { data: data.data, loading: false },\r\n }),\r\n [GET_WORKS.REQUEST]: () => ({\r\n ...state,\r\n works: { data: [], loading: true },\r\n }),\r\n [GET_WORKS.SUCCESS]: (data) => ({\r\n ...state,\r\n works: { data: data.data, loading: false },\r\n }),\r\n [FETCH_STATS_PO_WORKSPACE.REQUEST]: () => ({\r\n ...state,\r\n statusPOWorkSpace: { data: [], loading: true },\r\n }),\r\n [FETCH_STATS_PO_WORKSPACE.SUCCESS]: (data) => ({\r\n ...state,\r\n statusPOWorkSpace: { data: data.data, loading: false },\r\n }),\r\n [GET_STAMP_DUTY_OPTIONS.REQUEST]: () => ({\r\n ...state,\r\n stampDuty: { data: [], loading: true },\r\n }),\r\n [GET_STAMP_DUTY_OPTIONS.SUCCESS]: (data) => ({\r\n ...state,\r\n stampDuty: { data: data.data, loading: false },\r\n }),\r\n [GET_PR_SPECIAL_OPTIONS.REQUEST]: () => ({\r\n ...state,\r\n prSpecial: { data: [], loading: true },\r\n }),\r\n [GET_PR_SPECIAL_OPTIONS.SUCCESS]: (data) => ({\r\n ...state,\r\n prSpecial: { data: data.data, loading: false },\r\n }),\r\n [GET_PO_NUMBER.REQUEST]: (data) => ({\r\n ...state,\r\n poNumbers: { data: [], loading: true, companyCode: data.companyCode },\r\n }),\r\n [GET_PO_NUMBER.SUCCESS]: (data) => ({\r\n ...state,\r\n poNumbers: { data: data.data, loading: false, companyCode: data.companyCode },\r\n }),\r\n [GET_LIST_PO_COMPLETE_NUMBER.REQUEST]: (data) => ({\r\n ...state,\r\n optionPoComplete: { data: [], loading: true },\r\n }),\r\n [GET_LIST_PO_COMPLETE_NUMBER.SUCCESS]: (data) => ({\r\n ...state,\r\n optionPoComplete: { data: data.data, loading: false },\r\n }),\r\n}))","import styled from '@emotion/styled'\r\nimport * as v from 'variables/styled'\r\n\r\nexport const SearchCont = styled.div((props)=>({\r\n display:'flex',\r\n flexDirection:'column',\r\n\r\n // '.ui.input > input':{\r\n // borderRadius:'3rem'\r\n // }\r\n}))\r\n\r\nexport const DateCont = styled.div((props)=>({\r\n padding:'.67857143em 1rem',\r\n border:'1px solid rgba(34,36,38,.15)',\r\n borderRadius:'.28571429rem',\r\n marginLeft:'1rem',\r\n background:'#fff'\r\n}))\r\n\r\nexport const InputCont = styled.div((props)=>({\r\n display:'flex',\r\n alignItems:'baseline',\r\n \r\n '.searchInput':{\r\n flex:1,\r\n marginRight:'0.5rem'\r\n }\r\n}))\r\n\r\nexport const AdvanceCont = styled.div((props)=>({\r\n display:'flex',\r\n justifyContent:'flex-start',\r\n alignItems:'flex-start',\r\n marginTop:'1rem',\r\n '.dropdown':{\r\n marginLeft:'0.5rem'\r\n },\r\n 'div:first-child':{\r\n marginLeft:0\r\n }\r\n}))\r\n\r\nexport const FiledRowContent = styled.div(()=>({\r\n // flex: 1,\r\n minWidth: '12rem',\r\n marginLeft:'0.5rem',\r\n\r\n '.field-label': {\r\n fontSize: '1rem',\r\n fontWeight: 'bold',\r\n marginBottom: 5\r\n },\r\n\r\n '.error': {\r\n color: `${v.textError}`\r\n },\r\n\r\n '.warning': {\r\n color: 'orange'\r\n },\r\n\r\n '.field-input': {\r\n width: '100%'\r\n }\r\n\r\n}))\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Field, getFormValues, change, reset } from 'redux-form'\r\nimport Calendar from 'react-calendar';\r\nimport Moment from 'react-moment'\r\nimport { \r\n Icon,\r\n Input,\r\n Form,\r\n Dropdown,\r\n Button } from 'semantic-ui-react'\r\nimport {\r\n Collapse } from '@material-ui/core';\r\n\r\nimport FieldInput, { InputType as type } from 'components/SemanticForm'\r\nimport { \r\n fetchProjects,\r\n getCompanies,\r\n getVendors\r\n} from 'ducks/options'\r\nimport { \r\n SearchCont,\r\n InputCont,\r\n AdvanceCont,\r\n DateCont } from './styled'\r\n \r\nconst SearchList = (props) => {\r\n const {\r\n projects,\r\n valueForm,\r\n dispatch,\r\n companies,\r\n vendors,\r\n customer,\r\n //props\r\n pageSize,\r\n formSearchName,\r\n fetchAPI,\r\n placeholder='',\r\n filterDate=false,\r\n filterStatus=false,\r\n filterStatusOptions=null,\r\n filterCompany=false,\r\n filterVendor=false,\r\n filterCustomer=false,\r\n filterPurchasingOrgOption=null,\r\n filterPurchasingOrg=false,\r\n hideProject=false,\r\n multiCompany=false,\r\n useLocalCompanyCode=false\r\n } = props\r\n\r\n const [visibleAS,setVisibleAS] = React.useState(false)\r\n const [visibleSelectDate,setVisibleSelectDate] = React.useState(false)\r\n const [date,setDate] = React.useState([null,null])\r\n\r\n React.useEffect(() => {\r\n if(!hideProject) props.fetchProjects()\r\n if(filterCompany) props.getCompanies()\r\n if(filterVendor) props.getVendors()\r\n change(formSearchName,'dateType','-')\r\n change(formSearchName,'projectId',0)\r\n let searchCompanyCode = localStorage.getItem('searchCompanyCode')\r\n if(searchCompanyCode=='undefined') searchCompanyCode='[]'\r\n change(formSearchName,'companyCode',multiCompany?JSON.parse(searchCompanyCode):0)\r\n if(useLocalCompanyCode){\r\n change(formSearchName,'companyCode',Number(localStorage.getItem('filterCompanyCode')) || 0)\r\n }\r\n change(formSearchName,'status','-')\r\n change(formSearchName,'key','')\r\n change(formSearchName,'page',1)\r\n change(formSearchName,'size',10)\r\n },[])\r\n\r\n React.useEffect(() => {\r\n change(formSearchName,'dateStart',date[0]?new Date(date[0]).toJSON():'')\r\n change(formSearchName,'dateEnd',date[1]?new Date(date[1]).toJSON():'')\r\n },[date])\r\n\r\n React.useEffect(() => {\r\n if(valueForm){\r\n if(multiCompany){\r\n localStorage.setItem('searchCompanyCode',JSON.stringify(valueForm.companyCode))\r\n }\r\n }\r\n },[valueForm&&valueForm.companyCode])\r\n\r\n React.useEffect(() => {\r\n if(valueForm&&valueForm.dateStart&&valueForm.dateEnd){\r\n fetchAPI({...props.valueForm})\r\n }\r\n },[valueForm&&valueForm.dateStart,valueForm&&valueForm.dateEnd])\r\n\r\n function setProjects(){\r\n if(projects.data){\r\n return projects.data.sort((a, b) => a.text?a.text.localeCompare(b.text):-1)\r\n }\r\n return []\r\n }\r\n\r\n function setCompanies(){\r\n if(companies.data){\r\n return companies.data.sort((a, b) => a.text?a.text.localeCompare(b.text):-1)\r\n }\r\n return []\r\n }\r\n\r\n function onResetClick(){\r\n setDate([null,null])\r\n change(formSearchName,'dateType','-')\r\n change(formSearchName,'status','-')\r\n change(formSearchName,'projectId',0)\r\n change(formSearchName,'companyCode',0)\r\n change(formSearchName,'key','')\r\n fetchAPI({page:1,size:pageSize})\r\n }\r\n\r\n function onAdvanceSearchClick(data){\r\n let c = ''\r\n if(valueForm.companyCode&&Array.isArray(valueForm.companyCode)){ //case select multi CompanyCode\r\n valueForm.companyCode.forEach(i => {\r\n c += ','+i\r\n })\r\n c = c.substring(1)\r\n }else{\r\n c = valueForm.companyCode\r\n }\r\n fetchAPI({...props.valueForm, companyCode:c, ...data, page:1,size:pageSize})\r\n }\r\n\r\n return (\r\n
\r\n \r\n onAdvanceSearchClick()} component={renderInputSearch} onEnter={()=>onAdvanceSearchClick()}/> \r\n setVisibleAS(!visibleAS)}/>\r\n \r\n \r\n \r\n \r\n {filterDate&&\r\n \r\n {\r\n setVisibleSelectDate(true)\r\n }}\r\n type={type.select}\r\n component={FieldInput}\r\n />\r\n \r\n
\r\n {date[0]||Date.now()} \r\n {` - `}\r\n {date[1]||Date.now()} \r\n \r\n
\r\n \r\n {\r\n setDate(date)\r\n setVisibleSelectDate(false)\r\n onAdvanceSearchClick(null)\r\n }}\r\n value={date}\r\n selectRange={true}\r\n />\r\n
\r\n \r\n
setVisibleSelectDate(!visibleSelectDate)}/>\r\n }\r\n\r\n {filterStatus&&\r\n {\r\n onAdvanceSearchClick({ status: value })\r\n }}\r\n type={type.select}\r\n component={FieldInput}\r\n />}\r\n {filterPurchasingOrg&&\r\n {\r\n onAdvanceSearchClick({ purchasingOrg: value })\r\n }}\r\n type={type.select}\r\n component={FieldInput}\r\n />}\r\n {\r\n hideProject ? null :\r\n {\r\n onAdvanceSearchClick({projectId:value})\r\n }}\r\n type={type.select}\r\n component={FieldInput}\r\n />\r\n }\r\n {filterCompany&&!multiCompany&&\r\n {\r\n localStorage.setItem('filterCompanyCode', Number(value))\r\n onAdvanceSearchClick({companyCode:value})\r\n }}\r\n type={type.select}\r\n component={FieldInput}\r\n />}\r\n {filterVendor&&\r\n {\r\n localStorage.setItem('filterVendorCode', Number(value))\r\n onAdvanceSearchClick({vendorCode:value})\r\n }}\r\n />\r\n }\r\n {filterCustomer&&\r\n {\r\n localStorage.setItem('filterCustomerCode', value)\r\n onAdvanceSearchClick({customerCode:value})\r\n }}\r\n />\r\n }\r\n {reset(props.formSearchName);onResetClick()}}>Clear \r\n \r\n \r\n {filterCompany&&multiCompany&&\r\n
{\r\n let c = ''\r\n value.forEach(i => {\r\n c += ','+i\r\n })\r\n c = c.substring(1)\r\n onAdvanceSearchClick({companyCode:c})\r\n }}\r\n type={type.multiSelect}\r\n component={FieldInput}\r\n />}\r\n \r\n
\r\n \r\n \r\n )\r\n\r\n}\r\n\r\nconst renderInputSearch = props => {\r\n const {input,onSearchClick,placeholder} = props\r\n return (\r\n } \r\n placeholder={placeholder} />\r\n )\r\n}\r\n\r\nconst mapStateToProps = (state,props) => {\r\n return ({\r\n valueForm: getFormValues(props.formSearchName)(state)||{},\r\n companies: state.options.companies,\r\n projects: state.options.projects,\r\n vendors: state.options.vendors,\r\n customer: state.options.customers,\r\n })\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n change,\r\n fetchProjects,\r\n getCompanies,\r\n getVendors\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SearchList)\r\n","import styled from '@emotion/styled'\r\nimport * as v from 'variables/styled'\r\n\r\nexport const SearchCont = styled.div((props)=>({\r\n display:'flex',\r\n flexDirection:'column',\r\n\r\n // '.ui.input > input':{\r\n // borderRadius:'3rem'\r\n // }\r\n}))\r\n\r\nexport const DateCont = styled.div((props)=>({\r\n padding:'.67857143em 1rem',\r\n border:'1px solid rgba(34,36,38,.15)',\r\n borderRadius:'.28571429rem',\r\n marginLeft:'1rem',\r\n background:'#fff',\r\n display:'flex',\r\n justifyContent:'center',\r\n marginTop:'0.3rem',\r\n flex:'1'\r\n}))\r\n\r\nexport const InputCont = styled.div((props)=>({\r\n display:'flex',\r\n alignItems:'baseline',\r\n \r\n '.searchInput':{\r\n flex:1,\r\n marginRight:'0.5rem'\r\n }\r\n}))\r\n\r\nexport const AdvanceCont = styled.div((props)=>({\r\n display:'flex',\r\n justifyContent:'flex-start',\r\n alignItems:'flex-start',\r\n marginTop:'1rem',\r\n '.dropdown':{\r\n marginLeft:'0.5rem'\r\n },\r\n 'div:first-child':{\r\n marginLeft:0\r\n }\r\n}))\r\n\r\nexport const FiledRowContent = styled.div(()=>({\r\n // flex: 1,\r\n minWidth: '12rem',\r\n marginLeft:'0.5rem',\r\n\r\n '.field-label': {\r\n fontSize: '1rem',\r\n fontWeight: 'bold',\r\n marginBottom: 5\r\n },\r\n\r\n '.error': {\r\n color: `${v.textError}`\r\n },\r\n\r\n '.warning': {\r\n color: 'orange'\r\n },\r\n\r\n '.field-input': {\r\n width: '100%'\r\n }\r\n\r\n}))\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Field, getFormValues, change, reset } from 'redux-form'\r\nimport Calendar from 'react-calendar';\r\nimport Moment from 'react-moment'\r\nimport {\r\n Icon,\r\n Input,\r\n Form,\r\n Dropdown,\r\n Button,\r\n Popup\r\n} from 'semantic-ui-react'\r\nimport {\r\n Collapse\r\n} from '@material-ui/core';\r\n\r\nimport FieldInput, { InputType as type } from 'components/SemanticForm'\r\nimport {\r\n fetchProjects,\r\n getCompanies,\r\n fetchPOActiveVendors,\r\n fetchContractActiveVendors\r\n} from 'ducks/options'\r\nimport {\r\n SearchCont,\r\n InputCont,\r\n AdvanceCont,\r\n DateCont\r\n} from './styled'\r\nimport r from 'reactotron-react-js'\r\n\r\nconst SearchList = (props) => {\r\n const {\r\n projects,\r\n valueForm,\r\n change,\r\n companies,\r\n poVendors,\r\n contractVendors,\r\n //props\r\n pageSize,\r\n formSearchName,\r\n fetchAPI,\r\n placeholder = '',\r\n filterDate = false,\r\n filterStatus = false,\r\n filterCompany = false,\r\n hideProject = false,\r\n multiCompany = false,\r\n useLocalCompanyCode = false,\r\n isContractSearch = false,\r\n isPOSearch = false\r\n } = props\r\n\r\n const [visibleAS, setVisibleAS] = React.useState(true)\r\n const [date, setDate] = React.useState([null, null])\r\n\r\n React.useEffect(() => {\r\n props.fetchProjects()\r\n props.getCompanies()\r\n if (isContractSearch) {\r\n props.fetchContractActiveVendors()\r\n }\r\n if (isPOSearch) {\r\n props.fetchPOActiveVendors()\r\n }\r\n if (useLocalCompanyCode) {\r\n change(formSearchName, 'filter.companyCode', localStorage.getItem('filterCompanyCode') || '')\r\n }\r\n }, [])\r\n\r\n React.useEffect(() => {\r\n change(formSearchName, 'filter.dateStart', date[0] ? new Date(date[0]).toJSON() : '')\r\n change(formSearchName, 'filter.dateEnd', date[1] ? new Date(date[1]).toJSON() : '')\r\n }, [date])\r\n\r\n React.useEffect(() => {\r\n if (valueForm && valueForm.filter) {\r\n fetchAPI({ ...valueForm, page: 1, size: pageSize })\r\n }\r\n }, [valueForm && valueForm.filter])\r\n\r\n React.useEffect(() => {\r\n if (valueForm) {\r\n if (multiCompany) {\r\n if (valueForm.filter.companyCode) {\r\n localStorage.setItem('searchCompanyCode', JSON.stringify(valueForm.filter.companyCode))\r\n }\r\n }\r\n if (valueForm.filter.companyCode) {\r\n change(formSearchName, 'filter.projectId', [])\r\n props.fetchProjects(valueForm.filter.companyCode)\r\n } else if (!valueForm.filter.companyCode) {\r\n change(formSearchName, 'filter.projectId', [])\r\n props.fetchProjects()\r\n }\r\n }\r\n }, [valueForm && valueForm.filter && valueForm.filter.companyCode])\r\n\r\n\r\n React.useEffect(() => {\r\n if (valueForm && valueForm.dateStart && valueForm.dateEnd) {\r\n fetchAPI({ ...props.valueForm })\r\n }\r\n }, [valueForm && valueForm.dateStart, valueForm && valueForm.dateEnd])\r\n\r\n function setProjects() {\r\n if (projects.data) {\r\n return projects.data.sort((a, b) => a.text ? a.text.localeCompare(b.text) : -1)\r\n }\r\n return []\r\n }\r\n\r\n function setCompanies() {\r\n if (companies.data) {\r\n return companies.data.sort((a, b) => a.text ? a.text.localeCompare(b.text) : -1)\r\n }\r\n return []\r\n }\r\n\r\n function setVendors() {\r\n if (isPOSearch) {\r\n if (poVendors.data) {\r\n return poVendors.data.sort((a, b) => a.text ? a.text.localeCompare(b.text) : -1)\r\n }\r\n }\r\n if (isContractSearch) {\r\n if (contractVendors.data) {\r\n return contractVendors.data.sort((a, b) => a.text ? a.text.localeCompare(b.text) : -1)\r\n }\r\n }\r\n return []\r\n }\r\n\r\n function onResetClick() {\r\n change(formSearchName, 'filter', {})\r\n change(formSearchName, 'search.key', '')\r\n localStorage.setItem('filterCompanyCode', '')\r\n }\r\n\r\n\r\n function onAdvanceSearchClick(data) {\r\n if (valueForm) {\r\n fetchAPI({ ...props.valueForm, ...data, page: 1, size: pageSize })\r\n }\r\n }\r\n\r\n const statusOptions = () => {\r\n if (isPOSearch) {\r\n return [\r\n { key: 2, value: '0', text: 'Draft' },\r\n { key: 3, value: '1', text: 'New' },\r\n { key: 4, value: '2', text: 'In Progress' },\r\n { key: 5, value: '3', text: 'Revise' },\r\n { key: 6, value: '4', text: 'Completed' },\r\n { key: 7, value: '5', text: 'Reject' },\r\n { key: 8, value: '6', text: 'Cancelled' },\r\n { key: 13, value: '13', text: 'Accepted (Upload Stamp Duty)' },\r\n { key: 14, value: '14', text: 'Accepted (Review Stamp Duty)' },\r\n ]\r\n } else {\r\n return [\r\n { key: 2, value: '0', text: 'Draft' },\r\n { key: 3, value: '1', text: 'New' },\r\n { key: 4, value: '2', text: 'In Progress' },\r\n { key: 5, value: '3', text: 'Revise' },\r\n { key: 6, value: '4', text: 'Completed' },\r\n { key: 7, value: '5', text: 'Reject' },\r\n { key: 8, value: '6', text: 'Cancelled' },\r\n ]\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n onAdvanceSearchClick()} component={renderInputSearch} onEnter={() => onAdvanceSearchClick()} />\r\n setVisibleAS(!visibleAS)} />\r\n \r\n \r\n \r\n \r\n
\r\n {\r\n valueForm && valueForm.filter && valueForm.filter.dateStart ?\r\n \r\n {valueForm.filter.dateStart || Date.now()} \r\n {` - `}\r\n {valueForm.filter.dateEnd || Date.now()} \r\n \r\n :\r\n 'All Date time'\r\n }\r\n \r\n
\r\n
{\r\n setDate(date)\r\n }}\r\n value={date}\r\n selectRange={true}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n {filterCompany && !multiCompany &&\r\n {\r\n if (useLocalCompanyCode) {\r\n if (value) {\r\n localStorage.setItem('filterCompanyCode', Number(value))\r\n } else {\r\n localStorage.setItem('filterCompanyCode', '')\r\n }\r\n }\r\n }}\r\n placeHolder='All Company'\r\n editable\r\n type={multiCompany ? type.multiSelect : type.select}\r\n component={FieldInput}\r\n />}\r\n {\r\n hideProject ? null :\r\n
\r\n { reset(props.formSearchName); onResetClick() }}>Clear \r\n \r\n \r\n )\r\n\r\n}\r\n\r\nconst renderInputSearch = props => {\r\n const { input, onSearchClick, placeholder } = props\r\n return (\r\n {\r\n if (e.key === 'Enter') {\r\n props.onEnter()\r\n }\r\n }}\r\n className='searchInput'\r\n icon={\r\n \r\n onAdvanceSearchClick()} \r\n component={renderInputSearch} \r\n onEnter={() => onAdvanceSearchClick()}\r\n /> \r\n setVisibleAS(!visibleAS)} />\r\n \r\n \r\n \r\n {\r\n filterProductStatus &&\r\n {\r\n onAdvanceSearchClick({status: value})\r\n }}\r\n type={type.select}\r\n component={FieldInput}\r\n />\r\n }\r\n\r\n {\r\n filterVendor &&\r\n {\r\n onAdvanceSearchClick({vendorCode: value})\r\n }}\r\n type={type.select}\r\n component={FieldInput}\r\n />\r\n }\r\n\r\n {dispatch(reset(props.formSearchName));onResetClick()}}>Clear \r\n \r\n \r\n \r\n )\r\n\r\n}\r\n\r\nconst renderInputSearch = props => {\r\n const {input,onSearchClick,placeholder} = props\r\n return (\r\n } \r\n placeholder={placeholder} />\r\n )\r\n}\r\n\r\nconst mapStateToProps = (state,props) => {\r\n return ({\r\n valueForm: getFormValues(props.formSearchName)(state),\r\n vendors: state.options.vendors,\r\n })\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n dispatch,\r\n getVendors,\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SearchVendorList)\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport classnames from 'classnames'\r\n\r\nconst TablePagination = props => {\r\n\r\n const defaultButton = props => (\r\n \r\n {props.children}\r\n \r\n )\r\n\r\n const {\r\n // Computed\r\n pages,\r\n // Props\r\n showPageSizeOptions,\r\n pageSizeOptions,\r\n pageSize,\r\n data,\r\n showPageJump,\r\n canNextFromData,\r\n onPageSizeChange,\r\n className,\r\n PreviousComponent = defaultButton,\r\n NextComponent = defaultButton,\r\n showTotalPages = true,\r\n currentPage\r\n } = props\r\n\r\n const [page,setPage] = React.useState(null)\r\n \r\n React.useEffect(()=>{\r\n setPage(currentPage-1)\r\n },[currentPage])\r\n \r\n const canNext = (pages-page) != 1\r\n\r\n const canPrevious = data && (page != 0&&page != null)\r\n\r\n function getSafePage (inPage) {\r\n if (isNaN(inPage)) {\r\n inPage = props.page\r\n }\r\n if (canNextFromData)\r\n return inPage\r\n\r\n return Math.min(Math.max(inPage, 0), pages - 1)\r\n }\r\n\r\n function changePage (page) {\r\n page = getSafePage(page)\r\n setPage(page)\r\n if (page !== props.page||page == 0) {\r\n props.onPageChange(page)\r\n }\r\n }\r\n\r\n function applyPage (e) {\r\n if (e) { e.preventDefault() }\r\n const inPage = page\r\n changePage(inPage === '' ? props.page : inPage)\r\n }\r\n\r\n return (\r\n \r\n \r\n
{\r\n if (!canPrevious) return\r\n changePage(page - 1)\r\n }}\r\n disabled={!canPrevious}\r\n >\r\n {props.previousText}\r\n \r\n \r\n
\r\n {/* {props.pageText}{' '} */}\r\n\r\n {showPageJump? \r\n \r\n {\r\n const val = e.target.value\r\n const page = val - 1\r\n if (val === '') {\r\n return setPage(val)\r\n }\r\n setPage(getSafePage(page))\r\n }}\r\n value={page === '' ? '' : page + 1}\r\n onBlur={(e)=>applyPage()}\r\n onKeyPress={e => {\r\n if (e.which === 13 || e.keyCode === 13) {\r\n applyPage()\r\n }\r\n }}\r\n />\r\n
\r\n : \r\n \r\n {page + 1}\r\n \r\n }{' '}\r\n {showTotalPages\r\n ?\r\n \r\n {props.ofText}{' '}\r\n {pages || 1} \r\n \r\n : null}\r\n \r\n {showPageSizeOptions &&\r\n
\r\n {localStorage.setItem('userPageSize', Number(e.target.value));onPageSizeChange(Number(e.target.value))}}\r\n value={pageSize}\r\n >\r\n {pageSizeOptions.map((option, i) => (\r\n // eslint-disable-next-line react/no-array-index-key\r\n \r\n {option} {props.rowsText}\r\n \r\n ))}\r\n \r\n }\r\n
\r\n {\r\n if (!canNext) return\r\n changePage(page + 1)\r\n }}\r\n disabled={!canNext}\r\n >\r\n {props.nextText}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Are you sure?\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {\r\n if(onCancel)onCancel()\r\n }}\r\n />\r\n {\r\n if(onConfirm)onConfirm()\r\n }}\r\n />\r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = (state, props) => ({})\r\n\r\nconst mapDispatchToProps = {}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ActionCommentModal)\r\n","import styled from '@emotion/styled'\r\nimport * as v from 'variables/styles'\r\n\r\nexport const DivText = styled.div((props) => ({\r\n display:'flex',\r\n justifyContent:`${props.left?'flex-start':props.right?'flex-end':'center'}`,\r\n\r\n 'div.priority.urgent': {\r\n background: '#FF0000',\r\n borderRadius: '2px',\r\n color: '#FFF',\r\n fontWeight: 'bold',\r\n padding: '2px 5px',\r\n }\r\n}))\r\n\r\nexport const RowFields = styled.div({\r\n display: 'flex',\r\n flex: 1,\r\n flexDirection: 'row',\r\n})\r\n","import React from 'react'\r\nimport { compose } from 'recompose'\r\nimport { connect } from 'react-redux'\r\nimport { Button, Modal } from 'semantic-ui-react'\r\nimport { showModal } from 'ducks/app'\r\n\r\nconst InfoModal = (props) => {\r\n const { modal, showModal } = props\r\n return (\r\n \r\n {modal.header} \r\n {modal.message} \r\n \r\n showModal(false, '', '')} />\r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n modal: state.app.modal,\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n showModal\r\n}\r\n\r\nconst enhance = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n)\r\n\r\nexport default enhance(InfoModal)","import React from 'react'\r\nimport { compose } from 'recompose'\r\nimport { connect } from 'react-redux'\r\nimport { Button, Modal } from 'semantic-ui-react'\r\nimport { showConfirmModal } from 'ducks/app'\r\n\r\nconst ConfirmModal = (props) => {\r\n const { modal: { show, data }, showConfirmModal } = props\r\n return (\r\n \r\n {data.header} \r\n {data.message} \r\n \r\n {\r\n if (data.onClickCancel) data.onClickCancel()\r\n showConfirmModal(\r\n false, {\r\n header: '', \r\n message: '', \r\n btnConfirmText: 'Confirm', \r\n onClickConfirm: () => {},\r\n confirmIcon: '',\r\n btnCancelText: 'Cancel', \r\n onClickCancel: () => {},\r\n cancelIcon: '',\r\n })\r\n }} />\r\n {\r\n if (data.onClickConfirm) data.onClickConfirm() \r\n showConfirmModal(\r\n false, {\r\n header: '', \r\n message: '', \r\n btnConfirmText: 'Confirm', \r\n onClickConfirm: () => {}, \r\n confirmIcon: '',\r\n btnCancelText: 'Cancel', \r\n onClickCancel: () => {},\r\n cancelIcon: '',\r\n })\r\n }} />\r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n modal: state.app.confirmModal,\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n showConfirmModal\r\n}\r\n\r\nconst enhance = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n)\r\n\r\nexport default enhance(ConfirmModal)","import styled from '@emotion/styled'\r\nimport * as v from 'variables/styled'\r\n\r\nexport const LayoutContainer = styled.div(props => ({\r\n display: 'flex',\r\n flex: 1,\r\n flexDirection: 'column',\r\n height: 'fit-content',\r\n width: '100vw',\r\n\r\n '.MuiAppBar-colorPrimary':{\r\n backgroundColor: 'rgb(251, 191, 102)'\r\n },\r\n\r\n '.MuiPaper-elevation4':{\r\n boxShadow:'none'\r\n },\r\n \r\n '.MuiAppBar-root':{\r\n zIndex:'auto'\r\n }\r\n \r\n}))\r\n\r\nexport const MainContainer = styled.div(props => ({\r\n display: 'flex',\r\n flex: 1,\r\n width: '100%',\r\n height: '100%',\r\n}))\r\n\r\nexport const BodyContainer = styled.div(props => ({\r\n display: 'flex',\r\n flex: 1,\r\n minHeight: 'calc(100vh - 64px)',\r\n width: `calc(100vw - ${v.menuWidth(props.showMenu, props.collapseMenu)})`,\r\n backgroundColor:'rgb(245, 246, 250)',\r\n maxWidth: '100%',\r\n}))","import React from 'react'\r\nimport { compose } from 'recompose'\r\nimport { connect } from 'react-redux'\r\nimport { withRouter, NavLink } from 'react-router-dom'\r\nimport Header from '../Header'\r\nimport SideMenu from '../SideMenu'\r\nimport { Loading } from '../'\r\nimport InfoModal from '../SharedModal/InfoModal'\r\nimport ConfirmModal from 'components/SharedModal/ConfirmModal'\r\nimport { LayoutContainer, MainContainer, BodyContainer } from './styled'\r\nimport { Sidebar, Segment, Menu } from 'semantic-ui-react'\r\nimport { setShowMobileMenu } from 'ducks/app'\r\n\r\nconst Layout = (props) => {\r\n const { children, showMenu, collapseMenu, history, showMobileMenu, setShowMobileMenu, menus } = props\r\n return (\r\n \r\n \r\n \r\n setShowMobileMenu(false)}\r\n vertical\r\n visible={showMobileMenu}\r\n width='thin'\r\n >\r\n {\r\n menus.map(m => \r\n {\r\n if (m.subMenus && m.subMenus.length) {\r\n return m.subMenus.map(s => \r\n \r\n setShowMobileMenu(false)}\r\n to={s.path}\r\n >\r\n {s.name}\r\n \r\n \r\n )\r\n } else {\r\n return (\r\n \r\n setShowMobileMenu(false)}\r\n to={m.path}\r\n >\r\n {m.name}\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 {children}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n showMenu: state.app.showSideMenu,\r\n collapseMenu: state.app.collapseSideMenu,\r\n showMobileMenu: state.app.showMobileMenu,\r\n menus: state.app.menus\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n setShowMobileMenu\r\n}\r\n\r\nconst enhance = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n connect((state, props) => ({\r\n history: props.history,\r\n children: props.children\r\n }))\r\n)\r\n\r\nexport default withRouter(enhance(Layout))","import styled from '@emotion/styled'\r\nimport * as v from '../../variables/styles'\r\n\r\nexport const CellSectionWorkSpace = styled.div((props) => ({\r\n display: 'flex',\r\n flex: `${props.flex || 1}`,\r\n justifyContent: `${props.center ? 'center' : 'flex-start'}`,\r\n\r\n}))\r\n\r\nexport const WorkspaceListCont = styled.div((props) => ({\r\n marginTop: '1rem',\r\n // width: '100vw',\r\n\r\n '.ui.table': {\r\n borderWidth: 0\r\n },\r\n\r\n '.ReactTable .rt-thead.-header': {\r\n boxShadow: 'none',\r\n background: '#eaeff5'\r\n },\r\n\r\n '.ReactTable': {\r\n borderRadius: '0.5rem'\r\n },\r\n\r\n '.ReactTable .rt-thead .rt-th': {\r\n borderRight: 0\r\n },\r\n\r\n '.ReactTable .rt-tbody .rt-td': {\r\n borderRight: 0\r\n },\r\n\r\n '.-padRow': {\r\n cursor: 'default !important'\r\n },\r\n\r\n '.ReactTable .rt-tr': {\r\n cursor: 'pointer'\r\n },\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n // width: '100vw',\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n width: '80vw',\r\n },\r\n\r\n}))\r\n\r\nexport const CardButtonBody = styled.div((props) => ({\r\n display: 'flex',\r\n width: '200px',\r\n height: '60px',\r\n flexDirection: 'column',\r\n borderRadius: '5px',\r\n boxShadow: '0 2px 2px 0 rgba(0, 0, 0, 0.1)',\r\n border: 'solid 1px #fbbf66',\r\n backgroundColor: '#ffffff',\r\n fontFamily: 'DBAiryStd',\r\n background: '#FFFFFF',\r\n marginRight: '17px',\r\n marginBottom: '15px',\r\n ':hover': {\r\n border: 'solid 0px transparent',\r\n WebkitBackdropFilter: 'blur(30px)',\r\n backdropFilter: 'blur(30px)',\r\n boxShadow: '0 4px 4px 0 rgba(0, 0, 0, 0.15)',\r\n backgroundImage: 'linear-gradient(243deg, #fdf095, #fbbf66, #fbbf66)'\r\n }\r\n}))\r\nexport const BodyCardContent = styled.div((props) => ({\r\n width: '100%',\r\n height: '100%',\r\n display: 'flex',\r\n flexDirection: 'row'\r\n}))\r\n\r\nexport const TitleContent = styled.div((props) => ({\r\n verticalAlign: 'top',\r\n width: '66.0130718954248%',\r\n paddingLeft: '15px',\r\n fontSize: '1.125rem',\r\n fontWeight: 'bold',\r\n height: '100%',\r\n alignItems: 'center',\r\n display: 'flex',\r\n color: '#505050 !important'\r\n}))\r\n\r\nexport const ValueContent = styled.div((props) => ({\r\n verticalAlign: 'top',\r\n width: '32.0261437908497%',\r\n display: 'flex',\r\n justifyContent: 'space-around',\r\n flexDirection: 'row',\r\n height: '100%',\r\n alignItems: 'center',\r\n color: '#505050 !important',\r\n '.ValueText': {\r\n fontSize: '2.5rem',\r\n lineHeight: 1,\r\n color: '#fbbf66',\r\n \":hover\": {\r\n color: '#ffffff'\r\n }\r\n }\r\n}))\r\nexport const StatusTagWorkSpace = styled.div((props) => ({\r\n fontFamily: 'DB-Airy',\r\n fontWeight: 'bold',\r\n fontSize: '0.75rem',\r\n color: '#FFF',\r\n padding: '0px 12px',\r\n background: `${props.status ? v.tagColors[props.status] : v.tagDraft}`,\r\n width: 'fit-content',\r\n borderRadius: `${props.allRadius ? '10px' : '10px 0px'}`,\r\n lineHeight: '1.5em',\r\n height: '1.5em'\r\n\r\n}))\r\n\r\nexport const OverviewBodyContent = styled.div((props) => ({\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n marginTop: '10px'\r\n}))\r\n\r\nexport const DivTextWorkSpace = styled.div((props) => ({\r\n display: 'flex',\r\n justifyContent: `${props.left ? 'flex-start' : 'center'}`,\r\n\r\n 'div.priority.urgent': {\r\n background: '#FF0000',\r\n borderRadius: '2px',\r\n color: '#FFF',\r\n fontWeight: 'bold',\r\n padding: '2px 5px',\r\n }\r\n}))\r\n\r\nexport const ProcurementContainer = styled.div({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n flex: 1,\r\n height: 'auto',\r\n width: '-webkit-fill-available',\r\n\r\n '.breadcrumbsRow': {\r\n\r\n },\r\n\r\n 'div.headerRow': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n justifyContent: 'space-between',\r\n\r\n '.sectionLeft': {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n },\r\n\r\n 'span.title': {\r\n fontSize: '1.5rem',\r\n fontWeight: 'bold',\r\n },\r\n },\r\n})\r\n\r\nexport const ProcurementBody = styled.div({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n flex: 1,\r\n height: 'auto',\r\n marginTop: '15px',\r\n\r\n '.MuiCardHeader-root': {\r\n padding: '5px 16px',\r\n },\r\n\r\n '.MuiCardHeader-action': {\r\n margin: '0px',\r\n },\r\n})\r\n\r\n","import styled from '@emotion/styled'\r\nimport * as v from '../../../variables/styled'\r\n\r\nexport const SearchCont = styled.div((props)=>({\r\n display:'flex',\r\n flexDirection:'column',\r\n}))\r\n\r\nexport const DateCont = styled.div((props)=>({\r\n padding:'.67857143em 1rem',\r\n border:'1px solid rgba(34,36,38,.15)',\r\n borderRadius:'.28571429rem',\r\n marginLeft:'1rem',\r\n background:'#fff'\r\n}))\r\n\r\nexport const InputCont = styled.div((props)=>({\r\n display:'flex',\r\n alignItems:'baseline',\r\n \r\n '.searchInput':{\r\n flex:1,\r\n marginRight:'0.5rem'\r\n }\r\n}))\r\n\r\nexport const AdvanceCont = styled.div((props)=>({\r\n display:'flex',\r\n alignItems:'center',\r\n marginTop:'1rem',\r\n '.dropdown':{\r\n marginLeft:'0.5rem'\r\n },\r\n 'div:first-child':{\r\n marginLeft:0\r\n }\r\n}))\r\n\r\nexport const FiledRowContent = styled.div(()=>({\r\n // flex: 1,\r\n minWidth: '12rem',\r\n marginLeft:'0.5rem',\r\n\r\n '.field-label': {\r\n fontSize: '1rem',\r\n fontWeight: 'bold',\r\n marginBottom: 5\r\n },\r\n\r\n '.error': {\r\n color: `${v.textError}`\r\n },\r\n\r\n '.warning': {\r\n color: 'orange'\r\n },\r\n\r\n '.field-input': {\r\n width: '100%'\r\n }\r\n\r\n}))\r\n","import { takeLatest, put } from 'redux-saga/effects'\r\n\r\nimport { createReducer, makeAction, makeKeys } from './helper'\r\nimport { httpGet } from 'core/restClient'\r\nimport { appLoading, appLoaded } from './app'\r\nimport r from 'reactotron-react-js'\r\n\r\nconst FETCH_WORKLIST = makeKeys('FETCH_WORKLIST')\r\n\r\nexport const fetchWorkList = makeAction(FETCH_WORKLIST.REQUEST, 'data')\r\n\r\nconst fetchWorkListSuccess = makeAction(FETCH_WORKLIST.SUCCESS, 'data')\r\n\r\nconst initial = {\r\n workLists: { summary: [], worklistItem: [] },\r\n}\r\n\r\nfunction* fetchWorkListRequest(action) {\r\n const { data } = action.payload\r\n try {\r\n yield put(appLoading())\r\n let xx = `${new Date(data == null ? Date.now() : data.date[0]).toJSON()},${new Date(data == null ? Date.now() : data.date[1]).toJSON()}`\r\n if(data){\r\n if(data.poStatus!='-'){\r\n data.activityName = data.poStatus\r\n }\r\n }\r\n const workList = yield httpGet('share/workflow/getWorklist', { ...data, dateRange: xx })\r\n if (workList.status === 200) {\r\n yield put(fetchWorkListSuccess(workList.data))\r\n }\r\n yield put(appLoaded())\r\n } catch (e) {\r\n // Add process reload work list data on case token is missing\r\n if (e && e.config && e.config.headers && e.config.headers.Authorization === 'Bearer null') {\r\n yield put(fetchWorkList())\r\n }\r\n\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nexport function* watchWorkListSaga() {\r\n yield takeLatest(FETCH_WORKLIST.REQUEST, fetchWorkListRequest)\r\n}\r\n\r\nexport default createReducer(initial, state => ({\r\n [FETCH_WORKLIST.REQUEST]: () => ({\r\n ...state,\r\n loading: true\r\n }),\r\n [FETCH_WORKLIST.SUCCESS]: (data) => ({\r\n ...state,\r\n loading: false,\r\n workLists: data.data\r\n }),\r\n\r\n}))\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Field, reduxForm, getFormValues } from 'redux-form'\r\nimport Calendar from 'react-calendar';\r\nimport Moment from 'react-moment'\r\nimport { \r\n Icon,\r\n Input,\r\n Form,\r\n Dropdown,\r\n Button } from 'semantic-ui-react'\r\nimport {\r\n Collapse } from '@material-ui/core';\r\n\r\nimport { \r\n SearchCont,\r\n InputCont,\r\n AdvanceCont,\r\n FiledRowContent,\r\n DateCont } from './styled'\r\nimport { \r\n fetchProjects,\r\n fetchStatusPOWorkSpace } from 'ducks/options'\r\nimport { \r\n fetchWorkList } from 'ducks/workList'\r\n\r\nconst SearchWorkspace = (props) => {\r\n const {\r\n projects,\r\n handleSubmit,\r\n reset,\r\n valueForm\r\n } = props\r\n\r\n const [visibleAS,setVisibleAS] = React.useState(false)\r\n const [visibleSelectDate,setVisibleSelectDate] = React.useState(false)\r\n const [date,setDate] = React.useState('')\r\n\r\n React.useEffect(()=>{\r\n props.fetchStatusPOWorkSpace()\r\n props.fetchProjects()\r\n },[])\r\n\r\n return (\r\n \r\n \r\n \r\n )\r\n\r\n function setProjects(){\r\n if(projects){\r\n return projects.sort((a, b) => a.text?a.text.localeCompare(b.text):-1)\r\n }\r\n return []\r\n }\r\n\r\n function onResetClick(){\r\n setDate('')\r\n props.fetchWorkList()\r\n }\r\n\r\n function onAdvanceSearchClick(data,dateI){\r\n props.fetchWorkList({...valueForm,date:dateI?dateI:date,...data})\r\n }\r\n}\r\n\r\nconst renderDropdown = props => {\r\n return (\r\n \r\n {props.input.onChange(data.value)}}\r\n placeholder={props.label} \r\n options={props.option}\r\n />\r\n \r\n )\r\n}\r\n\r\nconst renderInputSearch = props => {\r\n const {input,onSearchClick} = props\r\n return (\r\n onSearchClick()}/>} \r\n placeholder='Doc No., Title, Requester' />\r\n )\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return ({\r\n initialValues: {\r\n processCode:'-',\r\n dateRangeType:'-',\r\n projectId:0,\r\n searchKey:'',\r\n poStatus:'-'\r\n },\r\n valueForm: getFormValues('formSearchWorkspace')(state),\r\n companies: state.options.companies.data,\r\n projects: state.options.projects.data,\r\n statusPOWorkSpace: state.options.statusPOWorkSpace.data\r\n })\r\n}\r\nconst mapDispatchToProps = {\r\n fetchWorkList,\r\n fetchProjects,\r\n fetchStatusPOWorkSpace\r\n}\r\n\r\nconst contForm = reduxForm({\r\n form: 'formSearchWorkspace',\r\n enableReinitialize: true,\r\n})(SearchWorkspace)\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(contForm)","import React from 'react'\r\nimport Moment from 'react-moment'\r\nimport { Icon } from 'semantic-ui-react'\r\nimport { upper, lower } from 'change-case'\r\n\r\nimport {\r\n DivTextWorkSpace, StatusTagWorkSpace\r\n} from './styled'\r\n\r\nexport const options = {\r\n listSize: [\r\n { text: '30', value: 30 },\r\n { text: '60', value: 60 },\r\n { text: '90', value: 90 },\r\n { text: '120', value: 120 }\r\n ],\r\n}\r\n\r\nconst docStatus = { 2: 'In Progress', 3: 'Revise', 4: 'Completed', 5: 'Reject' }\r\n\r\nexport const columns = [{\r\n Header: '',\r\n accessor: 'isSpecialCreditTerm',\r\n width: 30,\r\n Cell: row => (row.value && Title ),\r\n accessor: row => (row.title.trim()),\r\n id: 'title',\r\n width: 230\r\n }, {\r\n Header: () => (Project name ),\r\n accessor: 'projectName',\r\n width: 170\r\n }, {\r\n Header: 'CompanyName',\r\n accessor: row => (row.companyCode && row.companyName ? `${row.companyCode}:${row.companyName}` : '-'),\r\n id: 'companyName',\r\n width: 120,\r\n Cell: row => (row.value && {row.value}
)\r\n }, {\r\n Header: 'Priority',\r\n accessor: 'priority',\r\n width: 60,\r\n Cell: row => (\r\n row.value &&\r\n \r\n {upper(row.value)}
\r\n \r\n )\r\n }, {\r\n Header: 'Requester',\r\n accessor: 'requesterName',\r\n width: 120,\r\n }, {\r\n Header: 'SLA Status',\r\n accessor: 'slaStatus',\r\n width: 90,\r\n Cell: row => ({row.value} )\r\n }, {\r\n Header: 'SLA Due Date',\r\n accessor: 'slaDueDate',\r\n width: 120,\r\n Cell: row => (\r\n \r\n {row.value ? {row.value} : -
}\r\n \r\n )\r\n }, {\r\n Header: 'Modify date',\r\n accessor: 'startDate',\r\n width: 120,\r\n Cell: row => (\r\n \r\n {row.value ? {row.value} : -
}\r\n \r\n )\r\n }, {\r\n Header: 'Submitted date',\r\n accessor: 'submitDate',\r\n width: 120,\r\n Cell: row => (\r\n \r\n {row.value ? {row.value} : -
}\r\n \r\n )\r\n }\r\n]","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Icon } from 'semantic-ui-react'\r\nimport ReactTable from 'react-table'\r\n\r\nimport { WorkspaceListCont, ProcurementContainer, ProcurementBody, CardButtonBody, BodyCardContent, TitleContent, ValueContent, OverviewBodyContent } from './styled'\r\nimport SearchWorkSpace from './SearchWorkspace'\r\nimport { columns } from './AttributeData'\r\nimport { MainBodyContent } from 'components'\r\nimport { fetchWorkList } from 'ducks/workList'\r\n\r\nconst Home = (props) => {\r\n const { workLists } = props\r\n\r\n const userPageSize = parseInt(localStorage.getItem('userPageSize') || '10')\r\n\r\n React.useEffect(() => {\r\n props.fetchWorkList()\r\n }, [])\r\n\r\n const searchByProcessCode = (processCode) => {\r\n console.log(processCode)\r\n props.fetchWorkList({ processCode: processCode, date: [null, null] })\r\n }\r\n\r\n return (\r\n \r\n \r\n {workLists &&\r\n workLists.summary.map((item, i, array) => {\r\n return (\r\n \r\n searchByProcessCode(item.processCode.replace(/ /g, ''))}>\r\n {item.processCode} \r\n \r\n {item.count}
\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\nconst mapStateToProps = (state) => ({\r\n workLists: state.workList.workLists\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n fetchWorkList\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Home)\r\n","export default __webpack_public_path__ + \"static/media/ez_logo.a1c5a1f4.jpg\";","export default __webpack_public_path__ + \"static/media/login_bg.7900c8be.png\";","import styled from '@emotion/styled'\r\nimport login_bg from 'assets/images/login_bg.png'\r\nimport * as v from 'variables/styles'\r\n\r\nexport const LoginContainer = styled.div((props) => ({\r\n display: 'flex',\r\n justifyContent:'center',\r\n alignItems: 'center',\r\n flex: 1,\r\n background:'#fafafa',\r\n\r\n '.maintenanceContainer': {\r\n display: 'flex',\r\n width: '100%',\r\n justifyContent:'center',\r\n alignItems: 'center',\r\n height: '100%',\r\n borderRadius: '5px',\r\n padding: '15px',\r\n zIndex: 10,\r\n\r\n '.subContent': {\r\n width: '80%',\r\n display: 'flex',\r\n borderRadius: '5px',\r\n padding: '15px',\r\n background: '#FFF',\r\n flexDirection: 'column',\r\n\r\n '.textRow': {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontSize: '1.2rem',\r\n\r\n time: {\r\n margin: '0px 5px'\r\n }\r\n }\r\n }\r\n }, \r\n\r\n '.contBtn':{\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n 'button':{\r\n backgroundColor:`${v.ezOrange} !important`,\r\n width:'100%'\r\n }\r\n },\r\n\r\n form: {\r\n display: 'flex', \r\n flexDirection: 'column'\r\n },\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n /* For Tablet: */\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n /* For Desktop: */\r\n justifyContent: 'flex-end',\r\n alignItems: 'flex-start',\r\n },\r\n}))\r\n\r\nexport const BG = styled.div({\r\n position: 'absolute',\r\n width: '100%',\r\n height: '100%',\r\n backgroundImage: `url(${login_bg})`,\r\n backgroundPosition: 'center',\r\n backgroundRepeat: 'no-repeat',\r\n backgroundSize: 'cover',\r\n zIndex: 0\r\n})\r\n\r\nexport const SubCont = styled.div({\r\n display:'flex', \r\n flexDirection:'column', \r\n alignItems:'center',\r\n margin: '0px',\r\n width: '80vw', \r\n zIndex: 1,\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n /* For Tablet: */\r\n display:'flex', \r\n flexDirection:'column', \r\n alignItems:'center',\r\n margin: '0px',\r\n width: '60vw',\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n /* For Desktop: */\r\n display:'flex', \r\n flexDirection:'column', \r\n alignItems:'center',\r\n marginRight:'4rem',\r\n marginTop:'2rem',\r\n width: '30vw',\r\n }\r\n})\r\n\r\nexport const FormContainer = styled.div({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n flex: 1,\r\n height: 'auto',\r\n width: '80%',\r\n padding: '10px',\r\n borderRadius: '5px',\r\n background: 'white',\r\n zIndex: 1,\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n /* For Tablet: */\r\n width: '60%',\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n /* For Desktop: */\r\n width: '30%',\r\n }\r\n})\r\n\r\n","export const isRequire = (value) => {\r\n return value ? true : false\r\n}\r\n\r\nexport const isNumeric = (value = '') => {\r\n value = `${value}`\r\n if (value.match(/^-{0,1}\\d+$/)) {\r\n return true\r\n } else if (value.match(/^\\d+\\.\\d+$/)) {\r\n return true\r\n } else {\r\n return false\r\n }\r\n}\r\n\r\nexport const isDigit = (value = '') => {\r\n return value&&value.match(/^-{0,1}\\d+$/) ? true : false\r\n}\r\n\r\nexport const isInteger = (value = '') => {\r\n return value&&value.match(/^-{0,1}\\d+$/) ? true : false\r\n}\r\n\r\nexport const isPositiveInteger = (value = '') => {\r\n return value.match(/^\\d*[1-9]\\d*$/) ? true : false\r\n}\r\n\r\nexport const isEmail = (value = '') => {\r\n return value.match(/^([\\w.%+-]+)@([\\w-]+\\.)+([\\w]{2,})$/i) ? true : false\r\n}\r\n\r\nexport const minLength = (value, length) => {\r\n return value.length >= length\r\n}\r\n\r\nexport const maxLength = (value, length) => {\r\n return value.length <= length\r\n}\r\n\r\nexport const maxLength10 = (value) => {\r\n return maxLength(value || '', 10)\r\n}\r\n\r\nexport const maxLength13 = (value) => {\r\n return maxLength(value || '', 13)\r\n}\r\n\r\nexport const maxLength18 = (value) => {\r\n return maxLength(value || '', 18)\r\n}\r\n\r\nexport const maxLength20 = (value) => {\r\n return maxLength(value || '', 20)\r\n}\r\n\r\nexport const maxLength25 = (value) => {\r\n return maxLength(value || '', 25)\r\n}\r\n\r\nexport const maxLength30 = (value) => {\r\n return maxLength(value || '', 30)\r\n}\r\n\r\nexport const maxLength40 = (value) => {\r\n return maxLength(value || '', 40)\r\n}\r\n\r\nexport const maxLength50 = (value) => {\r\n return maxLength(value || '', 50)\r\n}\r\n\r\nexport const maxLength60 = (value) => {\r\n return maxLength(value || '', 60)\r\n}\r\n\r\nexport const validateCase = {\r\n require: 'require',\r\n number: 'number',\r\n digit: 'digit',\r\n integer: 'integer',\r\n positiveInteger: 'positiveInteger',\r\n email: 'email',\r\n maxLength10: 'maxLength10',\r\n maxLength13: 'maxLength13',\r\n maxLength18: 'maxLength18',\r\n maxLength20: 'maxLength20',\r\n maxLength25: 'maxLength25',\r\n maxLength30: 'maxLength30',\r\n maxLength40: 'maxLength40',\r\n maxLength50: 'maxLength50',\r\n maxLength60: 'maxLength60',\r\n}\r\n\r\nexport const validation = (values, key, validateCases = [], errors) => {\r\n validateCases.forEach(v => {\r\n if (v === validateCase.require) {\r\n if (!isRequire(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Require!' : 'Require!'\r\n } else if (v === validateCase.number) {\r\n if (!isNumeric(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Numeric Only!' : 'Numeric Only!'\r\n } else if (v === validateCase.digit) {\r\n if (!isDigit(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Digit Only!' : 'Digit Only!'\r\n } else if (v === validateCase.integer) {\r\n if (!isInteger(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Integer Only!' : 'Integer Only!'\r\n } else if (v === validateCase.positiveInteger) {\r\n if (!isPositiveInteger(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Positive integer Only!' : 'Positive integer Only!'\r\n } else if (v === validateCase.email) {\r\n if (!isEmail(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', This email is wrong format!' : 'This email is wrong format!'\r\n } else if (v === validateCase.maxLength10) {\r\n if (!maxLength10(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 10!' : 'Value length not more than 10!'\r\n } else if (v === validateCase.maxLength13) {\r\n if (!maxLength13(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 13!' : 'Value length not more than 13!'\r\n } else if (v === validateCase.maxLength18) {\r\n if (!maxLength18(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 18!' : 'Value length not more than 18!'\r\n } else if (v === validateCase.maxLength20) {\r\n if (!maxLength20(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 20!' : 'Value length not more than 20!'\r\n } else if (v === validateCase.maxLength25) {\r\n if (!maxLength25(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 25!' : 'Value length not more than 25!'\r\n } else if (v === validateCase.maxLength30) {\r\n if (!maxLength30(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 30!' : 'Value length not more than 30!'\r\n } else if (v === validateCase.maxLength40) {\r\n if (!maxLength40(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 40!' : 'Value length not more than 40!'\r\n } else if (v === validateCase.maxLength50) {\r\n if (!maxLength50(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 50!' : 'Value length not more than 50!'\r\n } else if (v === validateCase.maxLength60) {\r\n if (!maxLength60(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 60!' : 'Value length not more than 60!'\r\n }\r\n })\r\n\r\n return errors\r\n}\r\n\r\nexport const validations = (values, key, validateCases = [], errors) => {\r\n validateCases.forEach(v => {\r\n if (v === validateCase.require) {\r\n if (!isRequire(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Require!' : 'Require!'\r\n } else if (v === validateCase.number) {\r\n if (!isNumeric(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Numeric Only!' : 'Numeric Only!'\r\n } else if (v === validateCase.digit) {\r\n if (!isDigit(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Digit Only!' : 'Digit Only!'\r\n } else if (v === validateCase.integer) {\r\n if (!isInteger(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Integer Only!' : 'Integer Only!'\r\n } else if (v === validateCase.positiveInteger) {\r\n if (!isPositiveInteger(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Positive integer Only!' : 'Positive integer Only!'\r\n } else if (v === validateCase.email) {\r\n if (!isEmail(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', This email is wrong format!' : 'This email is wrong format!'\r\n } else if (v === validateCase.maxLength10) {\r\n if (!maxLength10(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 10!' : 'Value length not more than 10!'\r\n } else if (v === validateCase.maxLength13) {\r\n if (!maxLength13(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 13!' : 'Value length not more than 13!'\r\n } else if (v === validateCase.maxLength18) {\r\n if (!maxLength18(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 18!' : 'Value length not more than 18!'\r\n } else if (v === validateCase.maxLength20) {\r\n if (!maxLength20(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 20!' : 'Value length not more than 20!'\r\n } else if (v === validateCase.maxLength25) {\r\n if (!maxLength25(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 25!' : 'Value length not more than 25!'\r\n } else if (v === validateCase.maxLength30) {\r\n if (!maxLength30(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 30!' : 'Value length not more than 30!'\r\n } else if (v === validateCase.maxLength40) {\r\n if (!maxLength40(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 40!' : 'Value length not more than 40!'\r\n } else if (v === validateCase.maxLength50) {\r\n if (!maxLength50(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 50!' : 'Value length not more than 50!'\r\n } else if (v === validateCase.maxLength60) {\r\n if (!maxLength60(values[key])) \r\n errors[key] = errors[key] ? errors[key] + ', Value length not more than 60!' : 'Value length not more than 60!'\r\n }\r\n })\r\n}","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Button, Image } from 'semantic-ui-react'\r\nimport { reduxForm, Field } from 'redux-form'\r\nimport { useMsal } from '@azure/msal-react'\r\nimport { loginRequest } from 'variables/authConfig'\r\nimport ezlogo from 'assets/images/ez_logo.jpg'\r\nimport { login } from 'ducks/authen'\r\nimport { getActiveAnnouncements } from 'ducks/system'\r\nimport { LoginContainer, BG, SubCont } from './styled'\r\nimport { StdForm, Loading } from 'components'\r\nimport { validation, validateCase as vCase } from 'core/validate'\r\n// import FieldInput, { InputType as type } from 'components/SemanticForm'\r\nimport Moment from 'react-moment'\r\n\r\n\r\nconst Login = (props) => {\r\n const { listActiveAnnouncements } = props\r\n const { instance } = useMsal()\r\n\r\n React.useEffect(() => {\r\n if (listActiveAnnouncements.loading === false) {\r\n props.getActiveAnnouncements()\r\n }\r\n }, [])\r\n\r\n const onLoginSubmit = (values) => {\r\n props.login({ ...values, username: values.email }, props.history)\r\n }\r\n\r\n const maintenanceDescription = localStorage.getItem('maintenanceDescription')\r\n const maintenanceStartTime = localStorage.getItem('maintenanceStartTime')\r\n const maintenanceEndTime = localStorage.getItem('maintenanceEndTime')\r\n\r\n const isMaintenanceTime = () => {\r\n const checkDataIsNotEmpty = (data) => {\r\n return (data !== undefined && data !== null && data !== '')\r\n }\r\n\r\n return checkDataIsNotEmpty(maintenanceStartTime) &&\r\n checkDataIsNotEmpty(maintenanceEndTime)\r\n }\r\n\r\n const announcement = () => {\r\n const listAnnouncement = listActiveAnnouncements.data.filter(a => a.buyer === true) || []\r\n\r\n if (listAnnouncement.length > 0) {\r\n return listAnnouncement[0].message || null\r\n }\r\n return null\r\n }\r\n\r\n const renderAnnouncementPanel = () => {\r\n return (\r\n \r\n
\r\n
\r\n {\r\n announcement() || 'ขออภัยค่ะ ขณะนี้ระบบ EzProcure อยู่ระหว่างการปิดปรับปรุง'\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n maintenanceDescription || 'ขออภัยค่ะ ขณะนี้ระบบ EzProcure อยู่ระหว่างการปิดปรับปรุง'\r\n }\r\n
\r\n
\r\n ตั้งแต่\r\n {maintenanceStartTime} \r\n ถึง\r\n {maintenanceEndTime} \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\nconst validate = values => {\r\n let errors = {}\r\n errors = validation(values, 'email', [vCase.require], errors)\r\n errors = validation(values, 'password', [vCase.require], errors)\r\n\r\n return errors\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n initialValues: {\r\n email: localStorage.getItem('username'),\r\n remember: 'true'\r\n },\r\n listActiveAnnouncements: state.system.listActiveAnnouncements,\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n login,\r\n getActiveAnnouncements\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(reduxForm({\r\n form: 'formLogin',\r\n validate: validate\r\n})(Login))\r\n","import styled from '@emotion/styled'\r\nimport login_bg from 'assets/images/login_bg.png'\r\nimport * as v from 'variables/styles'\r\n\r\nexport const LoginContainer = styled.div((props) => ({\r\n display: 'flex',\r\n justifyContent:'center',\r\n alignItems: 'center',\r\n flex: 1,\r\n background:'#fafafa',\r\n\r\n '.maintenanceContainer': {\r\n display: 'flex',\r\n width: '100%',\r\n justifyContent:'center',\r\n alignItems: 'center',\r\n height: '100%',\r\n borderRadius: '5px',\r\n padding: '15px',\r\n zIndex: 10,\r\n\r\n '.subContent': {\r\n width: '80%',\r\n display: 'flex',\r\n borderRadius: '5px',\r\n padding: '15px',\r\n background: '#FFF',\r\n flexDirection: 'column',\r\n\r\n '.textRow': {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n fontSize: '1.2rem',\r\n\r\n time: {\r\n margin: '0px 5px'\r\n }\r\n }\r\n }\r\n }, \r\n\r\n '.contBtn':{\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n 'button':{\r\n backgroundColor:`${v.ezOrange} !important`,\r\n width:'100%'\r\n }\r\n },\r\n\r\n form: {\r\n display: 'flex', \r\n flexDirection: 'column'\r\n },\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n /* For Tablet: */\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n /* For Desktop: */\r\n justifyContent: 'flex-end',\r\n alignItems: 'flex-start',\r\n },\r\n}))\r\n\r\nexport const BG = styled.div({\r\n position: 'absolute',\r\n width: '100%',\r\n height: '100%',\r\n backgroundImage: `url(${login_bg})`,\r\n backgroundPosition: 'center',\r\n backgroundRepeat: 'no-repeat',\r\n backgroundSize: 'cover',\r\n zIndex: 0\r\n})\r\n\r\nexport const SubCont = styled.div({\r\n display:'flex', \r\n flexDirection:'column', \r\n alignItems:'center',\r\n margin: '0px',\r\n width: '80vw', \r\n zIndex: 1,\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n /* For Tablet: */\r\n display:'flex', \r\n flexDirection:'column', \r\n alignItems:'center',\r\n margin: '0px',\r\n width: '60vw',\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n /* For Desktop: */\r\n display:'flex', \r\n flexDirection:'column', \r\n alignItems:'center',\r\n marginRight:'4rem',\r\n marginTop:'2rem',\r\n width: '30vw',\r\n }\r\n})\r\n\r\nexport const FormContainer = styled.div({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n flex: 1,\r\n height: 'auto',\r\n width: '80%',\r\n padding: '10px',\r\n borderRadius: '5px',\r\n background: 'white',\r\n zIndex: 1,\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n /* For Tablet: */\r\n width: '60%',\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n /* For Desktop: */\r\n width: '30%',\r\n }\r\n})\r\n\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { LoginContainer, BG } from './styled'\r\nimport { Loading } from 'components'\r\nimport { useMsal } from '@azure/msal-react'\r\n\r\nconst Logout = (props) => {\r\n const { instance } = useMsal()\r\n\r\n React.useEffect(() => {\r\n instance.logoutRedirect({\r\n postLogoutRedirectUri: '/',\r\n })\r\n }, [])\r\n\r\n return (\r\n
\r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Logout)\r\n","import styled from '@emotion/styled'\r\n\r\nexport const ProcurementContainer = styled.div({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n flex: 1,\r\n height: 'auto',\r\n width: '-webkit-fill-available',\r\n\r\n '.breadcrumbsRow': {\r\n\r\n },\r\n\r\n 'div.headerRow': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n justifyContent: 'space-between',\r\n\r\n '.sectionLeft': {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n },\r\n\r\n 'span.title': {\r\n fontSize: '1.5rem',\r\n fontWeight: 'bold',\r\n },\r\n },\r\n \r\n '.ReactTable.prItems': {\r\n borderRadius: '5px',\r\n\r\n '.rt-tbody': {\r\n '.rt-tr-group': {\r\n '.rt-tr': {\r\n '.rt-td': {\r\n // whiteSpace: 'normal',\r\n // wordWrap: 'break-word',\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.-pagination ': {\r\n '.-previous': {\r\n button: {\r\n fontFamily: 'DB-Airy',\r\n fontSize: '1.25rem',\r\n fontWeight: 'bold',\r\n },\r\n },\r\n\r\n '.-center': {\r\n flex: 2,\r\n justifyContent: 'center',\r\n \r\n '.-pageInfo': {\r\n display: 'flex',\r\n alignItems: 'center',\r\n \r\n '.-pageJump': {\r\n width: '50px',\r\n margin: '0px 5px',\r\n\r\n input: {\r\n width: '100%',\r\n fontFamily: 'DB-Airy',\r\n },\r\n },\r\n \r\n '.-totalPages': {\r\n marginLeft: '5px',\r\n fontSize: '1.125rem',\r\n fontFamily: 'DB-Airy',\r\n },\r\n },\r\n\r\n '.-pageSizeOptions': {\r\n select: {\r\n fontFamily: 'DB-Airy',\r\n },\r\n }\r\n },\r\n\r\n '.-next': {\r\n button: {\r\n fontFamily: 'DB-Airy',\r\n fontSize: '1.25rem',\r\n fontWeight: 'bold',\r\n },\r\n },\r\n }\r\n },\r\n\r\n '.ReactTable.budgets': {\r\n borderRadius: '5px',\r\n },\r\n\r\n '.ReactTable.poList, .ReactTable.downPaymentList, .ReactTable.contractList , .ReactTable.billFormList': {\r\n borderRadius: '5px',\r\n marginTop: '15px',\r\n \r\n '.rt-tbody': {\r\n '.rt-tr-group': {\r\n '.rt-tr': {\r\n '&:hover': {\r\n cursor: 'pointer',\r\n background: 'rgba(0,0,0,0.05)',\r\n }\r\n },\r\n '.rt-tr.-odd': {\r\n background: 'rgba(0,0,0,0.03)',\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.ReactTable.poItems': {\r\n borderRadius: '5px',\r\n width: '100%',\r\n maxWidth: '100%',\r\n\r\n '.poItemDescription, .poItemName': {\r\n whiteSpace: 'normal',\r\n },\r\n },\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n '.ReactTable.poItems': {\r\n borderRadius: '5px',\r\n width: '10%',\r\n },\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n '.ReactTable.poItems': {\r\n borderRadius: '5px',\r\n width: '10%',\r\n },\r\n },\r\n})\r\n\r\nexport const ProcurementBody = styled.div({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n flex: 1,\r\n height: 'auto',\r\n marginTop: '15px',\r\n\r\n '.MuiCardHeader-root': {\r\n padding: '5px 16px',\r\n },\r\n\r\n '.MuiCardHeader-action': {\r\n margin: '0px',\r\n },\r\n\r\n '&>div>div.ui.menu': {\r\n overflowX: 'scroll'\r\n },\r\n\r\n // Billing\r\n '&>form>div>div.ui.menu': {\r\n overflowX: 'scroll'\r\n },\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n '&>div>div.ui.menu': {\r\n overflowX: 'unset'\r\n },\r\n\r\n // Billing\r\n '&>form>div>div.ui.menu': {\r\n overflowX: 'unset'\r\n },\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n '&>div>div.ui.menu': {\r\n overflowX: 'unset'\r\n },\r\n\r\n // Billing\r\n '&>form>div>div.ui.menu': {\r\n overflowX: 'unset'\r\n },\r\n },\r\n})","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { compose, lifecycle } from 'recompose'\r\n\r\nimport {MainBodyContent} from '../../../components'\r\nimport { ProcurementContainer } from '../styled'\r\n\r\nconst VendorApplication = (props) => {\r\n return (\r\n
\r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n}\r\n\r\nconst enhance = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n lifecycle({\r\n componentDidMount() {},\r\n componentWillReceiveProps(nextProp) { }\r\n })\r\n)\r\n\r\nexport default enhance(VendorApplication)\r\n","import { httpGet } from 'core/restClient'\r\nimport { takeLatest, put } from 'redux-saga/effects'\r\nimport { appLoading, appLoaded, toastError } from 'ducks/app'\r\nimport { createReducer, makeAction, makeKeys } from 'ducks/helper'\r\n\r\nconst SUBMIT_QR_CODE = makeKeys('SUBMIT_QR_CODE')\r\nconst CLEAR_QR_DATA = 'CLEAR_QR_DATA'\r\n\r\nexport const submitQrCode = makeAction(SUBMIT_QR_CODE.REQUEST, 'qrValue')\r\nexport const clearQrData = makeAction(CLEAR_QR_DATA, 'qrValue')\r\n\r\nconst submitQrCodeSuccess = makeAction(SUBMIT_QR_CODE.SUCCESS, 'data')\r\n\r\nconst initial = {\r\n qrData: { }\r\n}\r\n\r\nfunction* submitQrCodeRequest(action) {\r\n const { qrValue } = action.payload\r\n try {\r\n yield put(appLoading('Submit billing data.'))\r\n const response = yield httpGet('qr', { qrValue })\r\n yield put(appLoaded())\r\n yield put(submitQrCodeSuccess(response.data))\r\n }\r\n catch (e) {\r\n yield put(appLoaded())\r\n yield put(toastError(e.data.message))\r\n }\r\n}\r\n\r\nexport function* watchQrSaga() {\r\n yield takeLatest(SUBMIT_QR_CODE.REQUEST, submitQrCodeRequest)\r\n}\r\n\r\nconst validateClearData = (data, qrValue) => {\r\n const { documentNumber } = data\r\n\r\n if (documentNumber) {\r\n if (qrValue.indexOf(documentNumber) !== -1 ) {\r\n return {}\r\n }\r\n }\r\n return data\r\n}\r\n\r\nexport default createReducer(initial, state => ({\r\n [SUBMIT_QR_CODE.REQUEST]: () => ({\r\n ...state, \r\n qrData: {},\r\n }),\r\n [SUBMIT_QR_CODE.SUCCESS]: (data) => ({\r\n ...state, \r\n qrData: data.data,\r\n }),\r\n [CLEAR_QR_DATA]: (data) => ({\r\n ...state, \r\n qrData: validateClearData(state.qrData, data.qrValue),\r\n }),\r\n}))\r\n","import styled from '@emotion/styled'\r\nimport * as v from 'variables/styles'\r\n\r\nexport const QRScannerContainer = styled.div({\r\n display: 'flex',\r\n flex: 1,\r\n width: '100%',\r\n height: '100%',\r\n flexDirection: 'column',\r\n})\r\n\r\nexport const HeaderContainer = styled.div({\r\n display: 'flex',\r\n flexDirection: 'row',\r\n width: '100%',\r\n justifyContent: 'space-between',\r\n minHeight: '60px',\r\n background: v.ezMainColor,\r\n padding: '0px 10px',\r\n\r\n 'div.applicationName': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n color: '#FFF',\r\n\r\n 'h6':{\r\n fontWeight:'bold'\r\n }\r\n },\r\n})\r\n\r\nexport const QRScannerBody = styled.div({\r\n display: 'flex',\r\n flex: 1,\r\n width: '100%',\r\n background: v.ezGrayColor,\r\n paddingTop: '20px',\r\n\r\n '.leftContent': {\r\n display: 'flex',\r\n flex: 2,\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n\r\n 'span.title': {\r\n fontSize: '1.2rem',\r\n fontWeight: 'bold',\r\n marginBottom: '10px',\r\n },\r\n\r\n form: {\r\n width: '100%',\r\n }\r\n },\r\n\r\n '.rightContent': {\r\n display: 'flex',\r\n flex: 5,\r\n paddingLeft: '10px',\r\n flexDirection: 'column',\r\n paddingRight: '10px',\r\n\r\n 'span.title': {\r\n fontSize: '2.125rem',\r\n fontWeight: 'bold',\r\n marginBottom: '10px',\r\n }\r\n },\r\n})\r\n\r\nexport const DocumentDataSection = styled.div({\r\n display: 'flex',\r\n padding: '10px',\r\n borderRadius: '5px',\r\n width: '100%',\r\n background: v.bgSoftGray,\r\n marginBottom: '10px',\r\n flexDirection: 'column',\r\n\r\n 'span.sectionTitle': {\r\n marginBottom: '5px',\r\n fontSize: '1.5rem',\r\n fontWeight: 'bold',\r\n },\r\n\r\n 'div.row': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n\r\n 'div.title': {\r\n fontWeight: 'bold',\r\n flex: 1,\r\n },\r\n\r\n 'div.value': {\r\n flex: 9,\r\n },\r\n }\r\n})","import React from 'react'\r\nimport Img from 'react-image'\r\nimport Moment from 'react-moment'\r\nimport { connect } from 'react-redux'\r\nimport { Field, reduxForm } from 'redux-form'\r\nimport { Typography } from '@material-ui/core'\r\nimport { submitQrCode, clearQrData } from 'ducks/qr'\r\nimport { Loading } from 'components'\r\nimport FieldInput, { InputType as type } from 'components/SemanticForm'\r\nimport { QRScannerContainer, HeaderContainer, QRScannerBody, DocumentDataSection } from './styled'\r\n\r\nimport imgLogo from 'assets/images/DTGO_Logo_mini.png'\r\nimport qrIcon from 'assets/images/iconqr.png'\r\n\r\nconst QRScanner = (props) => {\r\n const { qrData } = props\r\n\r\n React.useEffect(() => {\r\n let elms = document.getElementsByName('qrValue')\r\n if (elms.length) {\r\n elms[0].focus()\r\n }\r\n })\r\n\r\n const submitQr = (qrValue) => {\r\n props.submitQrCode(qrValue)\r\n props.change('qrValue', '')\r\n setTimeout(() => {\r\n props.clearQrData(qrValue)\r\n }, 120000)\r\n }\r\n\r\n return (\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {process.env.REACT_APP_NAME}\r\n \r\n
\r\n \r\n
\r\n \r\n
Billing QR Scanner \r\n
\r\n
\r\n
\r\n {\r\n Object.entries(qrData).length ? \r\n
\r\n {\r\n qrData.status === 2 ? \r\n เอกสารเลขที่ {qrData.documentNumber} เอกสารนี้ทำซ้ำ หรือ มีการวางเอกสารเรียบร้อยแล้ว\r\n กรุณาตรวจสอบเลขที่เอกสาร หรือ ติดต่อกลับบริษัทของท่าน :\r\n เอกสารเลขที่ {qrData.documentNumber} ทำการส่งเอกสารเรียบร้อยแล้ว \r\n }\r\n \r\n \r\n
Document Number:
\r\n
{qrData.documentNumber}
\r\n
\r\n
Billing Date:
\r\n
{qrData.billingDate}
\r\n
\r\n \r\n ข้อมูล Vendor \r\n \r\n
ชื่อบริษัท
\r\n
{qrData.vendorName}
\r\n
\r\n
ที่อยู่
\r\n
{qrData.vendorAddress}
\r\n
\r\n \r\n ข้อมูลบริษัท \r\n \r\n
ชื่อบริษัท
\r\n
{qrData.companyName}
\r\n
\r\n
ที่อยู่
\r\n
{qrData.companyAddress}
\r\n
\r\n :\r\n
กรุณาสแกน QR CODE เพื่อนำส่งเอกสารสำหรับวางบิล \r\n }\r\n
\r\n
\r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n qrData: state.qr.qrData\r\n})\r\n\r\nconst mapDispatchToProps = { \r\n submitQrCode,\r\n clearQrData,\r\n}\r\n\r\nQRScanner.propTypes = {}\r\n\r\nQRScanner.defaultProps = {}\r\n\r\nconst QRForm = reduxForm({\r\n form: 'formQR',\r\n})(QRScanner)\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(QRForm)","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAYAAAA+VemSAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAP9klEQVR42u3dT0wbVx4H8PHEA5I1QcWma2MJC1di6wPE1hIFI1lslEQULtuSbpFSeuBoc2JXe84BzsGVosh7zcFK2bSqolw42PxbqgSzLOCGiC4qJjWYPxvjSkNaOYPFHuLstmmateHNvPnZ34/0vUUzzw++GTN+fmMSDG5zc7N5ZWXFt7a29tv19fV30+m0K5PJOHK5nDWbzTaoqlpzdHTEe5hAkNlsFiRJem6z2Z7W19cfOJ3O3aampu9aWlq+8Xg8//J6vcvNzc2bvMf5JibeA3jVysqKLxaLXZmdnf393NycP5vNNvAeE1Qvm832NBAIPOzq6pq5fPlyzOfzLfMek6EUCgVxdna2KxQK3XS5XGlBEI4RxKhxuVzbQ0NDt6anp7sKhYKoXTMMLp1OO0dHR6+73e5UKROHIEaL2+1OjYyMXE+n004tOmJIS0tLvoGBgagkSaoek4wgWkeSJHVgYCC6tLTkY90Xw0gmk+d6enrumUwm7hOOIFrEZDIdd3d330smk+dYdoer7e1tx+Dg4G1RFAu8JxhB9IgoioXBwcHbpN9aq6oqhsPh4bq6OoX3hCIIj9TV1SnhcHhYVVVaN7tWV1c9fr9/nvcEIogR4vf75x8/fuw5ba90EYlEghaL5RnvSUMQI8VisTyLRCLB07VLQ4qiyNeuXbvDe6IQxMjp7++/oyiKfPKmaWBjY6O5ra1thffkIAiFeL3elVQq1XzCurGVSCTO2+32Hd6TgiCU8vbbb+8sLCycP1nrGJmamrokyzLuMiPICSLLsjI5OXnlJN07tXg83m2xWH7kPQkIQjkWi+XHWCzWXX4DT2FqauoSyosg7Eo8NTV1qdwensjCwsJ5vG1GELaRZVlJJBLa/k28sbHhwg0rBNEmdrt9R7O704qiyF6vFx8VIYiG8Xq9K+V8Tnym1H+4ubl5OxaLXS713wNA+fb29uzffvvtO6urq1+U8u9L2lInEokEQ6FQhOcLk2X5h46Ojoft7e3/bG1t/drtdm80NjZmrFbroSRJ3589e/Y5z/EBLYqi1Kiq+tbBwYG8s7PjTKVS7zx69KhtcXHxd/Pz8/7Dw0MLz/FFIpFQKBT666kPtLq66uG1ttnhcOwFg8Gb8Xj8Uj6fr+E5oVA98vl8TTwevxQMBm86HI49gcPvvsVieXbqL0Coqiry+FZRIBD4anx8/Go+nzfz/mFCdcvn8+bx8fGrgUDgK0HnHvj9/vlTfRUxHA4P6zzgB/F4/CLvHxrA68Tj8Yt+v/+BoGMnxsbGhk802K2tLYdeX8a32+170Wj0E94/IIBSRKPRT+x2uy5vrevq6pQT7ewxODh4W48B9vX1fbm/v4+9n4GU/f39hr6+vi8FHTpS7GLpksnkOa33sDKbzWrxLToAWeFweNhsNmu6w6ooioWyNsrr7u6+p+WAZFlWJiYmenhPPgALExMTPVovL+7t7b1X0mCSyaRPy61frVZrLpFIXOA96QAsJRKJC1arNSdo1BuTyXRc0r7TH3/8cVSrQRQXbKO8UJESicQFLa/EAwMD0TcOYGtry6nVExPMZrOKt81Q6SYmJnq0+ptYkiR1a2vr1+9Ij46OXtfixIIgHOOGFVQLLddPjIyMXH/tSQuFgqjVg8aKt9sBqoZWHzG53e7Ua5+KODMz06XFCe12+x4+54Vqs7+/36DVYo/p6emuX5wwFArd1OJkWGEF1ar4u8+8U0NDQ7d+cTItHq7d2dn5gPckAvCkxdrpYlf/Z3l52cf6JIIgHOOLCVDtYrHYRUGDbhU7+8KNGzf+zPoEgUDg77wnD8AIil1g2q8bN2785b8neP/99++zPsH4+PgfeU8cgBF8/vnnVwXG/Sp29gWbzfZvlgd3OBx7+DI+wAv5fN7MemePYmcF8cmTJ83ZbJbpxzxXr179W21t7RGjwzH/+4FTeL1e1ufFz61MtbW1Rx988MHfWBzrpWw22/DkyZNmcXl5ufSvKZXoww8/xMINgJ/46KOPmHdieXn5nLi2tsb0yeGyLP8QCATm9JsaAOMLBAJzsiz/wPKYa2trHnF9ff1dlgft6Oh4WFtbiy1eAX6itrb2eUdHx0OWx1xfX39XTKfTLpYHbW9v/6e+UwNAA+tupNNpl5jJZBwsD9ra2vq1vtMCQAPrbmQyGYfI+g602+3e0HdaAGhg3Y1sNtsg5nI5K8uDNjY2ZvSdFgAanE4n027kcjmrqKoq00eWWK3WQ32nBYCG+vp6pt1QVbVGPDpitd7iBUmSvtd1VgCIYN2No6MjwSQwWm3yEyU98bAMpY6P9XmNPj7W5zX68Vgz+s+tJCd/cBIAcIcCAxCGAgMQhgIDEIYCAxCGAgMQhgIDEIYCAxCGAgMQVo0bz2GFEE2Yl9fAFRiAMBQYgDAUGIAwFBiAMBQYgDAUGIAwFBiAMBQYgDAUGICwalyJVSkrdYy+lxlrRh8fF7gCAxCGAgMQhgIDEIYCAxCGAgMQhgIDEIYCAxCGAgMQhgIDEFZJK7FYr0zipdqeJlgpPzcucAUGIAwFBiAMBQYgDAUGIAwFBiAMBQYgDAUGIAwFBiAMBQYgzCRU395KvODpesZSESvPcAUGIAwFBiAMBQYgDAUGIAwFBiAMBQYgDAUGIAwFBiAMBQYgjMKeWEZfKcZ6fLz2iGK9d1alnNfQcAUGIAwFBiAMBQYgDAUGIAwFBiAMBQYgDAUGIAwFBiAMBQYgrBr3xKqIvZDgV1XV0xhxBQYgDAUGIAwFBiAMBQYgDAUGIAwFBiAMBQYgDAUGIAwFBiCsGvfEMjqjryQqFevxlXo8o88LU7gCAxCGAgMQhgIDEIYCAxCGAgMQhgIDEIYCAxCGAgMQhgIDEEZhJVapeD3lrlJW/hh9xRtWbL0GrsAAhKHAAIShwACEocAAhKHAAIShwACEocAAhKHAAIShwACEUViJxXoljNGPx2svKUM/hU8Dhl5hVSpcgQEIQ4EBCEOBAQhDgQEIQ4EBCEOBAQhDgQEIQ4EBCEOBAQijsBLL6Ct6SmX0lT+s55nXSjGjr1BjCldgAMJQYADCUGAAwlBgAMJQYADCUGAAwlBgAMJQYADCUGAAwiisxCoVrxUzRl/BxFql7ClWEXAFBiAMBQYgDAUGIAwFBiAMBQYgDAUGIAwFBiAMBQYgDAUGIKySVmKVyuh7IRl9JZHRn55o9JVsTOEKDEAYCgxAGAoMQBgKDEAYCgxAGAoMQBgKDEAYCgxAGAoMQFg1rsQy9NPmCLzeUlcwsV7pxGvvMUPDFRiAMBQYgDAUGIAwFBiAMBQYgDAUGIAwFBiAMBQYgDAUGIAw5gVWFKWG02s55hReTCWG1+sodXxVMy+su2EymQTRbGa7mlJV1beYHhCgQrDuxpkzZwRRkqTnLA96cHAg6zstADTkcjmm3ZAk6blYX19/wPKgOzs7Tn2nBYCGTCbDtBv19fUHos1me8ryoKlU6h19pwWABtbdsNlsT0Wn07nL8qCPHj1q03daAGhg3Q2n07krNjU1fcfyoIuLi7/Td1oAaGDdjaampu/MLS0t37A86Pz8vD+fz9fU1tYyvTkGQFk+n6+x2Wx+lsdsaWn5RvR4PGssD3p4eGiZm5sL6Ds9AMY2NzcXODw8tLA8psfjWRN9Pl+S9WC/+OKLPv2mBsD47t69y7wT/+2uzWb7t8BwdZLD4djL5/PVuN8WwC/k83mzw+HYExh2rNjZF0spA4HAQ5YD3t3d/c39+/f/wHviAIzg/v37f9jd3f0Ny2O+7KwoCILQ1dU1w3rQn3766Z/0mR4AY9OiCz/r7PLysk/QYKF/LBa7yHvyAHgqdoB5t4qd/R+Xy5VmfZLOzs4HvCcQgCe/3/9AYNyrYld/bmho6BbrEwmCcByNRj/hPYkAPBR/95l3qtjVn5uZmenS4mR2u31vf3+/gfdkAuhpf3+/wW63M73z/DLT09NdvzhhoVAQ3W53SosT9vX1fcl7QgH0VPydZ94lt9udKhQKr9+IY3R09LoWJxUE4TgcDg/znlQAPRR/1zXp0cjIyPVfPfHW1pZTkiRVixObzWZ1YmKih/fkAmhpYmKix2w2a9IhSZLUra2tN3+neGBgIKrFyQVBOJZlWUkkEhd4TzKAFubn5y/IsqwIGvWn2M03SyaTPpPJpMkABEE4tlqtOZQYKk0ikbhgtVpzgka9MZlMx0tLS76SBtPd3X1Pq4EIxSsx3k5DpZiYmOjR8sorCMJxb2/vvZIHlEwmz4miWNByQGazWcWNLaAuHA4Pa/U378uIolhIJpPnyhrY4ODgbS0H9TJ9fX1f4nNioGZ/f79Bq4+KXk2xi+XZ3t521tXVafq24GXsdvseVmwBFdFo9BOtFmm8mrq6OiWdTp9sN8uxsTHNPs96XTo7Ox/E4/GLvH9AAK8Tj8cvFtf369aJYgdPRlVV0e/3z+s5YEEQjgOBwFefffbZVWwKALzl83nz3bt3rwYCga8EnXvg9/vnVVU93eOPVldXPRaL5ZnegxeEFzt7BIPBm/F4/FI+n+f1zCWoMvl8viYej18KBoM3We+kUWosFsuzx48fe/7fWEt6uFQkEgmGQqEIz0mVZfmHjo6Oh+3t7f9obW392u12bzY2NmasVuuhJEnfnz17FrtgQskURalRVfWtg4MDeWdnx5lKpZofPXrUtri4eH5+ft7PegO6ckUikVAoFPorswNeu3btjsDhfyIEqbb09/ffKbWXJVMURW5ra1vh/eIQpJLj9XpXFEXR5gGBGxsbLrvdvsP7RSJIJcZut++kUqnmMipZvoWFhfNaLxtDkGpL8Ys+58tr4wlNTk5eslgsP/J+0QhSCbFYLD9OTk5eKbeHpxKPx7tRYgQ5fXljsVh3+Q1kYHJy8greTiPIySLLsqL7lfdViUTiPG5sIUh5sdvtOwsLC/r8zfv/bGxsNOMjJgQpLV6vd0Xzu83lUhRFxmIPBHlz+vv772j2OS8LkUgkyGvtNIIYNRaL5VkkEgmerl06WV1d9fD4FhOCGDF+v3++lC8mGIqqquLY2NiwXpsCIIjRUldXp4TD4eFTfyWQp+3tbcfg4OBtrffYQhCjRBTFwuDg4O0T76RhRMlk8tx77713T8staxGEZ0wm03Fvb++9sjego2Rpack3MDAQ1eoJEAiidyRJUgcGBqIl79tcCdLptHN0dPS6Vg9UQxCt43a7UyMjI9cr6q1yuQqFgjg7O9s1NDR0y+VybZcycQjCKy6Xa3toaOjW9PR0168+JVBHJW2po6eVlRVfLBa7Mjs7+/u5uTl/NpvFntHAjc1mexoIBB52dXXNXL58Oebz+ZZ5j+mnDFfgV21ubjavrKz41tbWfru+vv5uOp12ZTIZRy6Xs2az2QZVVWuOjo54DxOIMZlMwpkzZwRJkp7bbLan9fX1B06nc7epqem7lpaWbzwez7+8Xu9yc3PzJu+xvsl/APSPzgpQu+scAAAAAElFTkSuQmCC\"","import React from 'react'\r\nimport NumberFormat from 'react-number-format'\r\n\r\nexport const numberFormat = (value, allowNegative = false,decimalScale=2) => {\r\n return (\r\n
\r\n )\r\n}","import styled from '@emotion/styled'\r\nimport * as v from 'variables/styles'\r\n\r\nexport const TrackingListCont = styled.div((props) => ({\r\n marginTop:'1rem',\r\n // width:'80vw',\r\n // maxWidth:'90vw',\r\n\r\n '.ui.table':{\r\n borderWidth:0\r\n },\r\n\r\n '.ReactTable .rt-thead.-header':{\r\n boxShadow:'none',\r\n background: '#eaeff5'\r\n },\r\n\r\n '.ReactTable':{\r\n borderRadius:'0.5rem'\r\n },\r\n\r\n '.ReactTable .rt-thead .rt-th':{\r\n borderRight: 0\r\n },\r\n\r\n '.ReactTable .rt-tbody .rt-td':{\r\n borderRight: 0\r\n },\r\n\r\n '.-padRow':{\r\n cursor:'default !important'\r\n },\r\n\r\n '.ReactTable .rt-tr':{\r\n cursor:'pointer'\r\n },\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n // width: '100vw',\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n width: '80vw',\r\n },\r\n\r\n}))\r\n\r\nexport const DivText = styled.div((props) => ({\r\n display:'flex',\r\n justifyContent:`${props.left?'flex-start':props.right?'flex-end':'center'}`,\r\n\r\n 'div.priority.urgent': {\r\n background: '#FF0000',\r\n borderRadius: '2px',\r\n color: '#FFF',\r\n fontWeight: 'bold',\r\n padding: '2px 5px',\r\n }\r\n}))\r\n\r\nexport const RowFields = styled.div({\r\n display: 'flex',\r\n flex: 1,\r\n flexDirection: 'row',\r\n})\r\n","import React from 'react'\r\nimport Moment from 'react-moment'\r\nimport { lower } from 'change-case'\r\n\r\nimport { StatusTag } from 'components'\r\nimport { numberFormat } from './helper'\r\n\r\nimport { DivText } from './styled'\r\n\r\nexport const pouStatus = {0:'Draft',1:'New',2:'In Progress',3:'Revise',4:'Completed',5:'Reject',6:'Cancelled'}\r\n\r\nexport const columns = { \r\n tPOUs:[\r\n {\r\n Header: 'PR No.',\r\n accessor: 'documentNumber',\r\n width: 100,\r\n Cell:row=>(
{row.value} )\r\n },\r\n {\r\n Header: ()=>(
Title ),\r\n accessor : row =>(row.title.trim()),\r\n id:'title',\r\n }, \r\n {\r\n Header: 'Priority',\r\n accessor: 'priority',\r\n width: 70,\r\n Cell: row => (\r\n row.value && \r\n
{row.value.toUpperCase()}
)\r\n },\r\n {\r\n Header: ()=>(
Project name ),\r\n accessor: 'projectName',\r\n width: 100,\r\n Cell:row=>(
{row.value} )\r\n },\r\n {\r\n Header: ()=>(
Requester ),\r\n accessor: 'requesterName',\r\n width: 100,\r\n Cell: row => (row.value&&
{`${row.value||'-'}`} )\r\n },\r\n {\r\n Header: 'Company',\r\n accessor : 'companyName',\r\n width: 100,\r\n Cell:row=>(
{row.value} )\r\n },\r\n {\r\n Header: 'Current Process',\r\n accessor: 'currencyProcess',\r\n width: 180,\r\n Cell:row=>(
{row.value} )\r\n }\r\n ],\r\n\r\n tPOItem:[\r\n {\r\n Header: 'No',\r\n accessor: 'lineNo',\r\n width: 100,\r\n Cell: row => (
{row.value} )\r\n },\r\n {\r\n Header: 'Material No.',\r\n accessor: 'materialNo',\r\n width: 120,\r\n Cell: row => (
{row.value} )\r\n },\r\n {\r\n Header: 'Item Name',\r\n accessor: 'itemName',\r\n width: 100,\r\n },\r\n {\r\n Header: 'Description',\r\n accessor: 'itemDescription',\r\n },\r\n {\r\n Header: 'Quantity',\r\n accessor: 'sapQtyRemain',\r\n width: 100,\r\n Cell: row => (
{numberFormat(row.value,false,3)} )\r\n },\r\n {\r\n Header: 'Unit Price',\r\n accessor : 'netPrice',\r\n width: 100,\r\n Cell: row => (
{numberFormat(row.value)} )\r\n },\r\n {\r\n Header: 'Currency',\r\n accessor: 'currency',\r\n width: 100,\r\n Cell: row => (
{row.value} )\r\n },\r\n {\r\n Header: 'Amount',\r\n accessor: 'sapAmount',\r\n width: 100,\r\n Cell: row => (
{numberFormat(row.value)} )\r\n },\r\n ]\r\n}","import { takeLatest, put } from 'redux-saga/effects'\r\nimport { createReducer, makeAction, makeKeys } from './helper'\r\nimport { httpGet } from '../core/restClient'\r\n// import { appLoading, appLoaded, toastError, toastSuccess } from './app'\r\n\r\nconst GET_HRMS_MEMBERS = makeKeys('GET_HRMS_MEMBERS')\r\nconst ADD_OTHER_MEMBER = 'ADD_OTHER_MEMBER'\r\nconst GET_PURCHASE_USERS = makeKeys('GET_PURCHASE_USERS')\r\n\r\nexport const getHrmsMembers = makeAction(GET_HRMS_MEMBERS.REQUEST,'callBack')\r\nexport const addOtherMember = makeAction(ADD_OTHER_MEMBER)\r\nexport const getPurchaseUsers = makeAction(GET_PURCHASE_USERS.REQUEST,'companyCode','purchGroup')\r\n\r\nconst getHrmsMembersSuccess = makeAction(GET_HRMS_MEMBERS.SUCCESS, 'data')\r\nconst getPurchaseUsersSuccess = makeAction(GET_PURCHASE_USERS.SUCCESS, 'data')\r\n\r\nconst initial = {\r\n memberLoading: false,\r\n members: [],\r\n purchaseUsers: { data:[], loading:false },\r\n membersSelectView: []\r\n}\r\n\r\nfunction* getHrmsMembersRequest(action) {\r\n const {callBack} = action.payload\r\n try {\r\n const response = yield httpGet('members/hrms')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getHrmsMembersSuccess(response.data))\r\n if (callBack !== null) callBack(response.data)\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* getPurchaseUsersRequest(action) {\r\n const { companyCode, purchGroup } = action.payload\r\n try {\r\n const response = yield httpGet(`members/roleOfficerPurchaseUsers/${companyCode}/${purchGroup}`)\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPurchaseUsersSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getPurchaseUsersSuccess([]))\r\n }\r\n}\r\n\r\nexport function* watchMembersSaga() {\r\n yield takeLatest(GET_HRMS_MEMBERS.REQUEST, getHrmsMembersRequest)\r\n yield takeLatest(GET_PURCHASE_USERS.REQUEST, getPurchaseUsersRequest)\r\n}\r\n\r\nexport default createReducer(initial, state => ({\r\n [GET_HRMS_MEMBERS.REQUEST]: () => ({\r\n ...state,\r\n memberLoading: true\r\n }),\r\n [GET_HRMS_MEMBERS.SUCCESS]: (data) => ({\r\n ...state,\r\n members: data.data,\r\n memberLoading: false\r\n }),\r\n [GET_PURCHASE_USERS.REQUEST]: () => ({\r\n ...state,\r\n purchaseUsers: { data:[], loading:true }\r\n }),\r\n [GET_PURCHASE_USERS.SUCCESS]: (data) => ({\r\n ...state,\r\n purchaseUsers: { data:data.data, loading:false }\r\n }),\r\n [ADD_OTHER_MEMBER]: (data) => ({\r\n ...state,\r\n members: [\r\n ...state.members,\r\n { username: data, firstnameEn: data, lastnameEn: '', companyCode: 320, costCenterCode: '', mainDepartmentEn: '' }\r\n ]\r\n }),\r\n}))","import { takeLatest, put } from 'redux-saga/effects'\r\nimport { createReducer, makeAction, makeKeys } from './helper'\r\nimport { httpGet } from '../core/restClient'\r\n// import { appLoading, appLoaded, toastError, toastSuccess } from './app'\r\n// import r from 'reactotron-react-js'\r\n\r\nconst GET_GOA_BY_COMPANY = makeKeys('GET_GOA_BY_COMPANY')\r\nconst GET_GOA_ITEMS = makeKeys('GET_GOA_ITEMS')\r\nconst GET_PROJECT_BY_COMPANY = makeKeys('GET_PROJECT_BY_COMPANY')\r\nconst ADD_OTHER_PROJECT = 'ADD_OTHER_PROJECT'\r\nconst CLEAR_OTHER_PROJECT = 'CLEAR_OTHER_PROJECT'\r\nconst GET_SPECIAL_APPROVAL= makeKeys('GET_SPECIAL_APPROVAL')\r\n\r\nconst FETCH_GOAS_PROJECT = makeKeys('FETCH_GOAS_PROJECT')\r\nconst FETCH_GOAS = makeKeys('FETCH_GOAS')\r\n\r\nexport const getGoaByCompany = makeAction(GET_GOA_BY_COMPANY.REQUEST, 'company')\r\nexport const getGoaItem = makeAction(GET_GOA_ITEMS.REQUEST, 'goaId', 'processCode')\r\nexport const getProjectByCompany = makeAction(GET_PROJECT_BY_COMPANY.REQUEST, 'company')\r\nexport const addOtherProject = makeAction(ADD_OTHER_PROJECT, 'name')\r\nexport const clearOtherProject = makeAction(CLEAR_OTHER_PROJECT)\r\nexport const getSpecialApproval = makeAction(GET_SPECIAL_APPROVAL.REQUEST, 'projectId')\r\nexport const fetchGoasProject = makeAction(FETCH_GOAS_PROJECT.REQUEST)\r\nexport const fetchGoas = makeAction(FETCH_GOAS.REQUEST)\r\n\r\nconst getGoaByCompanySuccess = makeAction(GET_GOA_BY_COMPANY.SUCCESS, 'company', 'data')\r\nconst getGoaItemSuccess = makeAction(GET_GOA_ITEMS.SUCCESS, 'goaId', 'data')\r\nconst getProjectByCompanySuccess = makeAction(GET_PROJECT_BY_COMPANY.SUCCESS, 'company', 'data')\r\nconst getSpecialApprovalSuccess = makeAction(GET_SPECIAL_APPROVAL.SUCCESS, 'projectId', 'data')\r\nconst fetchGoasProjectSuccess = makeAction(FETCH_GOAS_PROJECT.SUCCESS,'data')\r\nconst fetchGoasSuccess = makeAction(FETCH_GOAS.SUCCESS,'data')\r\n\r\nconst initial = {\r\n goa: {},\r\n goas:{ data:[], loading:false},\r\n goaCompanyLoading: undefined,\r\n goaLoading: false,\r\n goaItems: {},\r\n goaItemByGoaIdLoading: undefined,\r\n goaItemLoading: false,\r\n projects: {\r\n other: []\r\n },\r\n projectCompanyLoading: undefined,\r\n projectLoading: false,\r\n specialApprovals: {},\r\n specialApprovalProjectIdLoading: undefined,\r\n specialApprovalLoading: false,\r\n goasProject: [],\r\n}\r\n\r\nfunction* getGoaByCompanyRequest(action) {\r\n const { company } = action.payload\r\n try {\r\n const response = yield httpGet('goas/default', { companyCode: company })\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getGoaByCompanySuccess(company, response.data))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* getGoaItemRequest(action) {\r\n const { goaId, processCode } = action.payload\r\n try {\r\n const response = yield httpGet(`goas/${goaId}/items`, { processCode })\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getGoaItemSuccess(goaId, response.data))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* getProjectByCompanyRequest(action) {\r\n const { company } = action.payload\r\n try {\r\n const response = yield httpGet('goas/default/projects', { companyCode: company })\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getProjectByCompanySuccess(company, response.data))\r\n }else{\r\n yield put(getProjectByCompanySuccess('other', []))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* getSpecialApprovalRequest(action) {\r\n const { projectId } = action.payload\r\n try {\r\n const response = yield httpGet('goas/specialApprovals', { projectId })\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getSpecialApprovalSuccess(projectId, response.data))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* fetchGoasProjectRequest() {\r\n try {\r\n const response = yield httpGet('goas/projects')\r\n if (response.status === 200) {\r\n if (response.data) {\r\n yield put(fetchGoasProjectSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* fetchGoasProjecRequest() {\r\n try {\r\n const response = yield httpGet('goas')\r\n if (response.status === 200) {\r\n if (response.data) {\r\n yield put(fetchGoasSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nexport function* watchGoaSaga() {\r\n yield takeLatest(GET_GOA_BY_COMPANY.REQUEST, getGoaByCompanyRequest)\r\n yield takeLatest(GET_GOA_ITEMS.REQUEST, getGoaItemRequest)\r\n yield takeLatest(GET_PROJECT_BY_COMPANY.REQUEST, getProjectByCompanyRequest)\r\n yield takeLatest(GET_SPECIAL_APPROVAL.REQUEST, getSpecialApprovalRequest)\r\n\r\n yield takeLatest(FETCH_GOAS_PROJECT.REQUEST, fetchGoasProjectRequest)\r\n yield takeLatest(FETCH_GOAS.REQUEST, fetchGoasProjecRequest)\r\n}\r\n\r\nexport default createReducer(initial, state => ({\r\n [GET_GOA_BY_COMPANY.REQUEST]: (data) => ({\r\n ...state,\r\n goaCompanyLoading: data.company,\r\n goaLoading: true\r\n }),\r\n [GET_GOA_BY_COMPANY.SUCCESS]: (data) => ({\r\n ...state,\r\n goa: {\r\n ...state.goa,\r\n [data.company]: data.data\r\n },\r\n goaCompanyLoading: undefined,\r\n goaLoading: false\r\n }),\r\n [GET_GOA_ITEMS.REQUEST]: (data) => ({\r\n ...state,\r\n goaItemByGoaIdLoading: data.goaId,\r\n goaItemLoading: true\r\n }),\r\n [GET_GOA_ITEMS.SUCCESS]: (data) => ({\r\n ...state,\r\n goaItems: {\r\n ...state.goaItems,\r\n [data.goaId]: data.data\r\n },\r\n goaItemByGoaIdLoading: undefined,\r\n goaItemLoading: false\r\n }),\r\n [GET_PROJECT_BY_COMPANY.REQUEST]: (data) => ({\r\n ...state,\r\n projectCompanyLoading: data.company,\r\n projectLoading: true\r\n }),\r\n [GET_PROJECT_BY_COMPANY.SUCCESS]: (data) => ({\r\n ...state,\r\n projects: {\r\n ...state.projects,\r\n [data.company]: data.data\r\n },\r\n projectCompanyLoading: undefined,\r\n projectLoading: false\r\n }),\r\n [GET_SPECIAL_APPROVAL.REQUEST]: (data) => ({\r\n ...state,\r\n specialApprovalProjectIdLoading: data.projectId,\r\n specialApprovalLoading: true\r\n }),\r\n [GET_SPECIAL_APPROVAL.SUCCESS]: (data) => ({\r\n ...state,\r\n specialApprovals: {\r\n ...state.specialApprovals,\r\n [data.projectId]: data.data\r\n },\r\n specialApprovalProjectIdLoading: undefined,\r\n specialApprovalLoading: false\r\n }),\r\n [ADD_OTHER_PROJECT]: (data) => ({\r\n ...state,\r\n projects: {\r\n ...state.projects,\r\n other: [ ...state.projects.other, { id: data.name, projectName: data.name }]\r\n }\r\n }),\r\n [CLEAR_OTHER_PROJECT]: (data) => ({\r\n ...state,\r\n projects: {\r\n ...state.projects,\r\n other: []\r\n }\r\n }),\r\n [FETCH_GOAS_PROJECT.REQUEST]: () => ({\r\n ...state,\r\n specialApprovalLoading: true\r\n }),\r\n [FETCH_GOAS_PROJECT.SUCCESS]: (data) => ({\r\n ...state,\r\n goasProject: data.data,\r\n specialApprovalLoading: false\r\n }),\r\n [FETCH_GOAS.REQUEST]: () => ({\r\n ...state,\r\n goas: { data: [], loading: true }\r\n }),\r\n [FETCH_GOAS.SUCCESS]: (data) => ({\r\n ...state,\r\n goas: { data: data.data, loading: false }\r\n }),\r\n}))","import { takeLatest, put, select } from 'redux-saga/effects'\r\n\r\nimport { createReducer, makeAction, makeKeys } from './helper'\r\nimport { httpPost, httpGet, httpDelete, httpPut } from '../core/restClient'\r\nimport { appLoading, appLoaded, toastError, toastSuccess } from './app'\r\nimport {\r\n getHrmsMembers\r\n} from './member'\r\nimport {\r\n fetchGoas\r\n} from './goa'\r\nimport {\r\n getPurchasingGroups,\r\n getCompanies,\r\n} from './options'\r\nimport r from 'reactotron-react-js'\r\n\r\nconst INITIALIZE_TRACKING = 'INITIALIZE_TRACKING'\r\nconst CLEAR_TRACKINGDATA = 'CLEAR_TRACKINGDATA'\r\nconst FETCH_TRACKINGS = makeKeys('FETCH_TRACKINGS')\r\nconst GET_TRACKING_DETAIL = makeKeys('GET_TRACKING_DETAIL')\r\nconst SET_TRACKING_DETAIL = 'SET_TRACKING_DETAIL'\r\n\r\nexport const initializeTracking = makeAction(INITIALIZE_TRACKING)\r\nexport const clearTrackingData = makeAction(CLEAR_TRACKINGDATA)\r\nexport const fetchTrackings = makeAction(FETCH_TRACKINGS.REQUEST, 'dataSearch')\r\nexport const getTrackingDetail = makeAction(GET_TRACKING_DETAIL.REQUEST, 'tkId')\r\nexport const setTrackingDetail = makeAction(SET_TRACKING_DETAIL, 'data')\r\n\r\nconst fetchTrackingsSuccess = makeAction(FETCH_TRACKINGS.SUCCESS, 'data')\r\nconst getTrackingDetailSuccess = makeAction(GET_TRACKING_DETAIL.SUCCESS, 'data')\r\n\r\n\r\nconst initial = {\r\n trackingList: {},\r\n trackingDetail: { data:{}, loading:false },\r\n}\r\n\r\nfunction* initializePOUpdateRequest() {\r\n try {\r\n const state = yield select()\r\n if (!state.goa.goas.length) {\r\n yield put(fetchGoas())\r\n }\r\n if (!state.member.members.length) {\r\n yield put(getHrmsMembers())\r\n }\r\n if(!state.options.companies.data.length){\r\n yield put(getCompanies())\r\n }\r\n if(!state.options.purchasingGroups.data.length){\r\n yield put(getPurchasingGroups())\r\n }\r\n } catch (e) {\r\n console.log('eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee')\r\n console.log(e)\r\n }\r\n}\r\n\r\nfunction* fetchTrackingsRequest( action ) {\r\n const { dataSearch } = action.payload\r\n try {\r\n yield put(appLoading())\r\n const response = yield httpGet('trackings',dataSearch)\r\n if (response.status >= 200 && response.status < 300) {\r\n yield put(fetchTrackingsSuccess(response.data))\r\n }\r\n yield put(appLoaded())\r\n } catch (e) {\r\n yield put(appLoaded())\r\n yield put(fetchTrackingsSuccess({}))\r\n }\r\n}\r\n\r\nfunction* getTrackingDetailRequest( action ) {\r\n const { tkId } = action.payload\r\n try {\r\n yield put(appLoading())\r\n const response = yield httpGet(`trackings/${tkId}`)\r\n // const response = yield httpGet(`mobile/trackings/pr/${tkId}`)\r\n if (response.status >= 200 && response.status < 300) {\r\n yield put(getTrackingDetailSuccess(response.data))\r\n }\r\n yield put(appLoaded())\r\n } catch (e) {\r\n if(e.data){\r\n yield put(toastError(e.data.message))\r\n }else{\r\n yield put(toastError('Can not connect to server.'))\r\n }\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nexport function* watchTrackingSaga() {\r\n yield takeLatest(INITIALIZE_TRACKING, initializePOUpdateRequest)\r\n yield takeLatest(FETCH_TRACKINGS.REQUEST, fetchTrackingsRequest)\r\n yield takeLatest(GET_TRACKING_DETAIL.REQUEST, getTrackingDetailRequest)\r\n}\r\n\r\nexport default createReducer(initial, state => ({\r\n [CLEAR_TRACKINGDATA]: () => ({\r\n ...state,\r\n trackingDetail:{ data:{}, loading:false }\r\n }),\r\n [FETCH_TRACKINGS.REQUEST]: () => ({\r\n ...state\r\n }),\r\n [FETCH_TRACKINGS.SUCCESS]: (data) => ({\r\n ...state,\r\n trackingList: data.data\r\n }),\r\n [GET_TRACKING_DETAIL.REQUEST]: () => ({\r\n ...state,\r\n trackingDetail:{ data:{}, loading:true}\r\n }),\r\n [GET_TRACKING_DETAIL.SUCCESS]: (data) => ({\r\n ...state,\r\n trackingDetail:{ data:data.data, loading:false}\r\n }),\r\n [SET_TRACKING_DETAIL]: (data) => ({\r\n ...state,\r\n trackingDetail:{ data:data.data, loading:false}\r\n }),\r\n}))","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Icon } from 'semantic-ui-react'\r\nimport ReactTable from 'react-table'\r\nimport { getFormValues, reduxForm } from 'redux-form'\r\n\r\nimport { \r\n MainBodyContent,\r\n SearchList,\r\n TablePagination\r\n} from 'components'\r\nimport { \r\n trackingDetailPath,\r\n} from 'routes'\r\nimport {\r\n columns\r\n} from './AttributeData'\r\nimport { \r\n fetchTrackings,\r\n setTrackingDetail,\r\n} from 'ducks/tracking'\r\n\r\nimport { TrackingListCont } from './styled'\r\nimport { ProcurementContainer, ProcurementBody } from '../styled'\r\n\r\nconst TrackingList = (props) => {\r\n\r\n const { \r\n trackingList,\r\n valueForm \r\n } = props\r\n\r\n const userPageSize = parseInt(localStorage.getItem('userPageSize') || '10')\r\n const [pageSize, setPageSize] = React.useState(userPageSize)\r\n\r\n React.useEffect(() => {\r\n props.fetchTrackings()\r\n },[])\r\n\r\n return (\r\n
\r\n \r\n \r\n \r\n 0?trackingList.data:[]}\r\n columns={columns.tPOUs}\r\n defaultPageSize={userPageSize}\r\n noDataText=\"No Tracking found\"\r\n previousText={ \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n trackingList: state.tracking.trackingList,\r\n valueForm: getFormValues('formSearchTracking')(state),\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n fetchTrackings,\r\n setTrackingDetail,\r\n}\r\n\r\nconst contForm = reduxForm({\r\n form: 'formSearchTracking',\r\n enableReinitialize: true,\r\n})(TrackingList)\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(contForm)\r\n","import styled from '@emotion/styled'\r\nimport * as v from 'variables/styles'\r\n\r\nexport const Container = styled.div({\r\n})\r\n\r\nexport const THeader = styled.div({\r\n display:'flex', \r\n alignItems:'center',\r\n 'span':{\r\n fontWeight:'bold'\r\n }\r\n})\r\n\r\nexport const TList = styled.div({\r\n display:'flex',\r\n})\r\n\r\nexport const TListLine = styled.div((props)=>({\r\n marginLeft:'0.9rem', \r\n height:`${props.isLast?'0':'auto'}`, \r\n minHeight:`${props.isLast?'0':'1rem'}`, \r\n width:3, \r\n background:v.ezMainColor\r\n}))\r\n\r\nexport const TItemCont = styled.div({\r\n display:'flex', \r\n marginBottom:'1rem',\r\n \r\n '.lineV1':{\r\n marginLeft:'2rem', \r\n height:'2rem', \r\n width:2, \r\n background:v.ezMainColor\r\n },\r\n '.lineV2':{\r\n position:'relative', \r\n top:'-1rem', \r\n height:'1rem', \r\n width:2, \r\n background:v.ezMainColor\r\n },\r\n '.lineH':{\r\n alignSelf:'flex-end',\r\n height:2, \r\n width:'2rem', \r\n background:v.ezMainColor\r\n },\r\n\r\n '.label':{\r\n position:'relative', top:'0.9rem'\r\n },\r\n '.labelNotFound':{\r\n fontStyle:'italic', \r\n position:'relative', \r\n top:'0.6rem',\r\n marginLeft:'0.2rem', \r\n marginRight:'1rem', \r\n alignSelf:'flex-end'\r\n },\r\n})\r\n\r\nexport const TItemData = styled.div({\r\n display:'flex',\r\n\r\n '.docNum':{\r\n marginLeft:'0.2rem', \r\n marginRight:'1rem', \r\n alignSelf:'flex-end'\r\n }\r\n})","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Fade, Collapse } from '@material-ui/core'\r\nimport { Icon, Label } from 'semantic-ui-react'\r\n\r\nimport { StatusTag } from 'components'\r\n\r\nimport { \r\n Container,\r\n THeader,\r\n TList,\r\n TListLine,\r\n TItemCont,\r\n TItemData\r\n} from './styled'\r\n\r\nconst TrackingItem = props => {\r\n const {\r\n data,\r\n title,\r\n icon='',\r\n redirect=null,\r\n isLast=false,\r\n onCollapse=null,\r\n activeCollapse=true\r\n } = props\r\n\r\n return (\r\n
\r\n \r\n onCollapse?onCollapse():null}/>\r\n {title} \r\n \r\n {data&&data.items&&data.items.length>0?\r\n \r\n {data.items.map((x,i)=>{\r\n return(\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {i>0?\r\n
\r\n :null\r\n }\r\n
\r\n window.open(redirect&&redirect(x.id),\"_blank\")}>\r\n \r\n {x.documentNumber}
\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 Process not found
\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = {}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TrackingItem)\r\n","import styled from '@emotion/styled'\r\nimport * as v from 'variables/styles'\r\n\r\nexport const Container = styled.div({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n \r\n '.rowFields': {\r\n display: 'flex',\r\n flex: 1,\r\n flexDirection: 'row',\r\n },\r\n})\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { lower } from 'change-case'\r\nimport { Field, getFormValues } from 'redux-form'\r\nimport { Fade } from '@material-ui/core'\r\n\r\nimport FieldInput, { InputType as type } from 'components/SemanticForm'\r\nimport { StdCard } from 'components'\r\n\r\nimport { ProcurementBody } from 'routes/ProcurementSystem/styled'\r\nimport { Container } from './styled'\r\n\r\nconst RequestInfo = props => {\r\n\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\nconst mapStateToProps = state => {\r\n return {\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = {}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(RequestInfo)\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { reduxForm, getFormValues } from 'redux-form'\r\nimport { Breadcrumb } from 'semantic-ui-react'\r\n\r\nimport { trackingPath } from 'routes'\r\nimport TrackingItem from '../Shareds/TrackingItem'\r\nimport RequestInfo from '../Shareds/RequestInfo'\r\nimport { StdCard } from 'components'\r\nimport { \r\n MainBodyContent, \r\n} from 'components'\r\nimport { \r\n initializeTracking,\r\n getTrackingDetail,\r\n} from 'ducks/tracking'\r\nimport { \r\n purchaseRequisitionDetailPath,\r\n requestForQuotationDetailPath,\r\n purchaseOrderDetailPath,\r\n purchaseOrderUpdateDetailPath,\r\n contractDetailPath,\r\n downPaymentDetailPath,\r\n goodsServiceReceiptDetailPath,\r\n BillformDetailPath\r\n} from 'routes'\r\nimport r from 'reactotron-react-js'\r\n\r\nconst DetailTracking = props => {\r\n\r\n const { \r\n history,\r\n trackingDetail,\r\n } = props\r\n\r\n const [collapse, setCollapse] = React.useState({})\r\n\r\n React.useEffect(() => {\r\n const { match } = props\r\n window.scrollTo(0,0)\r\n props.initializeTracking()\r\n if (match && match.params && match.params.tkId) {\r\n if(!Object.keys(trackingDetail).length){\r\n props.getTrackingDetail(match.params.tkId, history)\r\n }\r\n }\r\n },[])\r\n\r\n const onCollapse = (index) =>{\r\n let clone = JSON.parse(JSON.stringify(collapse))\r\n clone[index] = collapse[index]!=undefined?!collapse[index]:false\r\n setCollapse(clone)\r\n }\r\n\r\n return (\r\n
{`Tracking PR ${trackingDetail?trackingDetail.documentNumber?`- #${trackingDetail.documentNumber}`:'':''}`}}\r\n breadcrumbs={\r\n history.push(trackingPath),\r\n },\r\n { key: 'trackingDetail', content: 'Detail', active: true },\r\n ]}\r\n />\r\n }\r\n >\r\n \r\n {Object.keys(trackingDetail).length>0?\r\n
\r\n \r\n onCollapse(0)}/>\r\n onCollapse(1)}/>\r\n onCollapse(2)}/>\r\n onCollapse(3)}/>\r\n onCollapse(4)}/>\r\n onCollapse(5)}/>\r\n onCollapse(6)}/>\r\n onCollapse(7)}/>\r\n onCollapse(8)}/>\r\n
\r\n \r\n :\r\n null\r\n }\r\n \r\n )\r\n\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n let trackingDetail = state.tracking.trackingDetail\r\n return ({\r\n initialValues: {\r\n ...trackingDetail.data,\r\n },\r\n trackingDetail: trackingDetail.data,\r\n })\r\n}\r\nconst mapDispatchToProps = {\r\n initializeTracking,\r\n getTrackingDetail,\r\n}\r\n\r\nconst contForm = reduxForm({\r\n form: 'formTracking',\r\n enableReinitialize: true,\r\n})(DetailTracking)\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(contForm)\r\n","import styled from '@emotion/styled'\r\nimport * as v from '../../../variables/styles'\r\n\r\nexport const PRListCont = styled.div((props) => ({\r\n marginTop:'1rem',\r\n // width:'80vw',\r\n\r\n '.ui.table':{\r\n borderWidth:0\r\n },\r\n\r\n '.ReactTable .rt-thead.-header':{\r\n boxShadow:'none',\r\n background: '#eaeff5'\r\n },\r\n\r\n '.ReactTable':{\r\n borderRadius:'0.5rem'\r\n },\r\n\r\n '.ReactTable .rt-thead .rt-th':{\r\n borderRight: 0\r\n },\r\n\r\n '.ReactTable .rt-tbody .rt-td':{\r\n borderRight: 0\r\n },\r\n\r\n '.-padRow':{\r\n cursor:'default !important'\r\n },\r\n\r\n '.ReactTable .rt-tr':{\r\n cursor:'pointer'\r\n },\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n // width: '100vw',\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n width: '80vw',\r\n },\r\n\r\n}))\r\n\r\nexport const StatusTag = styled.div((props) => ({\r\n fontFamily: 'DB-Airy',\r\n fontWeight: 'bold',\r\n fontSize: '0.75rem',\r\n color: '#FFF',\r\n padding: '0px 12px',\r\n background: `${props.status ? v.tagColors[props.status] : v.tagDraft}`,\r\n width: 'fit-content',\r\n borderRadius: `${props.allRadius ? '10px' : '10px 0px'}`,\r\n lineHeight:'1.5em',\r\n height:'1.5em',\r\n marginLeft:`${props.marginLeft||0}`\r\n}))\r\n\r\nexport const DivText = styled.div((props) => ({\r\n display:'flex',\r\n justifyContent:`${props.left?'flex-start':'center'}`,\r\n\r\n 'div.priority.urgent': {\r\n background: '#FF0000',\r\n borderRadius: '2px',\r\n color: '#FFF',\r\n fontWeight: 'bold',\r\n padding: '2px 5px',\r\n }\r\n}))\r\n","import { httpGet, httpPost, httpPut, httpDelete } from '../core/restClient'\r\nimport { takeLatest, put } from 'redux-saga/effects'\r\nimport { createReducer, makeAction, makeKeys } from './helper'\r\nimport { appLoading, appLoaded, toastError, toastSuccess } from './app'\r\n// import { appLoading, appLoaded, toastError, toastSuccess } from './app'\r\n\r\nconst GET_COMPANY_DATA = makeKeys('GET_COMPANY_DATA')\r\nconst GET_MP_PURCHASING_GROUPS = makeKeys('GET_MP_PURCHASING_GROUPS')\r\nconst GET_MP_COMPANY_PLANTS = makeKeys('GET_MP_COMPANY_PLANTS')\r\nconst GET_MP_PLANT_STORAGE_LOCATIONS = makeKeys('GET_MP_PLANT_STORAGE_LOCATIONS')\r\nconst GET_MP_PR_ITEM_FIELDS = makeKeys('GET_MP_PR_ITEM_FIELDS')\r\nconst GET_MP_ORDER_GL_ACCOUNT = makeKeys('GET_MP_ORDER_GL_ACCOUNT')\r\nconst CREATE_MP_ORDER_GL_ACCOUNT = 'CREATE_MP_ORDER_GL_ACCOUNT'\r\nconst UPDATE_MP_ORDER_GL_ACCOUNT = 'UPDATE_MP_ORDER_GL_ACCOUNT'\r\nconst DELETE_MP_ORDER_GL_ACCOUNT = 'DELETE_MP_ORDER_GL_ACCOUNT'\r\nconst SET_FORM_ORDER_GL_ACCOUNT = 'SET_FORM_ORDER_GL_ACCOUNT'\r\nconst GET_MP_WBS_ASSETS = makeKeys('GET_MP_WBS_ASSETS')\r\nconst CREATE_MP_WBS_ASSET = 'CREATE_MP_WBS_ASSET'\r\nconst UPDATE_MP_WBS_ASSET = 'UPDATE_MP_WBS_ASSET'\r\nconst DELETE_MP_WBS_ASSET = 'DELETE_MP_WBS_ASSET'\r\nconst SET_FORM_WBS_ASSET = 'SET_FORM_WBS_ASSET'\r\nconst GET_ASSET_TYPES = makeKeys('GET_ASSET_TYPES')\r\nconst GET_ALL_WBS = makeKeys('GET_ALL_WBS')\r\n\r\nexport const getCompanyData = makeAction(GET_COMPANY_DATA.REQUEST, 'companyCode')\r\nexport const getMappingPurchasingGroups = makeAction(GET_MP_PURCHASING_GROUPS.REQUEST)\r\nexport const getMappingCompanyPlants = makeAction(GET_MP_COMPANY_PLANTS.REQUEST)\r\nexport const getMappingPlantStorageLocations = makeAction(GET_MP_PLANT_STORAGE_LOCATIONS.REQUEST)\r\nexport const getMappingPrItemFields = makeAction(GET_MP_PR_ITEM_FIELDS.REQUEST, 'retry')\r\nexport const getMappingOderGlAccounts = makeAction(GET_MP_ORDER_GL_ACCOUNT.REQUEST, 'withInactive', 'retry')\r\nexport const createMappingOderGlAccount = makeAction(CREATE_MP_ORDER_GL_ACCOUNT, 'data', 'onSuccess')\r\nexport const updateMappingOderGlAccount = makeAction(UPDATE_MP_ORDER_GL_ACCOUNT, 'data', 'onSuccess')\r\nexport const deleteMappingOderGlAccount = makeAction(DELETE_MP_ORDER_GL_ACCOUNT, 'id', 'onSuccess')\r\nexport const setFormOrderGlAccount = makeAction(SET_FORM_ORDER_GL_ACCOUNT, 'data')\r\nexport const getMappingWbsAssets = makeAction(GET_MP_WBS_ASSETS.REQUEST, 'withInactive', 'retry')\r\nexport const createMappingWbsAsset = makeAction(CREATE_MP_WBS_ASSET, 'data', 'onSuccess')\r\nexport const updateMappingWbsAsset = makeAction(UPDATE_MP_WBS_ASSET, 'data', 'onSuccess')\r\nexport const deleteMappingWbsAsset = makeAction(DELETE_MP_WBS_ASSET, 'id', 'onSuccess')\r\nexport const setFormWbsAsset = makeAction(SET_FORM_WBS_ASSET, 'data')\r\nexport const getAssetTypes = makeAction(GET_ASSET_TYPES.REQUEST, 'withInactive', 'retry')\r\nexport const getAllWbs = makeAction(GET_ALL_WBS.REQUEST, 'retry')\r\n\r\nconst getMappingPurchasingGroupsSuccess = makeAction(GET_MP_PURCHASING_GROUPS.SUCCESS, 'data')\r\nconst getMappingCompanyPlantsSuccess = makeAction(GET_MP_COMPANY_PLANTS.SUCCESS, 'data')\r\nconst getCompanyDataSuccess = makeAction(GET_COMPANY_DATA.SUCCESS, 'data')\r\nconst getMappingPlantStorageLocationsSuccess = makeAction(GET_MP_PLANT_STORAGE_LOCATIONS.SUCCESS, 'data')\r\nconst getMappingPrItemFieldsSuccess = makeAction(GET_MP_PR_ITEM_FIELDS.SUCCESS, 'data')\r\nconst getMappingOderGlAccountsSuccess = makeAction(GET_MP_ORDER_GL_ACCOUNT.SUCCESS, 'data', 'withInactive')\r\nconst getMappingWbsAssetsSuccess = makeAction(GET_MP_WBS_ASSETS.SUCCESS, 'data', 'withInactive')\r\nconst getAssetTypesSuccess = makeAction(GET_ASSET_TYPES.SUCCESS, 'data')\r\nconst getAllWbsSuccess = makeAction(GET_ALL_WBS.SUCCESS, 'data')\r\n\r\nconst getMappingPrItemFieldsFailure = makeAction(GET_MP_PR_ITEM_FIELDS.FAILURE)\r\n\r\nfunction* getMappingPurchasingGroupsRequest(action) {\r\n try {\r\n const response = yield httpGet('mappingData/purchasingGroups')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getMappingPurchasingGroupsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getMappingPurchasingGroupsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getMappingCompanyPlantsRequest(action) {\r\n try {\r\n const response = yield httpGet('mappingData/companyPlants')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getMappingCompanyPlantsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getMappingCompanyPlantsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getCompanyDataRequest(action) {\r\n const { companyCode } = action.payload\r\n try {\r\n const response = yield httpGet(`mappingData/companyData/${companyCode}`)\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getCompanyDataSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getCompanyDataSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getMappingPlantStorageLocationsRequest(action) {\r\n try {\r\n const response = yield httpGet('mappingData/plantStorageLocations')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getMappingPlantStorageLocationsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(getMappingPlantStorageLocationsSuccess([]))\r\n }\r\n}\r\n\r\nfunction* getMappingPrItemFieldsRequest(action) {\r\n const { retry } = action.payload\r\n try {\r\n const response = yield httpGet('mappingData/prItemMappings')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getMappingPrItemFieldsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n if (retry && retry > 3) {\r\n yield put(getMappingPrItemFieldsFailure())\r\n } else {\r\n yield put(getMappingPrItemFields(retry ? (retry + 1) : 1))\r\n }\r\n }\r\n}\r\n\r\nfunction* getMappingOderGlAccountsRequest(action) {\r\n let { withInactive, retry } = action.payload\r\n if (!withInactive) withInactive = false\r\n try {\r\n const response = yield httpGet('mappingData/orderGLAccounts', { withInactive })\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getMappingOderGlAccountsSuccess(response.data, withInactive))\r\n }\r\n }\r\n } catch (e) {\r\n if (retry && retry > 3) {\r\n yield put(getMappingOderGlAccountsSuccess([], withInactive))\r\n } else {\r\n yield put(getMappingOderGlAccounts(withInactive, retry ? (retry + 1) : 1))\r\n }\r\n }\r\n}\r\n\r\nfunction* createMappingOderGlAccountsRequest(action) {\r\n const { data, onSuccess } = action.payload\r\n try {\r\n yield put(appLoading('Create mapping data.'))\r\n const response = yield httpPost('mappingData/orderGLAccounts', { ...data })\r\n yield put(appLoaded())\r\n if (response.status >= 200 && response.status < 300) {\r\n yield put(toastSuccess('Create mapping data success'))\r\n yield put(getMappingOderGlAccounts(true))\r\n onSuccess()\r\n }\r\n } catch (e) {\r\n if (e && e.data && e.data.message) {\r\n yield put(toastError(e.data.message))\r\n } else {\r\n yield put(toastError('Create mapping data error!'))\r\n }\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* updateMappingOderGlAccountsRequest(action) {\r\n const { data, onSuccess } = action.payload\r\n try {\r\n yield put(appLoading('Update mapping data.'))\r\n const response = yield httpPut(`mappingData/orderGLAccounts/${data.id}`, { ...data })\r\n yield put(appLoaded())\r\n if (response.status >= 200 && response.status < 300) {\r\n yield put(toastSuccess('Update mapping data success'))\r\n yield put(getMappingOderGlAccounts(true))\r\n onSuccess()\r\n }\r\n } catch (e) {\r\n if (e && e.data && e.data.message) {\r\n yield put(toastError(e.data.message))\r\n } else {\r\n yield put(toastError('Update mapping data error!'))\r\n }\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* deleteMappingOderGlAccountsRequest(action) {\r\n const { id, onSuccess } = action.payload\r\n try {\r\n yield put(appLoading('Delete mapping data.'))\r\n const response = yield httpDelete(`mappingData/orderGLAccounts/${id}`)\r\n yield put(appLoaded())\r\n if (response.status >= 200 && response.status < 300) {\r\n yield put(toastSuccess('Delete mapping data success'))\r\n yield put(getMappingOderGlAccounts(true))\r\n onSuccess()\r\n }\r\n } catch (e) {\r\n if (e && e.data && e.data.message) {\r\n yield put(toastError(e.data.message))\r\n } else {\r\n yield put(toastError('Delete mapping data error!'))\r\n }\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* getMappingWbsAssetsRequest(action) {\r\n let { withInactive, retry } = action.payload\r\n if (!withInactive) withInactive = false\r\n \r\n try {\r\n const response = yield httpGet('mappingData/wbsAssets', { withInactive })\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getMappingWbsAssetsSuccess(response.data, withInactive))\r\n }\r\n }\r\n } catch (e) {\r\n if (retry && retry > 3) {\r\n yield put(getMappingWbsAssetsSuccess([], withInactive))\r\n } else {\r\n yield put(getMappingWbsAssets(withInactive, retry ? (retry + 1) : 1))\r\n }\r\n }\r\n}\r\n\r\nfunction* createMappingWbsAssetRequest(action) {\r\n const { data, onSuccess } = action.payload\r\n try {\r\n yield put(appLoading('Create mapping data.'))\r\n const response = yield httpPost('mappingData/wbsAssets', { ...data })\r\n yield put(appLoaded())\r\n if (response.status >= 200 && response.status < 300) {\r\n yield put(toastSuccess('Create mapping data success'))\r\n yield put(getMappingWbsAssets(true))\r\n onSuccess()\r\n }\r\n } catch (e) {\r\n if (e && e.data && e.data.message) {\r\n yield put(toastError(e.data.message))\r\n } else {\r\n yield put(toastError('Create mapping data error!'))\r\n }\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* updateMappingWbsAssetRequest(action) {\r\n const { data, onSuccess } = action.payload\r\n try {\r\n yield put(appLoading('Update mapping data.'))\r\n const response = yield httpPut(`mappingData/wbsAssets/${data.id}`, { ...data })\r\n yield put(appLoaded())\r\n if (response.status >= 200 && response.status < 300) {\r\n yield put(toastSuccess('Update mapping data success'))\r\n yield put(getMappingWbsAssets(true))\r\n onSuccess()\r\n }\r\n } catch (e) {\r\n if (e && e.data && e.data.message) {\r\n yield put(toastError(e.data.message))\r\n } else {\r\n yield put(toastError('Update mapping data error!'))\r\n }\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* deleteMappingWbsAssetRequest(action) {\r\n const { id, onSuccess } = action.payload\r\n try {\r\n yield put(appLoading('Delete mapping data.'))\r\n const response = yield httpDelete(`mappingData/wbsAssets/${id}`)\r\n yield put(appLoaded())\r\n if (response.status >= 200 && response.status < 300) {\r\n yield put(toastSuccess('Delete mapping data success'))\r\n yield put(getMappingWbsAssets(true))\r\n onSuccess()\r\n }\r\n } catch (e) {\r\n if (e && e.data && e.data.message) {\r\n yield put(toastError(e.data.message))\r\n } else {\r\n yield put(toastError('Delete mapping data error!'))\r\n }\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* getAssetTypesRequest(action) {\r\n let { withInactive, retry } = action.payload\r\n if (!withInactive) withInactive = false\r\n try {\r\n const response = yield httpGet('mappingData/assetTypes', { withInactive })\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getAssetTypesSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n if (retry && retry > 3) {\r\n yield put(getAssetTypesSuccess([]))\r\n } else {\r\n yield put(getAssetTypes(retry ? (retry + 1) : 1))\r\n }\r\n }\r\n}\r\n\r\nfunction* getAllWbsRequest(action) {\r\n let { retry } = action.payload\r\n\r\n try {\r\n const response = yield httpGet('share/master/wbsElements')\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getAllWbsSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n if (retry && retry > 3) {\r\n yield put(getAllWbsSuccess([]))\r\n } else {\r\n yield put(getAllWbs(retry ? (retry + 1) : 1))\r\n }\r\n }\r\n}\r\n\r\nexport function* watchMappingDataSaga() {\r\n yield takeLatest(GET_MP_PURCHASING_GROUPS.REQUEST, getMappingPurchasingGroupsRequest)\r\n yield takeLatest(GET_MP_COMPANY_PLANTS.REQUEST, getMappingCompanyPlantsRequest)\r\n yield takeLatest(GET_COMPANY_DATA.REQUEST, getCompanyDataRequest)\r\n yield takeLatest(GET_MP_PLANT_STORAGE_LOCATIONS.REQUEST, getMappingPlantStorageLocationsRequest)\r\n yield takeLatest(GET_MP_PR_ITEM_FIELDS.REQUEST, getMappingPrItemFieldsRequest)\r\n yield takeLatest(GET_MP_ORDER_GL_ACCOUNT.REQUEST, getMappingOderGlAccountsRequest)\r\n yield takeLatest(CREATE_MP_ORDER_GL_ACCOUNT, createMappingOderGlAccountsRequest)\r\n yield takeLatest(UPDATE_MP_ORDER_GL_ACCOUNT, updateMappingOderGlAccountsRequest)\r\n yield takeLatest(DELETE_MP_ORDER_GL_ACCOUNT, deleteMappingOderGlAccountsRequest)\r\n yield takeLatest(GET_MP_WBS_ASSETS.REQUEST, getMappingWbsAssetsRequest)\r\n yield takeLatest(CREATE_MP_WBS_ASSET, createMappingWbsAssetRequest)\r\n yield takeLatest(UPDATE_MP_WBS_ASSET, updateMappingWbsAssetRequest)\r\n yield takeLatest(DELETE_MP_WBS_ASSET, deleteMappingWbsAssetRequest)\r\n yield takeLatest(GET_ASSET_TYPES.REQUEST, getAssetTypesRequest)\r\n yield takeLatest(GET_ALL_WBS.REQUEST, getAllWbsRequest)\r\n}\r\n\r\nconst initial = {\r\n purchasingGroups: { data: [], loading: false },\r\n companyPlants: { data: [], loading: false },\r\n companyData: { data: {}, loading: false },\r\n plantStorageLocations: { data: [], loading: false },\r\n allOrderGlAccounts: { data: [], loading: false },\r\n orderGlAccounts: { data: [], loading: false },\r\n wbsAssets: { data: [], loading: false },\r\n allWbsAssets: { data: [], loading: false },\r\n assetTypes: { data: [], loading: false },\r\n allWbs: { data: [], loading: false },\r\n prItemFields: { \r\n data: {\r\n itemName: { '': { require: true, display: 'edit' } },\r\n itemDescription: { '': { require: false, display: 'edit' } },\r\n quantity: { '': { require: true, display: 'edit' } },\r\n unit: { '': { require: true, display: 'edit' } },\r\n unitPrice: { '': { require: true, display: 'edit' } },\r\n totalAmount: { '': { require: true, display: 'show' } },\r\n currency: { '': { require: true, display: 'edit' } },\r\n startDate: { '': { require: true, display: 'edit' } },\r\n deliveryDate: { '': { require: true, display: 'edit' } },\r\n materialGroup: { '': { require: true, display: 'edit' } },\r\n plant: { '': { require: true, display: 'edit' } },\r\n storageLocation: { '': { require: false, display: 'edit' } },\r\n purchasingOrg: { '': { require: true, display: 'edit' } },\r\n glAccountCode: { '': { require: false, display: 'hide' } },\r\n asset: { '': { require: false, display: 'hide' } },\r\n orderNo: { '': { require: false, display: 'hide' } },\r\n orderType: { '': { require: false, display: 'hide' } },\r\n costCenter: { '': { require: false, display: 'hide' } },\r\n wbsElement: { '': { require: false, display: 'hide' } },\r\n controllingArea: { '': { require: false, display: 'hide' } },\r\n profitCenter: { '': { require: false, display: 'hide' } },\r\n salesOrder: { '': { require: false, display: 'hide' } },\r\n salesOrderItemNo: { '': { require: false, display: 'hide' } },\r\n network: { '': { require: false, display: 'hide' } },\r\n productHierarchyLv2: { '': { require: false, display: 'hide' } },\r\n customer: { '': { require: false, display: 'hide' } },\r\n budgetType: { '': { require: true, display: 'edit' } },\r\n accountAssignment: { '': { require: true, display: 'edit' } }\r\n }, loading: false },\r\n formOrderGlAccount: { \r\n id: 0, \r\n orderNo: '', \r\n glAccount: '', \r\n active: true \r\n },\r\n formWbsAsset: { \r\n id: 0, \r\n company: '', \r\n wbsElementCode: '', \r\n assetCode: '',\r\n assetType: '',\r\n active: true \r\n }\r\n}\r\n\r\nexport default createReducer(initial, state => ({\r\n [GET_MP_PURCHASING_GROUPS.REQUEST]: () => ({\r\n ...state,\r\n purchasingGroups: { data: [], loading: true }\r\n }),\r\n [GET_MP_PURCHASING_GROUPS.SUCCESS]: (data) => ({\r\n ...state,\r\n purchasingGroups: { data: data.data, loading: false }\r\n }),\r\n [GET_MP_COMPANY_PLANTS.REQUEST]: () => ({\r\n ...state,\r\n companyPlants: { data: [], loading: true }\r\n }),\r\n [GET_MP_COMPANY_PLANTS.SUCCESS]: (data) => ({\r\n ...state,\r\n companyPlants: { data: data.data, loading: false }\r\n }),\r\n [GET_COMPANY_DATA.REQUEST]: () => ({\r\n ...state,\r\n companyData: { data: {}, loading: true }\r\n }),\r\n [GET_COMPANY_DATA.SUCCESS]: (data) => ({\r\n ...state,\r\n companyData: { data: data.data, loading: false }\r\n }),\r\n [GET_MP_PLANT_STORAGE_LOCATIONS.REQUEST]: () => ({\r\n ...state,\r\n plantStorageLocations: { data: [], loading: true }\r\n }),\r\n [GET_MP_PLANT_STORAGE_LOCATIONS.SUCCESS]: (data) => ({\r\n ...state,\r\n plantStorageLocations: { data: data.data, loading: false }\r\n }),\r\n [GET_MP_PR_ITEM_FIELDS.REQUEST]: () => ({\r\n ...state,\r\n prItemFields: { data: state.prItemFields.data, loading: true }\r\n }),\r\n [GET_MP_PR_ITEM_FIELDS.SUCCESS]: (data) => ({\r\n ...state,\r\n prItemFields: { data: data.data, loading: false }\r\n }),\r\n [GET_MP_ORDER_GL_ACCOUNT.REQUEST]: (data) => ({\r\n ...state,\r\n orderGlAccounts: { data: data.withInactive ? state.orderGlAccounts.data : [], loading: true },\r\n allOrderGlAccounts: { data: data.withInactive ? [] : state.allOrderGlAccounts.data, loading: true },\r\n }),\r\n [GET_MP_ORDER_GL_ACCOUNT.SUCCESS]: (data) => ({\r\n ...state,\r\n orderGlAccounts: { data: data.withInactive ? state.orderGlAccounts.data : data.data, loading: false },\r\n allOrderGlAccounts: { data: data.withInactive ? data.data : state.allOrderGlAccounts.data, loading: false },\r\n }),\r\n [GET_MP_WBS_ASSETS.REQUEST]: (data) => ({\r\n ...state,\r\n wbsAssets: { data: data.withInactive ? state.wbsAssets.data : [], loading: true },\r\n allWbsAssets: { data: data.withInactive ? [] : state.allWbsAssets.data, loading: true },\r\n }),\r\n [GET_MP_WBS_ASSETS.SUCCESS]: (data) => ({\r\n ...state,\r\n wbsAssets: { data: data.withInactive ? state.wbsAssets.data : data.data, loading: false },\r\n allWbsAssets: { data: data.withInactive ? data.data : state.allWbsAssets.data, loading: false },\r\n }),\r\n [SET_FORM_ORDER_GL_ACCOUNT]: (data) => ({\r\n ...state,\r\n formOrderGlAccount: data.data || { id: 0, orderNo: '', glAccount: '', active: true }\r\n }),\r\n [GET_ASSET_TYPES.REQUEST]: () => ({\r\n ...state,\r\n assetTypes: { data: [], loading: true }\r\n }),\r\n [GET_ASSET_TYPES.SUCCESS]: (data) => ({\r\n ...state,\r\n assetTypes: { data: data.data, loading: false }\r\n }),\r\n [SET_FORM_WBS_ASSET]: (data) => ({\r\n ...state,\r\n formWbsAsset: data.data || { \r\n id: 0, \r\n company: '', \r\n wbsElementCode: '', \r\n assetCode: '',\r\n assetType: '',\r\n active: true \r\n }\r\n }),\r\n [GET_ALL_WBS.REQUEST]: () => ({\r\n ...state,\r\n allWbs: { data: [], loading: true }\r\n }),\r\n [GET_ALL_WBS.SUCCESS]: (data) => ({\r\n ...state,\r\n allWbs: { data: data.data, loading: false }\r\n }),\r\n}))\r\n","import { takeLatest, put, select } from 'redux-saga/effects'\r\nimport { createReducer, makeAction, makeKeys, urlWithPrefix } from './helper'\r\nimport { httpPost, httpGet, httpDelete, httpPut } from '../core/restClient'\r\nimport { appLoading, appLoaded, toastError, toastSuccess } from './app'\r\nimport { homePath, purchaseRequisitionPath, purchaseRequisitionEditPath, purchaseRequisitionDetailPath } from '../routes'\r\nimport { clearOtherProject, getProjectByCompany } from './goa'\r\nimport {\r\n getUnits,\r\n getCurrencies,\r\n getPrTypes,\r\n getPrCategories,\r\n getMaterialGroups,\r\n getBudgetTypes as getBudgetTypesOption,\r\n getAccountAssignments,\r\n getPurchasingOrgs,\r\n getPlants,\r\n getStorageLocations,\r\n getPurchasingGroups,\r\n getGlAccounts,\r\n getCostCenter,\r\n getOrders,\r\n getCompanies,\r\n getCustomers,\r\n getAssets,\r\n getProfitCenters,\r\n} from './options'\r\nimport {\r\n getMappingWbsAssets,\r\n getMappingOderGlAccounts,\r\n getMappingPrItemFields,\r\n getMappingPurchasingGroups,\r\n getMappingCompanyPlants,\r\n getMappingPlantStorageLocations\r\n} from './mappingData'\r\nimport {\r\n getHrmsMembers\r\n} from './member'\r\nimport {\r\n getGoaItem\r\n} from './goa'\r\nimport r from 'reactotron-react-js'\r\n\r\nconst GET_PR_MENUS = makeKeys('GET_PR_MENUS')\r\nconst GET_GL_ACCOUNT = makeKeys('GET_GL_ACCOUNT')\r\nconst GET_ATTACHMENT_TYPES = makeKeys('GET_ATTACHMENT_TYPES')\r\nconst GET_PR_DETAIL = makeKeys('GET_PR_DETAIL')\r\nconst GET_PR_APPROVER_ACTION = makeKeys('GET_PR_APPROVER_ACTION')\r\nconst GET_PR_WORKFLOW_APPROVER_VIEW = makeKeys('GET_PR_WORKFLOW_APPROVER_VIEW')\r\nconst FETCH_PR_LIST = makeKeys('FETCH_PR_LIST')\r\nconst SHOW_PR_ITEM_MODAL = 'SHOW_PR_ITEM_MODAL'\r\nconst USER_SN = 'USER_SN'\r\nconst K2_ERROR = 'K2_ERROR'\r\nconst EMAIL_LOOP = 'EMAIL_LOOP'\r\nconst SELECT_SUBCATEGORY = 'SELECT_SUBCATEGORY'\r\nconst GET_PR_WORKFLOW_APPROVER = makeKeys('GET_PR_WORKFLOW_APPROVER')\r\nconst CREATE_PR = makeKeys('CREATE_PR')\r\nconst UPDATE_PR = makeKeys('UPDATE_PR')\r\nconst UPLOAD_PR_ATTACHMENTS = makeKeys('UPLOAD_PR_ATTACHMENTS')\r\nconst APPROVER_PR_ACTION = makeKeys('APPROVER_PR_ACTION')\r\nconst SUBMIT_PR = makeKeys('SUBMIT_PR')\r\nconst RE_SUBMIT_PR = makeKeys('RE_SUBMIT_PR')\r\nconst GET_PR_FORM_DATA = makeKeys('GET_PR_FORM_DATA')\r\nconst DELETE_PR = makeKeys('DELETE_PR')\r\nconst VALIDATE_BUDGET = makeKeys('VALIDATE_BUDGET')\r\nconst INITIALIZE_EDIT_PR = makeKeys('INITIALIZE_EDIT_PR')\r\nconst INITIALIZE_DETAIL_PR = makeKeys('INITIALIZE_DETAIL_PR')\r\nconst GET_RECOMMEND_ITEMS = makeKeys('GET_RECOMMEND_ITEMS')\r\nconst GET_MATERIAL_DETAIL = makeKeys('GET_MATERIAL_DETAIL')\r\nconst PRDETAIL_CLEAR_DATA = 'PRDETAIL_CLEAR_DATA'\r\nconst ADD_PR_SPECIAL_COMMENT = 'ADD_PR_SPECIAL_COMMENT'\r\n\r\nexport const getPrMenus = makeAction(GET_PR_MENUS.REQUEST)\r\nexport const getPRDetail = makeAction(GET_PR_DETAIL.REQUEST, 'prId', 'history', 'isRefresh')\r\nexport const clearPRDetailData = makeAction(PRDETAIL_CLEAR_DATA)\r\nexport const getPRApproverAction = makeAction(GET_PR_APPROVER_ACTION.REQUEST, 'prDocNumber')\r\nexport const getWorkflowApproverView = makeAction(GET_PR_WORKFLOW_APPROVER_VIEW.REQUEST, 'prId')\r\nexport const getWorkflowApprover = makeAction(GET_PR_WORKFLOW_APPROVER.REQUEST, 'data')\r\nexport const fetchPRList = makeAction(FETCH_PR_LIST.REQUEST, 'search')\r\nexport const getGlAccount = makeAction(GET_GL_ACCOUNT.REQUEST, 'subCategory')\r\nexport const getAttachmentTypes = makeAction(GET_ATTACHMENT_TYPES.REQUEST)\r\nexport const showPrItemModal = makeAction(SHOW_PR_ITEM_MODAL, 'show', 'isNew', 'data', 'submitData')\r\nexport const selectSubCategory = makeAction(SELECT_SUBCATEGORY, 'subCategory')\r\nexport const createPr = makeAction(CREATE_PR.REQUEST, 'data', 'submit', 'history', 'showAppLoading')\r\nexport const updatePr = makeAction(UPDATE_PR.REQUEST, 'data', 'submit', 'history', 'showAppLoading')\r\nexport const uploadPrAttachments = makeAction(UPLOAD_PR_ATTACHMENTS.REQUEST, 'id', 'data', 'submit', 'comment', 'history', 'showAppLoading')\r\nexport const approverPRAction = makeAction(APPROVER_PR_ACTION.REQUEST, 'data')\r\nexport const submitPr = makeAction(SUBMIT_PR.REQUEST, 'id', 'history')\r\nexport const reSubmitPr = makeAction(RE_SUBMIT_PR.REQUEST, 'comment', 'history')\r\nexport const getPrFormData = makeAction(GET_PR_FORM_DATA.REQUEST, 'id', 'history')\r\nexport const clearPrFormData = makeAction(GET_PR_FORM_DATA.SUCCESS, 'data')\r\nexport const deletePr = makeAction(DELETE_PR.REQUEST, 'id', 'data', 'history')\r\nexport const validateBudget = makeAction(VALIDATE_BUDGET.REQUEST, 'data', 'onGetBudgetSuccess')\r\nexport const initializeEditPR = makeAction(INITIALIZE_EDIT_PR.REQUEST)\r\nexport const initializeDetailPR = makeAction(INITIALIZE_DETAIL_PR.REQUEST)\r\nexport const getRecommendItems = makeAction(GET_RECOMMEND_ITEMS.REQUEST, 'retry')\r\nexport const getMaterialDetail = makeAction(GET_MATERIAL_DETAIL.REQUEST, 'code', 'onGetMaterialSuccess', 'retry')\r\nexport const addSpecialComment = makeAction(ADD_PR_SPECIAL_COMMENT, 'id', 'data', 'history')\r\n\r\nconst getPrMenusSuccess = makeAction(GET_PR_MENUS.SUCCESS, 'data')\r\nconst getPRDetailSuccess = makeAction(GET_PR_DETAIL.SUCCESS, 'data')\r\nconst getPRApproverActionItemSuccess = makeAction(GET_PR_APPROVER_ACTION.SUCCESS, 'data')\r\nconst getWorkflowApproverViewSuccess = makeAction(GET_PR_WORKFLOW_APPROVER_VIEW.SUCCESS, 'data')\r\nconst fetchPRListSuccess = makeAction(FETCH_PR_LIST.SUCCESS, 'data')\r\nconst getGlAccountSuccess = makeAction(GET_GL_ACCOUNT.SUCCESS, 'data')\r\nconst getAttachmentTypesSuccess = makeAction(GET_ATTACHMENT_TYPES.SUCCESS, 'data')\r\nconst getWorkflowApproverSuccess = makeAction(GET_PR_WORKFLOW_APPROVER.SUCCESS, 'data')\r\nconst createPrSuccess = makeAction(CREATE_PR.SUCCESS, 'data')\r\nconst updatePrSuccess = makeAction(UPDATE_PR.SUCCESS, 'data')\r\nconst uploadPrAttachmentsSuccess = makeAction(UPLOAD_PR_ATTACHMENTS.SUCCESS)\r\nconst approverPRActionSuccess = makeAction(APPROVER_PR_ACTION.SUCCESS)\r\nconst setUserSN = makeAction(USER_SN, 'data')\r\nconst setCheckK2Error = makeAction(K2_ERROR, 'data')\r\nconst setEmailLoop = makeAction(EMAIL_LOOP, 'data')\r\nconst submitPrSuccess = makeAction(SUBMIT_PR.SUCCESS, 'data')\r\nconst reSubmitPrSuccess = makeAction(RE_SUBMIT_PR.SUCCESS, 'data')\r\nconst getPrFormDataSuccess = makeAction(GET_PR_FORM_DATA.SUCCESS, 'data')\r\nconst validateBudgetSuccess = makeAction(VALIDATE_BUDGET.SUCCESS, 'data')\r\nconst getRecommendItemsSuccess = makeAction(GET_RECOMMEND_ITEMS.SUCCESS, 'data')\r\n\r\nconst getWorkflowApproverFailure = makeAction(GET_PR_WORKFLOW_APPROVER.FAILURE)\r\nconst getWorkflowApproverViewFailure = makeAction(GET_PR_WORKFLOW_APPROVER_VIEW.FAILURE)\r\n\r\nconst initial = {\r\n loading: false,\r\n menuLoading: false,\r\n menus: [],\r\n showPrItemModal: false,\r\n isNewPrItem: true,\r\n prDetail: { data: {}, loading: true },\r\n prItem: {},\r\n prList: {},\r\n approverAction: null,\r\n prEmailLoop: [],\r\n userSN: '',\r\n checkK2Error: null,\r\n glAccounts: [],\r\n glLoading: false,\r\n attachmentTypes: [],\r\n attachmentTypeLoading: false,\r\n subCategory: {},\r\n approvers: [],\r\n approverLoading: false,\r\n onSubmitItem: () => { },\r\n prFormData: {},\r\n budgets: [],\r\n validatingBudget: true,\r\n recommendItems: { data: [], loading: false },\r\n}\r\n\r\nconst prApiPath = path => path ? urlWithPrefix(`purchaseRequisitions/${path}`) : urlWithPrefix('purchaseRequisitions')\r\nconst multipartHeader = { 'Content-Type': 'multipart/form-data', }\r\n\r\nfunction* getPRDetailRequest(action) {\r\n const { prId, history } = action.payload\r\n let prDetail\r\n let username = localStorage.getItem('username').toLowerCase()\r\n try {\r\n yield put(appLoading())\r\n prDetail = yield httpGet(urlWithPrefix(`purchaseRequisitions/${prId}`))\r\n if (prDetail.status === 200) {\r\n if (prDetail.data) {\r\n if (prDetail.data.deleted) {\r\n yield put(appLoaded())\r\n yield put(setCheckK2Error({ isError: false, msg: '' }))\r\n yield put(getPRDetailSuccess({}))\r\n yield put(getPRApproverActionItemSuccess(null))\r\n yield put(setUserSN(''))\r\n yield put(toastError('Document does not exist or document is deleted'))\r\n history.push(purchaseRequisitionPath)\r\n } else if ([0, '0'].indexOf(prDetail.data.status) >= 0 && (username === prDetail.data.createdByUser.toLowerCase())) {\r\n yield put(appLoaded())\r\n yield put(setCheckK2Error({ isError: false, msg: '' }))\r\n yield put(getPRDetailSuccess({}))\r\n yield put(getPRApproverActionItemSuccess(null))\r\n yield put(setUserSN(''))\r\n yield put(getPrFormData(prId, history))\r\n history.push(purchaseRequisitionEditPath(prId))\r\n } else if ([5, '5'].indexOf(prDetail.data.status) >= 0 && (username === prDetail.data.createdByUser.toLowerCase() || username === prDetail.data.requesterUser.toLowerCase())) {\r\n yield put(appLoaded())\r\n yield put(setCheckK2Error({ isError: false, msg: '' }))\r\n yield put(getPRDetailSuccess({}))\r\n yield put(getPRApproverActionItemSuccess(null))\r\n yield put(setUserSN(''))\r\n yield put(getPrFormData(prId, history))\r\n history.push(purchaseRequisitionEditPath(prId))\r\n } else {\r\n const attachmentTypes = yield httpGet(prApiPath('attachmentTypes'))\r\n prDetail.data['attachmentTypes'] = attachmentTypes.data\r\n // const resApproverView = yield httpGet(prApiPath(`workflowApproverView?prID=${prId}`))\r\n // yield put(getWorkflowApproverViewSuccess(resApproverView.data))\r\n yield put(getWorkflowApproverView(prDetail.data.id))\r\n // yield put(setEmailLoop(setDupEmailLoop(resApproverView.data)))\r\n //check K2 Error\r\n const checkK2Error = yield httpGet(`share/workflow/getErrorWorkflow?procInstID=${prDetail.data.procInstId}&subProcInstID=${prDetail.data.subProcInstId || 0}`)\r\n if (checkK2Error.status === 200) {\r\n if (checkK2Error.data.success) {\r\n //Get SN\r\n const resSN = yield httpGet(`share/workflow/getK2SN?refDocNumber=${prDetail.data.documentNumber}`)\r\n if (resSN.status === 200) {\r\n if (resSN.data.success) {\r\n yield put(setCheckK2Error({ isError: false, msg: '' }))\r\n yield put(setUserSN(resSN.data.message))\r\n //Get Action\r\n const resWorkflowAction = yield httpGet(`share/workflow/getWorkflowActionItem?serialNumber=${resSN.data.message}`)\r\n if (resWorkflowAction.data) {\r\n yield put(getPRApproverActionItemSuccess(resWorkflowAction.data))\r\n }\r\n }\r\n }\r\n } else {\r\n yield put(setCheckK2Error({ isError: true, msg: checkK2Error.data.message }))\r\n yield put(getPRDetailSuccess(prDetail.data))\r\n yield put(getPRApproverActionItemSuccess(null))\r\n yield put(setUserSN(''))\r\n }\r\n }\r\n yield put(getPRDetailSuccess(prDetail.data))\r\n yield put(appLoaded())\r\n }\r\n }\r\n }\r\n } catch (e) {\r\n if (e && e.config && e.config.headers && e.config.headers.Authorization === 'Bearer null') {\r\n yield put(appLoaded())\r\n yield put(getPRDetail(prId, history))\r\n } else {\r\n if (prDetail && prDetail.status === 200) {\r\n if (prDetail.data) {\r\n yield put(setCheckK2Error({ isError: false, msg: '' }))\r\n yield put(getPRDetailSuccess(prDetail.data))\r\n }\r\n } else {\r\n yield put(setCheckK2Error({ isError: false, msg: '' }))\r\n yield put(getPRDetailSuccess({}))\r\n yield put(toastError('Could not connect to server, please try again in a few minutes'))\r\n }\r\n yield put(getPRApproverActionItemSuccess(null))\r\n yield put(setUserSN(''))\r\n yield put(appLoaded())\r\n }\r\n }\r\n}\r\n\r\nfunction setDupEmailLoop(data) {\r\n const result = [];\r\n const map = new Map();\r\n let emailLoop = []\r\n data.forEach((item, i) => {\r\n item.approval.forEach((iItem, ii, iArray) => {\r\n if (iItem.email.length > 0) {\r\n emailLoop.push(\r\n {\r\n key: `${i}|${ii}`,\r\n text: `${iItem.displayName}${iItem.position ? `(${iItem.position})` : ''}`,\r\n value: iItem.email\r\n },\r\n )\r\n }\r\n })\r\n })\r\n for (const item of emailLoop) {\r\n if (!map.has(item.value)) {\r\n map.set(item.value, true); // set any value to Map\r\n result.push({\r\n key: item.key,\r\n text: item.text,\r\n value: item.value\r\n });\r\n }\r\n }\r\n return result\r\n}\r\n\r\nfunction* fetchPRListRequest(action) {\r\n const { search } = action.payload\r\n try {\r\n yield put(appLoading())\r\n\r\n yield put(getWorkflowApproverViewSuccess([]))\r\n yield put(setEmailLoop([]))\r\n yield put(setCheckK2Error(null))\r\n yield put(getPRDetailSuccess({}))\r\n yield put(getPRApproverActionItemSuccess(null))\r\n yield put(setUserSN(''))\r\n\r\n const response = yield httpGet(prApiPath(), search)\r\n yield put(appLoaded())\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(fetchPRListSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n if (e && e.config && e.config.headers && e.config.headers.Authorization === 'Bearer null') {\r\n yield put(fetchPRList(search))\r\n }\r\n\r\n if (e.data && e.data.message) {\r\n yield put(toastError(e.data.message))\r\n } \r\n\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* getPrMenusRequest(action) {\r\n try {\r\n const response = yield httpGet(urlWithPrefix('purchaseRequisitions/menus'))\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getPrMenusSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* getGlAccountRequest(action) {\r\n const { subCategory } = action.payload\r\n try {\r\n const response = yield httpGet(prApiPath(`glAccounts/${subCategory}`))\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getGlAccountSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* getAttachmentTypesRequest(action) {\r\n try {\r\n const response = yield httpGet(prApiPath(`attachmentTypes`))\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getAttachmentTypesSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n }\r\n}\r\n\r\nfunction* getWorkflowApproverRequest(action) {\r\n const { data } = action.payload\r\n const { createdByUser, requesterUser, companyCode, items, goaItemCode, isAsset, isIt, totalAmount,\r\n goaId, specialApprovalId,rentDays, specialReason, } = data\r\n\r\n const purchasingGroup = (items && items.length) ? items[0].purchasingGroup : null\r\n const currency = (items && items.length) ? items[0].currency : null\r\n\r\n try {\r\n let itemDel = items ? items.filter(x => x.deleted === true) : []\r\n if (items && items.length && (itemDel.length !== items.length)) {\r\n const response = yield httpGet(prApiPath(`workflowApprover`), {\r\n creater: createdByUser,\r\n requester: requesterUser,\r\n companycode: companyCode,\r\n purchGroup: purchasingGroup,\r\n goaItemCode,\r\n currency,\r\n isAsset,\r\n isIT: isIt,\r\n amount: totalAmount,\r\n goaId,\r\n specialApprovalId,\r\n days: rentDays,\r\n alternativeUser:'',\r\n specialReason,\r\n })\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getWorkflowApproverSuccess(response.data))\r\n }\r\n }\r\n } else {\r\n yield put(getWorkflowApproverFailure())\r\n }\r\n } catch (e) {\r\n yield put(toastError('Get workflow approver error'))\r\n yield put(getWorkflowApproverFailure())\r\n }\r\n}\r\n\r\nfunction* createPrRequest(action) {\r\n const { data, submit, history, showAppLoading } = action.payload\r\n try {\r\n yield put(appLoading('Save data.'))\r\n const response = yield httpPost(prApiPath(), data)\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(clearOtherProject())\r\n yield put(getProjectByCompany(data.companyCode))\r\n yield put(createPrSuccess(response.data))\r\n\r\n const { id } = response.data\r\n var attachmentsData = {}\r\n if (data.pr01) attachmentsData.pr01 = data.pr01\r\n if (data.pr02) attachmentsData.pr02 = data.pr02\r\n if (data.pr03) attachmentsData.pr03 = data.pr03\r\n if (data.pr04) attachmentsData.pr04 = data.pr04\r\n if (data.pr05) attachmentsData.pr05 = data.pr05\r\n if (data.pr06) attachmentsData.pr06 = data.pr06\r\n if (data.pr07) attachmentsData.pr07 = data.pr07\r\n if (data.pr08) attachmentsData.pr08 = data.pr08\r\n if (data.pr09) attachmentsData.pr09 = data.pr09\r\n if (data.pr10) attachmentsData.pr10 = data.pr10\r\n if (data.pr11) attachmentsData.pr11 = data.pr11\r\n if (data.pr12) attachmentsData.pr12 = data.pr12\r\n if (data.pr13) attachmentsData.pr13 = data.pr13\r\n if (data.pr14) attachmentsData.pr14 = data.pr14\r\n if (data.pr15) attachmentsData.pr15 = data.pr15\r\n\r\n yield put(uploadPrAttachments(id, attachmentsData, submit, '', history, showAppLoading))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* updatePrRequest(action) {\r\n const { data, submit, history, showAppLoading } = action.payload\r\n try {\r\n yield put(appLoading('Save data.'))\r\n const response = yield httpPut(prApiPath(data.id), data)\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(clearOtherProject())\r\n yield put(getProjectByCompany(data.companyCode))\r\n yield put(updatePrSuccess(response.data))\r\n\r\n const { id } = data\r\n var attachmentsData = {}\r\n if (data.pr01) attachmentsData.pr01 = data.pr01\r\n if (data.pr02) attachmentsData.pr02 = data.pr02\r\n if (data.pr03) attachmentsData.pr03 = data.pr03\r\n if (data.pr04) attachmentsData.pr04 = data.pr04\r\n if (data.pr05) attachmentsData.pr05 = data.pr05\r\n if (data.pr06) attachmentsData.pr06 = data.pr06\r\n if (data.pr07) attachmentsData.pr07 = data.pr07\r\n if (data.pr08) attachmentsData.pr08 = data.pr08\r\n if (data.pr09) attachmentsData.pr09 = data.pr09\r\n if (data.pr10) attachmentsData.pr10 = data.pr10\r\n if (data.pr11) attachmentsData.pr11 = data.pr11\r\n if (data.pr12) attachmentsData.pr12 = data.pr12\r\n if (data.pr13) attachmentsData.pr13 = data.pr13\r\n if (data.pr14) attachmentsData.pr14 = data.pr14\r\n if (data.pr15) attachmentsData.pr15 = data.pr15\r\n\r\n yield put(uploadPrAttachments(id, { ...attachmentsData, status: data.status }, submit, data.comment, history, showAppLoading))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* uploadPrDocRequest(action) {\r\n const { id, data, submit, history, comment, showAppLoading } = action.payload\r\n let fileCount = 0\r\n let countUploading = 1\r\n let fileName = ''\r\n Object.keys(data).forEach(x=>{\r\n let object = data[x]\r\n if(Array.isArray(object)){\r\n fileCount += object.length\r\n }\r\n })\r\n\r\n try {\r\n let keys = Object.keys(data)\r\n for(let i=0;i
= 0) {\r\n yield put(reSubmitPr(comment, history)) // case re-submit\r\n } else {\r\n yield put(submitPr(id, history))\r\n }\r\n } else {\r\n yield put(toastSuccess('Save purchase requisition success.'))\r\n yield put(appLoaded())\r\n history.push(purchaseRequisitionPath)\r\n }\r\n yield put(appLoaded())\r\n } catch (e) {\r\n yield put(toastError(`Upload Attachments fail on '${fileName}' (${countUploading}/${fileCount})`,true))\r\n history.push(purchaseRequisitionEditPath(id))\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* getWorkflowApproverViewRequest(action) {\r\n const { prId } = action.payload\r\n try {\r\n const response = yield httpGet(prApiPath(`workflowApproverView?prID=${prId}`))\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(getWorkflowApproverViewSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n yield put(toastError('Get workflow approver error'))\r\n yield put(getWorkflowApproverViewFailure())\r\n }\r\n}\r\n\r\nfunction* approverPRActionRequest(action) {\r\n const { data } = action.payload\r\n try {\r\n yield put(appLoading())\r\n const response = yield httpPost(prApiPath(`${data.prId}/actionApproval`), {\r\n docId: data.prId,\r\n sn: data.SN,\r\n action: data.action,\r\n comment: data.comment,\r\n commentAttachments: data.commentAttachments\r\n }, multipartHeader)\r\n yield put(appLoaded())\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data.success) {\r\n yield put(approverPRActionSuccess())\r\n yield put(getPRApproverActionItemSuccess(null))\r\n yield put(setUserSN(''))\r\n yield put(setCheckK2Error(null))\r\n yield put(getWorkflowApproverViewSuccess([]))\r\n yield put(setEmailLoop([]))\r\n if (data.history.location.search.includes('h=true')) {\r\n data.history.push(homePath)\r\n } else {\r\n data.history.push(purchaseRequisitionPath)\r\n }\r\n yield put(toastSuccess('Purchase requisition action success'))\r\n } else {\r\n }\r\n }\r\n } catch (e) {\r\n yield put(appLoaded())\r\n yield put(toastError('Purchase requisition action fail.'))\r\n }\r\n}\r\n\r\nfunction* getPRApproverActionRequest(action) {\r\n const { prDocNumber } = action.payload\r\n try {\r\n yield put(appLoading())\r\n const response = yield httpGet(`share/workflow/getK2SN?refDocNumber=${prDocNumber}`)\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data.success) {\r\n const response2 = yield httpGet(`share/workflow/getWorkflowActionItem?serialNumber=${response.data.message}`)\r\n if (response2.data) {\r\n yield put(getPRApproverActionItemSuccess(response.data))\r\n }\r\n }\r\n }\r\n yield put(appLoaded())\r\n } catch (e) {\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* submitPrRequest(action) {\r\n const { id, history } = action.payload\r\n try {\r\n yield put(appLoading('Submitting data to approval.'))\r\n const response = yield httpPost(prApiPath(`${id}/submit`))\r\n yield put(appLoaded())\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n yield put(submitPrSuccess(response.data))\r\n history.push(purchaseRequisitionPath)\r\n yield put(toastSuccess('Submit purchase requisition success.'))\r\n }\r\n }\r\n } catch (e) {\r\n if (e && e.data && e.data.message) {\r\n yield put(toastError(e.data.message))\r\n history.push(purchaseRequisitionEditPath(id))\r\n } else {\r\n yield put(toastError('Submit data error!'))\r\n history.push(purchaseRequisitionEditPath(id))\r\n }\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* reSubmitPrRequest(action) {\r\n const { comment, history } = action.payload\r\n const state = yield select()\r\n\r\n try {\r\n yield put(appLoading('Submitting data to approval.'))\r\n const response = yield httpPost(prApiPath('reSubmit'), {\r\n docId: state.pr.prFormData.pr.id,\r\n sn: state.pr.prFormData.sn,\r\n comment: comment\r\n })\r\n yield put(appLoaded())\r\n if (response.status === 200) {\r\n if (response.data) {\r\n yield put(reSubmitPrSuccess(response.data))\r\n history.push(purchaseRequisitionPath)\r\n yield put(toastSuccess('Submit purchase requisition success.'))\r\n }\r\n }\r\n } catch (e) {\r\n if (e && e.data && e.data.message) {\r\n yield put(toastError(e.data.message))\r\n } else {\r\n yield put(toastError('Submit data error!'))\r\n }\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* deletePrRequest(action) {\r\n const { id, data, history } = action.payload\r\n try {\r\n yield put(appLoading('Deleting purchase requisition.'))\r\n const response = yield httpDelete(prApiPath(`${id}`), data)\r\n yield put(appLoaded())\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n history.push(purchaseRequisitionPath)\r\n yield put(toastSuccess('Delete purchase requisition success.'))\r\n }\r\n }\r\n } catch (e) {\r\n if (e && e.data && e.data.message) {\r\n yield put(toastError(e.data.message))\r\n } else {\r\n yield put(toastError('Delete purchase requisition error!'))\r\n }\r\n yield put(appLoaded())\r\n }\r\n}\r\n\r\nfunction* getPrFormDataRequest(action) {\r\n const { id, history } = action.payload\r\n let username = localStorage.getItem('username').toLowerCase()\r\n try {\r\n yield put(appLoading('Load purchase requisition data.'))\r\n const response = yield httpGet(prApiPath(`${id}/formData`))\r\n yield put(appLoaded())\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n if (response.data.pr.deleted) {\r\n history.push(purchaseRequisitionPath)\r\n yield put(toastError('Document does not exist or document is deleted'))\r\n }\r\n if (([0, '0'].indexOf(response.data.pr.status) >= 0 && (username === response.data.pr.createdByUser.toLowerCase())) ||\r\n ([5, '5'].indexOf(response.data.pr.status) >= 0 && (username === response.data.pr.createdByUser.toLowerCase() || username === response.data.pr.requesterUser.toLowerCase()))) {\r\n yield put(getPrFormDataSuccess(response.data))\r\n yield put(getGoaItem(response.data.pr.goaId, 'PurchaseRequisition'))\r\n yield put(getGlAccount(response.data.pr.menuSubCategory))\r\n } else {\r\n yield put(getPRDetail(response.data.pr.id, history))\r\n history.push(purchaseRequisitionDetailPath(response.data.pr.id))\r\n }\r\n }\r\n }\r\n } catch (e) {\r\n yield put(appLoaded())\r\n if (e && e.config && e.config.headers && e.config.headers.Authorization === 'Bearer null') {\r\n yield put(appLoaded())\r\n yield put(getPrFormData(id, history))\r\n } else {\r\n if (e && e.data && e.data.message) {\r\n yield put(toastError(`FormData:${e.data.message}`))\r\n } else {\r\n yield put(toastError('Get purchase requisition data error!'))\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction* validateBudgetRequest(action) {\r\n const { data, onGetBudgetSuccess } = action.payload\r\n try {\r\n const response = yield httpPost(prApiPath(`validateBudgetPR`), data)\r\n if (response.status >= 200 && response.status < 300) {\r\n if (response.data) {\r\n onGetBudgetSuccess(response.data)\r\n yield put(validateBudgetSuccess(response.data))\r\n }\r\n }\r\n } catch (e) {\r\n onGetBudgetSuccess([])\r\n yield put(validateBudgetSuccess([]))\r\n }\r\n}\r\n\r\nfunction* initializeEditPRRequest() {\r\n try {\r\n const state = yield select()\r\n if (!state.member.members.length) {\r\n yield put(getHrmsMembers())\r\n }\r\n if (!state.options.costCenters.data.length) {\r\n yield put(getCostCenter())\r\n }\r\n if (!state.options.orders.data.length) {\r\n yield put(getOrders())\r\n }\r\n if (!state.options.purchasingGroups.data.length) {\r\n yield put(getPurchasingGroups())\r\n }\r\n if (!state.options.glAccounts.data.length) {\r\n yield put(getGlAccounts())\r\n }\r\n if (!state.pr.attachmentTypes.length) {\r\n yield put(getAttachmentTypes())\r\n }\r\n if (!state.mappingData.companyPlants.data.length) {\r\n yield put(getMappingCompanyPlants())\r\n }\r\n if (!state.mappingData.plantStorageLocations.data.length) {\r\n yield put(getMappingPlantStorageLocations())\r\n }\r\n if (!state.mappingData.wbsAssets.data.length) {\r\n yield put(getMappingWbsAssets())\r\n }\r\n if (!state.mappingData.orderGlAccounts.data.length) {\r\n yield put(getMappingOderGlAccounts())\r\n }\r\n if (!state.pr.menus.length) {\r\n yield put(getPrMenus())\r\n }\r\n if (!state.options.units.data.length) {\r\n yield put(getUnits())\r\n }\r\n if (!state.options.currencies.data.length) {\r\n yield put(getCurrencies())\r\n }\r\n if (!state.options.prTypes.data.length) {\r\n yield put(getPrTypes())\r\n }\r\n if (!state.options.prCategories.data.length) {\r\n yield put(getPrCategories())\r\n }\r\n if (!state.options.materialGroups.data.length) {\r\n yield put(getMaterialGroups())\r\n }\r\n if (!state.options.budgetTypes.data.length) {\r\n yield put(getBudgetTypesOption())\r\n }\r\n if (!state.options.accountAssignments.data.length) {\r\n yield put(getAccountAssignments())\r\n }\r\n if (!state.options.purchasingOrgs.data.length) {\r\n yield put(getPurchasingOrgs())\r\n }\r\n if (!state.options.plants.data.length) {\r\n yield put(getPlants())\r\n }\r\n if (!state.options.storageLocations.data.length) {\r\n yield put(getStorageLocations())\r\n }\r\n if (!state.options.companies.data.length) {\r\n yield put(getCompanies())\r\n }\r\n if (!state.options.customers.data.length) {\r\n yield put(getCustomers())\r\n }\r\n if (!state.options.assets.data.length) {\r\n yield put(getAssets())\r\n }\r\n if (!state.mappingData.purchasingGroups.data.length) {\r\n yield put(getMappingPurchasingGroups())\r\n }\r\n if (state.mappingData.prItemFields.data.itemName.K === undefined) {\r\n yield put(getMappingPrItemFields())\r\n }\r\n if (!state.pr.recommendItems.data.length) {\r\n yield put(getRecommendItems())\r\n }\r\n if (!state.options.profitCenters.data.length) {\r\n yield put(getProfitCenters())\r\n }\r\n } catch (e) {\r\n console.log('eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee')\r\n console.log(e)\r\n }\r\n}\r\n\r\nfunction* initializeDetailPRRequest() {\r\n try {\r\n const state = yield select()\r\n if (!state.options.budgetTypes.data.length) {\r\n yield put(getBudgetTypesOption())\r\n }\r\n if (!state.options.assets.data.length) {\r\n yield put(getAssets())\r\n }\r\n if (!state.options.purchasingOrgs.data.length) {\r\n yield put(getPurchasingOrgs())\r\n }\r\n if (!state.options.purchasingGroups.data.length) {\r\n yield put(getPurchasingGroups())\r\n }\r\n if (!state.options.units.data.length) {\r\n yield put(getUnits())\r\n }\r\n if (!state.options.currencies.data.length) {\r\n yield put(getCurrencies())\r\n }\r\n if (!state.options.accountAssignments.data.length) {\r\n yield put(getAccountAssignments())\r\n }\r\n if (!state.options.materialGroups.data.length) {\r\n yield put(getMaterialGroups())\r\n }\r\n if (!state.options.plants.data.length) {\r\n yield put(getPlants())\r\n }\r\n if (!state.options.storageLocations.data.length) {\r\n yield put(getStorageLocations())\r\n }\r\n if (!state.options.glAccounts.data.length) {\r\n yield put(getGlAccounts())\r\n }\r\n if (!state.options.costCenters.data.length) {\r\n yield put(getCostCenter())\r\n }\r\n if (!state.options.orders.data.length) {\r\n yield put(getOrders())\r\n }\r\n if (!state.options.profitCenters.data.length) {\r\n yield put(getProfitCenters())\r\n }\r\n } catch (e) {\r\n console.log(e)\r\n }\r\n}\r\n\r\nfunction* getRecommendItemsRequest(action) {\r\n const { retry } = action.payload\r\n try {\r\n const response = yield httpGet(prApiPath(`recommendItems`))\r\n if (response.data) {\r\n yield put(getRecommendItemsSuccess(response.data))\r\n }\r\n } catch (e) {\r\n if (retry && retry > 3) {\r\n yield put(getRecommendItemsSuccess([]))\r\n } else {\r\n yield put(getRecommendItems(retry ? (retry + 1) : 1))\r\n }\r\n }\r\n}\r\n\r\nfunction* getMaterialDetailRequest(action) {\r\n const { code, onGetMaterialSuccess, retry } = action.payload\r\n\r\n try {\r\n yield put(appLoading('Loading material data.'))\r\n const response = yield httpGet('share/master/materialDetails', { materialCode: code })\r\n if (response.data) {\r\n yield put(appLoaded())\r\n onGetMaterialSuccess(response.data)\r\n }\r\n } catch (e) {\r\n if (retry && retry > 3) {\r\n yield put(appLoaded())\r\n yield put(toastError('Get material data failure!'))\r\n } else {\r\n yield put(getMaterialDetail(code, onGetMaterialSuccess, retry ? (retry + 1) : 1))\r\n }\r\n }\r\n}\r\n\r\nfunction* addSpecialCommentRequest(action) {\r\n const { id, data, history } = action.payload\r\n try {\r\n yield put(appLoading())\r\n const response = yield httpPost(`purchaseRequisitions/${id}/comment`, data, multipartHeader)\r\n if (response.status === 200) {\r\n yield put(appLoaded())\r\n yield put(toastSuccess('Add comment success'))\r\n yield put(getPRDetail(id, history, true))\r\n }\r\n }\r\n catch (e) {\r\n yield put(appLoaded())\r\n yield put(toastError('Add comment fail'))\r\n }\r\n}\r\n\r\nexport function* watchPurchaseRequisitionSaga() {\r\n yield takeLatest(GET_PR_MENUS.REQUEST, getPrMenusRequest)\r\n yield takeLatest(GET_PR_DETAIL.REQUEST, getPRDetailRequest)\r\n yield takeLatest(GET_PR_APPROVER_ACTION.REQUEST, getPRApproverActionRequest)\r\n yield takeLatest(GET_PR_WORKFLOW_APPROVER_VIEW.REQUEST, getWorkflowApproverViewRequest)\r\n yield takeLatest(GET_PR_WORKFLOW_APPROVER.REQUEST, getWorkflowApproverRequest)\r\n yield takeLatest(FETCH_PR_LIST.REQUEST, fetchPRListRequest)\r\n yield takeLatest(GET_GL_ACCOUNT.REQUEST, getGlAccountRequest)\r\n yield takeLatest(GET_ATTACHMENT_TYPES.REQUEST, getAttachmentTypesRequest)\r\n yield takeLatest(CREATE_PR.REQUEST, createPrRequest)\r\n yield takeLatest(UPDATE_PR.REQUEST, updatePrRequest)\r\n yield takeLatest(UPLOAD_PR_ATTACHMENTS.REQUEST, uploadPrDocRequest)\r\n yield takeLatest(APPROVER_PR_ACTION.REQUEST, approverPRActionRequest)\r\n yield takeLatest(SUBMIT_PR.REQUEST, submitPrRequest)\r\n yield takeLatest(RE_SUBMIT_PR.REQUEST, reSubmitPrRequest)\r\n yield takeLatest(DELETE_PR.REQUEST, deletePrRequest)\r\n yield takeLatest(GET_PR_FORM_DATA.REQUEST, getPrFormDataRequest)\r\n yield takeLatest(VALIDATE_BUDGET.REQUEST, validateBudgetRequest)\r\n yield takeLatest(INITIALIZE_EDIT_PR.REQUEST, initializeEditPRRequest)\r\n yield takeLatest(INITIALIZE_DETAIL_PR.REQUEST, initializeDetailPRRequest)\r\n yield takeLatest(GET_RECOMMEND_ITEMS.REQUEST, getRecommendItemsRequest)\r\n yield takeLatest(GET_MATERIAL_DETAIL.REQUEST, getMaterialDetailRequest)\r\n yield takeLatest(ADD_PR_SPECIAL_COMMENT, addSpecialCommentRequest)\r\n}\r\n\r\nexport default createReducer(initial, state => ({\r\n [GET_PR_DETAIL.REQUEST]: (data) => {\r\n if (data.isRefresh) {\r\n return ({ ...state })\r\n } else {\r\n return ({\r\n ...state,\r\n prDetail: { data: {}, loading: true },\r\n loading: true\r\n })\r\n }\r\n },\r\n [GET_PR_DETAIL.SUCCESS]: (data) => {\r\n let username = localStorage.getItem('username').toLowerCase()\r\n let x = data.data\r\n if (Object.keys(x).length) {\r\n if (x.status == 2 && x.requesterUser.toLowerCase() == username) {\r\n x.canComment = true\r\n }\r\n }\r\n return ({\r\n ...state,\r\n prDetail: { data: x, loading: false },\r\n loading: false\r\n })\r\n },\r\n [USER_SN]: (data) => ({\r\n ...state,\r\n userSN: data.data\r\n }),\r\n [K2_ERROR]: (data) => ({\r\n ...state,\r\n checkK2Error: data.data\r\n }),\r\n [EMAIL_LOOP]: (data) => ({\r\n ...state,\r\n prEmailLoop: data.data\r\n }),\r\n [FETCH_PR_LIST.REQUEST]: () => ({\r\n ...state,\r\n loading: true\r\n }),\r\n [FETCH_PR_LIST.SUCCESS]: (data) => ({\r\n ...state,\r\n prList: data.data,\r\n loading: false\r\n }),\r\n [GET_PR_APPROVER_ACTION.REQUEST]: () => ({\r\n ...state\r\n }),\r\n [GET_PR_APPROVER_ACTION.SUCCESS]: (data) => ({\r\n ...state,\r\n approverAction: data.data\r\n }),\r\n [GET_PR_WORKFLOW_APPROVER_VIEW.REQUEST]: () => ({\r\n ...state,\r\n approverLoading: true\r\n }),\r\n [GET_PR_WORKFLOW_APPROVER_VIEW.SUCCESS]: (data) => ({\r\n ...state,\r\n approvers: data.data,\r\n approverLoading: false\r\n }),\r\n [GET_PR_WORKFLOW_APPROVER_VIEW.FAILURE]: (data) => ({\r\n ...state,\r\n approvers: [],\r\n approverLoading: false\r\n }),\r\n [GET_PR_MENUS.REQUEST]: () => ({\r\n ...state,\r\n menuLoading: true\r\n }),\r\n [GET_PR_MENUS.SUCCESS]: (data) => ({\r\n ...state,\r\n menus: data.data,\r\n menuLoading: false\r\n }),\r\n [GET_PR_MENUS.FAILURE]: () => ({\r\n ...state,\r\n menuLoading: false\r\n }),\r\n [GET_GL_ACCOUNT.REQUEST]: () => ({\r\n ...state,\r\n glAccounts: [],\r\n glLoading: true\r\n }),\r\n [GET_GL_ACCOUNT.SUCCESS]: (data) => ({\r\n ...state,\r\n glAccounts: data.data,\r\n glLoading: false\r\n }),\r\n [GET_ATTACHMENT_TYPES.REQUEST]: () => ({\r\n ...state,\r\n attachmentTypes: [],\r\n attachmentTypeLoading: true\r\n }),\r\n [GET_ATTACHMENT_TYPES.SUCCESS]: (data) => ({\r\n ...state,\r\n attachmentTypes: data.data,\r\n attachmentTypeLoading: false\r\n }),\r\n [SHOW_PR_ITEM_MODAL]: (data) => ({\r\n ...state,\r\n showPrItemModal: data.show,\r\n isNewPrItem: data.isNew !== undefined ? data.isNew : true,\r\n onSubmitItem: data.submitData || (() => { }),\r\n prItem: data.data || {},\r\n }),\r\n [GET_PR_WORKFLOW_APPROVER.REQUEST]: () => ({\r\n ...state,\r\n approverLoading: true,\r\n }),\r\n [GET_PR_WORKFLOW_APPROVER.SUCCESS]: (data) => ({\r\n ...state,\r\n approvers: data.data,\r\n approverLoading: false,\r\n }),\r\n [GET_PR_WORKFLOW_APPROVER.FAILURE]: () => ({\r\n ...state,\r\n approvers: [],\r\n approverLoading: false,\r\n }),\r\n [CREATE_PR.REQUEST]: () => ({\r\n ...state,\r\n loading: true\r\n }),\r\n [CREATE_PR.SUCCESS]: () => ({\r\n ...state,\r\n loading: false\r\n }),\r\n [UPDATE_PR.REQUEST]: () => ({\r\n ...state,\r\n loading: true\r\n }),\r\n [UPDATE_PR.SUCCESS]: () => ({\r\n ...state,\r\n loading: false\r\n }),\r\n [UPLOAD_PR_ATTACHMENTS.REQUEST]: () => ({\r\n ...state,\r\n loading: true\r\n }),\r\n [UPLOAD_PR_ATTACHMENTS.SUCCESS]: () => ({\r\n ...state,\r\n loading: false\r\n }),\r\n [APPROVER_PR_ACTION.REQUEST]: () => ({\r\n ...state,\r\n loading: true\r\n }),\r\n [APPROVER_PR_ACTION.SUCCESS]: () => ({\r\n ...state,\r\n loading: false\r\n }),\r\n [SELECT_SUBCATEGORY]: (data) => ({\r\n ...state,\r\n subCategory: data.subCategory,\r\n }),\r\n [GET_PR_FORM_DATA.REQUEST]: () => ({\r\n ...state,\r\n prDataLoading: true,\r\n }),\r\n [GET_PR_FORM_DATA.SUCCESS]: (data) => ({\r\n ...state,\r\n prFormData: data.data,\r\n prDataLoading: false,\r\n }),\r\n [VALIDATE_BUDGET.REQUEST]: () => ({\r\n ...state,\r\n budgets: [],\r\n validatingBudget: true,\r\n }),\r\n [VALIDATE_BUDGET.SUCCESS]: (data) => ({\r\n ...state,\r\n budgets: data.data,\r\n validatingBudget: false,\r\n }),\r\n [GET_RECOMMEND_ITEMS.REQUEST]: () => ({\r\n ...state,\r\n recommendItems: { data: [], loading: false },\r\n }),\r\n [GET_RECOMMEND_ITEMS.SUCCESS]: (data) => ({\r\n ...state,\r\n recommendItems: { data: data.data, loading: true },\r\n }),\r\n [PRDETAIL_CLEAR_DATA]: (data) => ({\r\n ...state,\r\n recommendItems: { data: data.data, loading: true },\r\n }),\r\n}))","import React from 'react'\r\nimport Moment from 'react-moment'\r\nimport NumberFormat from 'react-number-format'\r\nimport { Icon } from 'semantic-ui-react'\r\nimport { StatusTag, DivText } from './styled'\r\n\r\nexport const options = {\r\n listSize: [\r\n { text: '30', value: 30 },\r\n { text: '60', value: 60 },\r\n { text: '90', value: 90 },\r\n { text: '120', value: 120 }\r\n ],\r\n} \r\n\r\nconst prStatus = {0:'Draft',2:'In Progress',3:'Revise',4:'Completed',5:'Reject',6:'Cancelled'}\r\n\r\nexport const columns = { \r\n tEditItem:[\r\n {\r\n Header: 'Action',\r\n accessor: 'id',\r\n width: 120,\r\n Cell: row => (\r\n \r\n
\r\n )\r\n },{\r\n Header: 'No.',\r\n accessor: 'lineNo',\r\n width: 100,\r\n },{\r\n Header: 'Name',\r\n accessor: 'itemName',\r\n width: 100,\r\n },{\r\n Header: 'Description',\r\n accessor: 'itemDescription',\r\n width: 100,\r\n },{\r\n Header: 'Quantity',\r\n accessor: 'quantity',\r\n width: 100,\r\n },{\r\n Header: 'Unit',\r\n accessor: 'unit',\r\n width: 100,\r\n },{\r\n Header: 'Unit Price(Ex.VAT)',\r\n accessor: 'unitPrice',\r\n width: 100,\r\n },{\r\n Header: 'Currency',\r\n accessor: 'currency',\r\n width: 100,\r\n },{\r\n Header: 'Total Amount(Ex.VAT)',\r\n accessor: 'totalAmount',\r\n width: 100,\r\n },{\r\n Header: 'Budget Type',\r\n accessor: 'budgetType',\r\n width: 100,\r\n },{\r\n Header: 'Cost Center',\r\n accessor: 'costCenter',\r\n width: 100,\r\n },{\r\n Header: 'GL Account',\r\n accessor: 'GLAccountCode',\r\n width: 100,\r\n },{\r\n Header: 'Acc. Assa',\r\n accessor: 'AccountAssignmentCategoryCode',\r\n width: 100,\r\n },{\r\n Header: 'StartDate',\r\n accessor: 'startDate',\r\n width: 100,\r\n Cell: row => (\r\n \r\n {row.value?\r\n {row.value} \r\n :\r\n '-'\r\n }\r\n )\r\n },{\r\n Header: 'Delivery Date/Finish Date',\r\n accessor: 'deliveryDate',\r\n width: 100,\r\n Cell: row => (\r\n \r\n {row.value?\r\n {row.value} \r\n :\r\n '-'\r\n }\r\n )\r\n },{\r\n Header: 'Plant',\r\n accessor: 'plant',\r\n width: 100,\r\n },{\r\n Header: 'StorageLocation',\r\n accessor: 'storageLocation',\r\n width: 100,\r\n },{\r\n Header: 'Purchasing Group',\r\n accessor: 'purchasingGroup',\r\n width: 100,\r\n },{\r\n Header: 'Material Group',\r\n accessor: 'materialGroup',\r\n width: 100,\r\n }\r\n ],\r\n tPRs: (companies) =>{\r\n return ([\r\n {\r\n Header: 'Status',\r\n accessor: 'status',\r\n width: 100,\r\n Cell:row=>({prStatus[row.value]} {row.value} )\r\n }, {\r\n Header: ()=>(Title ),\r\n accessor : row =>(row.title.trim()),\r\n id:'title',\r\n width: 250\r\n }, {\r\n Header: ()=>(Project name ),\r\n accessor: 'projectName',\r\n width: 100\r\n }, {\r\n Header: ()=>(Company ),\r\n id:'company',\r\n accessor : row =>{\r\n let x = null \r\n if(companies.length>0){\r\n x = companies.find(x=>x.value==row.companyCode)\r\n }\r\n return (x?x.text:`${row.companyCode}`)\r\n },\r\n width: 100\r\n }, {\r\n Header: 'Priority',\r\n accessor: 'priority',\r\n width: 70,\r\n Cell: row => (\r\n row.value && \r\n {row.value.toUpperCase()}
Requester ),\r\n accessor: 'requesterName',\r\n width: 100,\r\n Cell: row => (row.value&&{`${row.value||'-'}`} )\r\n },\r\n // {\r\n // Header: 'Overdue',\r\n // id:'overdue',\r\n // accessor : row =>(Math.floor(row.pendingDays-row.slaDays)),\r\n // width: 70,\r\n // Cell: row => ({`${ row.value>=1?`(${row.value} days)`:'-'}`} )\r\n // }, \r\n {\r\n Header: 'Submitted date',\r\n accessor: 'submittedDate',\r\n width: 120,\r\n Cell: row => (row.value&&\r\n \r\n {row.value?\r\n {row.value} \r\n :\r\n '-'\r\n }\r\n )\r\n }, {\r\n Header: 'Modified date',\r\n accessor: 'modifiedDate',\r\n width: 120,\r\n Cell: row => (row.value&&{row.value} )\r\n }, {\r\n Header: 'Actual',\r\n accessor: 'actual',\r\n width: 150,\r\n Cell: row => ()\r\n }, {\r\n Header: 'Commitment',\r\n accessor: 'commitment',\r\n width: 150,\r\n Cell: row => ()\r\n }, {\r\n Header: 'Assigned',\r\n accessor: 'assigned',\r\n width: 150,\r\n Cell: row => ()\r\n }, {\r\n Header: 'Available',\r\n accessor: 'available',\r\n width: 150,\r\n Cell: row => ()\r\n }, {\r\n Header: 'Currency',\r\n accessor: 'currency',\r\n width: 150\r\n }, {\r\n Header: 'Modify Date',\r\n accessor: 'modifiedDate',\r\n width: 100,\r\n Cell: row => ({row.value} )\r\n }\r\n ],\r\n tBudget:[\r\n {\r\n Header: 'Code',\r\n accessor: 'code',\r\n width: 150\r\n },\r\n {\r\n Header: 'Description',\r\n accessor: 'description',\r\n width: 150\r\n },\r\n {\r\n Header: 'Code2/GL Account',\r\n accessor: 'code2',\r\n width: 150\r\n },\r\n {\r\n Header: 'Description',\r\n accessor: 'description2',\r\n width: 150\r\n },\r\n {\r\n Header: 'Plan/Budget',\r\n accessor: 'plan',\r\n width: 150,\r\n Cell: row => ()\r\n },\r\n {\r\n Header: 'Actual',\r\n accessor: 'actual',\r\n width: 150,\r\n Cell: row => ()\r\n },\r\n {\r\n Header: 'Commitment',\r\n accessor: 'commitment',\r\n width: 150,\r\n Cell: row => ()\r\n },\r\n {\r\n Header: 'Assigned',\r\n accessor: 'assigned',\r\n width: 150,\r\n Cell: row => ()\r\n },\r\n {\r\n Header: 'Available',\r\n accessor: 'available',\r\n width: 150,\r\n Cell: row => ()\r\n },\r\n {\r\n Header: 'Currency',\r\n accessor: 'currency',\r\n width: 150\r\n },\r\n ],\r\n tDetail:[\r\n {\r\n Header: 'No.',\r\n accessor: 'lineNo',\r\n width: 40\r\n },\r\n {\r\n Header: 'Item Name',\r\n accessor: 'itemName',\r\n width: 150\r\n },\r\n {\r\n Header: 'Item Description',\r\n accessor: 'itemDescription',\r\n width: 150\r\n },\r\n {\r\n Header: 'Unit',\r\n accessor: 'unit',\r\n width: 150\r\n },\r\n {\r\n Header: 'Quantity',\r\n accessor: 'quantity',\r\n width: 150\r\n },\r\n {\r\n Header: 'Currency',\r\n accessor: 'currency',\r\n width: 150\r\n },\r\n {\r\n Header: 'Unit Price Estimated (Ex.VAT)',\r\n accessor: 'unitPrice',\r\n width: 150,\r\n Cell: row => ()\r\n },\r\n {\r\n Header: 'Total Amount Estimated (Ex.VAT)',\r\n accessor: 'totalAmount',\r\n width: 150,\r\n Cell: row => ()\r\n },\r\n {\r\n Header: 'Budget Type',\r\n accessor: 'budgetType',\r\n width: 150\r\n },\r\n {\r\n Header: 'Cost Center',\r\n accessor: 'costCenter',\r\n width: 150\r\n },\r\n {\r\n Header: 'WBS',\r\n accessor: 'wbs',\r\n width: 150\r\n },\r\n {\r\n Header: 'GL Account',\r\n accessor: 'glAccountCode',\r\n width: 150\r\n },\r\n {\r\n Header: 'Acc Assc',\r\n accessor: 'accountAssc',\r\n width: 150\r\n },\r\n {\r\n Header: 'Start Date',\r\n accessor: 'startDate',\r\n width: 150,\r\n Cell: row => ({row.value} )\r\n },\r\n {\r\n Header: 'Delivery Date/Finish Date',\r\n accessor: 'deliveryDate',\r\n width: 150,\r\n Cell: row => ({row.value} )\r\n },\r\n {\r\n Header: 'Plant',\r\n accessor: 'plant',\r\n width: 150\r\n },\r\n {\r\n Header: 'Storage Location',\r\n accessor: 'storageLocation',\r\n width: 150\r\n },\r\n {\r\n Header: 'Purchasing Org',\r\n accessor: 'purchasingOrg',\r\n width: 150\r\n },\r\n {\r\n Header: 'Material Group',\r\n accessor: 'materialGroup',\r\n width: 150\r\n }\r\n ]\r\n}\r\n\r\nexport const AdditionalRemark = () => {\r\n return (\r\n \r\n
ขอบเขตงานเพิ่ม:
\r\n
\r\n งานที่ทำตามขอบเขตหรือเนื้องานเดิมของ PO หลัก/สัญญาหลัก \r\n งานที่มีขอบเขตงานต่อเนื่องจาก PO หลัก/สัญญาหลัก ไม่สามารถให้รายอื่นทำแทนได้ \r\n งานที่ไม่ใช่เนื้องานเดิมแต่ทำในพื้นที่เดิม ให้เลือก Special PR > เหตุผลอื่นๆ > การจัดซื้อสินค้าหรือการจัดจ้างบริการที่เป็นการจัดซื้อจัดจ้างงานต่อเนื่องพื้นที่โครงการเดิม โดยเป็นขอบเขตงานใหม่ \r\n \r\n
\r\n props.history.push(purchaseRequisitionCreatePath)}\r\n icon='plus'\r\n btnColor='gray'\r\n title='Create' />\r\n \r\n \r\n \r\n 0 ? prList.data : []}\r\n columns={columns.tPRs(props.companies)}\r\n defaultPageSize={userPageSize}\r\n noDataText='No Purchase Requisition found'\r\n previousText={ \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n initialValues: {\r\n formStep: 1\r\n },\r\n valueForm: getFormValues('formSearchPR')(state),\r\n prList: state.pr.prList,\r\n companies: state.options.companies.data\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n fetchPRList,\r\n getCompanies\r\n}\r\n\r\nconst contForm = reduxForm({\r\n form: 'formSearchPR',\r\n enableReinitialize: true,\r\n})(PurchaseRequisition)\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(contForm)","import styled from '@emotion/styled'\r\nimport * as v from 'variables/styles'\r\n\r\nexport const RICont = styled.div((props) => ({\r\n display: 'flex',\r\n flex: 1,\r\n flexDirection: 'column',\r\n}))\r\n\r\nexport const RIContDetail = styled.div((props) => ({\r\n display: 'flex',\r\n marginTop: `${props.sub ? '0' : '1rem'}`,\r\n flexDirection: 'column',\r\n\r\n '&>div:first-child': {\r\n marginLeft: '0px',\r\n flex: 1\r\n },\r\n\r\n '&>div': {\r\n marginLeft: '0px',\r\n flex: 1\r\n },\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n flexDirection: 'row',\r\n\r\n '&>div:first-child': {\r\n marginLeft: '0px',\r\n flex: 1\r\n },\r\n \r\n '&>div': {\r\n marginLeft: '1rem',\r\n flex: 1\r\n },\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n flexDirection: 'row',\r\n\r\n '&>div:first-child': {\r\n marginLeft: 0,\r\n flex: 1\r\n },\r\n \r\n '&>div': {\r\n marginLeft: '1rem',\r\n flex: 1\r\n },\r\n },\r\n\r\n}))","import styled from '@emotion/styled'\r\nimport * as v from '../../../../../variables/styles'\r\n\r\nexport const CellCont = styled.div((props) => ({\r\n display: 'flex',\r\n flexDirection:'column',\r\n \r\n '.title':{\r\n color:'#888888',\r\n fontSize:'0.8rem'\r\n },\r\n '.value':{\r\n padding:'0.5rem 1rem',\r\n flex:1,\r\n border: '1px solid rgba(34,36,38,.15)',\r\n borderRadius:'0.3rem',\r\n minHeight:'2.5rem',\r\n wordBreak: 'break-all',\r\n },\r\n\r\n '.right':{\r\n display: 'flex',\r\n justifyContent: 'flex-end'\r\n },\r\n\r\n '.areaText':{\r\n minHeight:'6rem',\r\n maxHeight:'6rem',\r\n overflowY:'scroll',\r\n wordWrap:'anywhere',\r\n wordBreak:'break-all'\r\n },\r\n\r\n}))\r\n\r\n\r\n","import React from 'react'\r\nimport Moment from 'react-moment'\r\nimport NumberFormat from 'react-number-format'\r\n\r\nimport { \r\n CellCont } from './styled'\r\n\r\nexport const DataCell = (props) => {\r\n\r\n return (\r\n \r\n {props.title||\"\"}
\r\n {/* \r\n {!props.isDate?\r\n props.isNumber?\r\n \r\n :\r\n props.value||\"-\"\r\n :\r\n props.value?\r\n \r\n {props.value}\r\n \r\n :'-'\r\n }\r\n
\r\n \r\n )\r\n}","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { RICont, RIContDetail } from './styled'\r\nimport { StdCard } from 'components'\r\nimport { DataCell } from '../DataCell'\r\nimport { getSpecialApproval } from 'ducks/goa'\r\n\r\nconst RequestInfo = (props) => {\r\n const { prDetail, specialApprovals } = props\r\n const prData = prDetail.data || {}\r\n const prLoading = prDetail.loading\r\n\r\n React.useEffect(() => {\r\n if (prData.specialApprovalId) {\r\n props.getSpecialApproval(prData.projectId)\r\n }\r\n }, [prDetail])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n\r\n function getSpecialApproval() {\r\n if (!prLoading && prData.specialApprovalId) {\r\n if (specialApprovals[prData.projectId]) {\r\n let val = specialApprovals[prData.projectId].find(x => x.id === prData.specialApprovalId)\r\n if (val) {\r\n return val.name\r\n }\r\n }\r\n }\r\n return null\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n prDetail: state.pr.prDetail,\r\n specialApprovals: state.goa.specialApprovals\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n getSpecialApproval\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(RequestInfo)\r\n","import styled from '@emotion/styled'\r\nimport * as v from 'variables/styles'\r\n\r\nexport const Cont = styled.div((props) => ({\r\n display: 'flex',\r\n flex: 1,\r\n flexDirection: 'column',\r\n}))\r\n\r\nexport const SContDetail = styled.div((props) => ({\r\n display: 'flex',\r\n marginTop: `${props.sub ? '0' : '1rem'}`,\r\n flexDirection: 'column',\r\n\r\n '&>div:first-child': {\r\n marginLeft: 0,\r\n flex: 1\r\n },\r\n '>div:first-child .toleft': {\r\n marginLeft: 0,\r\n flex: 1,\r\n display: 'flex',\r\n flexDirection: 'column'\r\n },\r\n '&>div': {\r\n marginLeft: '1rem',\r\n flex: 1\r\n },\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n flexDirection: 'unset',\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n flexDirection: 'unset',\r\n },\r\n\r\n}))\r\n\r\nexport const TableCont = styled.div((props) => ({\r\n marginTop: '1rem',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n}))","import styled from '@emotion/styled'\r\nimport * as v from 'variables/styles'\r\n\r\nexport const Cont = styled.div((props) => ({\r\n display: 'flex',\r\n flex: 1,\r\n flexDirection: 'column',\r\n}))\r\n\r\nexport const SContDetail = styled.div((props) => ({\r\n display: 'flex',\r\n marginTop: `${props.sub ? '0' : '1rem'}`,\r\n flexDirection: 'column',\r\n\r\n '&>div:first-child': {\r\n marginLeft: 0,\r\n flex: 1\r\n },\r\n\r\n '&>div': {\r\n marginLeft: '0px',\r\n flex: 1\r\n },\r\n\r\n '@media only screen and (min-width: 600px)': {\r\n flexDirection: 'unset',\r\n\r\n '&>div': {\r\n marginLeft: '1rem',\r\n flex: 1\r\n },\r\n },\r\n\r\n '@media only screen and (min-width: 769px)': {\r\n flexDirection: 'unset',\r\n\r\n '&>div': {\r\n marginLeft: '1rem',\r\n flex: 1\r\n },\r\n },\r\n\r\n}))\r\n\r\nexport const SContVDetail = styled.div((props) => ({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n\r\n '&>div:first-child': {\r\n marginTop: 0,\r\n },\r\n '&>div': {\r\n marginTop: '1rem',\r\n }\r\n}))","import React, { useEffect, useState, Fragment } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Collapse } from '@material-ui/core'\r\nimport { Checkbox, Icon } from 'semantic-ui-react'\r\nimport { Cont, SContDetail } from './styled'\r\nimport { StdCard } from 'components'\r\nimport { DataCell } from '../DataCell'\r\nimport { getPrSpecialOptions } from 'ducks/options'\r\nimport { purchaseOrderDetailPath } from 'routes'\r\nimport { AdditionalRemark } from '../../AttributeData'\r\nimport * as v from 'variables/styles'\r\n// import r from 'reactotron-react-js'\r\n\r\nconst PRGeneral = (props) => {\r\n const { prData, prLoading } = props\r\n\r\n const [showAdditional, setShowAdditional] = useState(prData.isAdditional)\r\n const [showSpecialPR, setShowSpecialPR] = useState(prData.special)\r\n const [showAffiliatedCompaniesPR, setShowAffiliatedCompaniesPR] = useState(prData.isAffiliatedCompanies)\r\n const [showPartnersPreQualifiedPR, setShowPartnersPreQualifiedPR] = useState(prData.isPartnersPreQualified)\r\n\r\n useEffect(()=>{\r\n if(prData.special){\r\n props.getPrSpecialOptions('Special')\r\n }else if(prData.isAffiliatedCompanies){\r\n props.getPrSpecialOptions('AffiliatedCompanies')\r\n }else if (prData.isPartnersPreQualified){\r\n props.getPrSpecialOptions('PartnersPreQualified')\r\n }\r\n },[prData.special, prData.isAffiliatedCompanies, prData.isPartnersPreQualified])\r\n\r\n const getSpecialReasonOption = (specialReason) => {\r\n return props.prSpecial.data.find(x => x.value === (specialReason || ''))\r\n }\r\n\r\n const getReasonTitle = (reasonCode) => {\r\n const reason = getSpecialReasonOption(reasonCode)\r\n return (reason || {}).text || ''\r\n }\r\n\r\n const getSubReasonTitle = (subReasonCode) => {\r\n const reason = getSpecialReasonOption(prData.specialReason)\r\n const subReasons = (reason || {}).subOptions || []\r\n const subReason = subReasons.find(x => x.value === (subReasonCode || prData.subSpecialReason || ''))\r\n return (subReason || {}).text || ''\r\n }\r\n\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
setShowSpecialPR(!showSpecialPR)} />\r\n
\r\n \r\n \r\n {\r\n ((prData.specialReason || '').startsWith('SP') && (prData.specialReason || '').length === 4) ?\r\n \r\n \r\n \r\n {\r\n prData.specialReason === 'SP04' ? \r\n \r\n : null\r\n }\r\n :\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
setShowAffiliatedCompaniesPR(!showAffiliatedCompaniesPR)} />\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
setShowPartnersPreQualifiedPR(!showPartnersPreQualifiedPR)} />\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
setShowAdditional(!showAdditional)} />\r\n
\r\n \r\n \r\n {AdditionalRemark()}\r\n \r\n \r\n \r\n \r\n {\r\n prData.isAdditional && prData.referencePoId ?\r\n : null\r\n }\r\n \r\n {!prLoading && prData.rentDays &&\r\n \r\n
\r\n }\r\n \r\n
\r\n )\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n prData: state.pr.prDetail.data || {},\r\n prLoading: state.pr.prLoading,\r\n prSpecial: state.options.prSpecial,\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n getPrSpecialOptions\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(PRGeneral)\r\n","import styled from '@emotion/styled'\r\nimport * as v from '../../../../../variables/styles'\r\n\r\nexport const PHCont = styled.div((props)=>({\r\n display:'flex',\r\n flex:1,\r\n}))\r\n\r\nexport const Cont = styled.div((props)=>({\r\n display:'flex',\r\n flex:1,\r\n flexDirection:'column',\r\n}))\r\n\r\n\r\nexport const ContDetail = styled.div((props)=>({\r\n display:'flex',\r\n marginTop:'1rem',\r\n\r\n 'div:first-child':{\r\n flex:1,\r\n display:'flex',\r\n justifyContent:'end',\r\n paddingRight:'1rem',\r\n fontWeight:'bold'\r\n },\r\n 'div:last-child':{\r\n flex:2\r\n }\r\n\r\n}))\r\n\r\nexport const ChatCont = styled.div((props)=>({\r\n display:'flex',\r\n flex:1,\r\n justifyContent:`${props.right?'flex-end':props.center?'center':'flex-start'}`,\r\n alignItems:'baseline',\r\n marginTop:'0.5rem',\r\n\r\n '.time':{\r\n fontSize:'0.5rem',\r\n marginLeft:'3rem'\r\n },\r\n '.msg':{\r\n maxWidth:'15vw',\r\n overflowWrap:'break-word',\r\n },\r\n}))\r\n\r\nexport const ChatContY = styled.div((props)=>({\r\n display:'flex',\r\n flexDirection:'column',\r\n alignItems:'baseline',\r\n marginTop:'0.5rem',\r\n '.msgCont':{\r\n display:'flex',\r\n flex:1,\r\n alignItems:'baseline',\r\n },\r\n '.msg':{\r\n maxWidth:'15vw',\r\n overflowWrap:'break-word',\r\n },\r\n '.time':{\r\n fontSize:'0.5rem',\r\n marginLeft:'3rem'\r\n },\r\n}))\r\n\r\nexport const ChatContF = styled.div((props)=>({\r\n display:'flex',\r\n flexDirection:'column',\r\n alignItems:'baseline',\r\n marginTop:'0.5rem',\r\n\r\n '.name':{\r\n fontSize:'1.2rem',\r\n fontWeight:'bold'\r\n },\r\n 'time':{\r\n fontSize:'0.7rem'\r\n },\r\n '.msgCont':{\r\n display:'flex',\r\n flex:1,\r\n alignItems:'baseline',\r\n border: '1px solid rgba(34,36,38,.15)',\r\n borderRadius:'0.3rem',\r\n padding:'0.5rem 1rem',\r\n width:'100%'\r\n },\r\n '.msg':{\r\n overflowWrap:'break-word',\r\n },\r\n '.time':{\r\n fontSize:'0.5rem',\r\n marginLeft:'3rem'\r\n },\r\n}))","import React from 'react'\r\nimport Moment from 'react-moment'\r\nimport {\r\n Divider } from 'semantic-ui-react'\r\n\r\nimport { \r\n Cont, \r\n ContDetail } from './styled'\r\n\r\nexport const ProcessRow = ({ data }) => {\r\n\r\n return (\r\n \r\n \r\n Commented by :
\r\n {data&&data.createdByName}
\r\n \r\n \r\n Commented date :
\r\n {data&&data.createdDate}
\r\n \r\n \r\n Activity :
\r\n {data&&data.activity}
\r\n \r\n \r\n Action :
\r\n {data&&data.action}
\r\n \r\n \r\n Comment :
\r\n {data&&data.comment||'-'}
\r\n \r\n \r\n )\r\n}","import React from 'react'\r\nimport NumberFormat from 'react-number-format'\r\nimport r from 'reactotron-react-js'\r\n\r\nexport const getCategory = (listCategories) => (catCode) => {\r\n return listCategories.find(c => c.code === catCode)\r\n}\r\n\r\nexport const getSubCategory = (listSubCategories) => (subCatCode) => {\r\n return listSubCategories.find(s => s.code === subCatCode)\r\n}\r\n\r\nexport const getOptionTitle = (options, value, displayWithValue = true) => {\r\n if (value !== undefined) {\r\n const opt = options && options.find(o => o.value === value)\r\n let result = opt ? opt.text : value\r\n if(result){\r\n result = result.replace(`:`, '|')\r\n return displayWithValue ? result : result.replace(`${value} | `, '')\r\n }else{\r\n return ''\r\n }\r\n } else {\r\n return ''\r\n }\r\n}\r\n\r\nexport const filterStorageLocation = (storageLocationOptions) => (plantCode) => {\r\n if (storageLocationOptions !== undefined && plantCode !== undefined && plantCode !== '') {\r\n var result = storageLocationOptions.filter(s => s.plantCode === plantCode)\r\n result = result.sort((a, b) => (a.value < b.value) ? -1 : 1)\r\n return result\r\n } else {\r\n return []\r\n }\r\n}\r\n\r\nexport const numberFormat = (value, allowNegative = false, decimalScale = 2) => {\r\n return (\r\n \r\n {!fields.get(row.index).deleted&&\r\n
\r\n \r\n showPrItemModal(true, false, {...row.original}, editPrItem(row.index, change))\r\n }>\r\n \r\n }\r\n {!fields.get(row.index).deleted&&\r\n
\r\n {\r\n showPrItemModal(true, true, {...row.original,id:0}, onSubmitItem(fields, change))}\r\n }> \r\n }\r\n
\r\n {\r\n if (props.isEditPR && row.original.id !== 0) {\r\n change(`items[${row.index}].deleted`,!fields.get(row.index).deleted)\r\n }else if (props.isEditPR){\r\n if(onDeletePRItem) {\r\n onDeletePRItem(fields, change,row.index)\r\n }\r\n } else {\r\n fields.remove(row.index)\r\n if (items.length === 1) {\r\n change('vatRate', 7)\r\n }\r\n }\r\n }}>\r\n {\r\n fields.get(row.index).deleted?\r\n \r\n :\r\n \r\n \r\n
{row.value} )\r\n }, {\r\n Header: 'Material No',\r\n accessor: 'materialNo',\r\n show: checkVisibleColumn(items, 'materialNo'),\r\n }, {\r\n Header: 'Item Name',\r\n width: 180,\r\n accessor: 'itemName',\r\n Cell: row => ({row.value} )\r\n }, {\r\n Header: 'Item Description',\r\n accessor: 'itemDescription',\r\n Cell: row => ({row.value}
{numberFormat(row.value, false, 3)}
)\r\n }, {\r\n Header: 'Unit',\r\n accessor: 'unit',\r\n width: 80,\r\n Cell: row => (getOptionTitle(unitOptions, row.value))\r\n }, {\r\n Header: 'Unit Price (Ex.VAT)',\r\n accessor: 'unitPrice',\r\n className:'right',\r\n width: 100,\r\n Cell: row => ({numberFormat(row.value)}
)\r\n }, {\r\n Header: 'Currency',\r\n accessor: 'currency',\r\n width: 80,\r\n Cell: row => (getOptionTitle(currencyOptions, row.value))\r\n }, {\r\n Header: 'Total Amount (Ex.VAT)',\r\n accessor: 'totalAmount',\r\n className:'right',\r\n width: 100,\r\n Cell: row => ({numberFormat(row.value)}
)\r\n }, {\r\n Header: 'Budget Type',\r\n accessor: 'budgetType',\r\n show: checkVisibleColumn(items, 'budgetType'),\r\n Cell: row => (getOptionTitle(budgetTypeOptions, row.value)),\r\n }, {\r\n Header: 'Cost Center',\r\n accessor: 'costCenter',\r\n show: checkVisibleColumn(items, 'costCenter'),\r\n Cell: row => (getOptionTitle(costCenterOptions, row.value)),\r\n }, {\r\n Header: 'WBS',\r\n accessor: 'wbsElement',\r\n show: checkVisibleColumn(items, 'wbsElement'),\r\n Cell: row => (getOptionTitle(wbsOptions, row.value)),\r\n }, {\r\n Header: 'Order No',\r\n accessor: 'orderNo',\r\n show: checkVisibleColumn(items, 'orderNo'),\r\n Cell: row => (getOptionTitle(orderOptions, row.value)),\r\n }, {\r\n Header: 'GL Account',\r\n accessor: 'glAccountCode',\r\n show: checkVisibleColumn(items, 'glAccountCode'),\r\n Cell: row => (getOptionTitle(glAccountOptions, row.value)),\r\n }, {\r\n Header: 'Asset',\r\n accessor: 'asset',\r\n show: checkVisibleColumn(items, 'asset'),\r\n Cell: row => (getOptionTitle(assetOptions, row.value)),\r\n }, {\r\n Header: 'Sales Order',\r\n accessor: 'salesOrder',\r\n show: checkVisibleColumn(items, 'salesOrder'),\r\n }, {\r\n Header: 'Sales Order Item No',\r\n accessor: 'salesOrderItemNo',\r\n show: checkVisibleColumn(items, 'salesOrderItemNo'),\r\n }, {\r\n Header: 'Profit Center',\r\n accessor: 'profitCenter',\r\n show: checkVisibleColumn(items, 'profitCenter'),\r\n Cell: row => (getOptionTitle(profitCenterOptions, row.value)),\r\n }, {\r\n Header: 'Product Hierarchy Level 2',\r\n accessor: 'productHierarchyLv2',\r\n show: checkVisibleColumn(items, 'productHierarchyLv2'),\r\n }, {\r\n Header: 'Customer',\r\n accessor: 'customer',\r\n show: checkVisibleColumn(items, 'customer'),\r\n }, { \r\n Header: 'Account Assignment',\r\n accessor: 'accountAssignment',\r\n width: 72,\r\n className: 'center',\r\n show: checkVisibleColumn(items, 'accountAssignment'),\r\n }, {\r\n Header: 'Start Date',\r\n accessor: 'startDate',\r\n Cell: row => ({row.value} )\r\n }, {\r\n Header: 'Delivery Date / Finish Date',\r\n accessor: 'deliveryDate',\r\n Cell: row => ({row.value} )\r\n }, {\r\n Header: 'Plant',\r\n accessor: 'plant',\r\n Cell: row => (getOptionTitle(plantOptions, row.value))\r\n }, {\r\n Header: 'Storage Location',\r\n accessor: 'storageLocation',\r\n Cell: row => (getOptionTitle(storageLocationOptions.filter(s => s.plantCode === row.original.plant), row.value))\r\n }, {\r\n Header: 'Purchasing Group',\r\n accessor: 'purchasingGroup',\r\n Cell: row => (getOptionTitle(purchasingGroupOptions, row.value))\r\n }, {\r\n Header: 'Purchasing Org',\r\n accessor: 'purchasingOrg',\r\n Cell: row => (getOptionTitle(purchasingOrgOptions, row.value))\r\n }, {\r\n Header: 'Material Group',\r\n accessor: 'materialGroup',\r\n Cell: row => (getOptionTitle(materialGroupOptions, row.value))\r\n },\r\n ]\r\n}\r\n\r\nexport const itemColumns = (props) => {\r\n const { \r\n withActions, fields, showPrItemModal, defaultCurrency,\r\n costCenterByRequester, onSubmitItem, menuSubCategory, } = props\r\n\r\n if (withActions) {\r\n return [\r\n {\r\n Header: \r\n withActions ?\r\n \r\n \r\n showPrItemModal(true, true, { \r\n ...blankItem,\r\n currency: defaultCurrency || 'THB',\r\n menuSubCategory, \r\n costCenter: costCenterByRequester }, onSubmitItem(fields,props.change))}\r\n labelPosition='right'\r\n />\r\n
: null,\r\n columns: columns(props)\r\n }\r\n ]\r\n } else {\r\n return columns(props)\r\n }\r\n}\r\n\r\n// BUDGET \r\nexport const costCenterColumn = [\r\n {\r\n Header: 'Cost Center',\r\n accessor: 'code',\r\n },\r\n {\r\n Header: 'Cost Center Name',\r\n accessor: 'description',\r\n },\r\n {\r\n Header: 'GL Account',\r\n accessor: 'code2',\r\n },\r\n {\r\n Header: 'GL Description',\r\n accessor: 'description2',\r\n },\r\n {\r\n Header: 'Budget',\r\n accessor: 'plan',\r\n className: 'right',\r\n Cell: row => (\r\n row.value === null ? \r\n Budget not found
: \r\n {numberFormat(row.value, true)}
\r\n ),\r\n },\r\n {\r\n Header: 'Assigned',\r\n accessor: 'assigned',\r\n className: 'right',\r\n Cell: row => ({numberFormat(row.value, true)}
),\r\n },\r\n {\r\n Header: 'Available',\r\n accessor: 'available',\r\n className: 'right',\r\n Cell: row => ({numberFormat(row.value, true)}
),\r\n },\r\n {\r\n Header: 'Currency',\r\n accessor: 'currencyCode',\r\n width: 80,\r\n className: 'center',\r\n Cell: row => ({row.value}
),\r\n },\r\n]\r\n\r\nexport const wbsColumn = [\r\n {\r\n Header: 'Work Breakdown Structure (WBS)',\r\n accessor: 'code',\r\n },\r\n {\r\n Header: 'Description',\r\n accessor: 'description',\r\n },\r\n {\r\n Header: 'Budget',\r\n accessor: 'plan',\r\n className: 'right',\r\n Cell: row => (\r\n {numberFormat((row.value || 0), true)}
\r\n // row.value === null ? \r\n // Budget not found
: \r\n // {numberFormat(row.value, true)}
\r\n ),\r\n },\r\n {\r\n Header: 'Assigned',\r\n accessor: 'assigned',\r\n className: 'right',\r\n Cell: row => ({numberFormat(row.value, true)}
),\r\n },\r\n {\r\n Header: 'Available',\r\n accessor: 'available',\r\n className: 'right',\r\n Cell: row => ({numberFormat(row.value, true)}
),\r\n },\r\n {\r\n Header: 'Currency',\r\n accessor: 'currencyCode',\r\n width: 80,\r\n className: 'center',\r\n Cell: row => ({row.value}
),\r\n },\r\n]\r\n\r\nexport const internalOrderColumn = [\r\n {\r\n Header: 'Internal Order',\r\n accessor: 'code',\r\n },\r\n {\r\n Header: 'Description',\r\n accessor: 'description',\r\n },\r\n {\r\n Header: 'GL Account',\r\n accessor: 'code2',\r\n },\r\n {\r\n Header: 'GL Description',\r\n accessor: 'description2',\r\n },\r\n {\r\n Header: 'Plan',\r\n accessor: 'plan',\r\n className: 'right',\r\n Cell: row => (\r\n row.value === null || row.value === 0 ? \r\n Budget not found
: \r\n {numberFormat(row.value, true)}
\r\n ),\r\n },\r\n {\r\n Header: 'Assigned',\r\n accessor: 'assigned',\r\n className: 'right',\r\n Cell: row => ({numberFormat(row.value, true)}
),\r\n },\r\n {\r\n Header: 'Available',\r\n accessor: 'available',\r\n className: 'right',\r\n Cell: row => ({numberFormat(row.value, true)}
),\r\n },\r\n {\r\n Header: 'Currency',\r\n accessor: 'currencyCode',\r\n width: 80,\r\n className: 'center',\r\n Cell: row => ({row.value}
),\r\n },\r\n]\r\n\r\nexport const migrationColumn = [\r\n {\r\n Header: 'Code',\r\n accessor: 'code',\r\n },\r\n {\r\n Header: 'Description',\r\n accessor: 'description',\r\n },\r\n {\r\n Header: 'Code 2',\r\n accessor: 'code2',\r\n },\r\n {\r\n Header: 'Description 2',\r\n accessor: 'description2',\r\n },\r\n {\r\n Header: 'Plan',\r\n accessor: 'plan',\r\n className: 'right',\r\n Cell: row => (\r\n row.value === null || row.value === 0 ? \r\n Budget not found
: \r\n {numberFormat(row.value, true)}
\r\n ),\r\n },\r\n {\r\n Header: 'Assigned',\r\n accessor: 'assigned',\r\n className: 'right',\r\n Cell: row => ({numberFormat(row.value, true)}
),\r\n },\r\n {\r\n Header: 'Available',\r\n accessor: 'available',\r\n className: 'right',\r\n Cell: row => ({numberFormat(row.value, true)}
),\r\n },\r\n {\r\n Header: 'Currency',\r\n accessor: 'currencyCode',\r\n width: 80,\r\n className: 'center',\r\n Cell: row => ({row.value}
),\r\n },\r\n]\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport ReactTable from 'react-table'\r\nimport { Divider } from 'semantic-ui-react'\r\nimport { Cont, SContDetail, TableCont } from './styled'\r\nimport { StdCard } from 'components'\r\nimport { DataCell } from '../DataCell'\r\nimport PRGeneral from '../PRGeneral'\r\nimport { ProcessRow } from '../PRProcessHistory/ProcessRow'\r\nimport { costCenterColumn, wbsColumn, internalOrderColumn, migrationColumn } from '../../Create/data'\r\n\r\nconst PRSummary = (props) => {\r\n const { prDetail } = props\r\n const prData = prDetail.data || {}\r\n const prLoading = prDetail.loading\r\n\r\n const setLastComment = () => {\r\n if (!prDetail.loading && prData.comments.length > 0) {\r\n return (\r\n \r\n
Last Comment
\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
Budget Information
\r\n }\r\n \r\n {!prLoading && prData.budgetsCostCenter.length > 0 &&\r\n
\r\n Cost Center \r\n 10}\r\n />\r\n }\r\n {!prLoading && prData.budgetsWbs.length > 0 &&\r\n
\r\n Work Breakdown Structure (WBS) \r\n 10}\r\n />\r\n }\r\n {!prLoading && prData.budgetsInternalOrder.length > 0 &&\r\n
\r\n Internal Order \r\n 10}\r\n />\r\n }\r\n {!prLoading && prData.budgetsMigrate.length > 0 &&\r\n
\r\n Budgets \r\n 10}\r\n />\r\n }\r\n
\r\n
\r\n
\r\n { loading ? \r\n \r\n {countAttachLine.map((v,i1)=>{\r\n return (\r\n {documentTypes.map((dt,i2) =>{ \r\n if((Math.floor(i2/3))===i1){\r\n return (\r\n \r\n
\r\n \r\n {valueForm.attachments.filter(x=>(x.documentTypeCode.toLowerCase() === dt.code.toLowerCase())&&(!x.deleted)).map((item,i3)=>(\r\n {\r\n let index = valueForm.attachments.findIndex(x=>x.id===item.id)\r\n props.dispatch(change('formEditPR',`attachments[${index}].deleted`,true))\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\nconst mapStateToProps = state => {\r\n const valueForm = getFormValues('formEditPR')(state)\r\n const menus = state.pr.menus || []\r\n var category = {}\r\n var subCategory = {}\r\n\r\n if (valueForm) {\r\n if (valueForm.menuCategory) {\r\n category = getCategory(menus)(valueForm.menuCategory)\r\n }\r\n if (valueForm.menuSubCategory && category&&category.subCategories) {\r\n subCategory = getSubCategory(category.subCategories)(valueForm.menuSubCategory)\r\n }\r\n }\r\n\r\n var attachType = ''\r\n if (valueForm.companyCode) {\r\n if (subCategory.attachmentType) {\r\n attachType = subCategory.attachmentType\r\n } else {\r\n if (subCategory.attachmentTypes) {\r\n if (subCategory.attachmentTypes[valueForm.companyCode]) {\r\n attachType = subCategory.attachmentTypes[valueForm.companyCode]\r\n } else if (subCategory.attachmentTypes['all']) {\r\n attachType = subCategory.attachmentTypes['all']\r\n }\r\n }\r\n }\r\n }\r\n\r\n const attachmentTypes = state.pr.attachmentTypes\r\n let attachmentTypeTemp = attachmentTypes.find(a => a.code === attachType)\r\n const attachmentType = JSON.parse(JSON.stringify(attachmentTypeTemp||null))\r\n\r\n return ({\r\n attachmentTypes,\r\n attachmentType,\r\n loading: state.pr.attachmentTypeLoading,\r\n initialValues: {\r\n ...valueForm,\r\n },\r\n valueForm,\r\n })\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) =>({\r\n dispatch\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(FieldAttachment)\r\n","import React from 'react'\r\nimport { \r\n Button,\r\n Divider\r\n} from 'semantic-ui-react'\r\n\r\nimport { \r\n FileCont } from './styled'\r\n\r\nexport const FileRow = (props) => {\r\n\r\n return (\r\n \r\n {`${props.attachmentTitle||''} : `}
\r\n \r\n {\r\n props.files.length!==0?\r\n props.files.map((item)=>{\r\n // return {item.originalFilename}
} icon='download' labelPosition='left' onClick={()=>(window.open(item.urlPath,\"_blank\"))}/>\r\n return {item.originalFilename} There is no attachment.
\r\n }\r\n \r\n \r\n \r\n {isEdit ? (\r\n \r\n {valueForm&&setAttachment()}\r\n \r\n )}\r\n \r\n
หมายเหตุ / Note: \r\n
\r\n รองรับได้สูงสุด 250 MB ต่อไฟล์ / The maximum file size is 250 MB (per file). \r\n ความเร็วและข้อผิดพลาดในการอัพโหลด/ดาวน์โหลดไฟล์ขนาดใหญ่ ขึ้นอยู่กับอินเตอร์เน็ตที่ท่านใช้งาน / The speed and error in uploading or downloading depend on your internet connection. \r\n \r\n
\r\n {commentAttachments.length ? \r\n \r\n \r\n \r\n {\r\n valueForm.comments.map(a => {\r\n let files = commentAttachments.filter(x => x.commentId === a.id)\r\n if (files.length) {\r\n return(\r\n \r\n \r\n {a.createdByName} \r\n {a.createdDate} \r\n
\r\n \r\n {\r\n files.map((f,i) => \r\n \r\n {/* {f.originalFilename}