\r\n
\r\n \r\n \r\n \r\n \r\n {values.showPassword1 ?
\r\n \r\n \r\n \r\n {values.showPassword2 ?
\r\n \r\n \r\n \r\n {values.showPassword3 ?
\r\n \r\n ※ 허용 특수문자 : "!", "@", "#", "$", "%", "&",\r\n "*", "?"\r\n \r\n\r\n \r\n \r\n {values.isLoading ? \r\n {' '}\r\n 닫기{' '}\r\n \r\n
\r\n - \r\n {topMenu.map((it) =>\r\n selectItem === it.MENU_ID ? (\r\n
- \r\n {it.MENU_NAME}\r\n \r\n ),\r\n )}\r\n
\r\n \r\n
\r\n\r\n \r\n {/* {timeFormat(logOutTime)} */}\r\n {userName}\r\n \r\n {/* full/origin 버튼 */}\r\n {values.fullScreenMode === false ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { List, ListItem, Collapse } from '@material-ui/core';\r\nimport { ExpandLess, ExpandMore } from '@material-ui/icons';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport _ from 'lodash';\r\nimport useMenuLoad from 'src/framework/core/hooks/useMenuLoad';\r\n\r\nconst MenuSide = (props) => {\r\n const { values, setMenuState, handleClick } = props;\r\n const selectedTop = values.menuTop;\r\n const menuList = props.items;\r\n const [sideMenu, setSideMenu] = React.useState({}); // 3 level 메뉴가 있을 경우 사용\r\n // const sideMenuList = _.filter(menuList, function (item) { return (item.MNU_ID.substring(0,4) === selectedTop.substring(0,4)) > 0 && item.LVL > 2;});\r\n const sideMenutTitle = menuList.filter((it) => it.MENU_ID === selectedTop);\r\n const newMenuList = useMenuLoad()\r\n .Flat2Hierarchy4Args(menuList)\r\n .filter((item) => item.MENU_ID === selectedTop);\r\n const favoritMenu = useSelector((state) => state.favoritMenu).dataList;\r\n // const favoritMenu2 = useMenuLoad().LoadFavoritMenu();\r\n // if(Array.isArray(favoritMenu) && favoritMenu.length > 0) favoritMenu.map((item, index)=>(console.log(index, item)))\r\n\r\n const handleLocalClick = (item) => {\r\n const newData = { ...sideMenu, [item]: !sideMenu[item] };\r\n setSideMenu(newData);\r\n };\r\n const onClickSideTab = (e) => {\r\n setMenuState({\r\n ...values,\r\n sideTabMenuSelected: e.target.attributes.data.value, // 사이드 메뉴 상단 탭 설정\r\n });\r\n };\r\n const changeSideMenuAutoHidden = () => {\r\n setMenuState({\r\n ...values,\r\n sideMenuAutoHidden: !values.sideMenuAutoHidden, // 자동 숨김 설정 여부\r\n collapsed: !values.sideMenuAutoHidden, // 자동 숨김 설정에 따라 사이드 메뉴 숨김/표시\r\n });\r\n };\r\n // material-ui를 이용한 측면 메뉴 생성 함수 (측면 메뉴 콤포넌트)\r\n const sideMenuHandle = (menuArr, handleClick) => {\r\n if (menuArr && menuArr.children && menuArr.children.length > 0) {\r\n return menuArr.children.map((item, index) => {\r\n if (!item.children || item.children.length === 0) {\r\n return (\r\n \r\n handleLocalClick(item.MENU_ID)}\r\n >\r\n {item.MENU_NAME} {sideMenu[item.MENU_ID] ? \r\n {sideMenuHandle(item, handleClick)}\r\n \r\n
\r\n );\r\n });\r\n }\r\n return null;\r\n };\r\n\r\n // useEffect(() => {\r\n // console.log('컴포넌트가 화면에 나타남', selectedTop);\r\n // return () => {\r\n // console.log('컴포넌트가 화면에서 사라짐', selectedTop);\r\n // };\r\n // }, [selectedTop]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nMenuSide.defaultProps = {\r\n item: 'A0100000000',\r\n};\r\n\r\n/**\r\n * 즐겨찾기, 2단메뉴, 메뉴 검색을 선택하는 탭메뉴 콤포넌트\r\n */\r\nconst SideTabMenuComponent = React.memo((props) => {\r\n const { sidetabmenuSelected, onClick } = props;\r\n const sideTabMenuLinks = [\r\n { idx: 1, key: 'sideTabMenu10', name: '즐겨찾기' },\r\n { idx: 2, key: 'sideTabMenu20', name: '메뉴' },\r\n { idx: 3, key: 'sideTabMenu30', name: '메뉴 검색' },\r\n ];\r\n return (\r\n <>\r\n {sideTabMenuLinks.map((item) =>\r\n sidetabmenuSelected === item.key ? (\r\n \r\n
\r\n {values.sideTabMenuSelected === 'sideTabMenu10' ? (\r\n - \r\n
\r\n \r\n 즐겨찾기\r\n {/*
\r\n
\r\n ) : values.sideTabMenuSelected === 'sideTabMenu20' ? (\r\n \r\n 즐겨찾기\r\n {/*
\r\n \r\n
\r\n \r\n \r\n {sideMenutTitle && sideMenutTitle.length > 0 ? sideMenutTitle[0].MENU_NAME : ''}\r\n {/*
\r\n
\r\n ) : (\r\n \r\n {sideMenutTitle && sideMenutTitle.length > 0 ? sideMenutTitle[0].MENU_NAME : ''}\r\n {/*
\r\n - {sideMenuHandle(newMenuList[0], handleClick)}
\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 {Array.isArray(favoritMenu) && favoritMenu.length > 0\r\n ? favoritMenu.map((item) => (\r\n
\r\n
\r\n \r\n );\r\n});\r\n\r\nexport default MenuSide;\r\n","import React from 'react';\r\n/**\r\n * 레이아뭇 하단의 카피라이트 정보 출력하는 콤포넌트\r\n * @returns 콤포넌트\r\n */\r\nexport default function Copyrights() {\r\n return (\r\n - \r\n {Array.isArray(searchMenuList) && searchMenuList.length > 0\r\n ? searchMenuList.map((item) => (\r\n
\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { removeTab, selectTab } from 'src/framework/core/reducers/TabReducer';\r\n\r\nfunction TabHeader({ item, hideSideMenuClick }) {\r\n const dispatcher = useDispatch();\r\n const onClosed = (id) => dispatcher(removeTab(item.id));\r\n const dispacherSelect = (id) => dispatcher(selectTab(item.id));\r\n\r\n const onClose = (e) => {\r\n onClosed(e.target.value);\r\n hideSideMenuClick();\r\n };\r\n\r\n const labelClick = (e) => {\r\n dispacherSelect(e.target.value);\r\n hideSideMenuClick();\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {item.id === 0 ? null : (\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default TabHeader;\r\n","import React from 'react'; // useLayoutEffect\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport ISOAxios, { DataPackage } from '../apis/ISOAxios';\r\nimport { add } from '../reducers/PageRoleReducer';\r\n\r\n/**\r\n * 프로그램 페이지에 접근 가능한지 여부 및 CRUD를 확인한다.\r\n * @param {*} MNU_ID\r\n */\r\nexport default function usePageRole(MNU_ID) {\r\n const dispatcher = useDispatch();\r\n const roles = useSelector((state) => state.pageRole.roles);\r\n const addRole = async (item) => dispatcher(add(item));\r\n let pageRole = null;\r\n\r\n /**\r\n * 내부에 memoize 사용\r\n * 인증 설정 영역의 데이타 규격 확인 :: BIZ SYS050.SelectItem\r\n * 메뉴 로드 중에 권한 정보를 포함한다면 API 호출 없이 권한 확인\r\n * @param {*} callback\r\n */\r\n const fetchPageRole = async (callback) => {\r\n let params = DataPackage.create('SYS050', 'SelectItem');\r\n // params.KeyValues.push(DataPackage.NewKeyValue('PLT_ID', userInfo.user.PLT_ID || ''));\r\n params.KeyValues.push(DataPackage.NewKeyValue('MENU_ID', MNU_ID));\r\n try {\r\n const response = await ISOAxios.Execute(params);\r\n if (response) {\r\n if (typeof callback === 'function') callback(response, null);\r\n }\r\n } catch (e) {\r\n if (typeof callback === 'function') callback(null, e);\r\n }\r\n };\r\n\r\n /**\r\n * API Server에 해당 정보를 전송하여 확인 한다.\r\n */\r\n const loadButtonRoleData = async () => {\r\n await fetchPageRole((ret, err) => {\r\n if (err) {\r\n //\r\n } else {\r\n try {\r\n const returnData = ret.JsonData; // 리턴 데이타 구조에 맞게 수정\r\n let role = [];\r\n returnData.map((e) => {\r\n role.push(e.BTN_TYPE);\r\n });\r\n let menuItem = { [MNU_ID]: role };\r\n const temp = addRole(menuItem);\r\n // console.log(\"addRole\", temp, roles);\r\n pageRole = menuItem;\r\n } catch (e) {\r\n //\r\n }\r\n }\r\n });\r\n };\r\n\r\n // useLayoutEffect(() => {\r\n // console.log('useLayoutEffect')\r\n // })\r\n\r\n const loadRole = () => roles.filter((item) => Object.keys(item)[0] === MNU_ID);\r\n\r\n const checkRole = () => {\r\n let chk = loadRole();\r\n // console.log(\"checkRole\", roles, chk);\r\n if (chk?.length > 0 && Object.keys(chk)[0] === MNU_ID) return true;\r\n return false;\r\n };\r\n\r\n React.useEffect(() => {\r\n try {\r\n if (MNU_ID !== 'home') {\r\n if (checkRole() === false) loadButtonRoleData();\r\n pageRole = loadRole()[0];\r\n }\r\n } catch (e) {\r\n // console.log(e);\r\n }\r\n }, []);\r\n\r\n return pageRole;\r\n}\r\n","import React from 'react';\r\nimport { Fade } from '@material-ui/core';\r\nimport usePageInfo from 'src/framework/core/hooks/usePageInfo';\r\nimport useMenuLoad from 'src/framework/core/hooks/useMenuLoad';\r\n\r\nconst TabPanel = ({ item, hideSideMenuClick }) => {\r\n const { pageInfo } = usePageInfo();\r\n const { SetFavoritMenu, LoadFavoritMenu } = useMenuLoad();\r\n const LoadableTabview = item.contents;\r\n const displayPath = item.NAME_PATH === undefined ? null : item.NAME_PATH.split('>');\r\n const liArray = !displayPath ? null : displayPath.map((e, index) => Copyright ⓒ {process.env.REACT_APP_COPYRIGHTS_YEAR} {process.env.REACT_APP_COMPANY_NAME}. All rights reserved.
\r\n Ver. {process.env.REACT_APP_VERSION}
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default TabPanel;\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport useMenuLoad from './useMenuLoad';\r\nimport usePageRole from './usePageRole';\r\n\r\n/**\r\n * Redux(Reducer) Tabs 조회하여 현재 페이지의 정보를 담아두는 영역\r\n */\r\nexport default function usePageInfo() {\r\n const [pageInfo, setPageInfo] = React.useState('');\r\n const tabs = useSelector((state) => state.tabs);\r\n const { MenuLoad } = useMenuLoad();\r\n // const { t } = useI18n();\r\n const menuList = JSON.parse(MenuLoad());\r\n const menuIdItem = [];\r\n const BUTTON_ROLE_CONTROL = process.env.REACT_APP_BUTTON_ROLE_CONTROL || false; // 버튼 권한 설정 적용여부\r\n\r\n const findMenuItem = () => {\r\n try {\r\n const tmp = menuList.filter((item) => item.MNU_ID === menuIdItem[menuIdItem.length - 1]);\r\n if (tmp && tmp.lenght > 0 && tmp[0].PRNT_MNU_ID && tmp[0].PRNT_MNU_ID.length > 1) {\r\n menuIdItem.push(tmp[0].PRNT_MNU_ID);\r\n findMenuItem();\r\n }\r\n } catch (error) {\r\n //\r\n }\r\n };\r\n\r\n try {\r\n if (tabs && Array.isArray(tabs.tabList) && tabs.tabList.length > 0) {\r\n const activeTab = tabs.tabList.filter((item) => item.isActive === true)[0];\r\n if (pageInfo === '') {\r\n // 초기상태이면\r\n setPageInfo(activeTab);\r\n } else if (pageInfo.menuId !== activeTab.menuId) {\r\n setPageInfo(activeTab);\r\n }\r\n // console.log(\"usePageInfo --> pageInfo, activeTab \", pageInfo, activeTab);\r\n }\r\n\r\n if (pageInfo && pageInfo.menuId && pageInfo.menuId.length > 0 && !pageInfo.pageTitle) {\r\n menuIdItem.push(pageInfo.menuId);\r\n findMenuItem();\r\n }\r\n } catch (error) {\r\n // console.log(\"error\", error);\r\n }\r\n\r\n /// 현재 페이지의 버튼 권한 정보를 수집하여 스토어에 저장한다.\r\n if (BUTTON_ROLE_CONTROL) {\r\n const pageRole = usePageRole(pageInfo.menuId);\r\n }\r\n React.useMemo(() => [pageInfo], []);\r\n return { pageInfo };\r\n}\r\n","import 'src/styles/style.css';\r\nimport React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport TabHeader from './TabHeader';\r\nimport TabPanel from './TabPanel';\r\nimport { nextTab, prevTab, removeTab, removeAll, selectTab } from 'src/framework/core/reducers/TabReducer';\r\n\r\nfunction getActPage(items) {\r\n return items.filter((f) => f.isActive === true)[0];\r\n}\r\n\r\nconst TabItem = ({ items, hideSideMenuClick }) => {\r\n const dispathcer = useDispatch();\r\n const dispachPrev = (id) => dispathcer(prevTab(id));\r\n const dispachNext = (id) => dispathcer(nextTab(id));\r\n const removeAllTab = () => dispathcer(removeAll());\r\n\r\n const onPrevClick = (e) => {\r\n const activePage = getActPage(items);\r\n dispachPrev(activePage.id);\r\n };\r\n\r\n const onNextClick = (e) => {\r\n const activePage = getActPage(items);\r\n dispachNext(activePage.id);\r\n };\r\n\r\n const onRemoveAllClick = () => {\r\n removeAllTab();\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n - \r\n {liArray}\r\n {item.id === 0 ? '' :
- {item.PROGRAM_ID} }\r\n
- \r\n {/*
- 새로고침 */}\r\n
- \r\n \r\n {favActive.text}\r\n {favActive.text}\r\n \r\n \r\n {/*
- 도움말 */}\r\n
\r\n \r\n \r\n {/*
\r\n \r\n
\r\n {items.map((item) => (\r\n \r\n
\r\n - \r\n {items.map((item, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ))}\r\n \r\n );\r\n};\r\n\r\nexport default TabItem;\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport TabItem from './TabItem';\r\n\r\nfunction TabList({ hideSideMenuClick }) {\r\n const tabData = useSelector((state) => state.tabs);\r\n return (\r\n <>\r\n \r\n \r\n \r\n {/* {React.createElement(menuState.collapsed ? FormatIndentDecreaseIcon : FormatIndentIncreaseIcon, { className: 'trigger', onClick: toggle })} */}\r\n \r\n ![\"\"](\"logo.png\")
\r\n \r\n
\r\n \r\n \r\n {messgaeInfo.message}
\r\n \r\n \r\n );\r\n});\r\n\r\nexport default DefaultLayout;\r\n","import React, { useEffect } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport LoginForm from 'src/framework/layout/LoginForm';\r\nimport DefaultLayout from 'src/framework/layout/DefaultLayout/index';\r\n\r\nexport default function Login() {\r\n const userInfo = useSelector((state) => state.user);\r\n\r\n useEffect(() => {});\r\n\r\n return userInfo.isLoggedIn ? - \r\n
- CSV Export \r\n
\r\n \r\n \r\n {this.props.title ? this.props.title : this.props.children}\r\n \r\n \r\n \r\n {this.props.contents ? this.props.contents : this.props.children}\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\nISOConfirmDialog.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n onInit: PropTypes.func,\r\n onConfirmClick: PropTypes.func,\r\n onCloseClick: PropTypes.func,\r\n};\r\n\r\nISOConfirmDialog.defaultProps = {\r\n title: '제목',\r\n onInit: null,\r\n onConfirmClick: null,\r\n onCloseClick: null,\r\n};\r\n\r\nexport default ISOConfirmDialog;\r\n","/* eslint-disable no-console */\r\n/* eslint-disable consistent-return */\r\n/* eslint-disable no-alert */\r\n// import base64 from 'base-64';\r\n\r\n/**\r\n * 로컬 스토리지 저장관련 처리\r\n * 로컬 스토리지는 base64Encode를 지원하지 않는 것 같다.\r\n * @param {*} name\r\n */\r\nexport default function useLocalStorage() {\r\n const localStorageSave = (name, value) => {\r\n try {\r\n if (typeof (localStorage) === 'undefined') { alert('localStorage 를 지원합니다'); return; }\r\n const data = typeof (value) !== 'string' ? JSON.stringify(value) : value;\r\n localStorage.setItem(name, data);\r\n } catch (e) {\r\n console.log(e.ErrorMessage);\r\n }\r\n };\r\n const localStorageLoad = (name) => {\r\n try {\r\n if (typeof (localStorage) === 'undefined') { alert('localStorage 를 지원합니다'); return; }\r\n return localStorage.getItem(name);\r\n } catch (e) {\r\n return e.ErrorMessage;\r\n }\r\n };\r\n const localStorageRemove = (name) => {\r\n try {\r\n if (typeof (localStorage) === 'undefined') { alert('localStorage 를 지원합니다'); return; }\r\n localStorage.removeItem(name);\r\n } catch (e) {\r\n alert(e.ErrorMessage);\r\n }\r\n };\r\n\r\n return {\r\n localStorageSave,\r\n localStorageLoad,\r\n localStorageRemove,\r\n };\r\n}\r\n\r\nexport function StorageSave(name, value) {\r\n try {\r\n if (typeof (localStorage) === 'undefined') { alert('localStorage 를 지원합니다'); return; }\r\n const data = typeof (value) !== 'string' ? JSON.stringify(value) : value;\r\n localStorage.setItem(name, data);\r\n } catch (e) {\r\n console.log(e.ErrorMessage);\r\n }\r\n}\r\nexport function StorageLoad(name) {\r\n try {\r\n if (typeof (localStorage) === 'undefined') { alert('localStorage 를 지원합니다'); return; }\r\n return localStorage.getItem(name);\r\n } catch (e) {\r\n return e.ErrorMessage;\r\n }\r\n}\r\nexport function StorageRemove(name) {\r\n try {\r\n if (typeof (localStorage) === 'undefined') { alert('localStorage 를 지원합니다'); return; }\r\n localStorage.removeItem(name);\r\n } catch (e) {\r\n alert(e.ErrorMessage);\r\n }\r\n}\r\n","import React from 'react';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport PropTypes from 'prop-types';\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport ISOButton from './ISOButton';\r\nimport { divName, e3 } from 'src/framework/core/utils/utils';\r\nimport { PaperComponent, Transition, ISODialogTitle } from './ISODialog/common';\r\n\r\nclass ISOAlert extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isOpen: true,\r\n };\r\n }\r\n\r\n close = () => {\r\n this.setState({\r\n isOpen: false,\r\n });\r\n e3.ui.removeElementReconfirm(divName.alertDivName);\r\n };\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n onSaveClick()}> \r\n setIsOpen(false)}> \r\n
\r\n \r\n \r\n {props.name || '첨부파일'} 추가{' '}\r\n \r\n
\r\n\r\n \r\n {data.type.indexOf('image') > -1 && (\r\n removeFile(data.name)}\r\n >\r\n {' '}\r\n X{' '}\r\n
\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n downloadFile(data.rename, data.seq)}\r\n className=\"file-download\"\r\n >\r\n {' '}\r\n 다운로드{' '}\r\n \r\n
\r\n \r\n );\r\n }\r\n })}\r\n \r\n \r\n );\r\n});\r\n\r\nexport default AttachFile;\r\n","import React from 'react';\r\nimport Draggable from 'react-draggable';\r\nimport { withStyles, makeStyles } from '@material-ui/core/styles';\r\nimport MuiDialogTitle from '@material-ui/core/DialogTitle';\r\nimport MuiDialogActions from '@material-ui/core/DialogActions';\r\nimport MuiDialogContent from '@material-ui/core/DialogContent';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Slide from '@material-ui/core/Slide';\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n margin: {\r\n margin: theme.spacing(1),\r\n },\r\n extendedIcon: {\r\n marginRight: theme.spacing(1),\r\n },\r\n}));\r\n\r\nfunction PaperComponent(props) {\r\n const handleId = `#${props['aria-labelledby']}`;\r\n return (\r\n \r\n \r\n \r\n {data.name}\r\n ({fileSize(data.size)}){' '}\r\n {data.invalid && ({errorMessage})}\r\n removeFile(data.name)}\r\n >\r\n {' '}\r\n X{' '}\r\n
\r\n ~
에 해당하는 material-ui Component\r\n * @param {*} props\r\n */\r\nfunction DialogText(props) {\r\n return (\r\n <>\r\n */}\r\n {/*
*/}\r\n \r\n );\r\n\r\n render() {\r\n const { textLabel, ...other } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.textLabel ? (\r\n <>\r\n 오늘
*/}\r\n {/* 닫기
*/}\r\n {/* \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default React.forwardRef(ISOPopup);\r\n","/* eslint-disable react/no-unused-state */\r\nimport React from 'react';\r\nimport JqxTreeGrid, { ITreeGridProps, jqx } from 'jqwidgets-scripts/jqwidgets-react-tsx/jqxtreegrid';\r\nimport PropTypes from 'prop-types';\r\n\r\n/**\r\n * E3 TreeGrid Component\r\n */\r\nclass ISOTreeGrid extends React.PureComponent {\r\n treeGrid;\r\n\r\n /**\r\n * constructor\r\n * @param props\r\n */\r\n constructor(props) {\r\n super(props);\r\n\r\n this.tmp = React.createRef(JqxTreeGrid);\r\n\r\n this.setDataBinding = this.setDataBinding.bind(this);\r\n this.addRow = this.addRow.bind(this);\r\n this.addrow = this.addrow.bind(this);\r\n this.clearSelection = this.clearSelection.bind(this);\r\n this.clear = this.clear.bind(this);\r\n this.checkRow = this.checkRow.bind(this);\r\n this.collapseRow = this.collapseRow.bind(this);\r\n this.collapseAll = this.collapseAll.bind(this);\r\n this.destroy = this.destroy.bind(this);\r\n this.deleteRow = this.deleteRow.bind(this);\r\n this.expandRow = this.expandRow.bind(this);\r\n this.expandAll = this.expandAll.bind(this);\r\n\r\n this.state = {\r\n columns: this.props.columns,\r\n columnGroups: this.props.columnGroups,\r\n source: {\r\n localData: {},\r\n },\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.treeGrid = this.tmp.current;\r\n }\r\n\r\n /**\r\n * set source value of state\r\n * @param {*} datasource object\r\n * @returns :: no returtn\r\n */\r\n setDataBinding = (datasource) => {\r\n if (!datasource) return;\r\n const source = new jqx.dataAdapter(datasource);\r\n this.setState({\r\n source: source,\r\n });\r\n };\r\n\r\n /**\r\n * Grid Row add\r\n */\r\n addRow = () => {\r\n this.treeGrid.addRow(0, {}, 'first'); // first, last\r\n };\r\n\r\n /**\r\n * Add Tree Grid(table type) row(tr)\r\n * @param {*} rowKey :: rowData Key\r\n * @param {*} rowData :: All rows object {.....}\r\n * @param {*} rowPosition :: first, last..string value\r\n * @param {*} parent :: parent Key\r\n */\r\n addrow = (rowKey, rowData, rowPosition, parent) => {\r\n if (parent) {\r\n this.treeGrid?.addRow(rowKey, rowData, rowPosition, parent);\r\n } else {\r\n this.treeGrid?.addRow(rowKey, rowData, rowPosition);\r\n }\r\n };\r\n\r\n /**\r\n * Grid Selected Row clear\r\n */\r\n clearSelection = () => {\r\n this.treeGrid.clearSelection();\r\n };\r\n\r\n /**\r\n * Grid clear\r\n */\r\n clear = () => {\r\n this.treeGrid.clear();\r\n };\r\n\r\n /**\r\n * Grid Row Check\r\n * @param rowId\r\n */\r\n checkRow = (rowId) => {\r\n this.treeGrid.checkRow(rowId);\r\n };\r\n\r\n /**\r\n * Grid row Collapse\r\n * @param rowId\r\n */\r\n collapseRow = (rowId) => {\r\n this.treeGrid?.collapseRow(rowId);\r\n };\r\n\r\n /**\r\n * Grid Row Collaspse All\r\n */\r\n collapseAll = () => {\r\n this.treeGrid?.collapseAll();\r\n };\r\n\r\n /**\r\n * ref Component destroy\r\n */\r\n destroy = () => {\r\n this.treeGrid?.destroy();\r\n };\r\n\r\n /**\r\n * Grid Row Delete\r\n * @param rowId\r\n */\r\n deleteRow = (rowId) => {\r\n this.treeGrid?.deleteRow(rowId);\r\n };\r\n\r\n /**\r\n * Grid Row Expand\r\n * @param rowId\r\n */\r\n expandRow = (rowId) => {\r\n this.treeGrid?.expandRow(rowId);\r\n };\r\n /**\r\n * Grid All Expand\r\n */\r\n expandAll = () => {\r\n this.treeGrid?.expandAll();\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {title} \r\n \r\n \r\n \r\n \r\n \r\n \r\n {actionChildren ? (\r\n actionChildren\r\n ) : (\r\n <>\r\n \r\n {acceptBtnLabel ? acceptBtnLabel : '확인'}\r\n \r\n {\r\n if (onClose) {\r\n onClose();\r\n }\r\n handleClose();\r\n }}\r\n >\r\n {closeBtnLabel ? closeBtnLabel : '닫기'}\r\n \r\n \r\n )}\r\n \r\n
\r\n {props.children}
\r\n \r\n
\r\n ))}\r\n \r\n \r\n \r\n \r\n {data.name}\r\n ({e3.sizeToText(data.size)}) {data.invalid && ({errorMessage})}\r\n downloadFile(data.rename, data.seq)}\r\n className=\"file-download\"\r\n >\r\n {' Download '}\r\n \r\n
\r\n removeFile(data.name)}>\r\n {' X '}\r\n
\r\n \r\n {\r\n refFileInput.current.click();\r\n }}\r\n >\r\n 첨부파일 추가\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default React.forwardRef(ISOFile);\r\n","import React from 'react';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport { e3, alertType, jsonCheck } from 'src/framework/core/utils/utils';\r\nimport { ISOTableGridCell } from 'src/framework/components/controls';\r\nimport JqxMenu from 'jqwidgets-scripts/jqwidgets-react-tsx/jqxmenu';\r\nimport GridContextMenu from '../GridContextMenu';\r\nimport ISOUtils from 'src/framework/core/utils/ISOUtils';\r\n\r\nclass ISOTableGrid extends React.PureComponent {\r\n contextMenu = React.createRef(GridContextMenu);\r\n mergeBaseCell = {};\r\n subTotalMark = {};\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n customRender: false,\r\n isMultiSelect: props.isMultiSelect ? props.isMultiSelect : false,\r\n selected: [],\r\n selectedCell: -1,\r\n mergeColumns: [],\r\n columnGroups: [],\r\n subTotalColumn: {},\r\n totalColumn: {},\r\n columns: [],\r\n source: [],\r\n originalSource: [],\r\n headerInfo: [],\r\n rowInfo: [],\r\n lastSelectedIndex: -1,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.allowContext === true) {\r\n document.addEventListener('contextmenu', (event) => event.preventDefault());\r\n }\r\n }\r\n\r\n setSubTotalColumn = ({ summaryType, baseField, labelField, label, labelColSpan, targetColumns = [] }) => {\r\n this.state.subTotalColumn.summaryType = summaryType;\r\n this.state.subTotalColumn.baseField = baseField;\r\n this.state.subTotalColumn.labelField = labelField;\r\n this.state.subTotalColumn.label = label;\r\n this.state.subTotalColumn.labelColSpan = labelColSpan;\r\n this.state.subTotalColumn.targetColumns = targetColumns;\r\n };\r\n\r\n setTotalColumn = ({ summaryType, labelField, label, labelColSpan, targetColumns = [] }) => {\r\n this.state.totalColumn.summaryType = summaryType;\r\n this.state.totalColumn.labelField = labelField;\r\n this.state.totalColumn.label = label;\r\n this.state.totalColumn.labelColSpan = labelColSpan;\r\n this.state.totalColumn.targetColumns = targetColumns;\r\n };\r\n\r\n addMergeColumns = (params) => {\r\n this.setState({ mergeColumns: params });\r\n };\r\n\r\n addColumnGroups = (params) => {\r\n try {\r\n this.state.columnGroups = params;\r\n this.initHeaderInfo();\r\n } catch (error) {\r\n e3.modal.alert(alertType.Error, error.message);\r\n }\r\n };\r\n\r\n addColumns = (params) => {\r\n try {\r\n this.state.columns = params;\r\n this.initHeaderInfo();\r\n } catch (error) {\r\n e3.modal.alert(alertType.Error, error.message);\r\n }\r\n };\r\n\r\n setDataBinding = async (params) => {\r\n params = jsonCheck(params);\r\n try {\r\n e3.appendProperty(params, 'RowState', ISOUtils.tableGrid.RowState.Unchanged);\r\n\r\n this.state.originalSource = params;\r\n let viewSource = params.slice();\r\n\r\n if (Object.getOwnPropertyNames(this.state.subTotalColumn).length > 0 && params.length > 0) {\r\n this.createSubTotalData(viewSource);\r\n }\r\n\r\n if (Object.getOwnPropertyNames(this.state.totalColumn).length > 0 && params.length > 0) {\r\n this.createTotalData(viewSource);\r\n }\r\n\r\n this.state.source = viewSource;\r\n\r\n this.createBodyInfo();\r\n\r\n this.setState({ customRender: !this.state.customRender });\r\n } catch (error) {\r\n e3.modal.alert(alertType.Error, error.message);\r\n }\r\n };\r\n\r\n getRowData = (rowindex) => {\r\n return this.state.source[rowindex];\r\n };\r\n\r\n getCellData = (rowIndex, cellIndex) => {\r\n const columnName = getColumnNameByIndex(cellIndex);\r\n if (this.state.source && this.state.source.length > rowIndex && this.state.source[rowIndex]) {\r\n return this.state.source[rowIndex][columnName];\r\n }\r\n return null;\r\n };\r\n\r\n getColumnNameByIndex = (cellIndex) => {\r\n const columnName = this.state.columns.filter((item) => item.visible)[cellIndex]?.dataField;\r\n return columnName || '';\r\n };\r\n\r\n getColumnLabelByIndex = (cellIndex) => {\r\n const columnLabel = this.state.columns.filter((item) => item.visible)[cellIndex]?.label;\r\n return columnLabel || '';\r\n };\r\n\r\n getSelectedRowIndex = () => {\r\n return this.state.lastSelectedIndex;\r\n };\r\n\r\n getSelectedCellIndex = () => {\r\n return this.state.selectedCell;\r\n };\r\n\r\n onRowClick = async (e) => {\r\n if (this.props.onRowClick) {\r\n this.props.onRowClick(e);\r\n }\r\n };\r\n\r\n onMouseDown = async (e) => {\r\n try {\r\n if (e.nativeEvent.button === 2 && this.props.allowContext === true) {\r\n this.contextMenu.current.openMenu(e.clientX, e.clientY);\r\n // const scrollTop = window.scrollY;\r\n // const scrollLeft = window.scrollX;\r\n // this.contextMenu.current.open(\r\n // parseInt(e.clientX, 10) + 5 + scrollLeft,\r\n // parseInt(e.clientY, 10) + 5 + scrollTop,\r\n // );\r\n }\r\n } catch (error) {\r\n e3.modal.alert(alertType.Error, error.message);\r\n }\r\n };\r\n\r\n onCellClick = async (e) => {\r\n let newSelected = [];\r\n let currentIndex = parseInt(e.currentTarget.attributes.rowindex.value);\r\n let currentCellIndex = parseInt(e.currentTarget.attributes.columnindex.value);\r\n if (this.state.isMultiSelect) {\r\n const selectedIndex = this.state.selected.indexOf(currentIndex);\r\n\r\n if (selectedIndex === -1) {\r\n newSelected = newSelected.concat(this.state.selected, currentIndex);\r\n } else if (selectedIndex === 0) {\r\n newSelected = newSelected.concat(this.state.selected.slice(1));\r\n } else if (selectedIndex === this.state.selected.length - 1) {\r\n newSelected = newSelected.concat(this.state.selected.slice(0, -1));\r\n } else if (selectedIndex > 0) {\r\n newSelected = newSelected.concat(\r\n this.state.selected.slice(0, selectedIndex),\r\n this.state.selected.slice(selectedIndex + 1),\r\n );\r\n }\r\n } else {\r\n newSelected.push(currentIndex);\r\n }\r\n\r\n this.state.selected = newSelected;\r\n this.state.lastSelectedIndex = currentIndex;\r\n this.state.selectedCell = currentCellIndex;\r\n\r\n this.setState({ customRender: !this.state.customRender });\r\n\r\n if (this.props.onCellClick) {\r\n this.props.onCellClick(e);\r\n }\r\n };\r\n\r\n checkSelected = (rowindex, columnindex) => {\r\n if (this.props.selectionMode === ISOUtils.tableGrid.SelectionMode.Cell) {\r\n return this.isSelected(rowindex) && this.isSelectedCell(columnindex);\r\n } else {\r\n return this.isSelected(rowindex);\r\n }\r\n };\r\n render() {\r\n return (\r\n \r\n \r\n \r\n {this.createHeader()} \r\n {this.createBody()} \r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n //#region == private function ==\r\n\r\n isSelected = (rowindex) => this.state.selected.indexOf(rowindex) !== -1;\r\n isSelectedCell = (columnindex) => this.state.selectedCell === columnindex;\r\n\r\n initHeaderInfo = () => {\r\n if (this.state.columnGroups.length > 0) {\r\n this.createHeaderInfo();\r\n }\r\n\r\n this.setState({ customRender: !this.state.customRender });\r\n };\r\n\r\n createHeaderInfo = () => {\r\n let headerInfo = [\r\n {\r\n cellInfo: [],\r\n },\r\n {\r\n cellInfo: [],\r\n },\r\n ];\r\n\r\n headerInfo[1].cellInfo = this.state.columns\r\n .filter((column) => column.visible && column.columnGroup)\r\n .map((column) => {\r\n let cellInfo = {};\r\n cellInfo.width = column.width;\r\n cellInfo.label = column.label;\r\n cellInfo.rowSpan = 1;\r\n cellInfo.colSpan = 1;\r\n return cellInfo;\r\n });\r\n\r\n let beforColumnGroupName = '';\r\n\r\n this.state.columns\r\n .filter((column) => column.visible)\r\n .forEach((column) => {\r\n let cellInfo = {};\r\n cellInfo.label = column.label;\r\n\r\n if (column.columnGroup) {\r\n cellInfo.rowSpan = 1;\r\n\r\n if (column.columnGroup === beforColumnGroupName) {\r\n const lastIndex = headerInfo[0].cellInfo.length - 1;\r\n const lastColSpan = headerInfo[0].cellInfo[lastIndex].colSpan;\r\n const lastWidth = headerInfo[0].cellInfo[lastIndex].width;\r\n headerInfo[0].cellInfo[lastIndex].colSpan = lastColSpan + 1;\r\n headerInfo[0].cellInfo[lastIndex].width = lastWidth + column.width;\r\n } else {\r\n cellInfo.colSpan = 1;\r\n cellInfo.label = this.state.columnGroups.find((g) => g.name === column.columnGroup).label;\r\n cellInfo.width = column.width;\r\n headerInfo[0].cellInfo.push(cellInfo);\r\n }\r\n beforColumnGroupName = column.columnGroup;\r\n } else {\r\n cellInfo.width = column.width;\r\n cellInfo.rowSpan = 2;\r\n cellInfo.colSpan = 1;\r\n headerInfo[0].cellInfo.push(cellInfo);\r\n }\r\n });\r\n\r\n this.state.headerInfo = headerInfo;\r\n };\r\n\r\n createHeader = () => {\r\n let headerRows = [];\r\n\r\n if (this.state.columnGroups.length > 0) {\r\n headerRows = this.state.headerInfo.map((info, rowIndex) => (\r\n {value} : value;\r\n }\r\n } catch (error) {\r\n e3.modal.alert(alertType.Error, error.message);\r\n }\r\n };\r\n\r\n createSubTotalData = (source) => {\r\n try {\r\n this.beforRowValue = '';\r\n this.subTotalMark = Object.assign({}, this.state.subTotalColumn);\r\n this.subTotalMark.beforRowValue = '';\r\n this.subTotalMark.targetInfo = [];\r\n\r\n this.state.subTotalColumn.targetColumns.forEach((dataField) => {\r\n let data = {};\r\n data.dataField = dataField;\r\n data.value = 0;\r\n\r\n this.subTotalMark.targetInfo.push(data);\r\n });\r\n\r\n for (let rowindex = 0; rowindex <= source.length; rowindex++) {\r\n if (rowindex === source.length) {\r\n const newRow = this.createSubTotalNewRow(source[0]);\r\n source.splice(rowindex, 0, newRow);\r\n break;\r\n } else if (rowindex > 0) {\r\n if (source[rowindex][this.subTotalMark.baseField] !== this.subTotalMark.beforRowValue) {\r\n const newRow = this.createSubTotalNewRow(source[0]);\r\n source.splice(rowindex, 0, newRow);\r\n rowindex++;\r\n }\r\n }\r\n\r\n this.subTotalMark.beforRowValue = source[rowindex][this.subTotalMark.baseField];\r\n this.subTotalMark.targetInfo.forEach((data) => {\r\n data.value =\r\n (Math.round(parseFloat(data.value) * 100) +\r\n Math.round(parseFloat(source[rowindex][data.dataField]) * 100)) /\r\n 100;\r\n });\r\n }\r\n\r\n this.subTotalMark = {};\r\n } catch (error) {\r\n e3.modal.alert(alertType.Error, error.message);\r\n }\r\n };\r\n\r\n createTotalData = (source) => {\r\n try {\r\n const newRow = e3.cloneObject(source[0]);\r\n\r\n newRow.RowState = ISOUtils.tableGrid.RowState.Total;\r\n newRow[this.state.totalColumn.labelField] = this.state.totalColumn.label;\r\n\r\n this.state.totalColumn.targetColumns.map((dataField) => {\r\n newRow[dataField] = this.state.originalSource.reduce(\r\n (a, v) => (a = (Math.round(parseFloat(a) * 100) + Math.round(parseFloat(v[dataField]) * 100)) / 100),\r\n 0,\r\n );\r\n });\r\n\r\n source.push(newRow);\r\n } catch (error) {\r\n e3.modal.alert(alertType.Error, error.message);\r\n }\r\n };\r\n\r\n createSubTotalNewRow = (baseObj) => {\r\n const newRow = e3.cloneObject(baseObj);\r\n newRow.RowState = ISOUtils.tableGrid.RowState.SubTotal;\r\n newRow[this.subTotalMark.labelField] = this.subTotalMark.label;\r\n this.subTotalMark.targetInfo.forEach((info) => {\r\n newRow[info.dataField] = info.value;\r\n info.value = 0;\r\n });\r\n return newRow;\r\n };\r\n\r\n //#endregion == private function ==\r\n}\r\n\r\nexport default ISOTableGrid;\r\n","import React from 'react';\r\nimport TableCell from '@material-ui/core/TableCell';\r\n\r\nclass ISOTableGridCell extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n 
\r\n
\r\n);\r\n\r\nexport default Loader;\r\n","import React from 'react';\r\nimport ISOAxios, { DataPackage } from '../apis/ISOAxios';\r\nimport { e3, alertType } from 'src/framework/core/utils/utils';\r\n\r\nconst createDataPackage = () => {\r\n let dataPackage = DataPackage.init();\r\n dataPackage.AssemblyName = 'E3.COM.SYS.BIZ.dll';\r\n dataPackage.Namespace = 'E3.COM.SYS.BIZ';\r\n dataPackage.ClassName = 'SYSTEM';\r\n return dataPackage;\r\n};\r\n\r\nconst SysData = {\r\n selectAttachFiles: async (attachSeq) => {\r\n let fileList = [];\r\n try {\r\n let param = createDataPackage();\r\n param.MethodName = 'SelectAttachFiles';\r\n param.KeyValues.push(DataPackage.NewKeyValue('ATTACH_SEQ', attachSeq));\r\n\r\n let response = await ISOAxios.Execute(param);\r\n\r\n let responseJson = response.JsonData;\r\n let file = {};\r\n for (let i = 0; i < responseJson.length; i++) {\r\n file = {\r\n name: responseJson[i]['ORI_FILE_NM'],\r\n size: responseJson[i]['FILE_SIZE'],\r\n type: responseJson[i]['FILE_TYPE'],\r\n path: responseJson[i]['FILE_PATH'],\r\n uploaded: 'Y',\r\n seq: responseJson[i]['ATTACH_FILE_SEQ'],\r\n rename: responseJson[i]['SAVE_FILE_NM'],\r\n };\r\n\r\n fileList.push(file);\r\n }\r\n } catch (error) {\r\n e3.modal.alert(alertType.Error, error.message);\r\n }\r\n\r\n return fileList;\r\n },\r\n saveAttachInfo: async (attachGroupSeq, fileInfo) => {\r\n try {\r\n let param = createDataPackage();\r\n param.MethodName = 'SaveAttach';\r\n\r\n param.KeyValues.push(DataPackage.NewKeyValue('ATTACH_SEQ', attachGroupSeq));\r\n param.JsonData = JSON.stringify(fileInfo);\r\n\r\n return await ISOAxios.Execute(param);\r\n } catch (error) {\r\n e3.modal.alert(alertType.Error, error.message);\r\n }\r\n },\r\n // selectMenus: async () => {\r\n // try {\r\n // let param = createDataPackage();\r\n // param.MethodName = 'SelectMenus';\r\n // let response = await ISOAxios.Execute(param);\r\n // return JSON.parse(response.JsonData);\r\n // } catch (error) {\r\n // e3.modal.alert(alertType.Error, error.message);\r\n // }\r\n // },\r\n};\r\n\r\nexport default SysData;\r\n","import { jqx } from 'jqwidgets-scripts/jqwidgets-react-tsx/jqxgrid';\r\n\r\n/**\r\n * column default options;\r\n */\r\nconst columnOpt = {\r\n text: '',\r\n datafield: '',\r\n sortable: true,\r\n columngroup: '',\r\n columntype: 'string', // string, numberinput, date, combobox\r\n cellsrenderer: null,\r\n validation: null,\r\n cellvaluechanging: null,\r\n cellsformat: '',\r\n cellclassname: '',\r\n align: 'center',\r\n cellsalign: 'left',\r\n // width: 150,\r\n resizable: true,\r\n draggable: true,\r\n editable: false,\r\n classname: '',\r\n hidden: false,\r\n buttonclick: null,\r\n pinned: false,\r\n // createeditor: null,\r\n};\r\n\r\nconst columngroupOpt = {\r\n text: '',\r\n align: 'center',\r\n name: '',\r\n parentgroup: '',\r\n};\r\n\r\n/**\r\n * string or array to jaxdatasource\r\n * @param datasource\r\n * @returns {null|*}\r\n */\r\nconst dataAdapter = (datasource) => {\r\n if (!datasource) return null;\r\n\r\n let convertSource = null;\r\n\r\n if (typeof datasource === 'string') {\r\n convertSource = JSON.parse(datasource);\r\n } else {\r\n convertSource = datasource;\r\n }\r\n return new jqx.dataAdapter({\r\n datatype: 'array',\r\n localdata: convertSource,\r\n });\r\n};\r\n\r\n/**\r\n * 칼럼 추가\r\n * @param options\r\n * @returns {{buttonclick: null, datafield: string, hidden: boolean, resizable: boolean, editable: boolean, columngroup: string, sortable: boolean, cellsrenderer: null, align: string, cellclassname: string, draggable: boolean, classname: string, width: number, cellsalign: string, text: string, cellvaluechanging: null, cellsformat: string, validation: null, columntype: string}}\r\n */\r\nconst setColumn = (opt) => {\r\n let target = JSON.parse(JSON.stringify(columnOpt));\r\n\r\n if (opt.datafield && opt.datafield === 'NO') {\r\n opt.width = 50;\r\n opt.cellsalign = 'center';\r\n }\r\n\r\n if (opt.columnType === 'checkbox') {\r\n target.columntype = 'checkbox';\r\n target.threestatecheckbox = false;\r\n }\r\n\r\n // 셀 정렬\r\n if (opt.columnType === 'numberinput' && !opt.cellsalign) {\r\n opt.cellsalign = 'right';\r\n } else if (opt.columnType === 'string' && !opt.cellsalign) {\r\n opt.cellsalign = 'left';\r\n } else if (opt.columnType === 'date' && !opt.cellsalign) {\r\n opt.cellsalign = 'center';\r\n }\r\n\r\n // column format setting\r\n if (opt.columnType === 'date' && !opt.cellsformat) {\r\n opt.cellsformat = 'yyyy-MM-dd HH:mm:ss';\r\n } else if (opt.columnType === 'numberinput' && !opt.cellsformat) {\r\n opt.cellsformat = 'D';\r\n }\r\n\r\n // grid combobax 자동 생성\r\n if (!opt.cellsformat && opt.columnType === 'combobox') {\r\n opt.displayfield = '';\r\n opt.createeditor = (row, value, editor) => {\r\n editor.jqxComboBox({\r\n source: dataAdapter(opt.source),\r\n displayMembuer: 'LABEL',\r\n valueMember: 'VALUE',\r\n });\r\n };\r\n }\r\n\r\n if (opt.width === 0 && !opt.hidden) {\r\n opt.hidden = true;\r\n }\r\n\r\n return { ...target, ...opt };\r\n};\r\n\r\nconst setColumnGroup = (opt) => {\r\n let target = JSON.parse(JSON.stringify(columngroupOpt));\r\n\r\n return { ...target, ...opt };\r\n};\r\n\r\nexport { setColumn, setColumnGroup };\r\n","import _ from 'lodash';\r\nimport { render, unmountComponentAtNode } from 'react-dom';\r\nimport React from 'react';\r\nimport moment from 'moment';\r\nimport ISOConfirmDialog from 'src/framework/components/controls/ISOConfirmDialog';\r\nimport Loader from 'src/framework/components/loaderable/Loader';\r\nimport ISOAlert from 'src/framework/components/controls/ISOAlert';\r\nimport SysData from './SysData';\r\nimport axios from 'axios';\r\nimport { jqxkanbanApi, kanbanApi } from './kanbanApis';\r\nimport { tableGridApi } from './tableGridApis';\r\nimport { setColumn, setColumnGroup } from './gridApis';\r\n\r\nexport { SysData };\r\n\r\n/**\r\n * String to JSON\r\n *\r\n * @param {string}\r\n * @returns {string}\r\n */\r\nexport const jsonCheck = (str) => {\r\n try {\r\n const json = JSON.parse(str);\r\n //console.log(typeof json === 'object');\r\n return json;\r\n } catch (e) {\r\n return str;\r\n }\r\n};\r\nexport const jsonCheckTokenNull = (str) => {\r\n try {\r\n const json = JSON.parse(str);\r\n //console.log(typeof json === 'object');\r\n return json;\r\n } catch (e) {\r\n return str;\r\n }\r\n};\r\n\r\nconst uploadFile = async (file, uploadFileCallback) => {\r\n const API_URL = process.env.REACT_APP_FILESERVICE;\r\n const req = new FormData();\r\n if (file) {\r\n req.append('fileStream', file);\r\n const config = {\r\n headers: {\r\n 'Content-Type': 'application/json; charset=utf-8',\r\n },\r\n };\r\n await axios\r\n .post(`${API_URL}/Upload`, req, config)\r\n .then((res) => {\r\n if (res) {\r\n const ret = jsonCheck(res.data);\r\n\r\n if (!ret.ErrorMessage) {\r\n const fileUploadResult = ret.JsonData;\r\n\r\n if (uploadFileCallback) {\r\n uploadFileCallback(fileUploadResult);\r\n }\r\n } else {\r\n e3.modal.alert(alertType.Error, ret.ErrorMessage);\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n }\r\n};\r\n\r\n/**\r\n * true // console enable\r\n * false // console disable\r\n */\r\nexport const isDebug = () => true;\r\n/**\r\n * Combine paths\r\n *\r\n * @param {string} parent\r\n * @param {string} child\r\n * @returns {string}\r\n */\r\nexport const combinePaths = (parent, child) => `${parent.replace(/\\/$/, '')}/${child.replace(/^\\//, '')}`;\r\n\r\n/**\r\n * Recursively build paths for each navigation item\r\n *\r\n * @param routes\r\n * @param {string} parentPath\r\n * @returns {*}\r\n */\r\nexport const buildPaths = (routes, parentPath = '') =>\r\n routes.map((route) => {\r\n const path = combinePaths(parentPath, route.path);\r\n return {\r\n ...route,\r\n path,\r\n ...(route.routes && { routes: buildPaths(route.routes, path) }),\r\n };\r\n });\r\n\r\n/**\r\n * Recursively provide parent reference for each navigation item\r\n *\r\n * @param routes\r\n * @param parentRoute\r\n * @returns {*}\r\n */\r\nexport const setupParents = (routes, parentRoute = null) =>\r\n routes.map((route) => {\r\n const withParent = {\r\n ...route,\r\n ...(parentRoute && { parent: parentRoute }),\r\n };\r\n return {\r\n ...withParent,\r\n ...(withParent.routes && {\r\n routes: setupParents(withParent.routes, withParent),\r\n }),\r\n };\r\n });\r\n\r\n/**\r\n * Convert navigation tree into flat array\r\n *\r\n * @param routes\r\n * @returns {any[]}\r\n */\r\nexport const flattenRoutes = (routes) =>\r\n routes.map((route) => [route.routes ? flattenRoutes(route.routes) : [], route]).flat(Infinity);\r\n\r\n/**\r\n * Combine all the above functions together\r\n *\r\n * @param routes\r\n * @returns {any[]}\r\n */\r\nexport const generateAppRoutes = (routes) => flattenRoutes(setupParents(buildPaths(routes)));\r\n\r\n/**\r\n * Provides path from root to the element\r\n *\r\n * @param route\r\n * @returns {any[]}\r\n */\r\nconst pathTo = (route) => {\r\n if (!route.parent) {\r\n return [route];\r\n }\r\n return [...pathTo(route.parent), route];\r\n};\r\nexport default pathTo;\r\n\r\n/**\r\n * 그리드 컬럼 정보를 이용하여 이름 정보 확인\r\n * @param {react-data-grid columns} arr\r\n * @param {column key} key\r\n */\r\nexport const getNameFromArray = (arr, key) => arr.filter((it) => it.key === key)[0].name;\r\n\r\nexport const localStorageSave = (name, value) => {\r\n try {\r\n if (typeof localStorage === 'undefined') {\r\n alert('localStorage 를 지원합니다');\r\n return;\r\n }\r\n localStorage.setItem(name, value);\r\n } catch (e) {\r\n alert(e.ErrorMessage);\r\n }\r\n};\r\nexport const localStorageLoad = (name) => {\r\n try {\r\n if (typeof localStorage === 'undefined') {\r\n alert('localStorage 를 지원합니다');\r\n return;\r\n }\r\n // eslint-disable-next-line consistent-return\r\n return localStorage.getItem(name);\r\n } catch (e) {\r\n // eslint-disable-next-line consistent-return\r\n return e.ErrorMessage;\r\n }\r\n};\r\nexport const localStorageRemove = (name) => {\r\n try {\r\n if (typeof localStorage === 'undefined') {\r\n alert('localStorage 를 지원합니다');\r\n return;\r\n }\r\n localStorage.removeItem(name);\r\n } catch (e) {\r\n alert(e.ErrorMessage);\r\n }\r\n};\r\n\r\n/**\r\n * window.location.hostname; // => aaaa.local\r\n * window.location.href; // => http://aaaa.local:8088/test.jsp\r\n * window.location.host; // => aaaa.local:8088\r\n * window.location.port; // => 8088\r\n * window.location.pathname; // => test.jsp\r\n * window.location.search; // => ?gg=1\r\n * window.location.protocol; // => http:\r\n */\r\nexport const getCurrentURL = (def = 'about') => {\r\n const url =\r\n window.location.pathname === '/' ? def : window.location.pathname.substring(1, window.location.pathname.length);\r\n if (url.indexOf('/')) {\r\n const p = url.split('/');\r\n return p[0];\r\n }\r\n return url;\r\n};\r\nexport const getCurrentMenu = () => {\r\n if (window.location.pathname === '/') return null;\r\n return _.filter(JSON.parse(localStorageLoad('MENU')), { RMS: window.location.pathname });\r\n};\r\n\r\nexport const getHeader = (p) => {\r\n const header = new Headers({\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json; charset=utf-8',\r\n 'X-API-Key': '123',\r\n });\r\n return header;\r\n};\r\n\r\nexport const fetchPost = (url, params, callback) => {\r\n const requestOptions = {\r\n method: 'POST',\r\n headers: getHeader(params),\r\n body: JSON.stringify(params),\r\n // mode:\"no-cors\"\r\n };\r\n fetch(url, requestOptions)\r\n .then((response) => response.json())\r\n .then((data) => callback(data, null))\r\n .catch((error) => callback(null, error));\r\n};\r\n\r\nexport const stringifyComponent = (Comp) => {\r\n try {\r\n return JSON.stringify(Comp);\r\n } catch (err) {\r\n return String(Comp);\r\n }\r\n};\r\n\r\nexport const setCookie = (name, value, days = 7) => {\r\n const expires = new Date();\r\n expires.setDate(expires.getDate() + days);\r\n document.cookie = `${name}=${value}; expires=${expires.toUTCString()}; path=/`;\r\n};\r\nexport const getCookie = (name) => {\r\n const cname = `${name}=`;\r\n const ca = document.cookie.split(';');\r\n for (let i = 0; i < ca.length; i++) {\r\n let c = ca[i];\r\n while (c.charAt(0) === ' ') {\r\n c = c.substring(1);\r\n }\r\n if (c.indexOf(cname) === 0) {\r\n return c.substring(cname.length, c.length);\r\n }\r\n }\r\n return '';\r\n};\r\nexport const toggleFullScreen = () => {\r\n let ret = false;\r\n try {\r\n if (!document.fullscreenElement) {\r\n document.documentElement.requestFullscreen();\r\n ret = true;\r\n } else if (document.exitFullscreen) {\r\n document.exitFullscreen();\r\n ret = false;\r\n }\r\n } catch {}\r\n return ret;\r\n};\r\n\r\nexport const paginate = (totalCount, pageblock, pageCurrent, displaypagesize = pageblock) => {\r\n const pageCount = Math.ceil(totalCount / pageblock);\r\n if (pageCount === 1) return null;\r\n const pages = _.range(1, pageCount + 1);\r\n const startIndex = (pageCurrent - 1) * pageblock;\r\n return {\r\n totalCount: totalCount,\r\n pageblock: pageblock,\r\n page: pageCurrent,\r\n itemss: _(pages).slice(startIndex).take(displaypagesize).value(),\r\n };\r\n};\r\nexport const setPageCurrent = () => {\r\n const menuTabs = localStorageLoad('MENUTABS') ? JSON.parse(localStorageLoad('MENUTABS')) : [];\r\n let isNew = true;\r\n let currentMenu = null;\r\n if (getCurrentMenu()) currentMenu = getCurrentMenu()[0];\r\n console.log('currentMenu', currentMenu);\r\n if (currentMenu) {\r\n menuTabs.forEach((element) => {\r\n if (element.RMS === currentMenu.RMS) isNew = false;\r\n });\r\n if (isNew && currentMenu) {\r\n if (menuTabs.length === 10) menuTabs.shift();\r\n menuTabs.push(currentMenu);\r\n localStorageSave('MENUTABS', JSON.stringify(menuTabs));\r\n }\r\n console.log('navigation -> Page -> PageBody Current Menu :', menuTabs);\r\n }\r\n};\r\n\r\nexport const getNameValue = (eventTarget, name = '') => {\r\n const ret = { name: '', value: '', type: '' };\r\n if (name && name.length > 0) {\r\n ret.name = name;\r\n } else {\r\n ret.name = eventTarget.name ? eventTarget.name : eventTarget.id;\r\n }\r\n ret.type = eventTarget.type;\r\n ret.value = eventTarget.value ? eventTarget.value : '';\r\n return ret;\r\n};\r\n\r\nexport const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));\r\n\r\nexport const getYearMonth = () => {\r\n let dte = new Date();\r\n let year = dte.getFullYear();\r\n let month = dte.getMonth() + 1;\r\n month = month < 10 ? `0${month}` : month;\r\n return `${year}-${month}`;\r\n};\r\nexport const getDate = () => {\r\n let todaye = new Date();\r\n let year = todaye.getFullYear();\r\n let month = todaye.getMonth() + 1;\r\n let date = todaye.getDate();\r\n month = month < 10 ? `0${month}` : month;\r\n date = date < 10 ? `0${date}` : date;\r\n return `${year}-${month}-${date}`;\r\n};\r\nexport const getEndDate = (strdate) => {\r\n let v = strdate.split('-');\r\n let enddate = new Date(parseInt(v[0]), parseInt(v[1]), 1 - 1);\r\n return enddate.getDate();\r\n};\r\nexport const getString2Date = (strdate) => {\r\n let v = strdate.split('-');\r\n return new Date(parseInt(v[0]), parseInt(v[1]) - 1, parseInt(v[2]));\r\n};\r\nexport const getInteger2Date = (year, month, date) => new Date(year, month, date);\r\nexport const getString2Day = (strdate) => getString2Date(strdate).getDay();\r\nexport const getInteger2Day = (year, month, date) => getInteger2Date(year, month, date).getDay();\r\n\r\n/**\r\n * XML Escaped character To Original character\r\n * TODO: 태그 변경 시 태그 사이의 공백은 로 변경 적용 필요\r\n *\r\n * @param {string}\r\n * @returns {string}\r\n */\r\nexport const getXmlEscapedToOriginal = (xmlStr) => {\r\n if (xmlStr == null) return \"\";\r\n\r\n return xmlStr\r\n .replace(/'/g, \"'\")\r\n .replace(/"/g, '\"')\r\n .replace(/>/g, \">\")\r\n .replace(/</g, \"<\")\r\n .replace(/&/g, \"&\")\r\n .replace(/ /g, \" \");\r\n};\r\n\r\n/** ****************************\r\n * 상수\r\n ***************************** */\r\nexport const divName = {\r\n conFirmDivName: 'e3-confirm-alert',\r\n alertDivName: 'e3-alert',\r\n loadingDivName: 'e3-loading',\r\n};\r\n\r\nexport const alertType = {\r\n Error: 'error',\r\n Warning: 'warning',\r\n Info: 'info',\r\n Success: 'success',\r\n};\r\n\r\nexport const e3 = {\r\n fileAttach: async (attachGroupSeq, attachFiles, callback) => {\r\n try {\r\n if (attachGroupSeq === '' && attachFiles.length === 0) {\r\n // 단순 callback 수행\r\n if (callback) {\r\n callback(attachGroupSeq);\r\n }\r\n } else {\r\n // 기존 등록 파일목록 저장\r\n let uploadResult = attachFiles.filter((x) => x.seq !== undefined);\r\n\r\n // 신규 파일만 upload && 정보 add\r\n const files = attachFiles.filter((x) => x.seq === undefined);\r\n\r\n for (let i = 0; i < files.length; i++) {\r\n await uploadFile(files[i], (result) => {\r\n let file = {\r\n name: result.OriFileName,\r\n size: result.FileSize + '',\r\n type: '',\r\n path: result.FileName,\r\n uploaded: result.UploadSucceeded ? 'Y' : 'N',\r\n seq: '',\r\n rename: result.RealFileName,\r\n };\r\n uploadResult.splice(uploadResult.length, 0, file);\r\n });\r\n }\r\n let updateResult = await SysData.saveAttachInfo(attachGroupSeq, uploadResult);\r\n if (callback) {\r\n let attachSeq = updateResult.KeyValues[0].Value;\r\n callback(attachSeq, uploadResult);\r\n }\r\n }\r\n } catch (error) {\r\n e3.modal.alert(alertType.Error, error.message);\r\n }\r\n },\r\n sizeToText: (size) => {\r\n if (size === 0) return '0 Bytes';\r\n const k = 1024;\r\n const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];\r\n const i = Math.floor(Math.log(size) / Math.log(k));\r\n return `${parseFloat((size / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;\r\n },\r\n appendProperty: (array, properyName, defaultValue = '') => {\r\n array.map((item) => {\r\n item[properyName] = defaultValue;\r\n });\r\n },\r\n /** ****************************\r\n * Modal\r\n ***************************** */\r\n modal: {\r\n alert: (alertType, contents) => {\r\n const component = \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\nModalOkClose.propTypes = {\r\n isOpen: PropTypes.bool,\r\n title: PropTypes.string,\r\n children: PropTypes.any,\r\n buttonOkTitle: PropTypes.string,\r\n buttonCloseTitle: PropTypes.string,\r\n onModalOkClick: PropTypes.func,\r\n onModalCloseClick: PropTypes.func.isRequired,\r\n buttonAlign: PropTypes.oneOf(['right', 'left', 'center']),\r\n width: PropTypes.number,\r\n height: PropTypes.number,\r\n dialogId: PropTypes.string,\r\n};\r\nModalOkClose.defaultProps = {\r\n isOpen: false,\r\n buttonOkTitle: 'OK',\r\n buttonCloseTitle: 'Close',\r\n buttonAlign: 'right',\r\n width: 600,\r\n height: 400,\r\n dialogId: 'draggable-dialog-okclose',\r\n};\r\n\r\nconst ModalOkCloseRef = React.forwardRef((props, ref) => {\r\n const [isOpen, setIsOpen] = React.useState(false);\r\n React.useImperativeHandle(ref, () => ({\r\n showDialog() {\r\n setIsOpen(true);\r\n },\r\n hideDialog() {\r\n setIsOpen(false);\r\n },\r\n getStateValue() {\r\n return isOpen;\r\n },\r\n }));\r\n return (\r\n <>\r\n \r\n \r\n {props.title}\r\n \r\n \r\n \r\n \r\n \r\n {props.buttonOkTitle}\r\n \r\n \r\n \r\n
\r\n {props.children}
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\nModalOkOnly.propTypes = {\r\n isOpen: PropTypes.bool,\r\n title: PropTypes.string,\r\n children: PropTypes.any,\r\n buttonOkTitle: PropTypes.string,\r\n onModalOkClick: PropTypes.func,\r\n buttonAlign: PropTypes.oneOf(['right', 'left', 'center']),\r\n width: PropTypes.number,\r\n height: PropTypes.number,\r\n dialogId: PropTypes.string,\r\n};\r\nModalOkOnly.defaultProps = {\r\n isOpen: false,\r\n buttonOkTitle: 'OK',\r\n buttonAlign: 'right',\r\n width: 600,\r\n height: 400,\r\n dialogId: 'draggable-dialog-okonly',\r\n};\r\n\r\nconst ModalOkOnlyRef = React.forwardRef((props, ref) => {\r\n const [isOpen, setIsOpen] = React.useState(false);\r\n React.useImperativeHandle(ref, () => ({\r\n showDialog() {\r\n setIsOpen(true);\r\n },\r\n hideDialog() {\r\n setIsOpen(false);\r\n },\r\n getStateValue() {\r\n return isOpen;\r\n },\r\n }));\r\n return (\r\n <>\r\n \r\n \r\n {props.title}\r\n \r\n \r\n \r\n \r\n \r\n {props.buttonOkTitle}\r\n \r\n \r\n
\r\n {props.children}
\r\n \r\n \r\n {isResizeable?\r\n \r\n :\r\n
\r\n );\r\n}\r\nISODialog.propTypes = {\r\n onClose: PropTypes.func,\r\n isOpen: PropTypes.bool,\r\n dialogId: PropTypes.string,\r\n height: PropTypes.number,\r\n width: PropTypes.number,\r\n isResizeable: PropTypes.bool,\r\n};\r\nISODialog.defaultProps = {\r\n isResizeable: true,\r\n height: 600,\r\n width: 400,\r\n};\r\n\r\nexport {\r\n ModalOkOnly,\r\n ModalOkOnlyRef,\r\n ModalOkClose,\r\n ModalOkCloseRef,\r\n ConfirmDialog,\r\n DialogText,\r\n PaperComponent,\r\n ISODialog,\r\n ISODialogTitle,\r\n ISODialogContent,\r\n ISODialogActions,\r\n};\r\n","import React from 'react';\r\n\r\nexport default function Loading(props) {\r\n if (props.error) {\r\n console.log(props.error);\r\n return (\r\n {props.children}
\r\n {props.children}
\r\n }\r\n \r\n \r\n \r\n
\r\n );\r\n } if (props.pastDelay) {\r\n return ERROR
\r\n페이지를 찾을 수 없습니다.
\r\nLoading...
;\r\n }\r\n return null;\r\n}\r\n","/* 액션 타입 선언 */\r\n\r\nimport Loading from 'src/framework/components/loaderable/Loading';\r\nimport Loadable from 'react-loadable';\r\n\r\nconst TABCOUNT = process.env.REACT_APP_TAB_COUNT; //FHD기준\r\n\r\nconst ADD_TAB = 'ADD_TAB';\r\nconst REMOVE_TAB = 'REMOVE_TAB';\r\nconst REMOVE_ALL = 'REMOVE_ALL';\r\nconst SELECT_TAB = 'SELECT_TAB';\r\nconst PREV_TAB = 'PREV_TAB';\r\nconst NEXT_TAB = 'NEXT_TAB';\r\n\r\n/* 액션 생성함수 선언 */\r\nlet nextId = 1;\r\nexport const addTab = (payload) => ({\r\n type: ADD_TAB,\r\n tab: {\r\n id: nextId++, // 새 항목을 추가하고 nextId 값에 1을 더해줍니다.\r\n menuId: payload.MENU_ID,\r\n name: payload.MENU_NAME,\r\n contents: Loadable({\r\n loader: () => import('../../../pages' + payload.PROGRAM_PATH),\r\n loading: Loading,\r\n }),\r\n MNU_ID: payload.MENU_ID,\r\n NAME_PATH: payload.NAME_PATH,\r\n PROGRAM_ID: payload.PROGRAM_ID,\r\n isActive: true,\r\n },\r\n});\r\n\r\nexport const removeTab = (id) => ({\r\n type: REMOVE_TAB,\r\n id: id,\r\n});\r\n\r\nexport const removeAll = () => ({\r\n type: REMOVE_ALL,\r\n});\r\n\r\nexport const selectTab = (id) => ({\r\n type: SELECT_TAB,\r\n id: id,\r\n});\r\n\r\nexport const prevTab = (id) => ({\r\n type: PREV_TAB,\r\n id: id,\r\n});\r\n\r\nexport const nextTab = (id) => ({\r\n type: NEXT_TAB,\r\n id: id,\r\n});\r\n\r\nconst initialState = {\r\n tabList: [\r\n {\r\n id: 0,\r\n menuId: 'home',\r\n name: 'Home',\r\n contents: Loadable({\r\n loader: () => import('../../../pages/Home'),\r\n loading: Loading,\r\n }),\r\n isActive: true,\r\n },\r\n ],\r\n};\r\n\r\nconst prevPage = (tabList, id) => {\r\n const prevPageList = tabList.filter((f) => {\r\n return f.id > 0 && f.id < id;\r\n });\r\n const prevPage = prevPageList[prevPageList.length - 1];\r\n if (prevPage == undefined) {\r\n return 0;\r\n } else {\r\n return prevPage.id;\r\n }\r\n};\r\n\r\nconst nextPage = (tabList, id) => {\r\n const nextPageList = tabList.filter((f) => {\r\n return f.id > id && id < tabList[tabList.length - 1].id;\r\n });\r\n const nextPage = nextPageList[0];\r\n if (nextPage == undefined) {\r\n return id;\r\n } else {\r\n return nextPage.id;\r\n }\r\n};\r\n\r\nexport default function tabReducer(state = initialState, action) {\r\n const tabList = state.tabList;\r\n let isLastPage = true;\r\n switch (action.type) {\r\n case ADD_TAB:\r\n return {\r\n ...state,\r\n tabList:\r\n tabList.filter((e) => {\r\n if (e.menuId == action.tab.menuId) return true;\r\n else return false;\r\n }).length < 1 && tabList.length < TABCOUNT\r\n ? tabList\r\n .map((e) => {\r\n return { ...e, isActive: false };\r\n })\r\n .concat(action.tab)\r\n : tabList.map((e, index, array) => {\r\n if (e.menuId === action.tab.menuId) {\r\n isLastPage = false;\r\n return { ...e, isActive: true };\r\n } else if (e.menuId === array[array.length - 1].menuId && isLastPage) return { ...e, isActive: true };\r\n else return { ...e, isActive: false };\r\n }),\r\n };\r\n case REMOVE_TAB:\r\n return {\r\n ...state,\r\n tabList: tabList\r\n .filter((f, index, array) => {\r\n return f.id !== action.id;\r\n })\r\n .map((e, index, array) => {\r\n if (index === array.length - 1) return { ...e, isActive: true };\r\n else return { ...e, isActive: false };\r\n }),\r\n };\r\n case REMOVE_ALL:\r\n state = initialState;\r\n return state;\r\n case SELECT_TAB:\r\n return {\r\n ...state,\r\n tabList: tabList.map((e) => {\r\n if (e.id === action.id) return { ...e, isActive: true };\r\n else return { ...e, isActive: false };\r\n }),\r\n };\r\n case PREV_TAB:\r\n return {\r\n ...state,\r\n tabList: tabList.map((e) => {\r\n if (e.id === prevPage(tabList, action.id)) return { ...e, isActive: true };\r\n else return { ...e, isActive: false };\r\n }),\r\n };\r\n case NEXT_TAB:\r\n return {\r\n ...state,\r\n tabList: tabList.map((e) => {\r\n if (e.id === nextPage(tabList, action.id)) return { ...e, isActive: true };\r\n else return { ...e, isActive: false };\r\n }),\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","/* eslint-disable react/jsx-props-no-spreading */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\n// import { makeStyles } from '@material-ui/core/styles';\r\n\r\n/**\r\n * \r\n */\r\nexport const Button = styled.button`\r\n align-items: center;\r\n background-color: transparent;\r\n border: 2px solid deepskyblue;\r\n border-radius: 8px;\r\n color: white;\r\n display: inline-flex;\r\n font-family: sans-serif;\r\n font-size: inherit;\r\n line-height: 1.4rem;\r\n margin: 0 4px;\r\n padding: 8px 12px 8px 4px;\r\n position: relative;\r\n text-decoration: none;\r\n transition:\r\n border-color 150ms ease-out,\r\n transform 150ms ease-out;\r\n\r\n &:not([disabled]) {\r\n cursor: pointer;\r\n }\r\n &:not([disabled]):hover {\r\n border-color: white;\r\n }\r\n &:not([disabled]):active {\r\n transform: scale(0.95);\r\n }\r\n &:focus {\r\n outline: none;\r\n }\r\n &:focus::after {\r\n content: ' ';\r\n position: absolute;\r\n left: 2px;\r\n right: 2px;\r\n top: 2px;\r\n bottom: 2px;\r\n border: 2px solid white; \r\n border-radius: 5px;\r\n }\r\n &[disabled] {\r\n opacity: 0.5;\r\n }\r\n}`;\r\n\r\n/**\r\n * 검색 영역안의 박스 출력\r\n */\r\nexport const SearchBox = styled.div`\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n padding: 7px 7px;\r\n border: 1px solid #bbb;\r\n border-radius: 2px;\r\n -webkit-transition: all .2s;\r\n transition: all .2s;\r\n`;\r\n/**\r\n * 박스 출력이 없는 영역 설정\r\n */\r\nexport const ResultBoxNoBorder = styled.div`\r\n position: relative;\r\n display: inline-block;\r\n width: 100%; height: ${(props) => props.height || '100%'};\r\n padding: 0; margin: 0 auto;\r\n -webkit-transition: all .2s;\r\n transition: all .2s;\r\n`;\r\nexport const DivPaddingLeft = styled.div`\r\n display: inline-block;\r\n width: ${(props) => props.width || '100%'};\r\n height: ${(props) => props.height || '100%'};\r\n margin: 0 auto;\r\n padding-top: 2px;\r\n padding-bottom: 2px;\r\n padding-left: ${(props) => props.paddingLeft || '10px'}; \r\n`;\r\nDivPaddingLeft.defaultProps = {\r\n className: 'chcMnq',\r\n};\r\nexport const DivPaddingRight = styled.div`\r\n display: inline-block;\r\n width: ${(props) => props.width || '100%'};\r\n height: ${(props) => props.height || '100%'};\r\n margin: 0 auto;\r\n padding-top: 2px;\r\n padding-bottom: 2px;\r\n padding-right: ${(props) => props.paddingRight || '10px'}; \r\n`;\r\nDivPaddingRight.defaultProps = {\r\n className: 'chcMnq',\r\n};\r\n/**\r\n * Flex group style\r\n */\r\nexport const groupStyles = {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n};\r\n/**\r\n * 배지 출력 스타일\r\n */\r\nexport const groupBadgeStyles = {\r\n backgroundColor: '#EBECF0',\r\n borderRadius: '2em',\r\n color: '#172B4D',\r\n display: 'inline-block',\r\n fontSize: 12,\r\n fontWeight: 'normal',\r\n lineHeight: '1',\r\n minWidth: 1,\r\n padding: '0.16666666666667em 0.5em',\r\n textAlign: 'center',\r\n};\r\n\r\nexport const formatGroupLabel = React.memo((data) => (\r\n \r\n {data.label}\r\n {data.options.length}\r\n
\r\n));\r\n\r\n/**\r\n * Result Div Resize\r\n * @param {*} props {autoHeight, addLayer}\r\n */\r\nexport function AutoHeightCalculate(props) {\r\n let resultHeight = 500;\r\n const paddingSize = 4;\r\n try {\r\n if (props.autoHeight !== undefined && props.autoHeight) {\r\n // const contentsHeight = window.getComputedStyle(document.querySelector('.main-body-content')).height;\r\n const contentsHeight = document.querySelector('.tab-content.active .main-body-content') ? document.querySelector('.tab-content.active .main-body-content').clientHeight : 754;\r\n const searchBoxHeight = document.querySelector('.tab-content.active .main-body-search-area') ? document.querySelector('.tab-content.active .main-body-search-area').clientHeight : 0;\r\n const formBoxHeight = document.querySelector('.tab-content.active .main-body-form-area') ? document.querySelector('.tab-content.active .main-body-form-area').clientHeight : 0;\r\n if (props.addLayer !== undefined && props.addLayer) {\r\n const addLayerHeight = document.querySelector(`.tab-content.active .${props.addLayer}`) ? document.querySelector(`.tab-content.active .${props.addLayer}`).clientHeight : 0;\r\n resultHeight = (parseInt(contentsHeight) - parseInt(searchBoxHeight) - parseInt(addLayerHeight) - parseInt(formBoxHeight) - paddingSize);\r\n } else {\r\n resultHeight = (parseInt(contentsHeight) - parseInt(searchBoxHeight) - parseInt(formBoxHeight) - paddingSize);\r\n }\r\n // console.log(\"AutoHeightCalculate :: \", contentsHeight, searchBoxHeight, formBoxHeight, resultHeight);\r\n if (!resultHeight) {\r\n document.querySelector('.tab-content.active .main-body-result-area').style.height = '100%';\r\n } else {\r\n document.querySelector('.tab-content.active .main-body-result-area').style.height = `${resultHeight}px`;\r\n document.querySelector('.tab-content.active .main-body-result-area .main-body-result-box').style.height = `${resultHeight - paddingSize}px`;\r\n document.querySelector('.tab-content.active .main-body-result-area').style.overflowY = 'auto';\r\n }\r\n }\r\n } catch (error) {\r\n //\r\n }\r\n}\r\n/**\r\n * section Tag Layout\r\n * 영역을 나누는 태그 설정\r\n * @param {*} props\r\n */\r\nexport const OLayer = React.memo((props) => {\r\n const cssClass = `layout ${props && props.className && props.className !== undefined ? props.className : ''}`;\r\n const htmlId = `${props && props.id && props.id !== undefined ? props.id : ''}`;\r\n return (\r\n \r\n
\r\n));\r\n\r\n/**\r\n * Search Object contents here in Main Contents Area\r\n * 검색 항목에 사용하는 영역\r\n */\r\nexport const OSearchBox = React.memo((props) => (\r\n \r\n
\r\n - \r\n {\r\n props.pageInfo.pageTitle.map((item) => (
- {item} ))\r\n }\r\n
\r\n
\r\n));\r\n\r\n/**\r\n * Search result data to Grid display area in Main Contents Area\r\n * 검색 결과를 출력하는 그리드를 출력하는 영역\r\n */\r\nexport const OResultBox = React.memo((props) => {\r\n React.useEffect(() => {\r\n AutoHeightCalculate(props);\r\n }, []);\r\n\r\n return (\r\n props.style !== undefined ? (\r\n \r\n {props.children}\r\n
\r\n \r\n
\r\n )\r\n : (\r\n \r\n {props.children}\r\n
\r\n \r\n
\r\n )\r\n );\r\n});\r\n\r\n/**\r\n * Form Object - data handle object\r\n * 데이타의 등록, 수정, 삭제 하는 영역\r\n */\r\nexport const OFormBox = React.memo((props) => (\r\n props.style !== undefined ? (\r\n \r\n {props.children}\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {props.children}\r\n
\r\n \r\n
\r\n )\r\n));\r\n\r\n/**\r\n * Loading page\r\n * 페이지 열리는 동안 출력되는 영역\r\n */\r\nexport const LoadingPage = React.memo(() => (\r\n \r\n {props.children}\r\n
\r\n \r\n
\r\n));\r\n\r\n/**\r\n * Grid No data\r\n * 자료 없음을 출력\r\n */\r\nexport const EmptyRowsRenderer = React.memo(() => \r\n Page Loading.......\r\n
\r\n Nothing to show No - Data
);\r\n\r\n/// 그리드 컬럼 24 분활\r\nexport const layoutlabel = {\r\n labelCol: {\r\n span: 4,\r\n },\r\n wrapperCol: {\r\n span: 20,\r\n },\r\n};\r\n\r\n/**\r\n * 버튼 콘트롤을 Flex하게 출력하기 위한 콤포넌트\r\n * 버튼을 children 으로 추가한다.\r\n */\r\nexport const ButtonArea = React.memo((props) => (\r\n \r\n {props.children}\r\n
\r\n));\r\n\r\nexport const ButtonWrap = React.memo((props) => (\r\n \r\n {props.children}\r\n
\r\n));\r\n\r\nexport const InputWrap = React.memo((props) => (\r\n \r\n \r\n \r\n {props.children}\r\n \r\n
\r\n
\r\n));\r\n\r\nexport const SearchWrap = React.memo((props) => (\r\n \r\n \r\n \r\n {props.children}\r\n \r\n
\r\n
\r\n));\r\n\r\nexport const RowWrap = React.memo((props) => (\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n});\r\nexport const InputTextWithLabelRef = React.forwardRef((props, ref) => {\r\n const [value, setValue] = React.useState('');\r\n const [disabled, setDisabled] = React.useState(false);\r\n React.useImperativeHandle(\r\n ref,\r\n () => ({\r\n setDisabled(b) {\r\n setDisabled(b);\r\n },\r\n onChange(e) {\r\n setValue(e);\r\n },\r\n async getStateValue() {\r\n return value;\r\n },\r\n }),\r\n );\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n));\r\n","import { useDispatch } from 'react-redux';\r\nimport base64 from 'base-64';\r\nimport { login, logout, clearStore } from '../reducers/login';\r\n\r\n/**\r\n * 로그인 처리 및 세션 저장소에 데이타 저장 처리\r\n */\r\nexport default function useSessionStorage(name) {\r\n const dispatcher = useDispatch();\r\n const callLogin = (data) => dispatcher(login(data));\r\n const callLogout = () => dispatcher(logout());\r\n const callClearStore = () => dispatcher(clearStore());\r\n const base64Encode = (data) => base64.encode(data);\r\n const base64Decode = (data) => base64.decode(data);\r\n const clearSessionStorage = (isLogoutReducer = false) => {\r\n window.sessionStorage.clear();\r\n if (isLogoutReducer) {\r\n callClearStore();\r\n callLogout();\r\n }\r\n };\r\n const saveSessionStorage = (value, isLoginReducer = false) => {\r\n const val = typeof (value) !== 'string' ? JSON.stringify(value) : value;\r\n window.sessionStorage.setItem(name, base64Encode(val));\r\n if (isLoginReducer) callLogin(value);\r\n };\r\n const loadSessionStorage = () => {\r\n const tmp = window.sessionStorage.getItem(name);\r\n const ret = tmp && tmp.length > 0 ? JSON.parse(base64Decode(tmp.toString())) : undefined;\r\n return ret;\r\n };\r\n\r\n return {\r\n clearSessionStorage,\r\n saveSessionStorage,\r\n loadSessionStorage,\r\n };\r\n}\r\n\r\nexport function saveSession(sessionName, seaaionValue) {\r\n const val = typeof (seaaionValue) !== 'string' ? JSON.stringify(seaaionValue) : seaaionValue;\r\n window.sessionStorage.setItem(sessionName, val);\r\n}\r\nexport function loadSession(sessionName) {\r\n const tmp = window.sessionStorage.getItem(sessionName);\r\n const ret = tmp && tmp.length > 0 ? tmp.toString() : undefined;\r\n return ret;\r\n}\r\n","const ITEM_SET = 'SET';\r\nconst ITEM_GET = 'GET';\r\nconst REDUCER_RESIZE = 'REDUCER_RESIZE';\r\n\r\n/*\r\n흐름 정리\r\nredux reducer 파일 생성 (현재 파일) :: /reducers/object_file_name.js\r\n/reducers/index.js redux reducer 파일 추가 Import\r\nPage Object 구성 파일 추가 :: /pages/page_file_name.js , /pages/page_include directory/page_add_on_file\r\nPage Backend 통신 구성 파일 또는 함수를 Page 파일에 추가한다.\r\nUI Button Action --> Javascript Event --> Backend 통신(Axios) --> Redux Action --> Reducer sate object --> page\r\n*/\r\n\r\n/// redux Action (plain action only)\r\nexport const setSize = (data) => ({\r\n type: ITEM_SET,\r\n target: REDUCER_RESIZE,\r\n data,\r\n});\r\nexport const getSize = () => ({\r\n type: ITEM_GET,\r\n target: REDUCER_RESIZE,\r\n});\r\n\r\n/// state - state object structure (reducer initialize object )\r\nexport const initialState = {\r\n divSize: {},\r\n};\r\n\r\n/// reducer - state object change and return\r\nexport default function ResizeReducer(state = initialState, action) {\r\n if (action.target !== REDUCER_RESIZE) return state;\r\n // const results = state.results;\r\n // console.log(\"Reducer ===> ResizeReducer state, action :: \" , state, action);\r\n switch (action.type) {\r\n case ITEM_SET:\r\n return {\r\n ...state,\r\n sizeStyle: action.data,\r\n };\r\n case ITEM_GET:\r\n return initialState;\r\n default:\r\n return state;\r\n }\r\n}\r\n","import { combineReducers } from 'redux';\r\nimport loginReducer from './login';\r\nimport tabReducer from './TabReducer';\r\nimport favoritMenu from './FavoritMenuReducer';\r\nimport menuList from './MenuReducer';\r\nimport sizeStyle from './ResizeReducer';\r\nimport MessageReducer from './MessageReducer';\r\nimport PageRoleReducer from './PageRoleReducer';\r\n\r\nconst appReducer = combineReducers({\r\n user: loginReducer,\r\n tabs: tabReducer,\r\n message: MessageReducer,\r\n favoritMenu,\r\n menuList,\r\n sizeStyle,\r\n pageRole: PageRoleReducer,\r\n});\r\n\r\nconst rootReducer = (state, action) => {\r\n if (action.type === 'RESET_STORE') {\r\n state = undefined;\r\n }\r\n return appReducer(state, action);\r\n};\r\n\r\nexport default rootReducer;\r\n","import { createStore } from 'redux';\r\nimport reducers from './index';\r\n\r\nexport default createStore(\r\n reducers,\r\n window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(),\r\n);\r\n","import React from 'react';\r\nimport { BrowserRouter } from 'react-router-dom'; // * BrowserRouter 불러오기\r\nimport { ThemeProvider, createTheme } from '@material-ui/core';\r\nimport 'jqwidgets-scripts/jqwidgets/styles/jqx.base.css';\r\nimport { Provider } from 'react-redux';\r\nimport store from './framework/core/reducers/_store';\r\nimport './styles/App.css';\r\nimport Login from './pages/index';\r\n\r\nconst theme = createTheme({\r\n palette: {\r\n type: 'dark',\r\n },\r\n});\r\nconst isUseTheme = false;\r\n\r\nexport default function App() {\r\n if (isUseTheme) {\r\n return (\r\n