\r\n {children}\r\n
\r\n )\r\n);\r\n\r\nexport const CardHeader = forwardRef(\r\n (\r\n {\r\n children,\r\n icon,\r\n title,\r\n toolbar,\r\n className,\r\n sticky = false,\r\n labelRef,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const [top, setTop] = useState(0);\r\n const [windowHeight, setWindowHeight] = useState(0);\r\n\r\n useEffect(() => {\r\n handleResize();\r\n\r\n function handleResize() {\r\n setWindowHeight(window.innerWidth);\r\n }\r\n\r\n window.addEventListener(\"resize\", handleResize);\r\n\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n };\r\n });\r\n\r\n useEffect(() => {\r\n // Skip if sticky is disabled or on initial render when we don't know about window height.\r\n if (!sticky || windowHeight === 0) {\r\n return;\r\n }\r\n\r\n const headerElement = document.querySelector(\".header\");\r\n const subheaderElement = document.querySelector(\".subheader\");\r\n const headerMobileElement = document.querySelector(\".header-mobile\");\r\n\r\n let nextMarginTop = 0;\r\n\r\n // mobile header\r\n if (window.getComputedStyle(headerElement).height === \"0px\") {\r\n nextMarginTop = headerMobileElement.offsetHeight;\r\n } else {\r\n // desktop header\r\n if (document.body.classList.contains(\"header-minimize-topbar\")) {\r\n // hardcoded minimized header height\r\n nextMarginTop = 60;\r\n } else {\r\n // normal fixed header\r\n if (document.body.classList.contains(\"header-fixed\")) {\r\n nextMarginTop += headerElement.offsetHeight;\r\n }\r\n\r\n if (document.body.classList.contains(\"subheader-fixed\")) {\r\n nextMarginTop += subheaderElement.offsetHeight;\r\n }\r\n }\r\n }\r\n\r\n setTop(nextMarginTop);\r\n }, [sticky, windowHeight]);\r\n\r\n return (\r\n \r\n {icon}\r\n\r\n {\r\n /* Wrap string and fragments in CardHeaderTitle */\r\n typeof title === \"string\" || isFragment(title) ? (\r\n {title} \r\n ) : (\r\n title\r\n )\r\n }\r\n
\r\n )}\r\n\r\n {toolbar}\r\n {children}\r\n \r\n );\r\n }\r\n);\r\n\r\nexport const CardBody = forwardRef(\r\n ({ fit, fluid, className, ...props }, ref) => (\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// Set display name for debugging.\r\nif (env.NODE_ENV !== \"production\") {\r\n Notice.displayName = \"Notice\";\r\n}\r\n","import React from \"react\";\r\nimport { ProgressBar } from \"react-bootstrap\";\r\n\r\nexport function ModalProgressBar({ variant = \"success\" }) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n {!layoutProps.offcanvas && (\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 {!layoutProps.offcanvas && (\r\n \r\n
\r\n \r\n \r\n - \r\n {languages.map((language) => (\r\n
\r\n
\r\n \r\n \r\n )}\r\n\r\n {!layoutProps.light && (\r\n \r\n ![\"\"]({toAbsoluteUrl(\"/media/users/300_21.jpg\")})
\r\n
\r\n \r\n \r\n {user.data.fullname}\r\n
\r\n \r\n 3 messages\r\n \r\n \r\n \r\n {user.data.fullname[0]}\r\n \r\n
\r\n \r\n {user.data.fullname}\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 My Profile\r\n
\r\n Account settings and more
\r\n \r\n \r\n
\r\n Sign Out
\r\n \r\n \r\n \r\n <>\r\n \r\n \r\n {user.fullname[0]}\r\n \r\n \r\n \r\n Hi,\r\n \r\n \r\n {user.fullname}\r\n \r\n\r\n \r\n
\r\n \r\n \r\n )}\r\n\r\n {!layoutProps.offcanvas && \r\n {/* {layoutProps.viewSearchDisplay && Quick panel}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n )} */}\r\n\r\n {/* {layoutProps.viewLanguagesDisplay && ![]({toAbsoluteUrl(\"/media/logos/logoHeader.png\"))
\r\n \r\n );\r\n}\r\n","import React, {useMemo} from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport {Link} from \"react-router-dom\";\r\nimport {toAbsoluteUrl} from \"../../../../_helpers\";\r\nimport {useHtmlClassService} from \"../../../_core/MetronicLayout\";\r\nimport {HeaderMenu} from \"./HeaderMenu\";\r\n\r\nexport function HeaderMenuWrapper() {\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n config: uiService.config,\r\n ktMenuClasses: uiService.getClasses(\"header_menu\", true),\r\n rootArrowEnabled: objectPath.get(\r\n uiService.config,\r\n \"header.menu.self.root-arrow\"\r\n ),\r\n menuDesktopToggle: objectPath.get(uiService.config, \"header.menu.desktop.toggle\"),\r\n headerMenuAttributes: uiService.getAttributes(\"header_menu\"),\r\n headerSelfTheme: objectPath.get(uiService.config, \"header.self.theme\"),\r\n ulClasses: uiService.getClasses(\"header_menu_nav\", true),\r\n disabledAsideSelfDisplay:\r\n objectPath.get(uiService.config, \"aside.self.display\") === false\r\n };\r\n }, [uiService]);\r\n // const getHeaderLogo = () => {\r\n // let result = \"logo-light.png\";\r\n // if (layoutProps.headerSelfTheme && layoutProps.headerSelfTheme !== \"dark\") {\r\n // result = \"logo-dark.png\";\r\n // }\r\n // return toAbsoluteUrl(`/media/logos/${result}`);\r\n // };\r\n\r\n return <>\r\n {/*begin::Header Menu Wrapper*/}\r\n \r\n {layoutProps.disabledAsideSelfDisplay && (\r\n <>\r\n {/*begin::Header Logo*/}\r\n {/*
\r\n {/*Header Menu Wrapper*/}\r\n \r\n}\r\n","import React, {useMemo} from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\r\nimport {Topbar} from \"./Topbar\";\r\nimport {HeaderMenuWrapper} from \"./header-menu/HeaderMenuWrapper\";\r\nimport {AnimateLoading} from \"../../../_partials/controls\";\r\n\r\nexport function Header() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n headerClasses: uiService.getClasses(\"header\", true),\r\n headerAttributes: uiService.getAttributes(\"header\"),\r\n headerContainerClasses: uiService.getClasses(\"header_container\", true),\r\n menuHeaderDisplay: objectPath.get(\r\n uiService.config,\r\n \"header.menu.self.display\"\r\n )\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/*begin::Header*/}\r\n \r\n \r\n }/)
\r\n \r\n
*/}\r\n {/*end::Header Logo*/}\r\n \r\n )}\r\n {/*begin::Header Menu*/}\r\n \r\n
\r\n {/*end::Container*/}\r\n \r\n {/*end::Header*/}\r\n \r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport objectPath from \"object-path\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../_helpers\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\n\r\nexport function HeaderMobile() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n headerLogo: uiService.getStickyLogo(),\r\n asideDisplay: objectPath.get(uiService.config, \"aside.self.display\"),\r\n headerMenuSelfDisplay:\r\n objectPath.get(uiService.config, \"header.menu.self.display\") === true,\r\n headerMobileCssClasses: uiService.getClasses(\"header_mobile\", true),\r\n headerMobileAttributes: uiService.getAttributes(\"header_mobile\"),\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/*begin::Header Mobile*/}\r\n \r\n {layoutProps.asideDisplay && (\r\n <>\r\n {/*begin::Aside Mobile Toggle*/}\r\n \r\n \r\n \r\n \r\n \r\n {/*end::Aside Mobile Toggle*/}\r\n \r\n )}\r\n\r\n {/*begin::Topbar Mobile Toggle*/}\r\n \r\n \r\n \r\n \r\n \r\n {/*end::Topbar Mobile Toggle*/}\r\n
\r\n {/*end::Toolbar*/}\r\n \r\n {/*end::Header Mobile*/}\r\n \r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport objectPath from \"object-path\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\nimport { toAbsoluteUrl } from \"../../../_helpers\";\r\n\r\nexport function Brand() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n brandClasses: uiService.getClasses(\"brand\", true),\r\n asideSelfMinimizeToggle: objectPath.get(\r\n uiService.config,\r\n \"aside.self.minimize.toggle\"\r\n ),\r\n headerLogo: uiService.getLogo(),\r\n headerStickyLogo: uiService.getStickyLogo(),\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/* begin::Brand */}\r\n - \r\n {/* Loop Menu Level 1 */}\r\n {items.map((menu) => {\r\n if (menu.childs.length === 0) {\r\n // Render don't have child\r\n return (\r\n
\r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n } else {\r\n // Render if have child\r\n return (\r\n - \r\n
- \r\n {/* Loop Menu Level 2 */}\r\n {menu.childs.map((submenu) => {\r\n if (submenu.childs.length === 0) {\r\n // Render if don't have child\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 {/* end::Header Logo */}\r\n \r\n )}\r\n\r\n - \r\n
- \r\n \r\n \r\n\r\n \r\n {items.map((item, index) => (\r\n
- \r\n \r\n {item.title.replace(\"&\", \"&\")}\r\n\r\n \r\n ))}\r\n
\r\n {layoutProps.subheaderMobileToggle && (\r\n \r\n \r\n \r\n )}\r\n\r\n
\r\n\r\n {/* Toolbar */}\r\n {/* \r\n \r\n {/* <>{subheader.title} */}\r\n {subheader.title.replace(\"&\", \"&\")}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Today\r\n Aug 16\r\n \r\n
*/}\r\n \r\n \r\n );\r\n}\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid,no-undef */\r\nimport React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { shallowEqual, useSelector } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../../_helpers\";\r\n\r\nexport function QuickUser() {\r\n const history = useHistory();\r\n const user = useSelector((state) => state.auth.user, shallowEqual);\r\n const logoutClick = () => {\r\n const toggle = document.getElementById(\"kt_quick_user_toggle\");\r\n if (toggle) {\r\n toggle.click();\r\n }\r\n history.push(\"/logout\");\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n User Profile\r\n 12 messages\r\n
\r\n\r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../_helpers\";\r\n\r\nexport function ScrollTop() {\r\n return (\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n \r\n {user.firstname} {user.lastname}\r\n \r\n \r\n Sign out\r\n \r\n
\r\n {user.occupation}
\r\n \r\n {/* \r\n Sign Out\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 My Profile
\r\n \r\n Account settings and more{\" \"}\r\n \r\n update\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 My Messages
\r\n Inbox and tasks
\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 My Activities
\r\n Logs and notifications
\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 My Tasks
\r\n latest tasks and projects
\r\n \r\n
\r\n Recent Notifications
\r\n\r\n\r\n \r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n Another purpose persuade\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n +28%\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Would be to people\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n +50%\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Purpose would be to persuade\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n -27%\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n The best product\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n +8%\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport objectPath from \"object-path\";\r\n// LayoutContext\r\nimport { useHtmlClassService } from \"../_core/MetronicLayout\";\r\n// Import Layout components\r\nimport { Header } from \"./header/Header\";\r\nimport { HeaderMobile } from \"./header-mobile/HeaderMobile\";\r\nimport { Aside } from \"./aside/Aside\";\r\n// import {Footer} from \"./footer/Footer\";\r\nimport { LayoutInit } from \"./LayoutInit\";\r\nimport { SubHeader } from \"./subheader/SubHeader\";\r\nimport { QuickPanel } from \"./extras/offcanvas/QuickPanel\";\r\nimport { QuickUser } from \"./extras/offcanvas/QuickUser\";\r\nimport { ScrollTop } from \"./extras/ScrollTop\";\r\n// import {StickyToolbar} from \"./extras/StickyToolbar\";\r\n\r\nexport function Layout({ children }) {\r\n const uiService = useHtmlClassService();\r\n // Layout settings (cssClasses/cssAttributes)\r\n const layoutProps = useMemo(() => {\r\n return {\r\n layoutConfig: uiService.config,\r\n selfLayout: objectPath.get(uiService.config, \"self.layout\"),\r\n asideDisplay: objectPath.get(uiService.config, \"aside.self.display\"),\r\n subheaderDisplay: objectPath.get(uiService.config, \"subheader.display\"),\r\n desktopHeaderDisplay: objectPath.get(\r\n uiService.config,\r\n \"header.self.fixed.desktop\"\r\n ),\r\n contentCssClasses: uiService.getClasses(\"content\", true),\r\n contentContainerClasses: uiService.getClasses(\"content_container\", true),\r\n contentExtended: objectPath.get(uiService.config, \"content.extended\"),\r\n };\r\n }, [uiService]);\r\n\r\n return layoutProps.selfLayout !== \"blank\" ? (\r\n <>\r\n {/*begin::Main*/}\r\n \r\n {/*begin::Page*/}\r\n
\r\n {/*end::Content*/}\r\n {/**/}\r\n \r\n {/*end::Wrapper*/}\r\n \r\n {/*end::Page*/}\r\n \r\n \r\n {layoutProps.asideDisplay && }\r\n {/*begin::Wrapper*/}\r\n \r\n \r\n {layoutProps.subheaderDisplay &&
\r\n )}\r\n\r\n {layoutProps.contentExtended && { children }}\r\n {/*end::Entry*/}\r\n \r\n {/*begin::Container*/}\r\n \r\n {children}\r\n
\r\n {/*end::Container*/}\r\n {children}
\r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useRouteMatch } from \"react-router-dom\";\r\nimport KTLayoutAside from \"../../../_assets/js/layout/base/aside\";\r\n\r\nexport function Content({ children }) {\r\n const match = useRouteMatch() || {};\r\n const animationEndClass = \"grid-animateContent-finished\";\r\n const [cssClassesState, setCssClassesState] = useState([\r\n \"grid-animateContent\",\r\n animationEndClass,\r\n ]);\r\n\r\n useEffect(() => {\r\n // for animation start should toggle 'grid-animateContent-finished' css class\r\n // TODO: change useMemo\r\n const fullClasses = [...cssClassesState];\r\n const startAnimation = fullClasses.filter((el) => el !== animationEndClass);\r\n setCssClassesState(startAnimation);\r\n const timeOutId = setTimeout(() => {\r\n setCssClassesState(fullClasses);\r\n }, 200);\r\n\r\n const offCanvas = KTLayoutAside.getOffcanvas();\r\n if (offCanvas) {\r\n offCanvas.hide();\r\n }\r\n\r\n return () => {\r\n clearTimeout(timeOutId);\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [match.url]);\r\n\r\n return <>{children};\r\n}\r\n","import React from \"react\";\r\nimport { Route } from \"react-router-dom\";\r\nimport { Content } from \"./Content\";\r\n\r\nexport function ContentRoute({ children, component, render, ...props }) {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(Login));\r\n","import React, { useState } from \"react\";\r\nimport { useFormik } from \"formik\";\r\nimport { connect } from \"react-redux\";\r\nimport * as Yup from \"yup\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nimport { register } from \"../_redux/authCrud\";\r\n\r\nconst initialValues = {\r\n fullname: \"\",\r\n email: \"\",\r\n username: \"\",\r\n password: \"\",\r\n changepassword: \"\",\r\n acceptTerms: false,\r\n};\r\n\r\nfunction Registration(props) {\r\n const { intl } = props;\r\n const [loading, setLoading] = useState(false);\r\n const RegistrationSchema = Yup.object().shape({\r\n fullname: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n email: Yup.string()\r\n .email(\"Wrong email format\")\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n username: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n password: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n changepassword: Yup.string()\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n )\r\n .when(\"password\", {\r\n is: (val) => (val && val.length > 0 ? true : false),\r\n then: Yup.string().oneOf(\r\n [Yup.ref(\"password\")],\r\n \"Password and Confirm Password didn't match\"\r\n ),\r\n }),\r\n acceptTerms: Yup.bool().required(\r\n \"You must accept the terms and conditions\"\r\n ),\r\n });\r\n\r\n const enableLoading = () => {\r\n setLoading(true);\r\n };\r\n\r\n const disableLoading = () => {\r\n setLoading(false);\r\n };\r\n\r\n const getInputClasses = (fieldname) => {\r\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\r\n return \"is-invalid\";\r\n }\r\n\r\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\r\n return \"is-valid\";\r\n }\r\n\r\n return \"\";\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: RegistrationSchema,\r\n onSubmit: (values, { setStatus, setSubmitting }) => {\r\n setSubmitting(true);\r\n enableLoading();\r\n register(values.email, values.fullname, values.username, values.password)\r\n .then(({ data: { authToken } }) => {\r\n props.register(authToken);\r\n disableLoading();\r\n setSubmitting(false);\r\n })\r\n .catch(() => {\r\n setSubmitting(false);\r\n setStatus(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.INVALID_LOGIN\",\r\n })\r\n );\r\n disableLoading();\r\n });\r\n },\r\n });\r\n\r\n return (\r\n \r\n \r\n
\r\n {/* start:: Aside footer for desktop */}\r\n \r\n \r\n Welcome to KTB Supplier Portal \r\n \r\n \r\n {/* begin::Head */}\r\n
\r\n \r\n \r\n Lets get started.\r\n \r\n
\r\n {/* end::Head */}\r\n\r\n {/*begin::Form*/}\r\n \r\n \r\n Login\r\n {loading && (\r\n \r\n )}\r\n \r\n
\r\n \r\n\r\n {/*end::Form*/}\r\n \r\n © January 2024, PT Krama Yudha Tiga Berlian Motors. All rights\r\n reserved.
Jl. Jend A. Yani Proyek Pulomas, Jakarta\r\n
\r\n \r\n {/* begin: Alert */}\r\n {formik.status && (\r\n
\r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(Registration));\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Button, Col, Row, Form, Modal } from \"react-bootstrap\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../_metronic/_partials/controls\";\r\n// import { LayoutSplashScreen } from \"../../../_metronic/layout\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport {\r\n addOtp,\r\n addOtpVerify,\r\n fetchDataForgotPassword,\r\n selectDataForgotPassword,\r\n} from \"../_redux/otpSlice\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Link, Redirect, useParams } from \"react-router-dom\";\r\nimport PasswordChecklist from \"react-password-checklist\";\r\nimport userSlice, {\r\n validasiPassword,\r\n updatePasswordNoToken,\r\n} from \"../../../pages/administration/user/userSlice\";\r\n\r\nimport { showErrorDialog, showSuccessDialog } from \"../../../utility\";\r\nimport RemoveRedEye from \"@material-ui/icons/RemoveRedEye\";\r\nimport OtpInput from \"react-otp-input\";\r\nimport LoadingFetchData from \"../../../../app/utility/LoadingFetchData\";\r\n\r\nexport const ForgotPassword = (props) => {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const dataForgotPassword = useSelector(selectDataForgotPassword);\r\n\r\n const [username, setUsername] = useState(\"\");\r\n const [password, setPassword] = useState(\"\");\r\n const [passwordAgain, setPasswordAgain] = useState(\"\");\r\n const [channelOtp, setChannelOtp] = useState(\"\");\r\n const [overlayLoading, setOverlayLoading] = useState(false);\r\n const [otpId, setOtpId] = useState(\"\");\r\n const [tesOtp, setTesOtp] = useState(\"\");\r\n const handleTesOtp = (tesOtp) => setTesOtp(tesOtp);\r\n\r\n const [passwordShown, setPasswordShown] = useState(false);\r\n const [passwordAgainShown, setPasswordAgainShown] = useState(false);\r\n\r\n const togglePasswordVisiblity = () => {\r\n setPasswordShown(passwordShown ? false : true);\r\n };\r\n\r\n const togglePasswordAgainVisiblity = () => {\r\n setPasswordAgainShown(passwordAgainShown ? false : true);\r\n };\r\n\r\n const { id } = useParams();\r\n\r\n useEffect(() => {\r\n dispatch(fetchDataForgotPassword(id));\r\n }, [dispatch, id]);\r\n\r\n useEffect(() => {\r\n if (dataForgotPassword != null) {\r\n setUsername(dataForgotPassword.username);\r\n }\r\n }, [dataForgotPassword]);\r\n\r\n const handleSubmit = async () => {\r\n // cek password\r\n if (password === passwordAgain) {\r\n } else {\r\n showErrorDialog(\"Password don't match\");\r\n return;\r\n }\r\n if (channelOtp === \"\") {\r\n return showErrorDialog(\"Please select channel otp\");\r\n }\r\n \r\n // validate password\r\n var params = {\r\n username: username,\r\n id: password,\r\n };\r\n \r\n setOverlayLoading(true);\r\n try {\r\n const response = await dispatch(validasiPassword(params));\r\n setOverlayLoading(false);\r\n if (response.payload.status === 200) {\r\n // show OTP modal & send OTP\r\n params = {\r\n username: username.trim(),\r\n description: \"EXPIRED_PASSWORD\",\r\n otp_channel: channelOtp,\r\n };\r\n try {\r\n const response = await dispatch(addOtp(params));\r\n if (response.payload.status === 200) {\r\n const _otpId = response.payload.data.data.otp_id;\r\n setOtpId(_otpId);\r\n setOverlayLoading(false);\r\n handleShow(response.payload.data.expired);\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n setOverlayLoading(false);\r\n return;\r\n }\r\n } catch (error) {\r\n setOverlayLoading(false);\r\n showErrorDialog(error.message);\r\n }\r\n } else {\r\n setOverlayLoading(false);\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n setOverlayLoading(false);\r\n showErrorDialog(error.message);\r\n }\r\n };\r\n\r\n // modall\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n\r\n const handleShow = (expired) => {\r\n let diff = new Date(expired) - new Date();\r\n let diffInSeconds = diff / 1000;\r\n // setCounter(diff);\r\n setCounter(120);\r\n // let text = millisToMinutesAndSeconds(diff);\r\n setShow(true);\r\n };\r\n\r\n const handleShowFailed = () => {\r\n setTesOtp(\"\");\r\n setShow(true);\r\n };\r\n\r\n const handleSubmitOtp = async () => {\r\n if (tesOtp === \"\") {\r\n return showErrorDialog(\"Please Input your OTP\");\r\n }\r\n // verified otp\r\n try {\r\n const params = {\r\n username: username.trim(),\r\n otp_id: otpId,\r\n otp_code: tesOtp,\r\n };\r\n\r\n const response = await dispatch(addOtpVerify(params));\r\n\r\n if (response.payload.data.status === 200) {\r\n } else {\r\n setShow(false);\r\n const action = await showErrorDialog(response.payload.data.message);\r\n if (action.isConfirmed) handleShowFailed();\r\n return;\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n }\r\n // update password\r\n try {\r\n const params = {\r\n username: username,\r\n password: password,\r\n otp_uuid: otpId,\r\n };\r\n\r\n const response = await dispatch(updatePasswordNoToken(params));\r\n\r\n if (response.payload.data.status === 200) {\r\n const action = await showSuccessDialog(\r\n \"your password has been changed\"\r\n );\r\n history.push(\"/auth/login\");\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n return;\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n }\r\n };\r\n\r\n const handleResendOtp = async () => {\r\n // hit OTP\r\n const params = {\r\n username: username.trim(),\r\n description: \"FORGOT_PASSWORD\",\r\n otp_channel: channelOtp,\r\n };\r\n try {\r\n const response = await dispatch(addOtp(params));\r\n if (response.payload.status === 200) {\r\n const _otpId = response.payload.data.data.otp_id;\r\n setOtpId(_otpId);\r\n handleShow(response.payload.data.expired);\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n return;\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n }\r\n };\r\n\r\n const [counter, setCounter] = useState(0);\r\n const [timeLeft, setTimeLeft] = useState(\"\");\r\n\r\n useEffect(() => {\r\n // var minutes = Math.floor(counter / 60000);\r\n // var seconds = ((counter % 60000) / 1000).toFixed(0);\r\n // var txt = minutes + \":\" + (seconds < 10 ? \"0\" : \"\") + seconds;\r\n // setTimeLeft(txt);\r\n\r\n const timer =\r\n counter > 0 && setInterval(() => setCounter(counter - 1), 1000);\r\n return () => clearInterval(timer);\r\n }, [counter]);\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 Enter your details to create your account\r\n
\r\n\r\n
\r\n )}\r\n {/* end: Alert */}\r\n\r\n {/* begin: Fullname */}\r\n {formik.status}
\r\n \r\n
\r\n {/* end: Fullname */}\r\n\r\n {/* begin: Email */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.fullname}
\r\n \r\n
\r\n {/* end: Email */}\r\n\r\n {/* begin: Username */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.email}
\r\n \r\n
\r\n {/* end: Username */}\r\n\r\n {/* begin: Password */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.username}
\r\n \r\n
\r\n {/* end: Password */}\r\n\r\n {/* begin: Confirm Password */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.password}
\r\n \r\n
\r\n {/* end: Confirm Password */}\r\n\r\n {/* begin: Terms and Conditions */}\r\n \r\n
\r\n ) : null}\r\n \r\n {formik.errors.changepassword}\r\n
\r\n \r\n \r\n {formik.touched.acceptTerms && formik.errors.acceptTerms ? (\r\n
\r\n {/* end: Terms and Conditions */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.acceptTerms}
\r\n \r\n \r\n Submit\r\n {loading && }\r\n \r\n\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {/* Modal */}\r\n\r\n \r\n
\r\n \r\n Forgot Password
\r\n\r\n OTP SMS will be sent by system use KTB D-NET as sender ID.\r\n
\r\n\r\n \r\n \r\n Cancel\r\n \r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n
\r\n \r\n - }\r\n inputStyle={{\r\n border: \"1px solid \",\r\n borderRadius: \"8px\",\r\n width: \"54px\",\r\n height: \"54px\",\r\n fontSize: \"12px\",\r\n color: \"#000\",\r\n fontWeight: \"400\",\r\n caretColor: \"blue\",\r\n }}\r\n focusStyle={{\r\n border: \"1px solid #CFD3DB\",\r\n outline: \"none\",\r\n }}\r\n />\r\n
\r\n \r\n Please Verify your account\r\n
\r\n\r\n Enter the OTP sent to you to verify your identity\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n \r\n Cancel\r\n \r\n
\r\n\r\n \r\n \r\n Verify OTP\r\n \r\n
\r\n \r\n \r\n Please Resend OTP\r\n \r\n )}\r\n
\r\n Resend OTP In {counter} Seconds
\r\n {counter === 0 && (\r\n\r\n
\r\n\r\n {/* Modal */}\r\n\r\n \r\n
\r\n \r\n Reset Password
\r\n\r\n OTP SMS will be sent by system use KTB D-NET as sender ID.\r\n
\r\n\r\n \r\n \r\n Cancel\r\n \r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n
\r\n \r\n - }\r\n inputStyle={{\r\n border: \"1px solid \",\r\n borderRadius: \"8px\",\r\n width: \"54px\",\r\n height: \"54px\",\r\n fontSize: \"12px\",\r\n color: \"#000\",\r\n fontWeight: \"400\",\r\n caretColor: \"blue\",\r\n }}\r\n focusStyle={{\r\n border: \"1px solid #CFD3DB\",\r\n outline: \"none\",\r\n }}\r\n />\r\n\r\n
\r\n \r\n Please Verify your account\r\n
\r\n\r\n Enter the OTP sent to you to verify your identity\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n Cancel\r\n \r\n
\r\n\r\n \r\n \r\n Verify OTP\r\n \r\n
\r\n \r\n \r\n Please Resend OTP\r\n \r\n )}\r\n
\r\n Resend OTP In {counter} Seconds
\r\n {counter === 0 && (\r\n\r\n
\r\n\r\n {/* Modal */}\r\n\r\n \r\n
\r\n\r\n \r\n Reset Password
\r\n\r\n OTP SMS will be sent by system use KTB D-NET as sender ID.\r\n
\r\n\r\n \r\n \r\n Cancel\r\n \r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n
\r\n \r\n - }\r\n inputStyle={{\r\n border: \"1px solid \",\r\n borderRadius: \"8px\",\r\n width: \"54px\",\r\n height: \"54px\",\r\n fontSize: \"12px\",\r\n color: \"#000\",\r\n fontWeight: \"400\",\r\n caretColor: \"blue\",\r\n }}\r\n focusStyle={{\r\n border: \"1px solid #CFD3DB\",\r\n outline: \"none\",\r\n }}\r\n />\r\n\r\n
\r\n \r\n Please Verify your account\r\n
\r\n\r\n Enter the OTP sent to you to verify your identity\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n Cancel\r\n \r\n
\r\n\r\n \r\n \r\n Verify OTP\r\n \r\n
\r\n \r\n \r\n Please Resend OTP\r\n \r\n )}\r\n
\r\n Resend OTP In {counter} Seconds
\r\n {counter === 0 && (\r\n\r\n
\r\n \r\n handleChange(e.target, index)}\r\n onFocus={(e) => e.target.select()}\r\n />\r\n );\r\n })}\r\n {/*
\r\n \r\n Please Verify your account\r\n
\r\n\r\n Enter the OTP sent to you to verify your identity\r\n
\r\n {otp.map((data, index) => {\r\n return (\r\nOTP Entered - {otp.join(\"\")}
*/}\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* \r\n setOtp([...otp.map((v) => \"\")])}\r\n >\r\n Clear\r\n \r\n
*/}\r\n \r\n alert(\"Entered OTP is \" + otp.join(\"\"))}\r\n onClick={handleSubmit}\r\n >\r\n Verify OTP\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Enter your email address, we will send you password reset link\r\n
\r\n \r\n Forgot Your Password?
\r\n\r\n \r\n Send\r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\nimport { Link, Switch, Redirect } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport { ContentRoute } from \"../../../../_metronic/layout\";\r\nimport Login from \"./Login\";\r\nimport Registration from \"./Registration\";\r\nimport { ForgotPassword } from \"./ForgotPassword\";\r\nimport { ResetPassword } from \"./ResetPassword\";\r\nimport { ExpiredPassword } from \"./ExpiredPassword\";\r\nimport { OtpPage } from \"./OtpPage\";\r\nimport { SendEmail } from \"./SendEmail\";\r\nimport \"../../../../_metronic/_assets/sass/pages/login/classic/login-1.scss\";\r\n\r\nexport function AuthPage() {\r\n return (\r\n <>\r\n \r\n setEmail(e.target.value)}\r\n className={`form-control form-universal h-auto`}\r\n \r\n />\r\n
\r\n {/* */}\r\n \r\n
\r\n \r\n \r\n Back to Login\r\n \r\n \r\n
\r\n \r\n {/*begin::Login*/}\r\n \r\n\r\n {/*begin::Content*/}\r\n
\r\n {/*end::Content*/}\r\n {/*begin::Aside*/}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {/*end::Content body*/}\r\n\r\n {/* begin::Mobile footer */}\r\n {/* \r\n */}\r\n {/*
*/}\r\n {/* end::Mobile footer */}\r\n \r\n \r\n Privacy\r\n \r\n \r\n Legal\r\n \r\n \r\n Contact\r\n \r\n
*/}\r\n {/* \r\n {/*begin: Aside Container*/}\r\n \r\n {/* start:: Aside header */}\r\n\r\n {/* end:: Aside header */}\r\n\r\n {/* start:: Aside content */}\r\n
\r\n {/*end: Aside Container*/}\r\n \r\n {/*begin::Aside*/}\r\n \r\n {/*end::Login*/}\r\n \r\n \r\n );\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { LayoutSplashScreen } from \"../../../../_metronic/layout\";\r\nimport * as auth from \"../_redux/authRedux\";\r\n\r\nclass Logout extends Component {\r\n componentDidMount() {\r\n this.props.logout();\r\n }\r\n\r\n render() {\r\n const { hasAuthToken } = this.props;\r\n return hasAuthToken ? (\r\n \r\n {/*
\r\n {/* end:: Aside content */}\r\n\r\n {/* start:: Aside footer for desktop */}\r\n {/* \r\n KTB Fuso\r\n
*/}\r\n {/* \r\n...
\r\n\r\n
*/}\r\n {/* end:: Aside footer for desktop */}\r\n \r\n
\r\n \r\n
\r\n \r\n Mitsubishi stands ready to clear a path to a new era in\r\n sustainable partnership.\r\n
\r\n\r\n The layout builder is to assist your set and configure your preferred\r\n project layout specifications and preview it in real time. The\r\n configured layout options will be saved until you change or reset\r\n them. To use the layout builder, choose the layout options and click\r\n the Preview button to preview the changes.\r\n
\r\n {/*Header*/}\r\n
\r\n\r\n {/*Config*/}\r\n \r\n \r\n \r\n {\r\n setKey(0);\r\n saveCurrentTab(0);\r\n }}\r\n >\r\n Header\r\n \r\n \r\n \r\n {\r\n setKey(1);\r\n saveCurrentTab(1);\r\n }}\r\n >\r\n Subheader\r\n \r\n \r\n \r\n {\r\n setKey(2);\r\n saveCurrentTab(2);\r\n }}\r\n >\r\n Content\r\n \r\n \r\n \r\n {\r\n setKey(3);\r\n saveCurrentTab(3);\r\n }}\r\n >\r\n Aside\r\n \r\n \r\n \r\n {\r\n setKey(4);\r\n saveCurrentTab(4);\r\n }}\r\n >\r\n Footer\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 Enable fixed header for mobile mode\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Enable fixed header for mobile mode\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 Select header width type\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n Display header menu \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n Select header menu layout style\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Enable header menu root link arrows\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n Display subheader \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Enable fixed(sticky) subheader. Requires{\" \"}\r\n \r\n
\r\n Solid subheader style.\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n Select layout width type\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Select subheader style\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 Select layout width type\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n Display aside \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Set fixed aside layout\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Allow aside minimizing\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Expand Minimized Aside on hover\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Set aside minimized by default\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Select submenu toggle mode (works only when{\" \"}\r\n \r\n
\r\n Fixed Mode is disabled)\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Set fixed desktop footer\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Select layout width type\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Preview\r\n {\" \"}\r\n \r\n Reset\r\n {\" \"}\r\n
\r\n /src/_metronic/layout/LayoutConfig.js\r\n \r\n \r\n }\r\n />\r\n\r\n \r\n
\r\n );\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Row, Col, Button } from \"react-bootstrap\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\r\nimport {\r\n sortCaret,\r\n headerSortingClasses,\r\n PleaseWaitMessage,\r\n NoRecordsFoundMessage,\r\n} from \"../../../../_metronic/_helpers\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {\r\n formatDate,\r\n sizePerPageList,\r\n statusReadFormatter,\r\n showErrorDialog,\r\n showSuccessDialog,\r\n showConfirmDialog,\r\n} from \"../../../utility\";\r\n\r\nimport { readItem, unreadItem } from \"./notifSlice\";\r\n\r\nexport const NotifTable = ({\r\n data,\r\n page,\r\n sizePerPage,\r\n onTableChange,\r\n totalSize,\r\n loading,\r\n}) => {\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n\r\n useEffect(() => {\r\n // Add number\r\n const pageBefore = sizePerPage * (page - 1);\r\n const initData = data.map((item, index) => {\r\n return {\r\n ...item,\r\n no: index + 1 + pageBefore,\r\n };\r\n });\r\n setTableData(initData);\r\n }, [data, sizePerPage, page]);\r\n\r\n const [tableData, setTableData] = useState(data);\r\n\r\n // const showDetail = (column) => {\r\n // dispatch(setSelected(column));\r\n // history.push(\"/fss-asm-bm/detail-data\");\r\n // };\r\n\r\n const handleOnClickNotification = async (data) => {\r\n const payload = {\r\n notif_id: data.notif_id,\r\n notiftpl_id: data.notiftpl_id,\r\n is_read: \"R\",\r\n }\r\n\r\n await handleMarkAsRead([payload], false)\r\n\r\n history.push(data.direct_url, data.notif_obj)\r\n }\r\n\r\n const linkFormatter = (e, row) => {\r\n return (\r\n ${row.material_description}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById({ data: id }));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n showErrorDialog(\"Something went wrong!\");\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(`/masterdata/material/edit/${row.marA_MATNR}`);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"material\",\r\n dataField: \"marA_MATNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"description\",\r\n dataField: \"makT_MAKTX\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\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 Edit}\r\n >\r\n {\r\n history.push(\r\n `/masterdata/depo/master/edit/${row.vendor_depo_id}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Vendor\",\r\n dataField: \"vendor_name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Region\",\r\n dataField: \"region_name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"120px\" },\r\n },\r\n {\r\n text: \"status\",\r\n dataField: \"status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n // style: { minWidth: \"80px\" },\r\n formatter: activeFormatter,\r\n },\r\n {\r\n text: \"Created Date\",\r\n dataField: \"created_date\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatDate,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/masterdata/depo/stock/edit/${row.vendor_depostock_id}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n {/* \r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/administration/master-user/user/edit/${row.username}`,\r\n { userName: row.username }\r\n );\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Username\",\r\n dataField: \"username\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"Fullname\",\r\n dataField: \"fullname\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"vendor\",\r\n dataField: \"vendor_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"Role\",\r\n dataField: \"rolesConcat\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"Department\",\r\n dataField: \"departement\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"Purch Org\",\r\n dataField: \"purch_org\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"status\",\r\n dataField: \"status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: activeFormatter,\r\n },\r\n {\r\n text: \"Lock / Unlock\",\r\n dataField: \"is_locked\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: lockedFormatter,\r\n style: { minWidth: \"140px\" },\r\n },\r\n {\r\n text: \"password expired\",\r\n dataField: \"password_exp_date\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDate,\r\n style: { minWidth: \"170px\" },\r\n },\r\n {\r\n dataField: \"action\",\r\n text: \"Action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page < 0 ? 1 : page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n const onSelectRow = {\r\n mode: \"checkbox\",\r\n clickToSelect: true,\r\n onSelectAll: (isSelect) => {\r\n if (isSelect) {\r\n setSelectedRows(data);\r\n } else {\r\n setSelectedRows([]);\r\n }\r\n },\r\n onSelect: (row, isSelect, rowIndex) => {\r\n if (isSelect) {\r\n setSelectedRows([...selectedRows, row]);\r\n } else {\r\n const index = selectedRows.indexOf(row);\r\n if (index > -1) {\r\n selectedRows.splice(index, 1);\r\n }\r\n }\r\n },\r\n };\r\n\r\n const handleReset = async () => {\r\n if (selectedRows.length < 1) {\r\n return showErrorDialog(\"Please select username First!\");\r\n }\r\n const params = selectedRows.map((e) => ({ username: e.username }));\r\n const action = await showConfirmDialog(`Are you sure want to reset User?`);\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(resetUserUpdate(params));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n };\r\n\r\n const handleLock = async () => {\r\n if (selectedRows.length < 1) {\r\n return showErrorDialog(\"Please select username First!\");\r\n }\r\n const params = selectedRows.map((e) => ({\r\n username: e.username,\r\n is_locked: \"Y\",\r\n }));\r\n console.log(params, \"params\");\r\n const action = await showConfirmDialog(`Are you sure want to lock User?`);\r\n if (action.isConfirmed) {\r\n setOverlayLoading(true);\r\n try {\r\n const response = await dispatch(unlockUserUpdate(params));\r\n console.log(unlockUserUpdate, \"unlock\");\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n setOverlayLoading(false);\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n setOverlayLoading(false);\r\n }\r\n }\r\n };\r\n\r\n const handleUnlock = async () => {\r\n if (selectedRows.length < 1) {\r\n return showErrorDialog(\"Please select username First!\");\r\n }\r\n const params = selectedRows.map((e) => ({\r\n username: e.username,\r\n is_locked: \"N\",\r\n }));\r\n const action = await showConfirmDialog(`Are you sure want to unlock User?`);\r\n if (action.isConfirmed) {\r\n setOverlayLoading(true);\r\n try {\r\n const response = await dispatch(unlockUserUpdate(params));\r\n console.log(unlockUserUpdate, \"unlock\");\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n setOverlayLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n };\r\n\r\n const handleActive = async () => {\r\n if (selectedRows.length < 1) {\r\n return showErrorDialog(\"Please select username First!\");\r\n }\r\n const params = selectedRows.map((e) => ({\r\n username: e.username,\r\n status: \"Y\",\r\n }));\r\n const action = await showConfirmDialog(`Are you sure want to active User?`);\r\n if (action.isConfirmed) {\r\n setOverlayLoading(true);\r\n\r\n try {\r\n const response = await dispatch(activeUserUpdate(params));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n setOverlayLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n };\r\n\r\n const handleNotactive = async () => {\r\n if (selectedRows.length < 1) {\r\n return showErrorDialog(\"Please select username First!\");\r\n }\r\n const params = selectedRows.map((e) => ({\r\n username: e.username,\r\n status: \"N\",\r\n }));\r\n console.log(params, params);\r\n const action = await showConfirmDialog(\r\n `Are you sure want to Inactive User?`\r\n );\r\n if (action.isConfirmed) {\r\n setOverlayLoading(true);\r\n\r\n try {\r\n const response = await dispatch(activeUserUpdate(params));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n setOverlayLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\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
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\nimport { Button, Form, Col, Row } from \"react-bootstrap\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../_metronic/_partials/controls\";\r\nimport { LayoutSplashScreen } from \"../../../../_metronic/layout\";\r\nimport { UserTable } from \"./UserTable\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {\r\n resetData,\r\n selectData,\r\n selectLoading,\r\n selectPageNo,\r\n selectPageSize,\r\n selectTotalRecord,\r\n fetchAll,\r\n} from \"./userSlice\";\r\nimport { fetchRole, selectRole } from \"../role/userroleSlice\";\r\nimport Select from \"react-select\";\r\nimport { showErrorDialog } from \"../../../utility\";\r\n\r\nexport const UserPage = () => {\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const data = useSelector(selectData);\r\n const dataRole = useSelector(selectRole);\r\n const loading = useSelector(selectLoading);\r\n const pageNo = useSelector(selectPageNo);\r\n const pageSize = useSelector(selectPageSize);\r\n const totalRecord = useSelector(selectTotalRecord);\r\n\r\n // Filter\r\n const [username, setUsername] = useState(\"\");\r\n const [fullname, setFullname] = useState(\"\");\r\n const [vendor, setVendor] = useState(\"\");\r\n const [role, setRole] = useState(\"\");\r\n\r\n useEffect(() => {\r\n // Reset on first load\r\n dispatch(resetData());\r\n\r\n // Fetch data on first load\r\n dispatch(\r\n fetchRole({\r\n pageNo: 1,\r\n pageSize: -1,\r\n })\r\n );\r\n }, [dispatch]);\r\n\r\n const roleOptions = dataRole.map((e) => {\r\n return {\r\n value: e.role_code,\r\n label: e.role_description,\r\n };\r\n });\r\n\r\n const getValueRole = (value, options) => {\r\n const return_value = options.filter((val) => value === val.value);\r\n return return_value;\r\n };\r\n\r\n const handleRoleChange = (e) => {\r\n if (e === null) {\r\n e = undefined;\r\n setRole(\"\");\r\n } else {\r\n setRole(e.value);\r\n }\r\n };\r\n\r\n const handleSearch = async () => {\r\n const params = {\r\n username: username,\r\n fullname: fullname,\r\n vendor_code: vendor,\r\n roles: role,\r\n pageNo: 1,\r\n pageSize: 10,\r\n };\r\n try {\r\n const response = await dispatch(fetchAll(params));\r\n if (response.payload.data.status === 200) {\r\n } else if (\r\n response.payload.data.error === \"10008\" ||\r\n response.payload.data.error === \"10009\"\r\n ) {\r\n const action = await showErrorDialog(response.payload.data.message);\r\n if (action.isConfirmed) await history.push(\"/logout\");\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n }\r\n };\r\n\r\n const handleTableChange = async (\r\n type,\r\n { page, sizePerPage, sortField, sortOrder, data }\r\n ) => {\r\n if (type === \"pagination\") {\r\n const params = {\r\n username: username,\r\n fullname: fullname,\r\n vendor_code: vendor,\r\n roles: role,\r\n pageNo: page,\r\n pageSize: sizePerPage,\r\n };\r\n try {\r\n const response = await dispatch(fetchAll(params));\r\n if (response.payload.data.status === 200) {\r\n } else if (\r\n response.payload.data.error === \"10008\" ||\r\n response.payload.data.error === \"10009\"\r\n ) {\r\n const action = await showErrorDialog(response.payload.data.message);\r\n if (action.isConfirmed) await history.push(\"/logout\");\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n }\r\n } else {\r\n let result;\r\n if (sortOrder === \"asc\") {\r\n result = data.sort((a, b) => {\r\n if (a[sortField] > b[sortField]) {\r\n return 1;\r\n } else if (b[sortField] > a[sortField]) {\r\n return -1;\r\n }\r\n return 0;\r\n });\r\n console.log(result, \"asc\");\r\n } else {\r\n result = data.sort((a, b) => {\r\n if (a[sortField] > b[sortField]) {\r\n return -1;\r\n } else if (b[sortField] > a[sortField]) {\r\n return 1;\r\n }\r\n return 0;\r\n });\r\n console.log(result, \"desc\");\r\n }\r\n }\r\n };\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === \"Enter\") {\r\n handleSearch();\r\n }\r\n };\r\n\r\n return loading ? (\r\n \r\n Edit}\r\n >\r\n {\r\n console.log(column.username, \"column\");\r\n history.push(\r\n `/administration/master-user/vendor/edit/${column.username}`\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 const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Username\",\r\n dataField: \"username\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"Fullname\",\r\n dataField: \"fullname\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"vendor\",\r\n dataField: \"vendor_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"Role\",\r\n dataField: \"rolesConcat\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"status\",\r\n dataField: \"status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: activeFormatter,\r\n },\r\n {\r\n text: \"Lock / Unlock\",\r\n dataField: \"is_locked\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: lockedFormatter,\r\n style: { minWidth: \"140px\" },\r\n },\r\n {\r\n dataField: \"action\",\r\n text: \"Action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n const onSelectRow = {\r\n mode: \"checkbox\",\r\n clickToSelect: true,\r\n onSelectAll: (isSelect) => {\r\n if (isSelect) {\r\n setSelectedRows(data);\r\n } else {\r\n setSelectedRows([]);\r\n }\r\n },\r\n onSelect: (row, isSelect, rowIndex) => {\r\n if (isSelect) {\r\n setSelectedRows([...selectedRows, row]);\r\n } else {\r\n const index = selectedRows.indexOf(row);\r\n if (index > -1) {\r\n selectedRows.splice(index, 1);\r\n }\r\n }\r\n },\r\n };\r\n\r\n const handleReset = async () => {\r\n if (selectedRows.length < 1) {\r\n return showErrorDialog(\"Please select username First!\");\r\n }\r\n const params = selectedRows.map((e) => ({ username: e.username }));\r\n const action = await showConfirmDialog(`Are you sure want to reset user?`);\r\n if (action.isConfirmed) {\r\n try {\r\n setOverlayLoading(true);\r\n const response = await dispatch(resetUserUpdate(params));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.data.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n setOverlayLoading(false);\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n setOverlayLoading(false);\r\n }\r\n }\r\n };\r\n\r\n const handleLock = async () => {\r\n if (selectedRows.length < 1) {\r\n return showErrorDialog(\"Please select username First!\");\r\n }\r\n const params = selectedRows.map((e) => ({\r\n username: e.username,\r\n is_locked: \"Y\",\r\n }));\r\n const action = await showConfirmDialog(`Are you sure want to Lock User?`);\r\n if (action.isConfirmed) {\r\n try {\r\n setOverlayLoading(true);\r\n\r\n const response = await dispatch(unlockUserUpdate(params));\r\n console.log(unlockUserUpdate, \"unlock\");\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.data.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n setOverlayLoading(false);\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n setOverlayLoading(false);\r\n }\r\n }\r\n };\r\n\r\n const handleUnlock = async () => {\r\n if (selectedRows.length < 1) {\r\n return showErrorDialog(\"Please select username First!\");\r\n }\r\n const params = selectedRows.map((e) => ({\r\n username: e.username,\r\n is_locked: \"N\",\r\n }));\r\n const action = await showConfirmDialog(`Are you sure want to unlock user?`);\r\n if (action.isConfirmed) {\r\n try {\r\n setOverlayLoading(true);\r\n\r\n const response = await dispatch(unlockUserUpdate(params));\r\n console.log(unlockUserUpdate, \"unlock\");\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.data.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n setOverlayLoading(false);\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n setOverlayLoading(false);\r\n }\r\n }\r\n };\r\n\r\n const handleActive = async () => {\r\n if (selectedRows.length < 1) {\r\n return showErrorDialog(\"Please select username First!\");\r\n }\r\n const params = selectedRows.map((e) => ({\r\n username: e.username,\r\n status: \"Y\",\r\n }));\r\n const action = await showConfirmDialog(`Are you sure want to active User?`);\r\n if (action.isConfirmed) {\r\n try {\r\n setOverlayLoading(true);\r\n\r\n const response = await dispatch(activeUserUpdate(params));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.data.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n setOverlayLoading(false);\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n setOverlayLoading(false);\r\n }\r\n }\r\n };\r\n\r\n const handleNotactive = async () => {\r\n if (selectedRows.length < 1) {\r\n return showErrorDialog(\"Please select username First!\");\r\n }\r\n const params = selectedRows.map((e) => ({\r\n username: e.username,\r\n status: \"N\",\r\n }));\r\n console.log(params, params);\r\n const action = await showConfirmDialog(\r\n `Are you sure want to Inactive User?`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(activeUserUpdate(params));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.data.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n }\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n reset}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Unlock}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Lock}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Active}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Not Active\r\n }\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n ${row.menu_name}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById({ data: id }));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/administration/menu/menu-master-data/edit/${row.menu_id}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n setTreeLabel(treeLabel)}\r\n />\r\n
\r\n ${row.role_code}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById({ data: id }));\r\n if (response.payload.data.status === 200) {\r\n const action = await showSuccessDialog(response.payload.data.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Permission User\r\n }\r\n >\r\n {\r\n history.push(\r\n `/administration/master-user/role/permission/${row.role_code}`,\r\n { params: row.role_code }\r\n );\r\n }}\r\n >\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/administration/master-user/role/edit/${row.role_code}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Role Code\r\n \r\n {\r\n setRole(e.target.value);\r\n }}\r\n value={role}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n {/* Right Row */}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.length > 0 && (\r\n | Menu | \r\nPermission | \r\nAll | \r\n
|---|
${row.param_value}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById(id));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.data.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n showErrorDialog(\"Something went wrong!\");\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n dispatch(setSelected(row));\r\n history.push(\r\n \"/administration/bussiness-parameter/parameter/edit\"\r\n );\r\n console.log(row);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n ${row.paramgroup_code}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById({ data: id }));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n showErrorDialog(\"Something went wrong!\");\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n dispatch(setSelected(row));\r\n history.push(\r\n \"/administration/bussiness-parameter/parametergrup/edit\"\r\n );\r\n console.log(row);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Parameter Group\r\n \r\n {\r\n setParamGroup(e.target.value);\r\n }}\r\n value={paramGroup}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n {/* Right Row */}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.length > 0 && (\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/administration/policy/edit/${row.code}`, {\r\n params: row.code,\r\n });\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Code\",\r\n dataField: \"code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"label\",\r\n dataField: \"label\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"value\",\r\n dataField: \"value\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"information Remark\",\r\n dataField: \"informationRemark\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"180px\" },\r\n },\r\n {\r\n text: \"display order\",\r\n dataField: \"display_order\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n ${row.wtm_name}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById({ data: id }));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n showErrorDialog(\"Something went wrong!\");\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/administration/approval/template/edit/${row.wtm_id}`,\r\n { params: row.wtm_id }\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n ${row.wtst_name}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById({ data: id }));\r\n if (response.payload.data.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n handleShowEdit(row)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/approval/list/edit/${row.wdd_id}`);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n\r\n {\r\n text: \"Approval Type\",\r\n dataField: \"object_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"Approval\",\r\n dataField: \"wtm_name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"doc name\",\r\n dataField: \"docName\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"approval document\",\r\n dataField: \"object_id\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"Vendor Name\",\r\n dataField: \"vendorName\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"status\",\r\n dataField: \"status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n formatter: decisionFormatter,\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n editable: false,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n let notSelectableRows = [];\r\n\r\n const getNonSelectableRows = (payload) => {\r\n console.log(\"payload\", payload);\r\n\r\n let nonSelectable = [];\r\n payload.map((value, index) => {\r\n if (value.object_code === \"INVOICE\") {\r\n nonSelectable.push(index);\r\n }\r\n });\r\n\r\n return nonSelectable;\r\n };\r\n\r\n notSelectableRows = getNonSelectableRows(data);\r\n\r\n const onSelectRow = {\r\n mode: \"checkbox\",\r\n // clickToSelect: true,\r\n hideSelectAll: notSelectableRows.length > 0 ? true : false,\r\n nonSelectable: [1, 2],\r\n onSelectAll: (isSelect) => {\r\n if (isSelect) {\r\n setSelectedRows(data);\r\n } else {\r\n setSelectedRows([]);\r\n }\r\n },\r\n onSelect: (row, isSelect, rowIndex) => {\r\n if (isSelect) {\r\n setSelectedRows([...selectedRows, row]);\r\n } else {\r\n const index = selectedRows.indexOf(row);\r\n if (index > -1) {\r\n selectedRows.splice(index, 1);\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 Doc Number\r\n \r\n setDocName(e.target.value)}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Doc Id\r\n \r\n setDocId(e.target.value)}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n\r\n \r\n \r\n \r\n Object Code *{\" \"}\r\n \r\n \r\n \r\n \r\n \r\n Status\r\n \r\n \r\n {/* \r\n \r\n Created Date\r\n \r\n */}\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.length > 0 && (\r\n \r\n download}\r\n >\r\n {\r\n let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n window.open(url);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columnsAttachments = [\r\n {\r\n text: \"doc type\",\r\n dataField: \"doc_type\",\r\n },\r\n {\r\n text: \"file name\",\r\n dataField: \"file_name\",\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: downloadFormatter,\r\n },\r\n ];\r\n\r\n const [showClaim, setShowClaim] = useState(false);\r\n\r\n const handleShowClaim = () => setShowClaim(true);\r\n\r\n const handleCloseClaim = () => setShowClaim(false);\r\n\r\n const columnsClaim = [\r\n {\r\n text: \"vendor\",\r\n dataField: \"lfA1_LIFNR\",\r\n },\r\n {\r\n text: \"Material \",\r\n dataField: \"marA_MATNR\",\r\n },\r\n {\r\n text: \"Type \",\r\n dataField: \"claim_type\",\r\n },\r\n {\r\n text: \"reason \",\r\n dataField: \"reason\",\r\n },\r\n ];\r\n\r\n return (\r\n <>\r\n {dataId && (\r\n \r\n \r\n \r\n \r\n Object Code\r\n \r\n \r\n \r\n \r\n Approval\r\n \r\n \r\n \r\n \r\n Vendor Code\r\n \r\n \r\n \r\n \r\n Vendor Name\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n\r\n \r\n \r\n Process\r\n \r\n \r\n {/* \r\n \r\n Status Approval\r\n \r\n setStatusApproval(e.value)}\r\n />\r\n \r\n \r\n \r\n \r\n Remark\r\n \r\n setRemark(e.target.value)}\r\n />\r\n \r\n */}\r\n\r\n {dataId.object_code !== \"INVOICE\" && (\r\n \r\n \r\n View Detail\r\n \r\n {\r\n if (\r\n dataId.object_code === \"ADVANCESHIPPINGNOTICE\"\r\n ) {\r\n window.open(\r\n `/approval/decision/asn/${dataId.object_id}`\r\n );\r\n } else if (\r\n dataId.object_code === \"REQUESTUPDATE\" &&\r\n dataId.table_name === \"VENDOR\"\r\n ) {\r\n window.open(\r\n `/approval/decision/vendor/${dataId.wdd_id}`\r\n );\r\n } else if (\r\n dataId.object_code === \"REQUESTUPDATE\" &&\r\n dataId.table_name === \"INFORECORD\"\r\n ) {\r\n window.open(\r\n `/approval/decision/info-record/${dataId.wdd_id}`\r\n );\r\n } else if (\r\n dataId.object_code === \"PURCHASEORDER\" &&\r\n dataId.table_name === \"PURCHASEORDER\"\r\n ) {\r\n window.open(\r\n `/approval/decision/purchase-order-sap/${dataId.object_id}`\r\n );\r\n } else if (\r\n dataId.object_code === \"REQUESTUPDATE\" &&\r\n dataId.table_name === \"PURCHASEORDER\"\r\n ) {\r\n window.open(\r\n `/approval/decision/purchase-order/${dataId.wdd_id}`\r\n );\r\n } else if (\r\n dataId.object_code === \"INVOICE\" &&\r\n dataId.table_name === \"INVOICE\"\r\n ) {\r\n window.open(\r\n `/transaction/invoice/edit/${dataId.object_id}`\r\n );\r\n } else if (\r\n dataId.object_code === \"FORECASTUPLOAD\" &&\r\n dataId.table_name === \"FORECASTUPLOAD\"\r\n ) {\r\n window.open(\r\n `/approval/decision/forecast-upload/${dataId.object_id}`\r\n );\r\n } else if (\r\n dataId.object_code === \"CLAIM\" &&\r\n dataId.table_name === \"CLAIM\"\r\n ) {\r\n handleShowClaim();\r\n }\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n )}\r\n {dataId.object_code === \"INVOICE\" && (\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/administration/email/template/edit/${row.emailtpl_id}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n Edit}\r\n >\r\n {\r\n dispatch(fetchId(row.emailacct_id));\r\n history.push(\r\n `/administration/email-account/edit/${row.emailacct_id}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/administration/approval/stages/edit/${row.wtst_id}`,\r\n { params: row.wtst_id }\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"stages Name\",\r\n dataField: \"wtst_name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"160px\" },\r\n },\r\n\r\n {\r\n text: \"created user\",\r\n dataField: \"created_user\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"160px\" },\r\n },\r\n {\r\n dataField: \"action\",\r\n text: \"Action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n Edit}\r\n >\r\n handleShow(row, rowIndex)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n ${row.notiftpl_code}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById({ data: id }));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/administration/notification/edit/${row.notiftpl_id}`,\r\n { params: row.notiftpl_id }\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n ${row.setting_id}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById({ data: id }));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n } \r\n } catch (error) {\r\n console.log(error);\r\n showErrorDialog(\"Something went wrong!\");\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/administration/general-setting/edit/${row.setting_id}`\r\n );\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n detail}\r\n >\r\n {\r\n history.push(\r\n `/administration/activity/detail/${row.useractivity_id}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Username \",\r\n dataField: \"username\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"Object Code \",\r\n dataField: \"object_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Object Name\",\r\n dataField: \"description\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Object Id\",\r\n dataField: \"object_id\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Action Type\",\r\n dataField: \"action_type\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Activity Date\",\r\n dataField: \"activity_date\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDate,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/administration/api-log/edit/${row.id}`);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Method\",\r\n dataField: \"method\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Object Id\",\r\n dataField: \"object_id\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"URL\",\r\n dataField: \"url\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Object Type\",\r\n dataField: \"object_type\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Status\",\r\n dataField: \"status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\", whiteSpace: \"nowrap\" },\r\n },\r\n {\r\n text: \"Time\",\r\n dataField: \"log_time\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDate,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n JSON
\r\nJSON Response
\r\n\r\n${row.bss_name}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById({ data: id }));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n showErrorDialog(\"Something went wrong!\");\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(`/administration/service/edit/${row.bss_id}`);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n Edit}\r\n >\r\n {\r\n dispatch(setSelected(row));\r\n history.push(`/masterdata/info-record/edit`);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n\r\n {\r\n text: \"inforecord number\",\r\n dataField: \"einA_INFNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Material\",\r\n dataField: \"einA_MATNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"110px\" },\r\n },\r\n {\r\n text: \"Material Description\",\r\n dataField: \"material_description\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"180px\" },\r\n },\r\n\r\n {\r\n text: \"Created on\",\r\n dataField: \"einA_ERDAT\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"120px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList2(totalSize),\r\n };\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n // Edit}\r\n // >\r\n // {\r\n // handleShow(row, rowIndex);\r\n // }}\r\n // >\r\n // \r\n //
\r\n // \r\n // \r\n // );\r\n // },\r\n // },\r\n ];\r\n\r\n // func konp a017\r\n\r\n const handleQty = (e, row, rowIndex, formatExtraData) => {\r\n // let temp = [...row];\r\n // let _record = { ...record };\r\n // let _a017 = [..._record.a017];\r\n // let _a017Obj = { ..._a017[indexA017] };\r\n // _a017Obj.konp = temp;\r\n // _a017[indexA017] = _a017Obj;\r\n // _record.a017 = _a017;\r\n // console.log(_record, \"_record\");\r\n // setRecord(_record);\r\n // forceUpdate();\r\n };\r\n\r\n const inputQty = (e, row, rowIndex, formatExtraData) => {\r\n return (\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n )}\r\n \r\n \r\n Material Info Record (Plant-Specific)
\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 Material Info Record
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n Attachment
\r\n\r\n\r\n handleAdd()}\r\n className=\" btn btn-sm\"\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n File\r\n \r\n handleFileChange(idx, e)}\r\n accept=\".png, .jpg, .jpeg , .pdf , .xlsx, .xlx \"\r\n />\r\n )}\r\n {field.files !== null && (\r\n \r\n \r\n \r\n \r\n Remarks\r\n \r\n handleRemarkChange(idx, e)}\r\n />\r\n \r\n \r\n \r\n\r\n \r\n
\r\n );\r\n })}{\" \"}\r\n \r\n handleDeleteFile(idx, e)}\r\n />\r\n
\r\n )}\r\n \r\n \r\n {field.files.name}\r\n
\r\n\r\n \r\n {fields.length > 0 && (\r\n handleRemove(idx)}\r\n >\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/transaction/forecast/data/edit/${row.vendor_code},${row.type}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n ),\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/transaction/forecast/request/edit/${row.forecast_request_id}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n dataField: \"no\",\r\n text: \"no\",\r\n sort: true,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n dataField: \"doc_num\",\r\n text: \"DOC Num\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n dataField: \"vendor_code\",\r\n text: \"Vendor Code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n dataField: \"is_cancel\",\r\n text: \"Status Cancel\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: StatusFormatter,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n dataField: \"type\",\r\n text: \"type\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n dataField: \"period_from\",\r\n text: \"period From\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n dataField: \"period_to\",\r\n text: \"Period To\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n style: { minWidth: \"130px\" },\r\n },\r\n\r\n // {\r\n // dataField: \"action\",\r\n // text: \"action\",\r\n // sort: false,\r\n // sortCaret: sortCaret,\r\n // formatter: actionFormatter,\r\n // },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n const onSelectRow = {\r\n mode: \"checkbox\",\r\n // clickToSelect: true,\r\n onSelectAll: (isSelect) => {\r\n if (isSelect) {\r\n setSelectedRows(data);\r\n } else {\r\n setSelectedRows([]);\r\n }\r\n },\r\n onSelect: (row, isSelect, rowIndex) => {\r\n if (isSelect) {\r\n if (row.is_cancel === \"Y\") {\r\n return showErrorDialog(\"please select status cancel No\");\r\n }\r\n setSelectedRows([...selectedRows, row]);\r\n } else {\r\n const index = selectedRows.indexOf(row);\r\n if (index > -1) {\r\n selectedRows.splice(index, 1);\r\n }\r\n }\r\n },\r\n };\r\n\r\n const handleCancel = async () => {\r\n if (selectedRows.length < 1) {\r\n return showErrorDialog(\"Please select Request First!\");\r\n }\r\n const params = selectedRows.map((e) => ({\r\n forecast_request_id: e.forecast_request_id,\r\n is_cancel: \"Y\",\r\n }));\r\n console.log(params, \"params\");\r\n const action = await showConfirmDialog(\r\n `Are you sure want to Cancel Request?`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(updateRequest(params));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) history.push(\"/transaction/forecast/request\");\r\n } else {\r\n showErrorDialog(response.payload.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\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 )}\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/transaction/purchase-order/sparepart/edit/${row.ekkO_EBELN}`\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 const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Supplier Name \",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"PO Number \",\r\n dataField: \"ekkO_EBELN\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n // {\r\n // text: \"Vendor Account Number\",\r\n // dataField: \"ekkO_LIFNR\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // },\r\n // {\r\n // text: \"Currency Key\",\r\n // dataField: \"ekkO_WAERS\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // },\r\n // {\r\n // text: \"Salesperson\",\r\n // dataField: \"ekkO_VERKF\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // },\r\n {\r\n text: \" approval status\",\r\n dataField: \"label\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: formatStatusDecisionPO,\r\n headerSortingClasses,\r\n style: { minWidth: \"160px\" },\r\n },\r\n {\r\n text: \"Created Date\",\r\n dataField: \"ekkO_BEDAT\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"Update Date\",\r\n dataField: \"latest_update\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page < 0 ? 1 : page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/schedule-picking/edit/${row.label_id}`);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n\r\n {\r\n text: \"Vendor\",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"No Po\",\r\n dataField: \"ekkO_EBELN\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"Label\",\r\n dataField: \"label_desc\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n\r\n {\r\n text: \"Schadule\",\r\n dataField: \"picking_schedule\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n },\r\n {\r\n text: \"Created Date\",\r\n dataField: \"created_date\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n return (\r\n <>\r\n \r\n \r\n \r\n Purchase Order\r\n \r\n {\r\n setPoSearch(e.target.value);\r\n }}\r\n value={poSearch}\r\n />\r\n \r\n \r\n Search\r\n \r\n \r\n \r\n
\r\n {tableData && tableData.length > 0 && (\r\n \r\n <>\r\n Edit}\r\n >\r\n {\r\n var arr = new URL(row.urL_NOTIF).pathname.split(\"/edit\")[0];\r\n const accessGranted = getAllMenus(user.usernav).filter(element => arr.includes(element)).length > 0;\r\n if (accessGranted) {\r\n history.push(`/approval/decision/edit/${row.wdd_id}`);\r\n } else {\r\n showErrorDialog(\"Error 20001 : You do not have Permission.\");\r\n }\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n <>\r\n {row.table_name === \"ORDERLIST\" && (\r\n \r\n \r\n \r\n \r\n Doc Number\r\n \r\n setDocName(e.target.value)}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Created Date\r\n \r\n\r\n {\r\n setDateStart(e.target.value);\r\n }}\r\n value={dateStart}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDateEnd(e.target.value);\r\n }}\r\n value={dateEnd}\r\n />\r\n \r\n \r\n {/* \r\n \r\n Doc Id\r\n \r\n setDocId(e.target.value)}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n */}\r\n \r\n\r\n {/* Right Row */}\r\n\r\n \r\n \r\n \r\n Object Code *{\" \"}\r\n \r\n \r\n \r\n {user.is_user_ad === \"Y\" && (\r\n \r\n \r\n Supplier Name\r\n \r\n \r\n )}\r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.length > 0 && (\r\n \r\n
\r\n )}\r\n \r\n download}\r\n >\r\n {\r\n let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n window.open(url);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columnsAttachments = [\r\n {\r\n text: \"doc type\",\r\n dataField: \"doc_type\",\r\n },\r\n {\r\n text: \"file name\",\r\n dataField: \"file_name\",\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: downloadFormatter,\r\n },\r\n ];\r\n\r\n const handlePrint = async (name) => {\r\n const params = name.url;\r\n // window.open(name.url);\r\n setOverlayLoading(true);\r\n\r\n try {\r\n const response = await dispatch(fetchReport(params));\r\n console.log(response, \"response\");\r\n if (response.payload.status === 200) {\r\n console.log(response);\r\n const blob = new Blob([response.payload.data], {\r\n type: \"application/pdf\",\r\n });\r\n const link = document.createElement(\"a\");\r\n link.href = window.URL.createObjectURL(blob);\r\n link.download = `${id}.pdf`;\r\n link.click();\r\n setOverlayLoading(false);\r\n } else {\r\n setOverlayLoading(false);\r\n showErrorDialog(\"Wait a minute, try again\");\r\n }\r\n } catch (error) {\r\n setOverlayLoading(false);\r\n showErrorDialog(\"Wait a minute, Please try again \");\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {dataId && dataOld && dataUpdate && (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n download}\r\n >\r\n {\r\n let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n window.open(url);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columnsAttachments = [\r\n {\r\n text: \"doc type\",\r\n dataField: \"doc_type\",\r\n },\r\n {\r\n text: \"file name\",\r\n dataField: \"file_name\",\r\n },\r\n {\r\n text: \"remarks\",\r\n dataField: \"file_description\",\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: downloadFormatter,\r\n },\r\n ];\r\n const [overlayLoading, setOverlayLoading] = useState(false);\r\n\r\n const handlePrint = async (name) => {\r\n const params = name.url;\r\n // window.open(name.url);\r\n setOverlayLoading(true);\r\n\r\n try {\r\n const response = await dispatch(fetchReport(params));\r\n console.log(response, \"response\");\r\n if (response.payload.status === 200) {\r\n console.log(response);\r\n const blob = new Blob([response.payload.data], {\r\n type: \"application/pdf\",\r\n });\r\n const link = document.createElement(\"a\");\r\n link.href = window.URL.createObjectURL(blob);\r\n link.download = `${id}.pdf`;\r\n link.click();\r\n setOverlayLoading(false);\r\n } else {\r\n setOverlayLoading(false);\r\n showErrorDialog(\"Wait a minute, try again\");\r\n }\r\n } catch (error) {\r\n setOverlayLoading(false);\r\n showErrorDialog(\"Wait a minute, Please try again \");\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {dataId && (\r\n \r\n \r\n \r\n \r\n Supplier\r\n \r\n \r\n \r\n \r\n ETA\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n\r\n \r\n \r\n Delivery Date\r\n \r\n \r\n \r\n \r\n Delivery Note\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n // Detail}\r\n // >\r\n // {\r\n // handleShow(row, rowIndex);\r\n // }}\r\n // >\r\n // \r\n //
\r\n // \r\n // \r\n // );\r\n // },\r\n // },\r\n ];\r\n const columnsA018 = [\r\n {\r\n text: \"Application\",\r\n dataField: \"a018_KAPPL\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"Condition type\",\r\n dataField: \"a018_KSCHL\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"Vendor\",\r\n dataField: \"a018_LIFNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"Material\",\r\n dataField: \"a018_MATNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"Purchasing Org.\",\r\n dataField: \"a018_EKORG\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"Info Type.\",\r\n dataField: \"a018_ESOKZ\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n\r\n {\r\n text: \"Valid From\",\r\n dataField: \"a018_DATAB\",\r\n formatter: formatDateMonth,\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"180px\" },\r\n // formatter: (cell) => {\r\n // let dateObj = cell;\r\n // if (typeof cell !== \"object\") {\r\n // dateObj = new Date(cell);\r\n // }\r\n // return `${(\"0\" + dateObj.getUTCDate()).slice(-2)}/${(\r\n // \"0\" +\r\n // (dateObj.getUTCMonth() + 1)\r\n // ).slice(-2)}/${dateObj.getUTCFullYear()}`;\r\n // },\r\n // editor: {\r\n // type: Type.DATE,\r\n // },\r\n },\r\n {\r\n text: \"Valid to\",\r\n dataField: \"a018_DATBI\",\r\n formatter: formatDateMonth,\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"180px\" },\r\n // formatter: (cell) => {\r\n // let dateObj = cell;\r\n // if (typeof cell !== \"object\") {\r\n // dateObj = new Date(cell);\r\n // }\r\n // return `${(\"0\" + dateObj.getUTCDate()).slice(-2)}/${(\r\n // \"0\" +\r\n // (dateObj.getUTCMonth() + 1)\r\n // ).slice(-2)}/${dateObj.getUTCFullYear()}`;\r\n // },\r\n // editor: {\r\n // type: Type.DATE,\r\n // },\r\n },\r\n\r\n {\r\n text: \"Cond.record no.\",\r\n dataField: \"a018_KNUMH\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n editable: false,\r\n\r\n // formatter: (cell, column, row, rowIndex) => {\r\n // return (\r\n // \r\n download}\r\n >\r\n {\r\n let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n window.open(url);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columnsAttachments = [\r\n {\r\n text: \"doc type\",\r\n dataField: \"doc_type\",\r\n },\r\n {\r\n text: \"file name\",\r\n dataField: \"file_name\",\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: downloadFormatter,\r\n },\r\n ];\r\n\r\n const expandRow = {\r\n expandByColumnOnly: true,\r\n showExpandColumn: true,\r\n renderer: (row) => (\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n )}\r\n \r\n \r\n Material Info Record (Plant-Specific)
\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 Material Info Record (Plant-Specific)
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n download}\r\n >\r\n {\r\n let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n window.open(url);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columnsAttachments = [\r\n {\r\n text: \"doc type\",\r\n dataField: \"doc_type\",\r\n },\r\n {\r\n text: \"file name\",\r\n dataField: \"file_name\",\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: downloadFormatter,\r\n },\r\n ];\r\n\r\n const handlePrint = async (name) => {\r\n const params = name.url;\r\n // window.open(name.url);\r\n setOverlayLoading(true);\r\n\r\n try {\r\n const response = await dispatch(fetchReport(params));\r\n console.log(response, \"response\");\r\n if (response.payload.status === 200) {\r\n console.log(response);\r\n const blob = new Blob([response.payload.data], {\r\n type: \"application/pdf\",\r\n });\r\n const link = document.createElement(\"a\");\r\n link.href = window.URL.createObjectURL(blob);\r\n link.download = `${id}.pdf`;\r\n link.click();\r\n setOverlayLoading(false);\r\n } else {\r\n setOverlayLoading(false);\r\n showErrorDialog(\"Wait a minute, try again\");\r\n }\r\n } catch (error) {\r\n setOverlayLoading(false);\r\n showErrorDialog(\"Wait a minute, Please try again \");\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {dataId && dataOld && dataUpdate && (\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 View}\r\n >\r\n {\r\n console.log(\"keren \", row)\r\n setDataViewer([\r\n {\r\n uri: row.url_preview,\r\n fileType: row.file_type,\r\n fileName: row.file_name,\r\n },\r\n ]);\r\n setShowViewer(true);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n download}\r\n >\r\n {\r\n let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n window.open(url);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columnsAttachments = [\r\n {\r\n text: \"doc type\",\r\n dataField: \"doc_type\",\r\n },\r\n {\r\n text: \"file name\",\r\n dataField: \"file_name\",\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: downloadFormatter,\r\n },\r\n ];\r\n\r\n // Modal Approval Decision\r\n const [showApproval, setShowApproval] = useState(false);\r\n const [dataApproval, setDataApproval] = useState([]);\r\n\r\n const handleShowApproval = (row, rowIndex) => {\r\n setDataApproval(row.approvalDetails);\r\n setShowApproval(true);\r\n };\r\n const handleCloseApproval = () => {\r\n setDataApproval([]);\r\n setShowApproval(false);\r\n };\r\n\r\n const columnsDecision = [\r\n {\r\n text: \"fullname\",\r\n dataField: \"fullname\",\r\n },\r\n {\r\n text: \"approver status\",\r\n dataField: \"approver_status\",\r\n formatter: formatterStatusInvoice,\r\n },\r\n // {\r\n // text: \"status\",\r\n // dataField: \"approval_status\",\r\n // formatter: formatterStatusInvoice,\r\n // },\r\n\r\n {\r\n text: \"remarks\",\r\n dataField: \"remarks\",\r\n },\r\n ];\r\n\r\n const columnsApproval = [\r\n {\r\n text: \"created\",\r\n dataField: \"created_user\",\r\n },\r\n {\r\n text: \"description\",\r\n dataField: \"description\",\r\n },\r\n {\r\n text: \"status\",\r\n dataField: \"status\",\r\n formatter: formatterStatusInvoice,\r\n },\r\n {\r\n text: \"action\",\r\n dataField: \"action\",\r\n\r\n formatter: (cell, row, rowIndex) => {\r\n return (\r\n \r\n // download}\r\n // >\r\n // {\r\n // let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n // window.open(url);\r\n // }}\r\n // >\r\n // \r\n // \r\n // \r\n //
\r\n // \r\n // \r\n // );\r\n // };\r\n\r\n const downloadFormatter = (e, row) => {\r\n return (\r\n \r\n View}\r\n >\r\n {\r\n setDataViewer([\r\n {\r\n uri: row.url_preview,\r\n fileType: row.file_type,\r\n fileName: row.file_name,\r\n },\r\n ]);\r\n setShowViewer(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\n
\r\n
\r\n {/* Bank */}\r\n \r\n
\r\n download}\r\n >\r\n {\r\n let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n window.open(url);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n },\r\n\r\n {\r\n text: \"vendor\",\r\n dataField: \"lfA1_LIFNR\",\r\n },\r\n {\r\n text: \"Material \",\r\n dataField: \"marA_MATNR\",\r\n },\r\n {\r\n text: \"Type \",\r\n dataField: \"claim_type\",\r\n },\r\n {\r\n text: \"reason \",\r\n dataField: \"reason\",\r\n },\r\n ];\r\n\r\n const columnsAttachments = [\r\n {\r\n text: \"doc type\",\r\n dataField: \"doc_type\",\r\n },\r\n {\r\n text: \"file name\",\r\n dataField: \"file_name\",\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: downloadFormatter,\r\n },\r\n ];\r\n\r\n const columnsApproval = [\r\n {\r\n text: \"fullname\",\r\n dataField: \"fullname\",\r\n },\r\n {\r\n text: \"approver status\",\r\n dataField: \"approver_status\",\r\n formatter: formatterStatusInvoice,\r\n },\r\n // {\r\n // text: \"status\",\r\n // dataField: \"approval_status\",\r\n // formatter: formatterStatusInvoice,\r\n // },\r\n\r\n {\r\n text: \"remarks\",\r\n dataField: \"remarks\",\r\n },\r\n ];\r\n\r\n const handleSave = async () => {\r\n const params = {\r\n claim_hdr_id: dataClaim.claim_hdr_id,\r\n delivery_date: schedule,\r\n };\r\n console.log(params, \"params\");\r\n // return;\r\n try {\r\n const response = await dispatch(editItem(params));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) history.push(\"/transaction/claim\");\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n console.log(error.message);\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {dataClaim && (\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/transaction/claim/edit/${row.claim_hdr_id}`);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n\r\n {\r\n text: \"doc num\",\r\n dataField: \"claim_docnum\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"120px\" },\r\n },\r\n {\r\n text: \"vendor confirm\",\r\n dataField: \"vendor_confirm\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatterStatusInvoice,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"vendor confirm date\",\r\n dataField: \"vendor_confirm_date\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"200px\" },\r\n },\r\n {\r\n text: \"KTB confirm\",\r\n dataField: \"mmksi_confirm\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatterStatusInvoice,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"KTB confirm date\",\r\n dataField: \"mmksi_confirm_date\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"200px\" },\r\n },\r\n {\r\n text: \"created by\",\r\n dataField: \"created_user\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n\r\n {\r\n text: \"Created Date\",\r\n dataField: \"created_date\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n return (\r\n <>\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/approval/purchase-order/edit`);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n\r\n {\r\n text: \"Po Number\",\r\n dataField: \"object_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"Vendor\",\r\n dataField: \"vendor\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"Tgl PO\",\r\n dataField: \"vendor\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n {\r\n text: \"status\",\r\n dataField: \"status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n },\r\n\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n return (\r\n <>\r\n \r\n Edit}\r\n >\r\n {\r\n console.log(\"row.vendor_confirm\", row.vendor_confirm)\r\n console.log(\"typePO\", typePO)\r\n if ((row.vendor_confirm === \"D\" || row.vendor_confirm === \"V\") && typePO === \"WPC\") {\r\n history.push(\r\n `/transaction/advance-shipping-notice/wpc/draft/${row.asn_id}`\r\n );\r\n } else if ((row.vendor_confirm === \"D\" || row.vendor_confirm === \"V\") && typePO === \"PE\") {\r\n history.push(\r\n `/transaction/advance-shipping-notice/pe/draft/${row.asn_id}`\r\n );\r\n } else if (row.vendor_confirm !== \"D\" && typePO === \"WPC\") {\r\n history.push(\r\n `/transaction/advance-shipping-notice/wpc/edit/${row.asn_id}`\r\n );\r\n } else if (row.vendor_confirm !== \"D\" && typePO === \"PE\") {\r\n history.push(\r\n `/transaction/advance-shipping-notice/pe/edit/${row.asn_id}`\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 const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n\r\n {\r\n text: \"Supplier Name\",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"Surat Jalan\",\r\n dataField: \"delivery_note\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"eta\",\r\n dataField: \"eta\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"delivery date\",\r\n dataField: \"delivery_date\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"vendor confirm\",\r\n dataField: \"vendor_confirm\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatterStatusAsn,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"vendor confirm date\",\r\n dataField: \"vendor_confirm_date\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: (cell, column) => {\r\n if (column.vendor_confirm != \"V\") {\r\n return `${formatDateMonth(cell)}`\r\n }\r\n\r\n return ''\r\n },\r\n style: { minWidth: \"200px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n const onSelectRow = {\r\n mode: \"checkbox\",\r\n clickToSelect: true,\r\n onSelectAll: (isSelect) => {\r\n if (isSelect) {\r\n setSelectedRows(data);\r\n } else {\r\n setSelectedRows([]);\r\n }\r\n },\r\n onSelect: (row, isSelect, rowIndex) => {\r\n if (isSelect) {\r\n setSelectedRows([...selectedRows, row]);\r\n } else {\r\n const index = selectedRows.indexOf(row);\r\n if (index > -1) {\r\n selectedRows.splice(index, 1);\r\n }\r\n }\r\n },\r\n };\r\n\r\n const handlePrint = async () => {\r\n const data = selectedRows.map((item) => item.asn_id);\r\n const string = data.toString();\r\n const params = {\r\n LIST_OF_ASN_ID: string,\r\n };\r\n try {\r\n const response = await dispatch(fetchBarcodeAsn(params));\r\n if (response.payload.status === 200) {\r\n const blob = new Blob([response.payload.data], {\r\n type: \"application/pdf\",\r\n });\r\n const link = document.createElement(\"a\");\r\n link.href = window.URL.createObjectURL(blob);\r\n link.download = \"AsnQR.pdf\";\r\n link.click();\r\n } else {\r\n showErrorDialog(\"Wait a minute, try again\");\r\n }\r\n } catch (error) {\r\n // showErrorDialog(error.message);\r\n showErrorDialog(\"Wait a minute, Please try again \");\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n ${row.material_description}`\r\n // );\r\n // if (action.isConfirmed) {\r\n // try {\r\n // const response = await dispatch(removeById({ data: id }));\r\n // if (response.payload.status === 200) {\r\n // const action = await showSuccessDialog(response.payload.message);\r\n // if (action.isConfirmed) await window.location.reload();\r\n // } else {\r\n // showErrorDialog(response.payload.message);\r\n // }\r\n // } catch (error) {\r\n // console.log(error);\r\n // showErrorDialog(\"Something went wrong!\");\r\n // }\r\n // }\r\n // };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/masterdata/stock-sloc/edit/${row.marD_MATNR},${row.marD_WERKS},${row.marD_LGORT}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Material Number\",\r\n dataField: \"marD_MATNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"160px\" },\r\n },\r\n {\r\n text: \"Plant\",\r\n dataField: \"marD_WERKS\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"90px\" },\r\n },\r\n {\r\n text: \"Storage Location\",\r\n dataField: \"marD_LGORT\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"170px\" },\r\n },\r\n {\r\n text: \"Qty\",\r\n dataField: \"marD_LABST\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"90px\" },\r\n },\r\n {\r\n text: \"number data\",\r\n dataField: \"number_data\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n ${row.material_description}`\r\n // );\r\n // if (action.isConfirmed) {\r\n // try {\r\n // const response = await dispatch(removeById({ data: id }));\r\n // if (response.payload.status === 200) {\r\n // const action = await showSuccessDialog(response.payload.message);\r\n // if (action.isConfirmed) await window.location.reload();\r\n // } else {\r\n // showErrorDialog(response.payload.message);\r\n // }\r\n // } catch (error) {\r\n // console.log(error);\r\n // showErrorDialog(\"Something went wrong!\");\r\n // }\r\n // }\r\n // };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/masterdata/vendor-stock/edit/${row.mslB_MATNR},${row.mslB_WERKS},${row.mslB_LIFNR}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Material Number\",\r\n dataField: \"mslB_MATNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"160px\" },\r\n },\r\n {\r\n text: \"Material Description\",\r\n dataField: \"makT_MAKTX\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"190px\" },\r\n },\r\n {\r\n text: \"Vendor\",\r\n dataField: \"mslB_LIFNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"100px\" },\r\n },\r\n {\r\n text: \"Qty\",\r\n dataField: \"mslB_LBLAB\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"100px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n handleRemarkRowChange(e, row, rowIndex, formatExtraData)\r\n }\r\n maxLength={255}\r\n />\r\n
\r\n );\r\n };\r\n\r\n const actionFormatter = (e, row) => {\r\n return (\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/approval/po-confirmation/edit/${row.wdd_id}`);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n\r\n {\r\n text: \"object code\",\r\n dataField: \"object_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"object id\",\r\n dataField: \"object_id\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"No Po\",\r\n dataField: \"EKKO_EBELN\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"status\",\r\n dataField: \"status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n formatter: decisionFormatter,\r\n },\r\n\r\n {\r\n text: \"Created User\",\r\n dataField: \"originator_name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n\r\n // {\r\n // text: \"Approval\",\r\n // dataField: \"status\",\r\n // formatter: statusFormatter,\r\n // editable: false,\r\n // formatExtraData: tableData,\r\n // },\r\n // {\r\n // text: \"Remark\",\r\n // dataField: \"remarkRow\",\r\n // formatter: remarkFormatter,\r\n // formatExtraData: tableData,\r\n // },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n editable: false,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n const onSelectRow = {\r\n mode: \"checkbox\",\r\n // clickToSelect: true,\r\n onSelectAll: (isSelect) => {\r\n if (isSelect) {\r\n setSelectedRows(data);\r\n } else {\r\n setSelectedRows([]);\r\n }\r\n },\r\n onSelect: (row, isSelect, rowIndex) => {\r\n if (isSelect) {\r\n setSelectedRows([...selectedRows, row]);\r\n } else {\r\n const index = selectedRows.indexOf(row);\r\n if (index > -1) {\r\n selectedRows.splice(index, 1);\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 Request\r\n \r\n setRequest(e.target.value)}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n\r\n \r\n \r\n Created Date\r\n \r\n \r\n \r\n \r\n \r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.length > 0 && (\r\n \r\n \r\n // handleRemarkRowChange(e, row, rowIndex, formatExtraData)\r\n // }\r\n maxLength={100}\r\n />\r\n
\r\n );\r\n };\r\n\r\n const dataFormatter = (cell, row) => {\r\n return (\r\n \r\n data}\r\n >\r\n \r\n window.open(`/approval/po-confirmation/details/${row.wdd_id}`)\r\n }\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n\r\n {\r\n text: \"object code\",\r\n dataField: \"object_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"object id\",\r\n dataField: \"object_id\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n },\r\n {\r\n text: \"status\",\r\n dataField: \"status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n formatter: decisionFormatter,\r\n },\r\n {\r\n text: \"Data\",\r\n dataField: \"data\",\r\n editable: false,\r\n formatter: dataFormatter,\r\n\r\n // formatter: (cell, row) => (\r\n // console.log(cell, \"cell\"),\r\n // console.log(row, \"row\"),\r\n // (\r\n // \r\n // JSON}\r\n // >\r\n // \r\n // setDataUpdate(row.data_update),\r\n // setShow(true)\r\n // }\r\n // >\r\n // Body\r\n // \r\n // \r\n //
\r\n // )\r\n // ),\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n editable: false,\r\n formatter: approvalFormatter,\r\n formatExtraData: tableData,\r\n style: { minWidth: \"120px\" },\r\n },\r\n\r\n {\r\n text: \"Remark\",\r\n dataField: \"remarkRow\",\r\n formatter: remarkFormatter,\r\n formatExtraData: tableData,\r\n // editable: false,\r\n editor: {\r\n type: Type.TEXTAREA,\r\n },\r\n },\r\n ];\r\n\r\n const options = {\r\n showTotal: true,\r\n totalSize: tableData.length,\r\n sizePerPageList: sizePerPageList(tableData.length),\r\n };\r\n\r\n const [show, setShow] = useState(false);\r\n const [dataOld, setDataOld] = useState(null);\r\n const [dataUpdate, setDataUpdate] = useState(null);\r\n const [dataDiff, setDataDiff] = useState([]);\r\n console.log(dataDiff, \"test\");\r\n\r\n const handleShow = (row, rowIndex) => {\r\n setShow(true);\r\n };\r\n const handleClose = () => setShow(false);\r\n\r\n const columnsDataLog = [\r\n { text: \"Field\", dataField: \"Field\" },\r\n { text: \"old\", dataField: \"Old\" },\r\n { text: \"New\", dataField: \"New\" },\r\n ];\r\n\r\n return tableData.length > 0 ? (\r\n <>\r\n {\" \"}\r\n Object Old
\r\nObject Update
\r\n\r\n\r\n \r\n \r\n \r\n Object Code\r\n \r\n \r\n \r\n \r\n Approval\r\n \r\n \r\n \r\n \r\n Vendor Code\r\n \r\n \r\n \r\n \r\n Vendor Name\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n\r\n \r\n \r\n Process\r\n \r\n \r\n \r\n \r\n Status Approval\r\n \r\n setStatusApproval(e.value)}\r\n />\r\n \r\n \r\n \r\n \r\n Remark\r\n \r\n setRemark(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n View Detail\r\n \r\n {\r\n window.open(\r\n `/approval/po-confirmation/details/${dataId.wdd_id}`\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 Delivery Note
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/transaction/goods-receipt/wpc/edit/${row.mkpF_MBLNR},${row.mkpF_MJAHR}`\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 const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Surat Jalan\",\r\n dataField: \"mkpF_XBLNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"Material Doc Year\",\r\n dataField: \"mkpF_MJAHR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"180px\" },\r\n },\r\n // {\r\n // text: \"Type\",\r\n // dataField: \"mkpF_BLART\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // style: { minWidth: \"80px\" },\r\n // },\r\n // {\r\n // text: \"Doc Date In\",\r\n // dataField: \"mkpF_BLDAT\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // formatter: formatDateMonth,\r\n // style: { minWidth: \"130px\" },\r\n // },\r\n {\r\n text: \"Posting Date In\",\r\n dataField: \"mkpF_BUDAT\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"180px\" },\r\n },\r\n // {\r\n // text: \"Document Was Entered\",\r\n // dataField: \"mkpF_CPUDT\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // formatter: formatDateMonth,\r\n // style: { minWidth: \"220px\" },\r\n // },\r\n {\r\n text: \"Material Doc\",\r\n dataField: \"mkpF_MBLNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"160px\" },\r\n },\r\n {\r\n text: \"Details\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n Edit}\r\n >\r\n {\r\n handleOnPressEdit(e, row);\r\n\r\n // } else if (row.vendor_confirm === \"D\" && typePO === \"PE\") {\r\n // history.push(\r\n // `/transaction/invoice/pe/draft/${row.invoice_hdrid}`\r\n // );\r\n // } else {\r\n // history.push(\r\n // `/transaction/invoice/pe/edit/${row.asn_invoice_hdrid}`\r\n // );\r\n // }\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n {row.vendor_confirm === \"D\" && (\r\n \r\n
\r\n \r\n )}\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/transaction/invoice-without-po/edit/${row.invoice_hdrid}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const handlePrint = async () => {\r\n const data = selectedRows.map((item) => item.invoice_hdrid);\r\n const string = data.toString();\r\n const params = {\r\n object_code: \"INVOICE_WITHOUT_PO\",\r\n LIST_OF_INVOICE_ID: string,\r\n };\r\n try {\r\n const response = await dispatch(fetchBarcode(params));\r\n if (response.payload.status === 200) {\r\n console.log(response, \"response\");\r\n const blob = new Blob([response.payload.data], {\r\n type: \"application/pdf\",\r\n });\r\n const link = document.createElement(\"a\");\r\n link.href = window.URL.createObjectURL(blob);\r\n link.download = \"InvoiceQR.pdf\";\r\n link.click();\r\n } else {\r\n showErrorDialog(\"Wait a minute, try again\");\r\n }\r\n } catch (error) {\r\n console.log(\"cacth\");\r\n\r\n // showErrorDialog(error.message);\r\n showErrorDialog(\"Wait a minute, Please try again \");\r\n }\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n\r\n {\r\n text: \"Vendor\",\r\n dataField: \"vendor_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"invoice no\",\r\n dataField: \"ref_doc_no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"jv Number\",\r\n dataField: \"jv\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"No Invoice SAP\",\r\n dataField: \"no_sap_belnr\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"160px\" },\r\n },\r\n {\r\n text: \"department\",\r\n dataField: \"department\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"140px\" },\r\n },\r\n {\r\n text: \"No Faktur Pajak\",\r\n dataField: \"alloc_nmbr\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"180px\" },\r\n },\r\n\r\n {\r\n text: \"item text\",\r\n dataField: \"item_text\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n style: { minWidth: \"120px\" },\r\n },\r\n {\r\n text: \"vendor confirm\",\r\n dataField: \"vendor_confirm\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatterStatusInvoice,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"vendor confirm date\",\r\n dataField: \"vendor_confirm_date\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"200px\" },\r\n },\r\n {\r\n text: \"mmksi confirm\",\r\n dataField: \"mmksi_confirm\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatterStatusInvoice,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"mmksi confirm date\",\r\n dataField: \"mmksi_confirm_date\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"200px\" },\r\n },\r\n {\r\n text: \"Status Qr\",\r\n dataField: \"qr_status\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatterStatusQr,\r\n style: { minWidth: \"80px\" },\r\n },\r\n {\r\n text: \"Qr Receive date\",\r\n dataField: \"qr_receive_date\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"200px\" },\r\n },\r\n {\r\n text: \"qr receive by\",\r\n dataField: \"qr_receive_by\",\r\n sort: false,\r\n sortCaret: sortCaret,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n function getNonSelectableRows(rows) {\r\n console.log(rows, \"rows\");\r\n return rows\r\n .filter((r) => r.vendor_confirm !== \"A\")\r\n .reduce((acc, r) => {\r\n acc.push(r.invoice_hdrid);\r\n return acc;\r\n }, []);\r\n }\r\n\r\n const onSelectRow = {\r\n mode: \"checkbox\",\r\n clickToSelect: true,\r\n nonSelectable: getNonSelectableRows(data),\r\n\r\n onSelectAll: (isSelect) => {\r\n if (isSelect) {\r\n setSelectedRows(data);\r\n } else {\r\n setSelectedRows([]);\r\n }\r\n },\r\n onSelect: (row, isSelect, rowIndex) => {\r\n if (isSelect) {\r\n setSelectedRows([...selectedRows, row]);\r\n } else {\r\n const index = selectedRows.indexOf(row);\r\n if (index > -1) {\r\n selectedRows.splice(index, 1);\r\n }\r\n }\r\n },\r\n };\r\n return (\r\n <>\r\n \r\n Delete}\r\n >\r\n handleDelete(e, row, rowIndex, formatExtraData)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columnsInvoice = [\r\n {\r\n text: \" No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n editable: false,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Description\",\r\n dataField: \"materialName\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"120px\" },\r\n },\r\n // {\r\n // text: \"Qty\",\r\n // dataField: \"qty\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // style: { minWidth: \"70px\" },\r\n // editorRenderer: (editorProps, value) => {\r\n // return \r\n \r\n \r\n \r\n File\r\n \r\n handleFileChange(idx, e)}\r\n accept=\".png, .jpg, .jpeg , .pdf , .xlsx, .xlx \"\r\n />\r\n )}\r\n {field.files !== null && (\r\n \r\n \r\n \r\n \r\n Remarks\r\n \r\n handleRemarkChange(idx, e)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Doc Type\r\n \r\n handleTypeChange(idx, e)}\r\n />\r\n \r\n \r\n \r\n\r\n handleRemove(idx)}\r\n >\r\n \r\n
\r\n )}\r\n {fields.length - 1 === idx && (\r\n \r\n handleDeleteFile(idx, e)}\r\n />\r\n
\r\n )}\r\n \r\n \r\n {field.files.name}\r\n
\r\n\r\n \r\n download}\r\n >\r\n {\r\n let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n window.open(url);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columnsAttachments = [\r\n {\r\n text: \"doc type\",\r\n dataField: \"doc_type\",\r\n },\r\n {\r\n text: \"file name\",\r\n dataField: \"file_name\",\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: downloadFormatter,\r\n },\r\n ];\r\n\r\n const columnsApproval = [\r\n {\r\n text: \"fullname\",\r\n dataField: \"fullname\",\r\n },\r\n {\r\n text: \"approver status\",\r\n dataField: \"approver_status\",\r\n formatter: formatterStatusInvoice,\r\n },\r\n // {\r\n // text: \"status\",\r\n // dataField: \"approval_status\",\r\n // formatter: formatterStatusInvoice,\r\n // },\r\n\r\n {\r\n text: \"remarks\",\r\n dataField: \"remarks\",\r\n },\r\n ];\r\n\r\n const columnAccount = [\r\n {\r\n text: \"account\",\r\n dataField: \"account\",\r\n },\r\n {\r\n text: \"account Name\",\r\n dataField: \"account_name\",\r\n },\r\n {\r\n text: \"amount\",\r\n dataField: \"amount\",\r\n formatter: formatCurrency,\r\n },\r\n {\r\n text: \"cost center\",\r\n dataField: \"costcenter\",\r\n },\r\n {\r\n text: \"cost center Name\",\r\n dataField: \"costcenter_name\",\r\n },\r\n {\r\n text: \"businessArea\",\r\n dataField: \"businessArea\",\r\n },\r\n {\r\n text: \"internal order\",\r\n dataField: \"internalorder\",\r\n },\r\n {\r\n text: \"internal order Name\",\r\n dataField: \"internalorder_name\",\r\n },\r\n ];\r\n\r\n const expandRow = {\r\n expandByColumnOnly: true,\r\n showExpandColumn: true,\r\n // expanded: indexExpand,\r\n renderer: (row) => (\r\n ${row.original_name}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById(id));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n showErrorDialog(\"Something went wrong!\");\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/administration/layout-manager/edit/${row.layout_id}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Name\r\n \r\n {\r\n setName(e.target.value);\r\n }}\r\n value={name}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n {/* Right Row */}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.length > 0 && (\r\n \r\n \r\n \r\n \r\n \r\n Username *\r\n \r\n \r\n setUsername(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Keyname *\r\n \r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n\r\n \r\n \r\n Password\r\n \r\n setPassword(e.target.value)}\r\n value={password}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Status\r\n \r\n setStatus(e.value)}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier\r\n \r\n setSupplier(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.length > 0 && (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Total Quantity\r\n \r\n
\r\n \r\n \r\n {totalQty}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n Total Quantity OnTime\r\n \r\n\r\n \r\n
*/}\r\n
\r\n \r\n \r\n {totalQtyOntime}\r\n \r\n {/*
\r\n {/* \r\n
*/}\r\n 277
\r\n \r\n
\r\n Active
\r\n\r\n
*/}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n Total Quantity Delay\r\n \r\n\r\n \r\n {\" \"}\r\n
*/}\r\n
\r\n \r\n \r\n {totalDelay}\r\n \r\n\r\n {/*
\r\n {/* \r\n
*/}\r\n 277
\r\n \r\n
\r\n Active
\r\n\r\n {\" \"}\r\n
*/}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {/* nEw Chard */}\r\n\r\n \r\n
\r\n \r\n \r\n Total Performance\r\n \r\n\r\n \r\n
*/}\r\n
\r\n \r\n \r\n {totalPersen}%\r\n \r\n
\r\n {/* \r\n
*/}\r\n \r\n
\r\n\r\n Supplier Performance
\r\n {user.is_user_ad === \"Y\" && (\r\n\r\n
\r\n )}\r\n Filter By
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* header */}\r\n
\r\n {/* No active User */}\r\n \r\n {/* active User */}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {/* Head */}\r\n \r\n
\r\n\r\n {/* Body */}\r\n \r\n \r\n TOP 10 Vendor PO\r\n \r\n \r\n This Month\r\n \r\n
\r\n\r\n \r\n View All\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","import React, { useEffect, useState } from \"react\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\r\nimport {\r\n sortCaret,\r\n headerSortingClasses,\r\n PleaseWaitMessage,\r\n NoRecordsFoundMessage,\r\n} from \"../../../../_metronic/_helpers\";\r\n\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {\r\n sizePerPageList,\r\n formatDateMonth,\r\n formatCurrency,\r\n} from \"../../../utility\";\r\n\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport SVG from \"react-inlinesvg\";\r\n\r\nexport const PaymentTable = ({\r\n data,\r\n page,\r\n sizePerPage,\r\n onTableChange,\r\n totalSize,\r\n loading,\r\n}) => {\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n // Add number\r\n const pageBefore = sizePerPage * (page - 1);\r\n const initData = data.map((item, index) => {\r\n return {\r\n ...item,\r\n no: index + 1 + pageBefore,\r\n };\r\n });\r\n setTableData(initData);\r\n }, [data, sizePerPage, page]);\r\n\r\n const [tableData, setTableData] = useState(data);\r\n\r\n const actionFormatter = (cell, row, rowIndex) => {\r\n return (\r\n \r\n {/* Head */}\r\n \r\n
\r\n\r\n {/* Body */}\r\n \r\n \r\n TOP 10 Vendor Invoice\r\n \r\n \r\n This Month\r\n \r\n
\r\n\r\n\r\n \r\n View All\r\n \r\n
\r\n \r\n Edit}\r\n >\r\n {\r\n console.log(row, \"row\");\r\n console.log(rowIndex, \"rowIndex\");\r\n history.push(\r\n `/transaction/outgoing-Payment/edit/${row.BSAK_BELNR}`\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 const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n \r\n {\r\n text: \"Supplier\",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Invoice Number\",\r\n dataField: \"bsaK_XBLNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"JVNumber\",\r\n dataField: \"bsaK_BELNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Fiscal Year\",\r\n dataField: \"bsaK_GJAHR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Planning Payment Date\",\r\n dataField: \"bsaK_AUGDT\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Payment Doc\",\r\n dataField: \"bsaK_AUGBL\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Amount Payment\",\r\n dataField: \"bsaK_DMBTR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatCurrency,\r\n style: { minWidth: \"170px\" },\r\n align: \"right\",\r\n },\r\n {\r\n text: \"Invoice Document\",\r\n dataField: \"bkpF_AWKEY\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"200px\" },\r\n },\r\n\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n ${row.material_description}`\r\n // );\r\n // if (action.isConfirmed) {\r\n // try {\r\n // const response = await dispatch(removeById({ data: id }));\r\n // if (response.payload.status === 200) {\r\n // const action = await showSuccessDialog(response.payload.message);\r\n // if (action.isConfirmed) await window.location.reload();\r\n // } else {\r\n // showErrorDialog(response.payload.message);\r\n // }\r\n // } catch (error) {\r\n // console.log(error);\r\n // showErrorDialog(\"Something went wrong!\");\r\n // }\r\n // }\r\n // };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(`/transaction/dealer-request/edit/${row.dr_id}`);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"nomor pengajuan\",\r\n dataField: \"nomor_pengajuan\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"180px\" },\r\n },\r\n {\r\n text: \"tanggal pengajuan\",\r\n dataField: \"tanggal_pengajuan\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"200px\" },\r\n },\r\n {\r\n text: \"dealer code\",\r\n dataField: \"dealer_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"dealer name\",\r\n dataField: \"dealer_name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"depo code\",\r\n dataField: \"depo_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"kota\",\r\n dataField: \"kota\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Vendor\",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"material code\",\r\n dataField: \"material_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"material name\",\r\n dataField: \"material_name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n Supplier Code\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code !== null && permissions === true && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n PO Number\r\n \r\n {\r\n setPoNumber(e.target.value);\r\n }}\r\n value={poNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Source\r\n \r\n \r\n\r\n \r\n \r\n PO Type\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n\r\n \r\n \r\n Start Date \r\n \r\n {\r\n setStartDate(e.target.value);\r\n }}\r\n value={startDate}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n End Date \r\n \r\n {\r\n setEndDate(e.target.value);\r\n }}\r\n value={endDate}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n PR Number\r\n \r\n {\r\n setPrNumber(e.target.value);\r\n }}\r\n value={prNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Destination\r\n \r\n {\r\n setDestination(e.target.value);\r\n }}\r\n value={destination}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Supplier Name \r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Code\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code !== null && permissions === true && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n PO Number \r\n \r\n {\r\n setPoNumber(e.target.value);\r\n }}\r\n value={poNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Material \r\n \r\n {\r\n setMaterial(e.target.value);\r\n }}\r\n value={material}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n GR Date\r\n \r\n\r\n {\r\n setStartDate(e.target.value);\r\n }}\r\n value={startDate}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setEndDate(e.target.value);\r\n }}\r\n value={endDate}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Material Description \r\n \r\n {\r\n setMaterialDescription(e.target.value);\r\n }}\r\n value={materialDescription}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Surat Jalan\r\n \r\n {\r\n setDeliveryNoteNumber(e.target.value);\r\n }}\r\n value={deliveryNoteNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Destination\r\n \r\n {\r\n setDestination(e.target.value);\r\n }}\r\n value={destination}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier Name \r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n PO Date \r\n \r\n {\r\n setPoDate(e.target.value);\r\n }}\r\n value={poDate}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n PO Number \r\n \r\n {\r\n setPoNumber(e.target.value);\r\n }}\r\n value={poNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Code\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code !== null && permissions === true && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n Source\r\n \r\n \r\n \r\n \r\n Destination\r\n \r\n {\r\n setDestination(e.target.value);\r\n }}\r\n value={destination}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Surat Jalan \r\n \r\n {\r\n setDeliveryNote(e.target.value);\r\n }}\r\n value={deliveryNote}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Delivery Date\r\n \r\n\r\n {\r\n setStartDate(e.target.value);\r\n }}\r\n value={startDate}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setEndDate(e.target.value);\r\n }}\r\n value={endDate}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Status\r\n \r\n \r\n\r\n \r\n \r\n Outstanding\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n Info Record Number\r\n \r\n {\r\n setInfoRecord(e.target.value);\r\n }}\r\n value={infoRecord}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Material Number\r\n \r\n {\r\n setMaterialCode(e.target.value);\r\n }}\r\n value={materialCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Material Name\r\n \r\n {\r\n setMaterialName(e.target.value);\r\n }}\r\n value={materialName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier\r\n \r\n \r\n )}\r\n {/* {user.vendor_code === null && (\r\n \r\n \r\n Supplier\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )} */}\r\n \r\n \r\n Id \r\n \r\n {\r\n setHistoryId(e.target.value);\r\n }}\r\n value={historyId}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Code\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n \r\n \r\n Supplier Name \r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n PO Number \r\n \r\n {\r\n setPoNumber(e.target.value);\r\n }}\r\n value={poNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n JV Number \r\n \r\n {\r\n setJvNumber(e.target.value);\r\n }}\r\n value={jvNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Invoice Supplier No.\r\n \r\n {\r\n setInvoiceNumber(e.target.value);\r\n }}\r\n value={invoiceNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Invoice Date\r\n \r\n\r\n {\r\n setStartDate(e.target.value);\r\n }}\r\n value={startDate}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setEndDate(e.target.value);\r\n }}\r\n value={endDate}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Source\r\n \r\n \r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Code\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n \r\n \r\n Supplier Name \r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n JV Number\r\n \r\n {\r\n setJvNumber(e.target.value);\r\n }}\r\n value={jvNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Invoice Date\r\n \r\n\r\n {\r\n setPaymentDateStart(e.target.value);\r\n }}\r\n value={paymentDateStart}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setPaymentDateEnd(e.target.value);\r\n }}\r\n value={paymentDateEnd}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Planning Payment Date\r\n \r\n\r\n {\r\n setPlaningPaymentDateStart(e.target.value);\r\n }}\r\n value={planingPaymentDateStart}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setPlaningPaymentDateEnd(e.target.value);\r\n }}\r\n value={planingPaymentDateEnd}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Invoice Number \r\n \r\n {\r\n setInvoiceNumber(e.target.value);\r\n }}\r\n value={invoiceNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n \r\n \r\n Depo Id \r\n \r\n {\r\n setDepoId(e.target.value);\r\n }}\r\n value={depoId}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Dealer Id \r\n \r\n {\r\n setDealerId(e.target.value);\r\n }}\r\n value={dealerId}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Name \r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n \r\n \r\n Customer Code\r\n \r\n {\r\n setCustomer(e.target.value);\r\n }}\r\n value={customer}\r\n onKeyPress={handleKeyPress}\r\n placeholder=\"Customer Code\"\r\n />\r\n \r\n \r\n \r\n \r\n SIP No\r\n \r\n {\r\n setSipNo(e.target.value);\r\n }}\r\n value={sipNo}\r\n onKeyPress={handleKeyPress}\r\n placeholder=\"SIP No\"\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n PO Number\r\n \r\n {\r\n setNoPo(e.target.value);\r\n }}\r\n value={noPo}\r\n onKeyPress={handleKeyPress}\r\n placeholder=\"PO Number\"\r\n />\r\n \r\n \r\n \r\n \r\n SO\r\n \r\n {\r\n setSo(e.target.value);\r\n }}\r\n value={so}\r\n onKeyPress={handleKeyPress}\r\n placeholder=\"SO\"\r\n />\r\n \r\n \r\n \r\n \r\n Start Date \r\n \r\n {\r\n setStartDate(e.target.value);\r\n }}\r\n value={startDate}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n End Date \r\n \r\n {\r\n setEndDate(e.target.value);\r\n }}\r\n value={endDate}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier\r\n \r\n \r\n )}\r\n\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n Material Number\r\n \r\n {\r\n setMaterialNumber(e.target.value);\r\n }}\r\n value={materialNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Period From\r\n \r\n \r\n {\r\n if (e) {\r\n const date = e.format(\"YYYY-MM\");\r\n setStartPeriod(date);\r\n } else {\r\n setStartPeriod(null);\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Period To\r\n \r\n \r\n {\r\n if (e) {\r\n const date = e.format(\"YYYY-MM\");\r\n setEndPeriod(date);\r\n } else {\r\n setEndPeriod(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 {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n Type \r\n \r\n {\r\n setApprovalType(e.target.value);\r\n }}\r\n value={approvalType}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Status \r\n \r\n setStatusAl(e.value)}\r\n onKeyPress={handleKeyPress}\r\n value={getValueStatus(statusAl, statusOptions)}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Requester \r\n \r\n {\r\n setRequester(e.target.value);\r\n }}\r\n value={requester}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Material Number \r\n \r\n {\r\n setMaterialCode(e.target.value);\r\n }}\r\n value={materialCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Material Description \r\n \r\n {\r\n setMaterialName(e.target.value);\r\n }}\r\n value={materialName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n Vendor Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Type\r\n \r\n {\r\n setForecastType(e.target.value);\r\n }}\r\n value={forecastType}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier Code \r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Invoice Number \r\n \r\n {\r\n setInvoiceNumber(e.target.value);\r\n }}\r\n value={invoiceNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Invoice Date\r\n \r\n setStartInvoiceDate(e.target.value)}\r\n value={startInvoiceDate}\r\n />\r\n \r\n \r\n \r\n \r\n setEndInvoiceDate(e.target.value)}\r\n value={endInvoiceDate}\r\n />\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Code\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code !== null && permissions === true && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n PO Number \r\n \r\n {\r\n setPoNumber(e.target.value);\r\n }}\r\n value={poNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Plant \r\n \r\n {\r\n setPlant(e.target.value);\r\n }}\r\n value={plant}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Document Type\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n PO Delivery Date\r\n \r\n setStartPoDate(e.target.value)}\r\n value={startPoDate}\r\n />\r\n \r\n \r\n \r\n \r\n setEndPoDate(e.target.value)}\r\n value={endPoDate}\r\n />\r\n \r\n \r\n \r\n \r\n Status Outstanding\r\n \r\n \r\n \r\n \r\n Source\r\n \r\n \r\n \r\n \r\n Destination \r\n \r\n {\r\n setDestination(e.target.value);\r\n }}\r\n value={destination}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Code\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code !== null && permissions === true && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n Surat Jalan \r\n \r\n {\r\n setGrNumber(e.target.value);\r\n }}\r\n value={grNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Destination \r\n \r\n {\r\n setDestination(e.target.value);\r\n }}\r\n value={destination}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n PO Number \r\n \r\n {\r\n setPoNumber(e.target.value);\r\n }}\r\n value={poNumber}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n PO Delivery Date\r\n \r\n setStartPoDate(e.target.value)}\r\n value={startPoDate}\r\n />\r\n \r\n \r\n \r\n \r\n setEndPoDate(e.target.value)}\r\n value={endPoDate}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Status Completion\r\n \r\n \r\n\r\n \r\n \r\n Source\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier Code \r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setVendorName(e.target.value);\r\n }}\r\n value={vendorName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n GR Number\r\n \r\n {\r\n setGrNumber(e.target.value);\r\n }}\r\n value={grNumber}\r\n onKeyPress={handleKeyPress}\r\n placeholder=\"GR Number\"\r\n />\r\n \r\n \r\n \r\n \r\n Reference Document Number\r\n \r\n {\r\n setRefNumber(e.target.value);\r\n }}\r\n value={refNumber}\r\n onKeyPress={handleKeyPress}\r\n placeholder=\"Reference Document Number\"\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n PO Number\r\n \r\n {\r\n setPoNumber(e.target.value);\r\n }}\r\n value={poNumber}\r\n onKeyPress={handleKeyPress}\r\n placeholder=\"PO Number\"\r\n />\r\n \r\n \r\n\r\n \r\n \r\n PO date\r\n \r\n setStartPoDate(e.target.value)}\r\n value={startPoDate}\r\n />\r\n \r\n \r\n \r\n \r\n setEndPoDate(e.target.value)}\r\n value={endPoDate}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Status Completion\r\n \r\n \r\n\r\n \r\n \r\n Source\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n \r\n \r\n Part Number\r\n \r\n {\r\n setPartNo(e.target.value);\r\n }}\r\n value={partNo}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Depo\r\n \r\n {\r\n setDepo(e.target.value);\r\n }}\r\n value={depo}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier\r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n \r\n \r\n Supplier\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n )}\r\n \r\n \r\n Kode Dealer\r\n \r\n {\r\n setKodeDealer(e.target.value);\r\n }}\r\n value={kodeDealer}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Depo\r\n \r\n {\r\n setDepo(e.target.value);\r\n }}\r\n value={depo}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Tanggal Pengajuan\r\n \r\n setStartTglPengajuan(e.target.value)}\r\n value={startTglPengajuan}\r\n />\r\n \r\n \r\n \r\n \r\n setEndTglPengajuan(e.target.value)}\r\n value={endTglPengajuan}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code !== null && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n {user.vendor_code === null && (\r\n <>\r\n \r\n \r\n Supplier Code\r\n \r\n {\r\n setVendorCode(e.target.value);\r\n }}\r\n value={vendorCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n Created\r\n \r\n setStartCreateDate(e.target.value)}\r\n value={startCreateDate}\r\n />\r\n \r\n setEndCreateDate(e.target.value)}\r\n value={endCreateDate}\r\n />\r\n \r\n \r\n \r\n \r\n No Seri\r\n \r\n {\r\n setAssemblersPlantNo(e.target.value);\r\n }}\r\n value={assemblersPlantNo}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Issue No \r\n \r\n {\r\n setIssueNo(e.target.value);\r\n }}\r\n value={issueNo}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Model \r\n \r\n {\r\n setModelCode(e.target.value);\r\n }}\r\n value={modelCode}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Search\r\n \r\n \r\n {/* history.push(\"/masterdata/vendor-create\")}\r\n >\r\n Create\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n CRS No\r\n \r\n {\r\n setCRSNo(e.target.value);\r\n }}\r\n value={crsNo}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n Part Name\r\n \r\n {\r\n setPartName(e.target.value);\r\n }}\r\n value={partName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Part No\r\n \r\n {\r\n setPartNo(e.target.value);\r\n }}\r\n value={partNo}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n \r\n \r\n \r\n \r\n Supplier Name\r\n \r\n {\r\n setSupplierName(e.target.value);\r\n }}\r\n value={supplierName}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Status\r\n \r\n {\r\n setStatus(e.target.value);\r\n }}\r\n value={status}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.reportData && data.reportData.length > 0 && (\r\n ${row.signature_label}`\r\n );\r\n if (action.isConfirmed) {\r\n try {\r\n const response = await dispatch(removeById(id));\r\n if (response.payload.status === 200) {\r\n const action = await showSuccessDialog(response.payload.data.message);\r\n if (action.isConfirmed) await window.location.reload();\r\n } else {\r\n showErrorDialog(response.payload.data.message);\r\n }\r\n } catch (error) {\r\n showErrorDialog(error.message);\r\n }\r\n }\r\n };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/administration/signature/edit/${row.signature_id}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Name\r\n \r\n {\r\n setSignatureLabel(e.target.value);\r\n }}\r\n value={signatureLabel}\r\n onKeyPress={handleKeyPress}\r\n />\r\n \r\n \r\n \r\n {/* Right Row */}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* Table */}\r\n {data && data.length > 0 && (\r\n ${row.material_description}`\r\n // );\r\n // if (action.isConfirmed) {\r\n // try {\r\n // const response = await dispatch(removeById({ data: id }));\r\n // if (response.payload.status === 200) {\r\n // const action = await showSuccessDialog(response.payload.message);\r\n // if (action.isConfirmed) await window.location.reload();\r\n // } else {\r\n // showErrorDialog(response.payload.message);\r\n // }\r\n // } catch (error) {\r\n // console.log(error);\r\n // showErrorDialog(\"Something went wrong!\");\r\n // }\r\n // }\r\n // };\r\n\r\n const actionFormatter = (cell, row) => {\r\n return (\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(`/transaction/sip/edit/${row.id}`);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Supplier\",\r\n dataField: \"vendor_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Supplier Name\",\r\n dataField: \"vendor_name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Sip No\",\r\n dataField: \"sip_no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"140px\" },\r\n },\r\n {\r\n text: \"Date\",\r\n dataField: \"delivery_date\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDate,\r\n style: { minWidth: \"140px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\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 )}\r\n\r\n Purchase Order
\r\n \r\n\r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/masterdata/update-vendor/edit/${row.lfA1_LIFNR}`\r\n );\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n ),\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n Edit}\r\n >\r\n {\r\n if (row.doc_status === \"F\") {\r\n history.push(`/RFQ/request-proposal/view/${row.rfq_id}`);\r\n } else {\r\n history.push(`/RFQ/request-proposal/edit/${row.rfq_id}`);\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 const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"doc num\",\r\n dataField: \"doc_num\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"PR Number\",\r\n dataField: \"banfn\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Doc Date\",\r\n dataField: \"doc_date\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n formatter: formatDate,\r\n },\r\n\r\n {\r\n text: \"remarks\",\r\n dataField: \"remarks\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Status\",\r\n dataField: \"doc_status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"100px\" },\r\n formatter: rfqFormatter,\r\n },\r\n {\r\n text: \"cancel\",\r\n dataField: \"canceled\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"80px\" },\r\n formatter: cancelFormatter,\r\n },\r\n {\r\n text: \"Created user\",\r\n dataField: \"created_user\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Created Date\",\r\n dataField: \"created_date\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDate,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n Delete}\r\n >\r\n handleDelete(e, row, rowIndex, formatExtraData)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columnsVendor = [\r\n {\r\n text: \"no\",\r\n dataField: \"no\",\r\n sort: true,\r\n style: { minWidth: \"40px\" },\r\n },\r\n {\r\n text: \"Vendor Code\",\r\n dataField: \"lfA1_LIFNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"Vendor Name\",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n editable: false,\r\n formatter: actionFormatter,\r\n style: { minWidth: \"80px\" },\r\n formatExtraData: selectedVendor,\r\n },\r\n ];\r\n\r\n const columnsVendorModal = [\r\n {\r\n text: \"no\",\r\n dataField: \"no\",\r\n sort: true,\r\n style: { minWidth: \"40px\" },\r\n },\r\n {\r\n text: \"Vendor Code\",\r\n dataField: \"lfA1_LIFNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"Vendor Name\",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n ];\r\n return loading ? (\r\n \r\n Edit}\r\n >\r\n {\r\n if (row.line_status === \"O\") {\r\n history.push(`/RFQ/submition/edit/${row.rfqd_id}`);\r\n } else {\r\n history.push(`/RFQ/submition/view/${row.rfqd_id}`);\r\n }\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Vendor Code\",\r\n dataField: \"card_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Vendor name\",\r\n dataField: \"card_name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"doc num\",\r\n dataField: \"doc_num\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"Status\",\r\n dataField: \"line_status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: rfqFormatter,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"remarks\",\r\n dataField: \"remarks\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Created user\",\r\n dataField: \"created_user\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Created Date\",\r\n dataField: \"created_date\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDate,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n File\r\n \r\n handleFileChange(idx, e)}\r\n accept=\".png, .jpg, .jpeg , .pdf , .xlsx, .xlx \"\r\n />\r\n )}\r\n {field.files !== null && (\r\n \r\n \r\n \r\n \r\n Remarks\r\n \r\n handleRemarkChange(idx, e)}\r\n />\r\n \r\n \r\n \r\n\r\n handleRemove(idx)}\r\n >\r\n \r\n
\r\n )}\r\n {fields.length - 1 === idx && (\r\n \r\n handleDeleteFile(idx, e)}\r\n />\r\n
\r\n )}\r\n \r\n \r\n {field.files.name}\r\n
\r\n\r\n \r\n download}\r\n >\r\n {\r\n let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n window.open(url);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columnsAttachments = [\r\n {\r\n text: \"doc type\",\r\n dataField: \"doc_type\",\r\n },\r\n {\r\n text: \"file name\",\r\n dataField: \"file_name\",\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: downloadFormatter,\r\n },\r\n ];\r\n\r\n return loading ? (\r\n \r\n download}\r\n >\r\n {\r\n let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n window.open(url);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columnsAttachments = [\r\n {\r\n text: \"doc type\",\r\n dataField: \"doc_type\",\r\n },\r\n {\r\n text: \"file name\",\r\n dataField: \"file_name\",\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: downloadFormatter,\r\n },\r\n ];\r\n\r\n return loading ? (\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {/* Bank */}\r\n \r\n
\r\n View}\r\n >\r\n {\r\n setDataViewer([\r\n {\r\n uri: row.url_preview,\r\n fileType: row.file_type,\r\n fileName: row.file_name,\r\n },\r\n ]);\r\n setShowViewer(true);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n {/* Detail Phone */}\r\n \r\n
\r\n
\r\n
\r\n {/* Bank */}\r\n \r\n
\r\n \r\n \r\n \r\n File\r\n \r\n \r\n handleFileChangeList(idx, e)\r\n }\r\n accept=\".pdf \"\r\n />\r\n )}\r\n {field.files !== null && (\r\n \r\n \r\n \r\n \r\n Remarks\r\n \r\n \r\n handleRemarkChangeList(idx, e)\r\n }\r\n />\r\n \r\n \r\n \r\n\r\n handleRemoveList(idx)}\r\n >\r\n \r\n
\r\n )}\r\n {fieldsList.length - 1 === idx && (\r\n \r\n \r\n handleDeleteFileList(idx, e)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n \r\n {field.files.name}\r\n
\r\n\r\n \r\n File Tambahan List\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n File Tambahan List\r\n
\r\n {fieldsList.map((field, idx) => {\r\n return (\r\n\r\n \r\n \r\n \r\n File\r\n \r\n \r\n handleFileChangeList(idx, e)\r\n }\r\n accept=\".pdf \"\r\n />\r\n )}\r\n {field.files !== null && (\r\n \r\n \r\n \r\n \r\n Remarks\r\n \r\n \r\n handleRemarkChangeList(idx, e)\r\n }\r\n />\r\n \r\n \r\n \r\n\r\n handleRemoveList(idx)}\r\n >\r\n \r\n
\r\n )}\r\n {fieldsList.length - 1 === idx && (\r\n \r\n \r\n handleDeleteFileList(idx, e)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n \r\n {field.files.name}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n File\r\n \r\n \r\n handleFileChangeList(idx, e)\r\n }\r\n accept=\".pdf \"\r\n />\r\n )}\r\n {field.files !== null && (\r\n \r\n \r\n \r\n \r\n Remarks\r\n \r\n \r\n handleRemarkChangeList(idx, e)\r\n }\r\n />\r\n \r\n \r\n \r\n\r\n handleRemoveList(idx)}\r\n >\r\n \r\n
\r\n )}\r\n {fieldsList.length - 1 === idx && (\r\n \r\n \r\n handleDeleteFileList(idx, e)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n \r\n {field.files.name}\r\n
\r\n\r\n \r\n File Tambahan List\r\n
\r\n\r\n Edit}\r\n >\r\n {\r\n history.push(`/masterData/gl-account/edit`, row);\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 const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"G/L Account Number\",\r\n dataField: \"saknr\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Accounts\",\r\n dataField: \"ktopl\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Created\",\r\n dataField: \"erdat\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n formatter: formatDate,\r\n },\r\n\r\n {\r\n text: \"Description\",\r\n dataField: \"short_Text\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/masterdata/bom/edit/${row.parent}`);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"parent\",\r\n dataField: \"parent\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"parent Desc\",\r\n dataField: \"parentDesc\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"190px\" },\r\n },\r\n\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n add Answer}\r\n >\r\n {\r\n handleShowAnswer(e, row, rowIndex, formatExtraData);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n ),\r\n formatExtraData: tableDataQuestion,\r\n },\r\n ];\r\n\r\n // add vendor\r\n\r\n const [show, setShow] = useState(false);\r\n const [question, setQuestion] = useState(\"\");\r\n const [mandatory, setMandatory] = useState(\"\");\r\n const [mandatoryLabel, setMandatoryLabel] = useState(\"\");\r\n const [tableDataQuestion, setTableDataQuestion] = useState([]);\r\n\r\n const handleClose = () => {\r\n setQuestion(\"\");\r\n setMandatory(\"\");\r\n setMandatoryLabel(\"\");\r\n setShow(false);\r\n };\r\n const handleShow = () => setShow(true);\r\n\r\n const handleSubmit = () => {\r\n // Validation\r\n const data = {\r\n no: tableDataQuestion.length + 1,\r\n question: question,\r\n is_mandatory: mandatory,\r\n is_mandatory_label: mandatoryLabel,\r\n answers: [],\r\n };\r\n setTableDataQuestion((tableDataQuestion) => [...tableDataQuestion, data]);\r\n handleClose();\r\n };\r\n\r\n // answers\r\n const [showAnswer, setShowAnswer] = useState(false);\r\n const [answerValue, setAnswerValue] = useState(\"\");\r\n const [answerDesc, setAnswerDesc] = useState(\"\");\r\n const [tableDataAnswer, setTableDataAnswer] = useState([]);\r\n const [rowIndex, setRowIndex] = useState(\"\");\r\n\r\n const columnsAnswer = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n editable: false,\r\n },\r\n {\r\n text: \"answer Value\",\r\n dataField: \"answer_value\",\r\n },\r\n {\r\n text: \"answer Desc\",\r\n dataField: \"answer_desc\",\r\n },\r\n ];\r\n\r\n const handleCloseAnswer = () => {\r\n setAnswerValue(\"\");\r\n setAnswerDesc(\"\");\r\n setShowAnswer(false);\r\n };\r\n const handleShowAnswer = (e, row, rowIndex, formatExtraData) => {\r\n setRowIndex(rowIndex);\r\n setTableDataAnswer(row.answers);\r\n setShowAnswer(true);\r\n };\r\n\r\n const handleSubmitAnswer = () => {\r\n // Validation\r\n const data = {\r\n no: tableDataAnswer.length + 1,\r\n answer_value: answerValue,\r\n answer_desc: answerDesc,\r\n };\r\n\r\n setTableDataAnswer((tableDataAnswer) => [...tableDataAnswer, data]);\r\n };\r\n\r\n const handleSaveAnswer = () => {\r\n let temp = [...tableDataQuestion];\r\n let tempIndex = { ...temp[rowIndex] };\r\n\r\n tempIndex.answers = tableDataAnswer;\r\n\r\n temp[rowIndex] = tempIndex;\r\n\r\n setTableDataQuestion(temp);\r\n handleCloseAnswer();\r\n };\r\n\r\n return loading ? (\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/masterdata/survey/edit/${row.id_survey}`);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"name\",\r\n dataField: \"survey_name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"status\",\r\n dataField: \"status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: activeFormatter,\r\n },\r\n\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n add Answer}\r\n >\r\n {\r\n handleShowAnswer(e, row, rowIndex, formatExtraData);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n ),\r\n formatExtraData: tableDataQuestion,\r\n },\r\n ];\r\n\r\n const getValueStatus = (value, optionsStatus) => {\r\n console.log(value);\r\n console.log(optionsStatus);\r\n const return_value = optionsStatus.filter((val) => value === val.value);\r\n console.log(return_value, \"return_value\");\r\n\r\n return return_value;\r\n };\r\n\r\n const optionsStatus = [\r\n { value: \"Y\", label: \"Active\" },\r\n { value: \"N\", label: \"InActive\" },\r\n ];\r\n\r\n const optionsMandatory = [\r\n { value: \"Y\", label: \"Yes\" },\r\n { value: \"N\", label: \"No\" },\r\n ];\r\n\r\n // add vendor\r\n\r\n const [show, setShow] = useState(false);\r\n const [question, setQuestion] = useState(\"\");\r\n const [mandatory, setMandatory] = useState(\"\");\r\n const [mandatoryLabel, setMandatoryLabel] = useState(\"\");\r\n const [tableDataQuestion, setTableDataQuestion] = useState([]);\r\n\r\n const handleClose = () => {\r\n setQuestion(\"\");\r\n setMandatory(\"\");\r\n setMandatoryLabel(\"\");\r\n setShow(false);\r\n };\r\n const handleShow = () => setShow(true);\r\n\r\n const handleSubmit = () => {\r\n // Validation\r\n const data = {\r\n no: tableDataQuestion.length + 1,\r\n question: question,\r\n is_mandatory: mandatory,\r\n is_mandatory_label: mandatoryLabel,\r\n answers: [],\r\n };\r\n setTableDataQuestion((tableDataQuestion) => [...tableDataQuestion, data]);\r\n handleClose();\r\n };\r\n\r\n // answers\r\n const [showAnswer, setShowAnswer] = useState(false);\r\n const [answerValue, setAnswerValue] = useState(\"\");\r\n const [answerDesc, setAnswerDesc] = useState(\"\");\r\n const [tableDataAnswer, setTableDataAnswer] = useState([]);\r\n const [rowIndex, setRowIndex] = useState(\"\");\r\n\r\n const columnsAnswer = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n editable: false,\r\n },\r\n {\r\n text: \"answer Value\",\r\n dataField: \"answer_value\",\r\n },\r\n {\r\n text: \"answer Desc\",\r\n dataField: \"answer_desc\",\r\n },\r\n ];\r\n\r\n const handleCloseAnswer = () => {\r\n setAnswerValue(\"\");\r\n setAnswerDesc(\"\");\r\n setShowAnswer(false);\r\n };\r\n const handleShowAnswer = (e, row, rowIndex, formatExtraData) => {\r\n const initData = row.answers.map((item, index) => {\r\n return {\r\n ...item,\r\n no: index + 1,\r\n };\r\n });\r\n setRowIndex(rowIndex);\r\n setTableDataAnswer(initData);\r\n setShowAnswer(true);\r\n };\r\n\r\n const handleSubmitAnswer = () => {\r\n // Validation\r\n const data = {\r\n no: tableDataAnswer.length + 1,\r\n answer_value: answerValue,\r\n answer_desc: answerDesc,\r\n };\r\n\r\n setTableDataAnswer((tableDataAnswer) => [...tableDataAnswer, data]);\r\n setAnswerDesc(\"\");\r\n setAnswerValue(\"\");\r\n };\r\n\r\n const handleSaveAnswer = () => {\r\n let temp = [...tableDataQuestion];\r\n let tempIndex = { ...temp[rowIndex] };\r\n\r\n tempIndex.answers = tableDataAnswer;\r\n\r\n temp[rowIndex] = tempIndex;\r\n\r\n setTableDataQuestion(temp);\r\n handleCloseAnswer();\r\n };\r\n\r\n return loading ? (\r\n \r\n download}\r\n >\r\n {\r\n let url = `${env.REACT_APP_API_URL}/api/Attachment/DownloadDocument?path=${row.file_url}`;\r\n window.open(url);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"Po Number\",\r\n dataField: \"ekpO_EBELN\",\r\n },\r\n {\r\n text: \"Material Number\",\r\n dataField: \"material_code\",\r\n },\r\n {\r\n text: \"description\",\r\n dataField: \"material_description\",\r\n },\r\n {\r\n text: \"Qty\",\r\n dataField: \"qty\",\r\n },\r\n {\r\n text: \"remarks\",\r\n dataField: \"remarks\",\r\n },\r\n \r\n ];\r\n\r\n const columnsAttachments = [\r\n {\r\n text: \"doc type\",\r\n dataField: \"doc_type\",\r\n },\r\n {\r\n text: \"file name\",\r\n dataField: \"file_name\",\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: downloadFormatter,\r\n },\r\n ];\r\n\r\n const columnsDataLog = [\r\n { text: \"action type\", dataField: \"action_type\" },\r\n { text: \"created user\", dataField: \"created_user\" },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n editable: false,\r\n\r\n formatter: (cell, column, row, rowIndex) => {\r\n return (\r\n \r\n \r\n \r\n \r\n Vendor\r\n \r\n \r\n {/* \r\n \r\n ETA\r\n \r\n */}\r\n \r\n\r\n {/* Right Row */}\r\n \r\n \r\n Receiving Date\r\n \r\n \r\n \r\n \r\n Delivery Note\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Delete}\r\n >\r\n handleDelete(row, rowIndex)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columnsDataAsn = [\r\n {\r\n text: \"NO PO\",\r\n dataField: \"ekpO_EBELN\",\r\n editable: false,\r\n },\r\n {\r\n text: \"Item No\",\r\n dataField: \"ekpO_EBELNP\",\r\n editable: false,\r\n },\r\n {\r\n text: \"Material Number\",\r\n dataField: \"ekpO_MATNR\",\r\n editable: false,\r\n },\r\n {\r\n text: \"Material Description\",\r\n dataField: \"ekpO_TXZ01\",\r\n editable: false,\r\n },\r\n {\r\n text: \"Max Qty\",\r\n dataField: \"available\",\r\n editable: false,\r\n formatter: (e, row) => {\r\n return parseFloat(row.available);\r\n },\r\n },\r\n {\r\n text: \"Qty\",\r\n dataField: \"outstandinG_PO\",\r\n formatter: inputQty,\r\n editorRenderer: (editorProps, value) => {\r\n return \r\n \r\n \r\n \r\n File\r\n \r\n handleFileChange(idx, e)}\r\n accept=\".png, .jpg, .jpeg , .pdf , .xlsx, .xlx \"\r\n />\r\n )}\r\n {field.files !== null && (\r\n \r\n \r\n \r\n \r\n Remarks\r\n \r\n handleRemarkChange(idx, e)}\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 handleDeleteFile(idx, e)}\r\n />\r\n
\r\n )}\r\n \r\n \r\n {field.files.name}\r\n
\r\n\r\n \r\n {fields.length > 0 && (\r\n handleRemove(idx)}\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 Purchase Order
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(`/transaction/goods-receipt/pe/edit/${row.asn_id}`);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n\r\n {\r\n text: \"Vendor\",\r\n dataField: \"lfA1_name1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"delivery note\",\r\n dataField: \"delivery_note\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n // {\r\n // text: \"eta\",\r\n // dataField: \"eta\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // formatter: formatDateMonth,\r\n // style: { minWidth: \"150px\" },\r\n // },\r\n\r\n {\r\n text: \"DELIVERY date\",\r\n dataField: \"delivery_date\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"150px\" },\r\n },\r\n // {\r\n // text: \"vendor confirm\",\r\n // dataField: \"vendor_confirm\",\r\n // sort: false,\r\n // sortCaret: sortCaret,\r\n // formatter: formatterStatusAsn,\r\n // style: { minWidth: \"150px\" },\r\n // },\r\n // {\r\n // text: \"vendor confirm date\",\r\n // dataField: \"vendor_confirm_date\",\r\n // sort: false,\r\n // sortCaret: sortCaret,\r\n // formatter: formatDateMonth,\r\n // style: { minWidth: \"200px\" },\r\n // },\r\n // {\r\n // text: \"KTB confirm\",\r\n // dataField: \"mmksi_confirm\",\r\n // sort: false,\r\n // sortCaret: sortCaret,\r\n // formatter: formatterStatusAsn,\r\n // style: { minWidth: \"150px\" },\r\n // },\r\n // {\r\n // text: \"KTB confirm date\",\r\n // dataField: \"mmksi_confirm_date\",\r\n // sort: false,\r\n // sortCaret: sortCaret,\r\n // formatter: formatDateMonth,\r\n // style: { minWidth: \"200px\" },\r\n // },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n const onSelectRow = {\r\n mode: \"checkbox\",\r\n clickToSelect: true,\r\n onSelectAll: (isSelect) => {\r\n if (isSelect) {\r\n setSelectedRows(data);\r\n } else {\r\n setSelectedRows([]);\r\n }\r\n },\r\n onSelect: (row, isSelect, rowIndex) => {\r\n if (isSelect) {\r\n setSelectedRows([...selectedRows, row]);\r\n } else {\r\n const index = selectedRows.indexOf(row);\r\n if (index > -1) {\r\n selectedRows.splice(index, 1);\r\n }\r\n }\r\n },\r\n };\r\n\r\n const handlePrint = async () => {\r\n const data = selectedRows.map((item) => item.asn_id);\r\n const string = data.toString();\r\n const params = {\r\n LIST_OF_ASN_ID: string,\r\n };\r\n try {\r\n const response = await dispatch(fetchBarcodeAsn(params));\r\n if (response.payload.status === 200) {\r\n const blob = new Blob([response.payload.data], {\r\n type: \"application/pdf\",\r\n });\r\n const link = document.createElement(\"a\");\r\n link.href = window.URL.createObjectURL(blob);\r\n link.download = \"AsnQR.pdf\";\r\n link.click();\r\n } else {\r\n showErrorDialog(\"Wait a minute, try again\");\r\n }\r\n } catch (error) {\r\n // showErrorDialog(error.message);\r\n showErrorDialog(\"Wait a minute, Please try again \");\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/transaction/order-list/edit/${row.id}`);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n\r\n {\r\n text: \"supplier\",\r\n dataField: \"supplier\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"supplier Name\",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"130px\" },\r\n },\r\n {\r\n text: \"month order\",\r\n dataField: \"month_order\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"KTB confirm\",\r\n dataField: \"internal_confirm\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n formatter: formatterStatusOrderList,\r\n },\r\n {\r\n text: \"supplier confirm\",\r\n dataField: \"supplier_confirm\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n formatter: formatterStatusOrderList,\r\n },\r\n {\r\n text: \"created date\",\r\n dataField: \"olhD_AEDAT\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Downloaded\",\r\n dataField: \"is_printed\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: StatusFormatter,\r\n style: { minWidth: \"120px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/transaction/purchase-order/regular/edit/${row.ekkO_EBELN}`\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 const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Supplier Name \",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"PO Number \",\r\n dataField: \"ekkO_EBELN\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n // {\r\n // text: \"Vendor Account Number\",\r\n // dataField: \"ekkO_LIFNR\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // },\r\n // {\r\n // text: \"Currency Key\",\r\n // dataField: \"ekkO_WAERS\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // },\r\n // {\r\n // text: \"Salesperson\",\r\n // dataField: \"ekkO_VERKF\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // },\r\n {\r\n text: \"approval status\",\r\n dataField: \"label\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: formatStatusDecisionPO,\r\n headerSortingClasses,\r\n style: { minWidth: \"160px\" },\r\n },\r\n {\r\n text: \"Downloaded\",\r\n dataField: \"is_printed\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: cancelFormatter,\r\n headerSortingClasses,\r\n style: { minWidth: \"160px\" },\r\n },\r\n {\r\n text: \"Created Date\",\r\n dataField: \"ekkO_BEDAT\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"Update Date\",\r\n dataField: \"latest_update\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page < 0 ? 1 : page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(\r\n `/transaction/purchase-order/irregular/edit/${row.ekkO_EBELN}`\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 const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Supplier Name \",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"PO Number\",\r\n dataField: \"ekkO_EBELN\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Doc Type\",\r\n dataField: \"ekkO_BSART\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n // {\r\n // text: \"Vendor Account Number\",\r\n // dataField: \"ekkO_LIFNR\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // },\r\n // {\r\n // text: \"Currency Key\",\r\n // dataField: \"ekkO_WAERS\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // },\r\n // {\r\n // text: \"Salesperson\",\r\n // dataField: \"ekkO_VERKF\",\r\n // sort: true,\r\n // sortCaret: sortCaret,\r\n // headerSortingClasses,\r\n // },\r\n {\r\n text: \"approval status\",\r\n dataField: \"label\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: formatStatusDecisionPO,\r\n headerSortingClasses,\r\n style: { minWidth: \"160px\" },\r\n },\r\n {\r\n text: \"Print\",\r\n dataField: \"is_printed\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: PrintFormatter,\r\n headerSortingClasses,\r\n style: { minWidth: \"100px\" },\r\n },\r\n\r\n {\r\n text: \"PO Send Date\",\r\n dataField: \"confirm_date\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: formatDateMonth,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page < 0 ? 1 : page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/transaction/outstandingso/edit/${row.soNo}`);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"description\",\r\n dataField: \"desc\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"200px\" },\r\n },\r\n {\r\n text: \"amount\",\r\n dataField: \"amount\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"180px\" },\r\n formatter: formatCurrency,\r\n },\r\n {\r\n text: \"quotation Number\",\r\n dataField: \"quotationNo\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"200px\" },\r\n },\r\n\r\n {\r\n text: \"delivery Date\",\r\n dataField: \"deliveryDate\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n formatter: formatDateMonth,\r\n },\r\n {\r\n text: \"remarks\",\r\n dataField: \"remarksSO\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"180px\" },\r\n },\r\n {\r\n text: \"Vendor Name\",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\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 \r\n \r\n
\r\n Edit}\r\n >\r\n {\r\n history.push(`/masterData/internalOrder/edit`, row);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"order\",\r\n dataField: \"order\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"order Type\",\r\n dataField: \"orderType\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Description\",\r\n dataField: \"description\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Created\",\r\n dataField: \"createdon\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n // formatter: formatDate,\r\n },\r\n\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n Edit}\r\n >\r\n {\r\n history.push(`/masterData/costcenter/edit`, row);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"cost Center\",\r\n dataField: \"costCenter\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"name\",\r\n dataField: \"name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"description\",\r\n dataField: \"description\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"validTo\",\r\n dataField: \"validTo\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n // formatter: formatDate,\r\n },\r\n\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n Edit}\r\n >\r\n {\r\n console.log(\"TOMI\", row.numberMaterial);\r\n history.push(\r\n `/transaction/bom-setting/edit/${row.id}`\r\n );\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" }\r\n },\r\n {\r\n text: \"Part Code\",\r\n dataField: \"masT_MATNR\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\", alignItem:\"center\" },\r\n },\r\n {\r\n text: \"Part Name\",\r\n dataField: \"masT_PMKTX\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"190px\", alignItem: \"center\" },\r\n },\r\n {\r\n text: \"Required QTY\",\r\n dataField: \"masT_PMNGE\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"100px\", alignItem: \"center\" },\r\n },\r\n {\r\n text: \"BOM Usage\",\r\n dataField: \"masT_STLAN\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"120px\", alignItem: \"center\" },\r\n },\r\n {\r\n text: \"Alternative BOM\",\r\n dataField: \"masT_STLAL\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"120px\", alignItem: \"center\" },\r\n },\r\n {\r\n text: \"Release Date\",\r\n dataField: \"masT_AEDAT\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: formatDate,\r\n style: { minWidth: \"150px\", alignItem: \"center\" },\r\n },\r\n {\r\n text: \"Action\",\r\n dataField: \"action\",\r\n formatter: actionFormatter,\r\n },\r\n ];\r\n const options = {\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n showTotal: true,\r\n totalSize: totalSize,\r\n sizePerPageList: sizePerPageList(totalSize),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n Details}\r\n >\r\n {\r\n history.push(`/masterData/Agreement/edit/${row.id}`);\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 // const actionFormatterKey = (cell, row) => {\r\n // return (\r\n // \r\n // Details}\r\n // >\r\n // {\r\n // history.push(`/masterData/Agreement/edit/${row.id}`);\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 // Formatter function for the \"Supplier\" column to create hyperlink\r\n\r\n const actionFormatterKey = (cell, row) => {\r\n return {cell};\r\n };\r\n\r\n const columns = [\r\n {\r\n text: \"No\",\r\n dataField: \"no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"60px\" },\r\n },\r\n {\r\n text: \"Supplier Name\",\r\n dataField: \"lfA1_NAME1\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Supplier Code\",\r\n dataField: \"vendor_code\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n style: { minWidth: \"150px\" },\r\n },\r\n {\r\n text: \"Agreement Request \",\r\n dataField: \"agreement_no\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: (cell, row) => {\r\n const handleLinkClick = () => {\r\n // Ganti URL dengan URL tujuan Anda\r\n history.push(`/masterData/Agreement/edit/${row.id}`);\r\n };\r\n\r\n return (\r\n \r\n
\r\n )}\r\n