\r\n {item?.label}\r\n
\r\n - \r\n {items}\r\n
\r\n
\r\n );\r\n};\r\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { RadioButton } from 'primereact/radiobutton';\r\nimport { InputSwitch } from 'primereact/inputswitch';\r\nimport classNames from 'classnames';\r\nimport {Button} from \"primereact/button\";\r\n\r\nexport const AppConfig = (props) => {\r\n\r\n const [active, setActive] = useState(false);\r\n const [scale, setScale] = useState(14);\r\n const [scales] = useState([12,13,14,15,16]);\r\n const [theme, setTheme] = useState('lara-light-indigo');\r\n const config = useRef(null);\r\n let outsideClickListener = useRef(null);\r\n\r\n const unbindOutsideClickListener = useCallback(() => {\r\n if (outsideClickListener.current) {\r\n document.removeEventListener('click', outsideClickListener.current);\r\n outsideClickListener.current = null;\r\n }\r\n }, []);\r\n\r\n const hideConfigurator = useCallback((event) => {\r\n setActive(false);\r\n unbindOutsideClickListener();\r\n event.preventDefault();\r\n }, [unbindOutsideClickListener]);\r\n\r\n const bindOutsideClickListener = useCallback(() => {\r\n if (!outsideClickListener.current) {\r\n outsideClickListener.current = (event) => {\r\n if (active && isOutsideClicked(event)) {\r\n hideConfigurator(event);\r\n }\r\n };\r\n document.addEventListener('click', outsideClickListener.current);\r\n }\r\n }, [active, hideConfigurator]);\r\n\r\n useEffect(() => {\r\n if (active) {\r\n bindOutsideClickListener()\r\n }\r\n else {\r\n unbindOutsideClickListener()\r\n }\r\n }, [active, bindOutsideClickListener, unbindOutsideClickListener]);\r\n\r\n const isOutsideClicked = (event) => {\r\n return !(config.current.isSameNode(event.target) || config.current.contains(event.target));\r\n }\r\n\r\n const decrementScale = () => {\r\n setScale((prevState) => --prevState);\r\n }\r\n\r\n const incrementScale = () => {\r\n setScale((prevState) => ++prevState);\r\n }\r\n\r\n useEffect(() => {\r\n document.documentElement.style.fontSize = scale + 'px';\r\n }, [scale])\r\n\r\n const toggleConfigurator = (event) => {\r\n setActive(prevState => !prevState);\r\n }\r\n\r\n const configClassName = classNames('layout-config', {\r\n 'layout-config-active': active\r\n })\r\n\r\n const replaceLink = useCallback((linkElement, href, callback) => {\r\n if (isIE()) {\r\n linkElement.setAttribute('href', href);\r\n\r\n if (callback) {\r\n callback();\r\n }\r\n }\r\n else {\r\n const id = linkElement.getAttribute('id');\r\n const cloneLinkElement = linkElement.cloneNode(true);\r\n\r\n cloneLinkElement.setAttribute('href', href);\r\n cloneLinkElement.setAttribute('id', id + '-clone');\r\n\r\n linkElement.parentNode.insertBefore(cloneLinkElement, linkElement.nextSibling);\r\n\r\n cloneLinkElement.addEventListener('load', () => {\r\n linkElement.remove();\r\n cloneLinkElement.setAttribute('id', id);\r\n\r\n if (callback) {\r\n callback();\r\n }\r\n });\r\n }\r\n },[])\r\n\r\n useEffect(() => {\r\n let themeElement = document.getElementById('theme-link');\r\n const themeHref = 'assets/themes/' + theme + '/theme.css';\r\n replaceLink(themeElement, themeHref);\r\n\r\n },[theme,replaceLink])\r\n\r\n const isIE = () => {\r\n return /(MSIE|Trident\\/|Edge\\/)/i.test(window.navigator.userAgent)\r\n }\r\n\r\n const changeTheme = (e, theme, scheme) => {\r\n props.onColorModeChange(scheme);\r\n setTheme(theme);\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n","import { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nconst slice = createSlice({\r\n name: \"utilitySlice\",\r\n initialState: {\r\n isLoading: false,\r\n isLoadingComponent: false,\r\n },\r\n reducers: {\r\n LOADING_SUCCESS: (state, action) => {\r\n return {\r\n ...state,\r\n isLoading: action.payload,\r\n isLoadingComponent: action.payload,\r\n };\r\n },\r\n },\r\n});\r\n\r\nexport const { LOADING_SUCCESS } = slice.actions;\r\nexport default slice.reducer;\r\n","import { LOADING_SUCCESS } from \"../slices/utilitySlice\";\r\n\r\nexport const loadingAction = (isLoading) => async (dispatch) => {\r\n dispatch(LOADING_SUCCESS(isLoading));\r\n};\r\n","import { createSlice } from '@reduxjs/toolkit';\r\n\r\nconst initialState = {\r\n token: localStorage.getItem('token') || null,\r\n};\r\n\r\nconst logoutSlice = createSlice({\r\n name: 'logout',\r\n initialState,\r\n reducers: {\r\n logout: (state) => {\r\n localStorage.clear();\r\n localStorage.removeItem('lastActive');\r\n localStorage.removeItem(\"permissions\");\r\n localStorage.removeItem(\"login\");\r\n localStorage.removeItem(\"token\");\r\n window.localStorage.clear();\r\n window.sessionStorage.clear();\r\n state.token = null;\r\n },\r\n },\r\n});\r\n\r\nexport const { logout } = logoutSlice.actions;\r\nexport default logoutSlice.reducer;\r\n","import { baseURL } from \"../Config\";\r\nimport axios from \"axios\";\r\nimport { toast } from \"react-toastify\";\r\nimport { loadingAction } from \"../redux/actions/loadingAction\";\r\nimport { logout } from \"../redux/slices/logoutSlice\";\r\n\r\nexport const handlePostRequest =\r\n (data, url, isShowLoad = false, isShowToast = false) =>\r\n async (dispatch) => {\r\n // data = await trimData(data);\r\n try {\r\n if (isShowLoad) dispatch(loadingAction(true));\r\n const response = await axios({\r\n method: \"post\",\r\n url: `${baseURL + url}`,\r\n data: data,\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`, \r\n },\r\n });\r\n if (isShowToast) toast.success(response?.data?.body || response?.data?.statusMessage || response?.data?.message);\r\n // if (isShowLoad) dispatch(loadingAction(false));\r\n return response?.data;\r\n } catch (error) {\r\n // if (isShowLoad) dispatch(loadingAction(false));\r\n if (error?.response?.data?.StatusCode == '403' && error?.response?.status == 401) {\r\n toast.warn(error?.response?.data?.StatusMessage || 'Authentication Failed ! Please login again');\r\n dispatch(logout());\r\n }\r\n else if (error?.response?.status === 400 || error?.response?.status === 500) {\r\n toast.warn(error?.response?.data?.statusMessage || \"Something went wrong !!\");\r\n } else {\r\n toast.warn(error?.response?.data?.statusMessage || \"Something went wrong !!\");\r\n }\r\n return error?.response;\r\n }\r\n \r\n };\r\n","import { baseURL } from \"../Config\";\r\nimport axios from \"axios\";\r\nimport { toast } from \"react-toastify\";\r\nimport { loadingAction } from \"../redux/actions/loadingAction\";\r\nimport { logout } from \"../redux/slices/logoutSlice\";\r\n\r\nexport const handleGetRequest = (url, isShowLoad = false) =>\r\n async (dispatch) => {\r\n try {\r\n if (isShowLoad) dispatch(loadingAction(true));\r\n const response = await axios.get(`${baseURL + url}`, {\r\n headers: {\r\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\r\n },\r\n });\r\n // if (isShowLoad) dispatch(loadingAction(false));\r\n return response.data;\r\n } catch (error) {\r\n if (error?.response?.data?.StatusCode == '403' && error?.response?.status == 401) {\r\n toast.warn(error?.response?.data?.StatusMessage || 'Authentication Failed ! Please login again');\r\n dispatch(logout());\r\n }\r\n else {\r\n toast.warn(error?.response?.data?.statusMessage || error?.response?.data?.message || error?.message || \"Something went wrong !!\");\r\n }\r\n }\r\n };","import { baseURL } from \"../Config\";\r\nimport axios from \"axios\";\r\nimport { toast } from \"react-toastify\";\r\nimport { loadingAction } from \"../redux/actions/loadingAction\";\r\n\r\nexport const handleAuthRequest =\r\n (data, url, isShowLoad = false, isShowToast = false) =>\r\n async (dispatch) => {\r\n // data = await trimData(data);\r\n try {\r\n if (isShowLoad) dispatch(loadingAction(true));\r\n const response = await axios({\r\n method: \"post\",\r\n url: `${baseURL + url}`,\r\n data: data,\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: null, \r\n },\r\n });\r\n if (isShowToast) toast.success(response?.data?.body || response?.data?.statusMessage || response?.data?.message);\r\n // if (isShowLoad) dispatch(loadingAction(false));\r\n return response?.data;\r\n } catch (error) {\r\n // if (isShowLoad) dispatch(loadingAction(false));\r\n if (error?.response?.status === 400 || error?.response?.status === 500) {\r\n toast.warn(error?.response?.data?.statusMessage || \"Something went wrong !!\");\r\n } else {\r\n toast.warn(error?.response?.data?.statusMessage || \"Something went wrong !!\");\r\n }\r\n return error?.response;\r\n }\r\n };\r\n","import React, { useState } from \"react\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport { Password } from \"primereact/password\";\r\nimport { Button } from \"primereact/button\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useEffect } from \"react\";\r\nimport { handlePostRequest } from \"../../services/PostTemplate\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport loginImage from \"../../assets/warehouse-assets/warehouse.png\"\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { handleAuthRequest } from \"../../services/Auth\";\r\n\r\nconst Login = () => {\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [loadingIcon, setLoadingIcon] = useState('');\r\n const [isActive, setIsActive] = useState(false)\r\n const dispatch = useDispatch()\r\n const history = useHistory()\r\n\r\n const validationSchema = Yup.object().shape({\r\n email: Yup.mixed().required(\"This field is required.\"),\r\n password: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n email: \"\",\r\n password: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n setLoadingIcon(\"pi pi-spin pi-spinner\");\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n user_Email: formik.values.email,\r\n user_Password: formik.values.password,\r\n }\r\n\r\n const response = await dispatch(handleAuthRequest(obj, \"/api/Authentication/Login\", true, true));\r\n\r\n if (response?.statusCode == 200) {\r\n\r\n localStorage.setItem(\"login\", true)\r\n localStorage.setItem(\"token\", response?.token)\r\n sessionStorage.setItem('firstLogin', 'true');\r\n \r\n await getPermissionsByRoleId(response?.roleid)\r\n\r\n if (response?.user_id) {\r\n localStorage.setItem(\"user_id\", response?.user_id)\r\n }\r\n if (response?.warehouseid) {\r\n localStorage.setItem(\"warehouseid\", response?.warehouseid)\r\n }\r\n if (response?.roletypeid) {\r\n localStorage.setItem(\"roletypeid\", response?.roletypeid)\r\n }\r\n if (response?.usertype_id) {\r\n localStorage.setItem(\"usertype_id\", response?.usertype_id)\r\n }\r\n if (response?.user_name) {\r\n localStorage.setItem(\"user_name\", response?.user_name)\r\n }\r\n if (response?.warehouse_name) {\r\n localStorage.setItem(\"warehouse_name\", response?.warehouse_name)\r\n }\r\n if (response?.logo_img) {\r\n localStorage.setItem(\"logo_img\", response?.logo_img)\r\n }\r\n if (response?.img !== '') {\r\n localStorage.setItem(\"img\", response?.img)\r\n }\r\n if ((response?.roletypeid == 1 && response?.usertype_id == 0 && !response?.warehouseid) || (response?.roletypeid == 2 && response?.usertype_id == 2 && response?.warehouseid)) {\r\n history.push(\"/\");\r\n }\r\n else {\r\n history.push(\"/\");\r\n }\r\n }\r\n else {\r\n setSaveBtnLoading(false)\r\n }\r\n setLoadingIcon(\"\");\r\n setSaveBtnLoading(false)\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n const getPermissionsByRoleId = async (roleId) => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/GetPermissionbyid?rid=${roleId}`, true));\r\n if (response) {\r\n localStorage.setItem(\"permissions\", JSON.stringify(response));\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const getSuperAdminRoles = async (roleId) => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/Getallmodulebylist?roletype_id=${roleId}`, true));\r\n if (response) {\r\n localStorage.setItem(\"permissions\", JSON.stringify(response));\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const RouteTo = () => {\r\n history.push(\"/forgotPassword\")\r\n }\r\n\r\n useEffect(() => {\r\n if (formik.values.email) {\r\n localStorage.setItem(\"EmailForForgotPass\", formik.values.email)\r\n }\r\n }, [formik.values.email])\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\nexport default Login;\r\n","import { baseURL } from \"../Config\";\r\nimport axios from \"axios\";\r\nimport { toast } from \"react-toastify\";\r\nimport { loadingAction } from \"../redux/actions/loadingAction\";\r\nimport { logout } from \"../redux/slices/logoutSlice\";\r\n\r\nexport const handleDeleteRequest =\r\n (data, url, isShowLoad = false, isShowToast = true) =>\r\n async (dispatch) => {\r\n try {\r\n if (isShowLoad) dispatch(loadingAction(true));\r\n const response = await axios({\r\n method: \"delete\",\r\n url: `${baseURL + url}`,\r\n data:data,\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\r\n },\r\n });\r\n if (isShowToast && response?.data) toast.success(response?.data?.message);\r\n // if (isShowLoad) dispatch(loadingAction(false));\r\n return response?.data;\r\n } catch (error) {\r\n // if (isShowLoad) dispatch(loadingAction(false));\r\n if (error?.response?.data?.StatusCode == '403' && error?.response?.status == 401) {\r\n toast.warn(error?.response?.data?.StatusMessage || 'Authentication Failed ! Please login again');\r\n dispatch(logout());\r\n }\r\n else if (error?.response?.status === 400 || error?.response?.status === 500) {\r\n toast.warn(error?.response?.data?.message || \"Something went wrong !!\");\r\n } else {\r\n toast.warn(error?.response?.data?.message || \"Something went wrong !!\");\r\n }\r\n return error?.response;\r\n }\r\n };\r\n","import { baseURL } from \"../Config\";\r\nimport axios from \"axios\";\r\nimport { toast } from \"react-toastify\";\r\nimport { loadingAction } from \"../redux/actions/loadingAction\";\r\nimport { logout } from \"../redux/slices/logoutSlice\";\r\n\r\nexport const handlePutRequest =\r\n (data, url, isShowLoad = false, isShowToast = true) =>\r\n async (dispatch) => {\r\n // data = await trimData(data);\r\n try {\r\n if (isShowLoad) dispatch(loadingAction(true));\r\n const response = await axios({\r\n method: \"put\",\r\n url: `${baseURL + url}`,\r\n data: data,\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\r\n },\r\n });\r\n if (isShowToast) toast.success(response?.data?.body || response?.data?.statusMessage || response?.data?.message);\r\n // if (isShowLoad) dispatch(loadingAction(false));\r\n return response?.data;\r\n } catch (error) {\r\n // if (isShowLoad) dispatch(loadingAction(false));\r\n if (error?.response?.data?.StatusCode == '403' && error?.response?.status == 401) {\r\n toast.warn(error?.response?.data?.StatusMessage || 'Authentication Failed ! Please login again');\r\n dispatch(logout());\r\n }\r\n else if (error?.response?.status === 400 || error?.response?.status === 500) {\r\n toast.warn(error?.response?.data?.statusMessage || \"Something went wrong !!\");\r\n } else {\r\n toast.warn(error?.response?.data?.statusMessage || \"Something went wrong !!\");\r\n }\r\n return error?.response;\r\n }\r\n };\r\n","import React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { handleDeleteRequest } from \"../../services/DeleteTemplate\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { baseURL } from \"../../Config\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport { InputTextarea } from \"primereact/inputtextarea\";\r\nimport { handlePutRequest } from \"../../services/PutTemplate\";\r\nimport dp from '../../assets/warehouse-assets/dp.jpeg'\r\nimport { Tag } from \"primereact/tag\";\r\nimport { Image } from \"primereact/image\";\r\n\r\nconst ManageUsers = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n\r\n const [superAdminActive, setSuperAdminActive] = useState(false)\r\n const [superAdminActiveAdd, setSuperAdminActiveAdd] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [allUsers, setAllUsers] = useState([]);\r\n const [allUsers2, setAllUsers2] = useState([]);\r\n const [permissions, setPermissions] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n const [userTypes, setUserTypes] = useState([]);\r\n const [reason, setReason] = useState();\r\n const [dropdownUserType, setDropdownUserType] = useState('');\r\n const tempReasonRef = useRef('');\r\n\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n useEffect(() => {\r\n if (roletypeid) {\r\n if (roletypeid == 1 && usertype_id == 0 && !warehouseid || roletypeid == 2 && usertype_id == 1 && !warehouseid) {\r\n setSuperAdminActive(true)\r\n setSuperAdminActiveAdd(true)\r\n }\r\n else {\r\n setSuperAdminActive(false)\r\n setSuperAdminActiveAdd(false)\r\n }\r\n }\r\n }, [roletypeid])\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [\r\n {\r\n label: 'Edit',\r\n command: () => handleEditUsers(rowData),\r\n },\r\n rowData?.status === 'Active'\r\n ? {\r\n label: 'Deactivate',\r\n command: () => confirm(rowData),\r\n }\r\n : {\r\n label: 'Activate',\r\n command: () => confirm2(rowData),\r\n }\r\n ];\r\n\r\n return (\r\n \r\n 
\r\n
\r\n \r\n
\r\n AKWFS
\r\n \r\n Powered by: AKWFS
\r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message: (\r\n \r\n
\r\n tempReasonRef.current = e.target.value}\r\n className=\"p-inputtext-sm delete-popup mt-2 mb-2 p-3\"\r\n rows={3}\r\n >\r\n
\r\n ),\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n setReason(tempReasonRef.current);\r\n handleDeactivateUser(rowData, tempReasonRef.current);\r\n },\r\n reject: () => {\r\n setReason('');\r\n tempReasonRef.current = '';\r\n },\r\n });\r\n };\r\n\r\n const handleDeactivateUser = async (rowData, reason) => {\r\n\r\n const obj = {\r\n user_id: rowData?.id,\r\n deactivate_Reason: (!reason || reason === '' || reason === undefined) ? 'n/a' : reason,\r\n p_isactive: 0,\r\n };\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Authentication/DeactivateUser`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getUserList();\r\n setReason('');\r\n tempReasonRef.current = '';\r\n }\r\n\r\n setIsActive(false);\r\n }\r\n\r\n\r\n const confirm2 = (rowData) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to activate this User?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n handleActivateUser(rowData);\r\n },\r\n\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n };\r\n\r\n const handleActivateUser = async (rowData) => {\r\n\r\n const obj = {\r\n user_id: rowData?.id,\r\n deactivate_Reason: 'reason',\r\n p_isactive: 1,\r\n };\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Authentication/DeactivateUser`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getUserList();\r\n }\r\n\r\n setIsActive(false);\r\n }\r\n\r\n const handleEditUsers = (rowData) => {\r\n const item = true;\r\n if (roletypeid == 1 || roletypeid == 2 && usertype_id == 1 && !warehouseid) {\r\n history.push({\r\n pathname: './edituser',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n superAdminActive: superAdminActive,\r\n }\r\n });\r\n }\r\n else {\r\n\r\n history.push({\r\n pathname: './edituseradmin',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n superAdminActive: superAdminActive,\r\n }\r\n });\r\n }\r\n };\r\n\r\n const imageTemplate = (rowData) => {\r\n return (\r\n \r\n
\r\n {rowData?.image ?\r\n
\r\n \r\n
\r\n\r\n \r\n User Management\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n setDropdownUserType(e.value)}\r\n className=\"dropdown-filter ml-2 mr-1\"\r\n icon=\"pi pi-plus\"\r\n placeholder=\"--Select User type--\"\r\n />\r\n
\r\n :\r\n null}\r\n {permissions.includes(2) ?\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './addusers',\r\n state: {\r\n isEditable: item,\r\n superAdminActiveAdd: superAdminActiveAdd\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n rowData?.user_id || 'N/A'} header=\"User Id\"> \r\n (\r\n rowData?.usertypename || 'N/A'} header=\"User Type\"> \r\n rowData?.warehouseName || 'N/A'} header=\"WareHouse\"> \r\n \r\n rowData?.email ? (\r\n rowData?.role || 'N/A'} header=\"Role\"> \r\n (rowData?.rfiD_code == 0 || !rowData?.rfiD_code) ? 'N/A' : rowData.rfiD_code}\r\n header=\"RFID Code\"\r\n />\r\n (\r\n rowData?.createdDateandFiringdate || 'N/A'} header=\"Enrollment-Firing\"> \r\n rowData?.lastLogin || 'N/A'} header=\"Last Log Activity\"> \r\n {permissions.includes(1) ?\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ManageUsers","import React, { useEffect, useState, useRef } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Password } from 'primereact/password';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { toast } from 'react-toastify';\r\nimport profilePic from '../../assets/warehouse-assets/warehouse.png'\r\nimport { Tag } from 'primereact/tag';\r\nimport { Toast } from 'primereact/toast';\r\nimport { FileUpload } from 'primereact/fileupload';\r\nimport { ProgressBar } from 'primereact/progressbar';\r\nimport uploadImage from '../../assets/warehouse-assets/uploadImage.png'\r\nimport dp from '../../assets/warehouse-assets/dp.jpeg'\r\nimport { baseURL } from '../../Config';\r\n\r\nconst Settings = () => {\r\n\r\n const userId = localStorage.getItem(\"userId\")\r\n const location = useLocation()\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [userInput, setUserInput] = useState(\"\")\r\n const [allRoles, setAllRoles] = useState([])\r\n\r\n const toast = useRef(null);\r\n const [showPassword, setShowPassword] = useState(false);\r\n const [showPassword2, setShowPassword2] = useState(false);\r\n\r\n const [fileInfo, setFileInfo] = useState(null);\r\n const [showImage, setShowImage] = useState('');\r\n const [editableRemoved, setEditableRemoved] = useState(false);\r\n\r\n const togglePasswordVisibility = () => {\r\n setShowPassword(prevState => !prevState);\r\n };\r\n\r\n\r\n const togglePasswordVisibility2 = () => {\r\n setShowPassword2(prevState => !prevState);\r\n };\r\n\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const validationSchema = Yup.object().shape({\r\n first_name: Yup.mixed().required(\"This field is required.\"),\r\n last_name: Yup.mixed().required(\"This field is required.\"),\r\n email: Yup.mixed().required(\"This field is required.\"),\r\n newPassword: Yup.mixed().required(\"This field is required.\"),\r\n gender: Yup.mixed().required(\"This field is required.\"),\r\n contact: Yup.mixed().required(\"This field is required.\"),\r\n designation: Yup.mixed().required(\"This field is required.\"),\r\n department: Yup.mixed().required(\"This field is required.\"),\r\n role: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n first_name: \"\",\r\n last_name: \"\",\r\n email: \"\",\r\n newPassword: \"\",\r\n password: \"\",\r\n gender: \"\",\r\n designation: \"\",\r\n contact: \"\",\r\n department: \"\",\r\n role: \"\"\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //Profile Pic\r\n const handleIconClick = () => {\r\n const fileInput = document.createElement('input');\r\n fileInput.type = 'file';\r\n fileInput.accept = 'image/*';\r\n fileInput.onchange = handleChange;\r\n fileInput.click();\r\n };\r\n\r\n const handleChange = (event) => {\r\n processFile(event.target.files[0]);\r\n };\r\n\r\n const handleDrop = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n if (event.dataTransfer.files && event.dataTransfer.files.length > 0) {\r\n processFile(event.dataTransfer.files[0]);\r\n event.dataTransfer.clearData();\r\n }\r\n };\r\n\r\n const handleDragOver = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n };\r\n\r\n const processFile = (event) => {\r\n const file = event;\r\n if (file) {\r\n const objectURL = URL.createObjectURL(file);\r\n setFileInfo({\r\n file: file, // Storing the actual File object\r\n objectURL: objectURL,\r\n lastModified: file.lastModified,\r\n lastModifiedDate: file.lastModifiedDate,\r\n name: file.name,\r\n size: file.size,\r\n type: file.type,\r\n webkitRelativePath: file.webkitRelativePath || \"\"\r\n });\r\n }\r\n };\r\n\r\n const handleRemoveImage = () => {\r\n if (showImage) {\r\n URL.revokeObjectURL(fileInfo.objectURL); // Free up memory by releasing object URL\r\n setShowImage('')\r\n setEditableRemoved(true)\r\n }\r\n if (fileInfo) {\r\n URL.revokeObjectURL(fileInfo.objectURL); // Free up memory by releasing object URL\r\n setShowImage('')\r\n }\r\n setFileInfo(null);\r\n };\r\n\r\n return (\r\n\r\n <>\r\n \r\n {
\r\n )}\r\n header=\"Name\"\r\n >\r\n \r\n {rowData?.name.replace(/(.{25})/g, '$1\\n')}\r\n
|| 'N/A'}\r\n \r\n {rowData.email.replace(/(.{25})/g, '$1\\n')}\r\n
\r\n ) : (\r\n 'N/A'\r\n )\r\n }\r\n header=\"Email\"\r\n >\r\n \r\n
\r\n\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Settings","import React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport './Dashboard.scss'\r\nimport { Chart } from 'primereact/chart';\r\nimport 'react-circular-progressbar/dist/styles.css';\r\nimport { Calendar } from 'primereact/calendar';\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { Column } from \"jspdf-autotable\";\r\nimport Registered from \"../../assets/imgs/Registered.svg\"\r\nimport activeUsers from \"../../assets/warehouse-assets/report-icons/svg/active.png\"\r\nimport inActiveUsers from \"../../assets/warehouse-assets/report-icons/svg/inactive.png\"\r\nimport moment from \"moment\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\n\r\nconst SuperAdminDashboard = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [isActive, setIsActive] = useState(false);\r\n const [warehouseid, setWarehouseId] = useState('')\r\n const [allWH, setAllWH] = useState([])\r\n const [totalRegisteredUser, setTotalRegisteredUser] = useState('')\r\n const [activeMonthsUsers, setActiveMonthsUsers] = useState('')\r\n const [deActiveMonthsUsers, setDeActiveMonthsUsers] = useState()\r\n\r\n const [lowLevelData, setLowLevelData] = useState([])\r\n\r\n const [valueInventoryData, setValueInventoryData] = useState({});\r\n const [valueInventoryOptions, setValueInventoryOptions] = useState({});\r\n const [valueAssetData, setValueAssetData] = useState({});\r\n const [valueAssetOptions, setValueAssetOptions] = useState({});\r\n const [userValueOfInventoryData, setUserValueOfInventoryData] = useState({});\r\n const [userValueOfInventoryOptions, setUserValueOfInventoryOptions] = useState({});\r\n\r\n const [valueInvFromDate, setValueInvFromDate] = useState(moment().subtract(30, 'days').toDate())\r\n const [valueInvToDate, setValueInvToDate] = useState(moment().toDate())\r\n\r\n const [valueAssetFromDate, setValueAssetFromDate] = useState(moment().subtract(30, 'days').toDate())\r\n const [valueAssetToDate, setValueAssetToDate] = useState(moment().toDate())\r\n\r\n const [userInventoryFromDate, setUserInventoryFromDate] = useState(moment().subtract(30, 'days').toDate())\r\n const [userInventoryToDate, setUserInventoryToDate] = useState(moment().toDate())\r\n\r\n const getTotalActiveUser = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTotalActiveUsers?warehouseid=${warehouseid?.obj_id || 0}`))\r\n if (response?.statusCode === \"200\") {\r\n setTotalRegisteredUser(response?.body[0]?.activeUserCount)\r\n }\r\n }\r\n\r\n const getActivatedUsersByMonth = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTotalActiveUsersLast6Month?warehouseid=${warehouseid?.obj_id || 0}`))\r\n if (response?.statusCode === \"200\") {\r\n setActiveMonthsUsers(response?.body[0]?.activeUserCount)\r\n }\r\n }\r\n\r\n const getDeActivatedUsersByMonth = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTotalDeactivateUsersLast6month?warehouseid=${warehouseid?.obj_id || 0}`))\r\n if (response?.statusCode === \"200\") {\r\n setDeActiveMonthsUsers(response?.body[0]?.activeUserCount)\r\n }\r\n }\r\n\r\n const getValueInventorySupply = async () => {\r\n setIsActive(true);\r\n const fromDate = valueInvFromDate ? moment(valueInvFromDate).format('YYYY-MM-DD') : null;\r\n const toDate = valueInvToDate ? moment(valueInvToDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTopVendorsByInventoryValue?fromdate=${fromDate}&todate=${toDate}&warehouse_id=${warehouseid?.obj_id || 0}`));\r\n setIsActive(false);\r\n\r\n const documentStyle = getComputedStyle(document.documentElement);\r\n const textColor = documentStyle.getPropertyValue('--text-color');\r\n const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');\r\n const surfaceBorder = documentStyle.getPropertyValue('--surface-border');\r\n\r\n const data = {\r\n labels: response?.statusCode === \"200\" ? response?.body?.labels : [],\r\n datasets: [\r\n {\r\n label: 'Top Vendors by Inventory Supply',\r\n backgroundColor: 'rgba(106, 78, 209, 0.6)',\r\n borderColor: '#2d8eff',\r\n data: response?.statusCode === \"200\" ? response?.body?.data : [],\r\n barThickness: 50,\r\n },\r\n ]\r\n };\r\n\r\n const options = {\r\n maintainAspectRatio: false,\r\n aspectRatio: 0.8,\r\n plugins: {\r\n legend: {\r\n labels: {\r\n fontColor: textColor,\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n font: {\r\n weight: 500\r\n },\r\n callback: function (value) {\r\n if (this.getLabelForValue(value).length > 10) {\r\n return this.getLabelForValue(value).substr(0, 10) + \"... \"\r\n } else {\r\n return this.getLabelForValue(value).substr(0, 10)\r\n }\r\n }\r\n },\r\n grid: {\r\n display: false,\r\n drawBorder: false\r\n }\r\n },\r\n y: {\r\n type: 'logarithmic',\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n callback: function (value) {\r\n return value;\r\n }\r\n },\r\n grid: {\r\n color: surfaceBorder,\r\n drawBorder: false\r\n }\r\n }\r\n\r\n }\r\n };\r\n\r\n setValueInventoryData(data);\r\n setValueInventoryOptions(options);\r\n};\r\n\r\nconst getValueAssetSupply = async () => {\r\n setIsActive(true)\r\n const fromDate = valueAssetFromDate ? moment(valueAssetFromDate).format('YYYY-MM-DD') : null;\r\n const toDate = valueAssetToDate ? moment(valueAssetToDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTopVendorsByAssetValue?fromdate=${fromDate}&todate=${toDate}&warehouse_id=${warehouseid?.obj_id || 0}`))\r\n setIsActive(false)\r\n\r\n const documentStyle = getComputedStyle(document.documentElement);\r\n const textColor = documentStyle.getPropertyValue('--text-color');\r\n const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');\r\n const surfaceBorder = documentStyle.getPropertyValue('--surface-border');\r\n const data = {\r\n labels: response?.statusCode === \"200\" ? response?.body?.labels : [],\r\n datasets: [\r\n {\r\n label: 'Top Vendors by Asset Supply',\r\n backgroundColor: 'rgba(106, 78, 209, 0.6)',\r\n borderColor: '#2d8eff',\r\n data: response?.statusCode === \"200\" ? response?.body?.data : [],\r\n barThickness: 50,\r\n },\r\n ]\r\n };\r\n const options = {\r\n maintainAspectRatio: false,\r\n aspectRatio: 0.8,\r\n plugins: {\r\n legend: {\r\n labels: {\r\n fontColor: textColor,\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n font: {\r\n weight: 500\r\n },\r\n callback: function (value) {\r\n if (this.getLabelForValue(value).length > 10) {\r\n return this.getLabelForValue(value).substr(0, 10) + \"... \"\r\n } else {\r\n return this.getLabelForValue(value).substr(0, 10)\r\n }\r\n }\r\n },\r\n grid: {\r\n display: false,\r\n drawBorder: false\r\n },\r\n\r\n },\r\n y: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\"\r\n },\r\n grid: {\r\n color: surfaceBorder,\r\n drawBorder: false\r\n }\r\n }\r\n }\r\n };\r\n\r\n setValueAssetData(data);\r\n setValueAssetOptions(options);\r\n};\r\n\r\nconst getUserValueOfInventory = async () => {\r\n setIsActive(true)\r\n const fromDate = userInventoryFromDate ? moment(userInventoryFromDate).format('YYYY-MM-DD') : null;\r\n const toDate = userInventoryToDate ? moment(userInventoryToDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTopUsersByInventoryValue?fromdate=${fromDate}&todate=${toDate}&warehouse_id=${warehouseid?.obj_id || 0}`))\r\n setIsActive(false)\r\n const documentStyle = getComputedStyle(document.documentElement);\r\n\r\n const textColor = documentStyle.getPropertyValue('--text-color');\r\n const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');\r\n const surfaceBorder = documentStyle.getPropertyValue('--surface-border');\r\n\r\n const data = {\r\n labels: response?.statusCode === \"200\" ? response?.body?.labels : [],\r\n datasets: [\r\n {\r\n label: 'User Value of Inventory',\r\n backgroundColor: 'rgba(141, 122, 213, 0.6)',\r\n data: response?.statusCode === \"200\" ? response?.body?.data : [],\r\n barThickness: 50\r\n },\r\n ]\r\n };\r\n const options = {\r\n indexAxis: 'y',\r\n maintainAspectRatio: false,\r\n aspectRatio: 0.8,\r\n plugins: {\r\n legend: {\r\n labels: {\r\n fontColor: textColor\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n font: {\r\n weight: 500\r\n }\r\n },\r\n grid: {\r\n display: false,\r\n drawBorder: false\r\n }\r\n },\r\n y: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n callback: function (value) {\r\n if (this.getLabelForValue(value).length > 10) {\r\n return this.getLabelForValue(value).substr(0, 10) + \"... \"\r\n } else {\r\n return this.getLabelForValue(value).substr(0, 10)\r\n }\r\n }\r\n },\r\n grid: {\r\n color: surfaceBorder,\r\n drawBorder: false\r\n }\r\n }\r\n }\r\n };\r\n setUserValueOfInventoryData(data);\r\n setUserValueOfInventoryOptions(options);\r\n}\r\n\r\n//Get WH List\r\nconst getWHList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllWarehouse`, true));\r\n if (response) {\r\n setAllWH(response);\r\n }\r\n setIsActive(false);\r\n};\r\n\r\n//Low Level List\r\nconst getLowLevelNew = async () => {\r\n\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetLowLevelitems?warehouse_id=${warehouseid?.obj_id || 0}`))\r\n if (response?.statusCode == 200) {\r\n setLowLevelData(response?.body);\r\n }\r\n setIsActive(false)\r\n};\r\n\r\nconst lowLevelItemHeader = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n Profile Settings
\r\nUpdate your profile
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n)\r\n\r\nconst handleLowLevelData = () => {\r\n history.push({\r\n pathname: './lowlevellist',\r\n state: { warehouseId: warehouseid?.obj_id }\r\n });\r\n};\r\n\r\nuseEffect(() => {\r\n\r\n getTotalActiveUser()\r\n getDeActivatedUsersByMonth()\r\n getActivatedUsersByMonth()\r\n getWHList()\r\n getLowLevelNew()\r\n\r\n}, [])\r\n\r\nuseEffect(() => {\r\n if (warehouseid) {\r\n getTotalActiveUser()\r\n getActivatedUsersByMonth()\r\n getDeActivatedUsersByMonth()\r\n getLowLevelNew()\r\n }\r\n}, [warehouseid])\r\n\r\nuseEffect(() => {\r\n if (valueInvFromDate && valueInvToDate && warehouseid === undefined || (warehouseid === undefined)) {\r\n getTotalActiveUser()\r\n getActivatedUsersByMonth()\r\n getDeActivatedUsersByMonth()\r\n getLowLevelNew()\r\n }\r\n}, [valueInvFromDate, valueInvToDate, warehouseid])\r\n\r\n// getValueInventorySupply \r\nuseEffect(() => {\r\n if ((valueInvFromDate && valueInvToDate) || warehouseid) {\r\n getValueInventorySupply()\r\n }\r\n}, [valueInvFromDate, valueInvToDate, warehouseid])\r\n\r\n// getValueAssetSupply\r\nuseEffect(() => {\r\n if ((valueAssetFromDate && valueAssetToDate) || warehouseid) {\r\n getValueAssetSupply()\r\n }\r\n}, [valueAssetFromDate, valueAssetToDate, warehouseid])\r\n\r\n// getUserValueOfInventory\r\nuseEffect(() => {\r\n if ((userInventoryFromDate && userInventoryToDate) || warehouseid) {\r\n getUserValueOfInventory()\r\n }\r\n}, [userInventoryFromDate, userInventoryToDate, warehouseid])\r\n\r\nreturn (\r\n <>\r\n Low Level Items
\r\n\r\n
\r\n \r\n \r\n);\r\n};\r\n\r\nexport default SuperAdminDashboard","import React, { useState, useEffect } from \"react\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport './Dashboard.scss'\r\nimport { Chart } from 'primereact/chart';\r\nimport 'react-circular-progressbar/dist/styles.css';\r\nimport { Calendar } from 'primereact/calendar';\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { Column } from \"jspdf-autotable\";\r\nimport Inventory from \"../../assets/imgs/inventory.svg\"\r\nimport Assets from \"../../assets/imgs/Assets.svg\"\r\nimport Registered from \"../../assets/imgs/Registered.svg\"\r\nimport activeUsers from \"../../assets/warehouse-assets/report-icons/svg/active.png\"\r\nimport inActiveUsers from \"../../assets/warehouse-assets/report-icons/svg/inactive.png\"\r\nimport moment from \"moment\";\r\nimport SuperAdminDashboard from \"./SuperAdminDashboard\";\r\n\r\nconst Dashboard = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [totalInventory, setTotalInventory] = useState('')\r\n const [totalAsset, setTotalAsset] = useState('')\r\n const [totalRegisteredUser, setTotalRegisteredUser] = useState('')\r\n const [totalActiveUser, setTotalActiveUser] = useState('')\r\n const [totalInactiveUser, setTotalInactiveUser] = useState('')\r\n\r\n const [consumableFromDate, setConsumableFromDate] = useState(moment().subtract(30, 'days').toDate())\r\n const [consumableToDate, setConsumableToDate] = useState(moment().toDate())\r\n const [userConsumableData, setUserConsumableData] = useState({});\r\n const [userConsumableOptions, setUserConsumableOptions] = useState({});\r\n\r\n const [borrowAssetFromDate, setBorrowAssetFromDate] = useState(moment().subtract(30, 'days').toDate())\r\n const [borrowAssetToDate, setBorrowAssetToDate] = useState(moment().toDate())\r\n const [borrowAssetData, setBorrowAssetData] = useState({})\r\n const [borrowAssetOption, setBorrowAssetOption] = useState({})\r\n\r\n const [returnItemFromDate, setReturnItemFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [returnItemToDate, setReturnItemToDate] = useState(moment().toDate());\r\n const [returnItemData, setReturnItemData] = useState({});\r\n const [returnItemOptions, setReturnItemOptions] = useState({});\r\n\r\n const [replenishedItem, setReplenishedItem] = useState([])\r\n const [expiryItems, setExpiryItems] = useState([]);\r\n\r\n const [frequentUserFromDate, setFrequentUserFromDate] = useState(moment().subtract(30, 'days').toDate())\r\n const [frequentUserToDate, setFrequentUserToDate] = useState(moment().toDate())\r\n const [frequentUserData, setFrequentUserData] = useState({})\r\n const [frequentUserOptions, setFrequentUserOptions] = useState({})\r\n\r\n const [checkoutFromDate, setCheckoutFromDate] = useState(moment().subtract(30, 'days').toDate())\r\n const [checkoutToDate, setCheckoutToDate] = useState(moment().toDate())\r\n const [checkoutData, setcheckoutData] = useState({})\r\n const [checkoutOption, setcheckoutOption] = useState({})\r\n\r\n const [isActive, setIsActive] = useState(false);\r\n const [isSuperAdmin, setIsSuperAdmin] = useState()\r\n\r\n const getTotalInventory = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTotalInventory?warehouse_id=${warehouseid || 0}`))\r\n if (response?.statusCode === \"200\") {\r\n setTotalInventory(response?.body[0]?.totalInventory)\r\n }\r\n }\r\n\r\n const getTotalAssets = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTotalAsset?warehouse_id=${warehouseid || 0}`))\r\n if (response?.statusCode === \"200\") {\r\n setTotalAsset(response?.body[0]?.totalassets)\r\n }\r\n }\r\n\r\n const getTotalRegisteredUser = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTotalUsers?warehouseid=${warehouseid || 0}`))\r\n if (response?.statusCode === \"200\") {\r\n setTotalRegisteredUser(response?.body[0]?.totalUsers)\r\n setTotalActiveUser(response?.body[0]?.activeUsers)\r\n setTotalInactiveUser(response?.body[0]?.inactiveUsers)\r\n }\r\n }\r\n\r\n const getuserConsumableData = async () => {\r\n setIsActive(true)\r\n const fromDate = consumableFromDate ? moment(consumableFromDate).format('YYYY-MM-DD') : null;\r\n const toDate = consumableToDate ? moment(consumableToDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTop5ConsumablesUsers?fromdate=${fromDate}&todate=${toDate}&warehouse_id=${warehouseid || 0}`))\r\n setIsActive(false)\r\n const documentStyle = getComputedStyle(document.documentElement);\r\n const textColor = documentStyle.getPropertyValue('--text-color');\r\n const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');\r\n const surfaceBorder = documentStyle.getPropertyValue('--surface-border');\r\n const data = {\r\n labels: response?.statusCode === \"200\" ? response?.body?.labels : [],\r\n datasets: [\r\n {\r\n label: 'Users for Consumables',\r\n backgroundColor: 'rgba(106, 78, 209, 0.6)',\r\n borderColor: '#2d8eff',\r\n data: response?.statusCode === \"200\" ? response?.body?.data : [],\r\n barThickness: 50,\r\n },\r\n ]\r\n };\r\n const options = {\r\n maintainAspectRatio: false,\r\n aspectRatio: 0.8,\r\n plugins: {\r\n legend: {\r\n labels: {\r\n fontColor: textColor,\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n font: {\r\n weight: 500\r\n },\r\n callback: function (value) {\r\n if (this.getLabelForValue(value).length > 9) {\r\n return this.getLabelForValue(value).substr(0, 9) + \"... \";\r\n } else {\r\n return this.getLabelForValue(value).substr(0, 9);\r\n }\r\n }\r\n },\r\n grid: {\r\n display: false,\r\n drawBorder: false\r\n }\r\n },\r\n y: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n callback: function (value) {\r\n return Number.isInteger(value) ? value : '';\r\n }\r\n },\r\n grid: {\r\n color: surfaceBorder,\r\n drawBorder: false\r\n }\r\n }\r\n }\r\n };\r\n \r\n\r\n setUserConsumableData(data);\r\n setUserConsumableOptions(options);\r\n };\r\n\r\n const getExpiryItems = async () => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTopNearExpiryitems?warehouse_id=${warehouseid || 0}`))\r\n if (response?.statusCode === \"200\") {\r\n setExpiryItems(response?.body)\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n const getBorrowAssetData = async () => {\r\n setIsActive(true)\r\n const fromDate = borrowAssetFromDate ? moment(borrowAssetFromDate).format('YYYY-MM-DD') : null;\r\n const toDate = borrowAssetToDate ? moment(borrowAssetToDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTop5Borrowers?fromdate=${fromDate}&todate=${toDate}&warehouse_id=${warehouseid || 0}`))\r\n setIsActive(false)\r\n const documentStyle = getComputedStyle(document.documentElement);\r\n const textColor = documentStyle.getPropertyValue('--text-color');\r\n const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');\r\n const surfaceBorder = documentStyle.getPropertyValue('--surface-border');\r\n\r\n const data = {\r\n labels: response?.statusCode === \"200\" ? response?.body?.labels : [],\r\n datasets: [\r\n {\r\n label: 'Borrow Assets',\r\n backgroundColor: 'rgba(141, 122, 213, 0.6)',\r\n data: response?.statusCode === \"200\" ? response?.body?.data : [],\r\n barThickness: 50\r\n },\r\n // {\r\n // label: 'My Second dataset',\r\n // backgroundColor: 'rgba(106, 78, 209, 0.7)',\r\n // // borderColor: documentStyle.getPropertyValue('--pink-500'),\r\n // data: [28, 48, 40, 19, 86, 27, 90]\r\n // }\r\n ]\r\n };\r\n const options = {\r\n indexAxis: 'y',\r\n maintainAspectRatio: false,\r\n aspectRatio: 0.8,\r\n plugins: {\r\n legend: {\r\n labels: {\r\n fontColor: textColor\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n font: {\r\n weight: 500\r\n }\r\n },\r\n grid: {\r\n display: false,\r\n drawBorder: false\r\n }\r\n },\r\n y: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n callback: function (value) {\r\n if (this.getLabelForValue(value).length > 10) {\r\n return this.getLabelForValue(value).substr(0, 10) + \"... \"\r\n } else {\r\n return this.getLabelForValue(value).substr(0, 10)\r\n }\r\n }\r\n },\r\n grid: {\r\n color: surfaceBorder,\r\n drawBorder: false\r\n }\r\n }\r\n }\r\n };\r\n setBorrowAssetData(data);\r\n setBorrowAssetOption(options);\r\n }\r\n\r\n const getReplenishedItem = async () => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetReplenisheditems?warehouse_id=${warehouseid || 0}`))\r\n if (response?.statusCode === \"200\") {\r\n setReplenishedItem(response?.body)\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n const getReturnItemData = async () => {\r\n setIsActive(true)\r\n const fromDate = returnItemFromDate ? moment(returnItemFromDate).format('YYYY-MM-DD') : null;\r\n const toDate = returnItemToDate ? moment(returnItemToDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTop5ReturnItems?fromdate=${fromDate}&todate=${toDate}&warehouse_id=${warehouseid || 0}`))\r\n setIsActive(false)\r\n\r\n const documentStyle = getComputedStyle(document.documentElement);\r\n const textColor = documentStyle.getPropertyValue('--text-color');\r\n const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');\r\n const surfaceBorder = documentStyle.getPropertyValue('--surface-border');\r\n const data = {\r\n labels: response?.statusCode === \"200\" ? response?.body?.labels : [],\r\n datasets: [\r\n {\r\n label: 'Return Items',\r\n backgroundColor: 'rgba(107, 79, 209, 0.35)',\r\n borderColor: '#2d8eff',\r\n data: response?.statusCode === \"200\" ? response?.body?.data : [],\r\n barThickness: 50,\r\n },\r\n ]\r\n };\r\n const options = {\r\n maintainAspectRatio: false,\r\n aspectRatio: 0.8,\r\n plugins: {\r\n legend: {\r\n labels: {\r\n fontColor: textColor,\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n font: {\r\n weight: 500\r\n },\r\n callback: function (value) {\r\n if (this.getLabelForValue(value).length > 10) {\r\n return this.getLabelForValue(value).substr(0, 10) + \"... \"\r\n } else {\r\n return this.getLabelForValue(value).substr(0, 10)\r\n }\r\n }\r\n },\r\n grid: {\r\n display: false,\r\n drawBorder: false\r\n }\r\n },\r\n y: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\"\r\n },\r\n grid: {\r\n color: surfaceBorder,\r\n drawBorder: false\r\n }\r\n }\r\n }\r\n };\r\n\r\n setReturnItemData(data);\r\n setReturnItemOptions(options);\r\n }\r\n\r\n const getCheckoutData = async () => {\r\n setIsActive(true)\r\n const fromDate = checkoutFromDate ? moment(checkoutFromDate).format('YYYY-MM-DD') : null;\r\n const toDate = checkoutToDate ? moment(checkoutToDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTop10CheckOutitems?fromdate=${fromDate}&todate=${toDate}&warehouse_id=${warehouseid || 0}`))\r\n setIsActive(false)\r\n const documentStyle = getComputedStyle(document.documentElement);\r\n const textColor = documentStyle.getPropertyValue('--text-color');\r\n const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');\r\n const surfaceBorder = documentStyle.getPropertyValue('--surface-border');\r\n const data = {\r\n labels: response?.statusCode === \"200\" ? response?.body?.labels : [],\r\n datasets: [\r\n {\r\n type: 'bar',\r\n label: 'Checkout Inventory',\r\n backgroundColor: 'rgba(106, 78, 209, 0.5)',\r\n data: response?.statusCode === \"200\" ? response?.body?.data : [],\r\n barThickness: 50\r\n },\r\n\r\n ]\r\n };\r\n const options = {\r\n maintainAspectRatio: false,\r\n aspectRatio: 0.8,\r\n plugins: {\r\n tooltips: {\r\n mode: 'index',\r\n intersect: false\r\n },\r\n legend: {\r\n labels: {\r\n color: textColor\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n stacked: true,\r\n ticks: {\r\n color: textColorSecondary,\r\n callback: function (value) {\r\n if (this.getLabelForValue(value).length > 15) {\r\n return this.getLabelForValue(value).substr(0, 15) + \"... \"\r\n } else {\r\n return this.getLabelForValue(value).substr(0, 15)\r\n }\r\n }\r\n },\r\n\r\n grid: {\r\n color: surfaceBorder\r\n },\r\n\r\n },\r\n y: {\r\n stacked: true,\r\n ticks: {\r\n color: textColorSecondary\r\n },\r\n grid: {\r\n color: surfaceBorder\r\n }\r\n }\r\n }\r\n };\r\n\r\n\r\n setcheckoutData(data);\r\n setcheckoutOption(options);\r\n }\r\n\r\n const getFrequentUserData = async () => {\r\n setIsActive(true)\r\n const fromDate = frequentUserFromDate ? moment(frequentUserFromDate).format('YYYY-MM-DD') : null;\r\n const toDate = frequentUserToDate ? moment(frequentUserToDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetTop5FrequentUsers?fromdate=${fromDate}&todate=${toDate}&warehouse_id=${warehouseid || 0}`))\r\n setIsActive(false)\r\n const documentStyle = getComputedStyle(document.documentElement);\r\n const textColor = documentStyle.getPropertyValue('--text-color');\r\n const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');\r\n const surfaceBorder = documentStyle.getPropertyValue('--surface-border');\r\n\r\n\r\n const data = {\r\n labels: response?.statusCode === \"200\" ? response?.body?.labels : [],\r\n datasets: [\r\n {\r\n label: 'Frequent Users',\r\n backgroundColor: 'rgba(141, 122, 213, 0.7)',\r\n data: response?.statusCode === \"200\" ? response?.body?.data : [],\r\n barThickness: 50\r\n },\r\n ]\r\n };\r\n\r\n const options = {\r\n indexAxis: 'y',\r\n maintainAspectRatio: false,\r\n aspectRatio: 0.8,\r\n plugins: {\r\n legend: {\r\n labels: {\r\n fontColor: textColor\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n font: {\r\n weight: 500\r\n },\r\n\r\n },\r\n grid: {\r\n display: false,\r\n drawBorder: false\r\n }\r\n },\r\n y: {\r\n ticks: {\r\n color: \"rgba(40, 75, 117, 1)\",\r\n callback: function (value) {\r\n if (this.getLabelForValue(value).length > 10) {\r\n return this.getLabelForValue(value).substr(0, 10) + \"... \"\r\n } else {\r\n return this.getLabelForValue(value).substr(0, 10)\r\n }\r\n }\r\n },\r\n grid: {\r\n color: surfaceBorder,\r\n drawBorder: false\r\n }\r\n }\r\n }\r\n };\r\n\r\n setFrequentUserData(data)\r\n setFrequentUserOptions(options)\r\n }\r\n\r\n useEffect(() => {\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n setIsSuperAdmin(true)\r\n } else {\r\n setIsSuperAdmin(false)\r\n }\r\n\r\n getTotalInventory()\r\n getTotalAssets()\r\n getTotalRegisteredUser()\r\n getExpiryItems()\r\n getReplenishedItem()\r\n\r\n }, [])\r\n\r\n const replenishedItemTemplates = (item) => {\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n Super Admin Dashboard\r\n \r\n \r\n {\r\n const selectedWarehouse = allWH?.find(wh => wh?.obj_id === e?.value);\r\n setWarehouseId(selectedWarehouse);\r\n }}\r\n className=\"custom-dropdown\"\r\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 Total Registered Users
\r\n{totalRegisteredUser}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n Activated Users (Last 6 months)
\r\n{activeMonthsUsers}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n Deactivated Users (Last 6 months)
\r\n{deActiveMonthsUsers}
\r\n\r\n\r\n {/* Inventory value of vendors*/}\r\n
\r\n\r\n \r\n
\r\n\r\n {/* Assets Value of Vendors*/}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Top 5 Vendors {warehouseid ? `(${warehouseid?.obj_Name})` : null}
\r\n (Value supplying inventory)\r\n \r\n
\r\n \r\n \r\n setValueInvFromDate(e?.target?.value)} value={valueInvFromDate} maxDate={valueInvToDate} />\r\n
\r\n \r\n \r\n setValueInvToDate(e?.target?.value)} value={valueInvToDate} maxDate={new Date()} minDate={valueInvFromDate} />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Top 5 Vendors {warehouseid ? `(${warehouseid?.obj_Name})` : null}
\r\n (Total assets quantity)\r\n \r\n
\r\n \r\n \r\n setValueAssetFromDate(e?.target?.value)} value={valueAssetFromDate} maxDate={valueAssetToDate} />\r\n
\r\n \r\n \r\n setValueAssetToDate(e?.target?.value)} value={valueAssetToDate} maxDate={new Date()} minDate={valueAssetFromDate} />\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {/* Low level Items*/}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Top 5 Users {warehouseid ? `(${warehouseid?.obj_Name})` : null}
\r\n (Value of inventory)\r\n \r\n
\r\n \r\n \r\n setUserInventoryFromDate(e?.target?.value)} value={userInventoryFromDate} maxDate={userInventoryToDate} />\r\n
\r\n \r\n \r\n setUserInventoryToDate(e?.target?.value)} maxDate={new Date()} value={userInventoryToDate} minDate={userInventoryFromDate} />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {item?.bal_qty}\r\n
\r\n \r\n\r\n );\r\n };\r\n\r\n const expireDaysTemplate = (day) => {\r\n return (\r\n <>\r\n \r\n \r\n {day?.days_until_expiry == 0 ? 'Today' : day?.days_until_expiry}\r\n
\r\n \r\n );\r\n };\r\n\r\n const handleExpireData = () => {\r\n history.push({\r\n pathname: './checkin',\r\n state: {\r\n expireItemData: true,\r\n }\r\n });\r\n }\r\n\r\n const handleReplenishedData = () => {\r\n history.push({\r\n pathname: './replenisheditemreport',\r\n state: {\r\n replenishedItemsData: false\r\n }\r\n });\r\n }\r\n\r\n const expireItemHeader = () => (\r\n <>\r\n \r\n
\r\n \r\n )\r\n\r\n const replenishedItemHeader = () => (\r\n <>\r\n Near Expiry Inventory
\r\n (Expiry in 20 days)\r\n\r\n
\r\n \r\n )\r\n\r\n // User of Consumables \r\n useEffect(() => {\r\n if ((consumableFromDate && consumableToDate) || (!consumableFromDate && !consumableToDate)) {\r\n getuserConsumableData()\r\n }\r\n }, [consumableFromDate, consumableToDate])\r\n\r\n\r\n // Borrow assets\r\n useEffect(() => {\r\n if ((borrowAssetFromDate && borrowAssetToDate) || (!borrowAssetFromDate && !borrowAssetToDate)) {\r\n getBorrowAssetData()\r\n }\r\n }, [borrowAssetFromDate, borrowAssetToDate])\r\n\r\n // Checkout Inventory \r\n useEffect(() => {\r\n if ((checkoutFromDate && checkoutToDate) || (!checkoutFromDate && !checkoutToDate)) {\r\n getCheckoutData()\r\n }\r\n }, [checkoutFromDate, checkoutToDate])\r\n\r\n // Return Items\r\n useEffect(() => {\r\n if ((returnItemFromDate && returnItemToDate) || (!returnItemFromDate && !returnItemToDate)) {\r\n getReturnItemData()\r\n }\r\n }, [returnItemFromDate, returnItemToDate])\r\n\r\n // Frequent User\r\n useEffect(() => {\r\n if ((frequentUserFromDate && frequentUserToDate) || (!frequentUserFromDate && !frequentUserToDate)) {\r\n getFrequentUserData()\r\n }\r\n }, [frequentUserFromDate, frequentUserToDate])\r\n\r\n function formatNumber(num) {\r\n if (num >= 1000000000) {\r\n return (num / 1000000000)?.toFixed(1) + 'B';\r\n } else if (num >= 1000000) {\r\n return (num / 1000000)?.toFixed(1) + 'M';\r\n } else if (num >= 1000) {\r\n return (num / 1000)?.toFixed(1) + 'K';\r\n } else {\r\n return num?.toString();\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n Inventory Replenished Items
\r\n\r\n
\r\n\r\n }\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Dashboard","import React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport editIcon from \"../../assets/warehouse-assets/colored/edit.png\"\r\nimport deleteIcon from \"../../assets/warehouse-assets/colored/dlet.png\"\r\nimport { handleDeleteRequest } from \"../../services/DeleteTemplate\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { InputTextarea } from \"primereact/inputtextarea\";\r\nimport { handlePutRequest } from \"../../services/PutTemplate\";\r\nimport { Tag } from \"primereact/tag\";\r\n\r\nconst ManageRoles = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [allRoles, setAllRoles] = useState([]);\r\n const [permissions, setPermissions] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [\r\n {\r\n label: 'Edit',\r\n command: () => handleEditRoles(rowData),\r\n },\r\n rowData?.statusdesc == \"Inactive\"\r\n ? {\r\n label: 'Activate',\r\n command: () => confirm2(rowData),\r\n }\r\n : {\r\n label: 'Deactivate',\r\n command: () => confirm(rowData),\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 Total Inventory
\r\n{formatNumber(totalInventory) || 0}
\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 Assets
\r\n{totalAsset || 0}
\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 Users
\r\n{totalRegisteredUser || 0}
\r\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 Active / Inactive
\r\n{totalActiveUser} / {totalInactiveUser}
\r\n\r\n\r\n {/*Frequent Users*/}\r\n
\r\n \r\n
\r\n\r\n {/* Expiry Items*/}\r\n \r\n
\r\n \r\n
\r\n Top 5 Frequent Users
\r\n \r\n
\r\n \r\n \r\n setFrequentUserFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setFrequentUserToDate(e?.target?.value)} />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n moment(rowData?.expiry_date).format('YYYY-MM-DD')} field=\"expiry_date\" > \r\n
\r\n \r\n\r\n {/* Users for consumables */}\r\n
\r\n\r\n \r\n
\r\n\r\n {/* Replenished Items*/}\r\n \r\n
\r\n \r\n
\r\n Top 5 Users for Inventory Consumables
\r\n \r\n
\r\n \r\n \r\n setConsumableFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setConsumableToDate(e?.target?.value)} />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/* Checkout Inventory*/}\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Top 10 Checkout Inventory Items
\r\n\r\n \r\n
\r\n \r\n \r\n setCheckoutFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setCheckoutToDate(e?.target?.value)} />\r\n
\r\n \r\n
\r\n \r\n\r\n {/* Borrow Assets */}\r\n
\r\n \r\n
\r\n\r\n {/*Return Items*/}\r\n \r\n
\r\n \r\n
\r\n Top 5 Borrower Of the Assets
\r\n\r\n \r\n
\r\n \r\n \r\n { setBorrowAssetFromDate(e?.target?.value) }} />\r\n
\r\n \r\n \r\n { setBorrowAssetToDate(e?.target?.value) }} />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Top 5 Return Asset Items
\r\n\r\n \r\n
\r\n \r\n \r\n setReturnItemFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setReturnItemToDate(e?.target?.value)} />\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to deactivate this role?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => handleDeactivateRole(rowData),\r\n reject: () => {\r\n return null\r\n },\r\n });\r\n };\r\n\r\n const handleDeactivateRole = async (rowData) => {\r\n\r\n const obj = {\r\n role_id: rowData?.id,\r\n p_isactive: 0,\r\n\r\n };\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Authentication/DeactivateRole`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getRolesList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const confirm2 = (rowData) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to activate this Role?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n handleActivateRole(rowData);\r\n },\r\n\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n };\r\n\r\n const handleActivateRole = async (rowData) => {\r\n\r\n const obj = {\r\n role_id: rowData?.id,\r\n p_isactive: 1,\r\n };\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Authentication/DeactivateRole`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getRolesList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n\r\n const handleEditRoles = (rowData) => {\r\n const item = true;\r\n history.push({\r\n pathname: './addeditroles',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n }\r\n });\r\n };\r\n\r\n //Get All Roles\r\n const getRolesList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/getAllRole?rid=${roletypeid || 0}&uid=${usertype_id || 0}&wid=${warehouseid || 0}`, false));\r\n if (response) {\r\n setAllRoles(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getRolesList()\r\n }, [])\r\n\r\n const rowIndexTemplate = (rowData, props) => {\r\n let index = parseInt(props.rowIndex + 1, 10);\r\n return (\r\n \r\n
\r\n\r\n \r\n Role Management\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n history.push('./assignpermissions')\r\n }}\r\n />\r\n
\r\n {permissions.includes(2) ?\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './addeditroles',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n \r\n\r\n \r\n rowData?.roleDescription || 'N/A'} header=\"Description\"> \r\n rowData?.createddatetime || 'N/A'} header=\"Creation Date\"> \r\n (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ManageRoles","import React, { useEffect, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\n\r\nconst AddEditRoles = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData } = location?.state;\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const validationSchema = Yup.object().shape({\r\n name: Yup.mixed().required(\"This field is required.\"),\r\n description: Yup.mixed().required(\"This field is required.\"),\r\n\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n name: \"\",\r\n description: \"\",\r\n\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n if (isEditable) {\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n role_id: parseInt(rowData?.id),\r\n RoleName: formik.values.name,\r\n RoleDescription: formik.values.description, \r\n }\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Authentication/UpdateRole\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./roles')\r\n setSaveBtnLoading(false);\r\n }\r\n }\r\n else {\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n roleName: formik.values.name,\r\n roleDescription: formik.values.description,\r\n mRoletype_id: parseInt(roletypeid),\r\n mUsertype_id: parseInt(usertype_id),\r\n mWarehouse_id: parseInt(warehouseid) || 0,\r\n }\r\n\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Authentication/Addnewrole\", false, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./roles')\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n setSaveBtnLoading(false);\r\n }\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //Get Role By Id\r\n const getRoleById = async (rowData) => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/Getrolebyid?role_id=${rowData?.id}`, false));\r\n const keyData = response[0]\r\n if (keyData) {\r\n formik.setFieldValue('name', keyData?.roleName)\r\n formik.setFieldValue('description', keyData?.roleDescription)\r\n }\r\n setIsActive(false)\r\n };\r\n\r\n useEffect(() => {\r\n if (isEditable, rowData) {\r\n getRoleById(rowData);\r\n }\r\n }, [isEditable, rowData]);\r\n\r\n const ResetForm = () => {\r\n formik.setFieldValue('name', '')\r\n formik.setFieldValue('description', '')\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\nexport default AddEditRoles","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport './AssignPermissions.scss'\r\nimport { handlePostRequest } from \"../../services/PostTemplate\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\n\r\nconst AssignPermissions = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [role, setRole] = useState('')\r\n const [allRoles, setAllRoles] = useState([])\r\n const [loadingIcon, setLoadingIcon] = useState('');\r\n const [myApiData, setMyApiData] = useState([])\r\n const [isActive, setIsActive] = useState(false)\r\n const [selectedModules, setSelectedModules] = useState([]);\r\n const [selectedSubmodules, setSelectedSubmodules] = useState([]);\r\n const [selectedPermissions, setSelectedPermissions] = useState({});\r\n\r\n //Handle Submit\r\n const handleSubmit = async () => {\r\n let payload = [];\r\n setLoadingIcon(\"pi pi-spin pi-spinner\");\r\n // Handle main modules\r\n selectedModules.forEach((moduleId) => {\r\n const module = myApiData.find(mod => mod.id === moduleId);\r\n if (module) {\r\n // Start with the module ID\r\n let modulePayload = `${moduleId}`;\r\n\r\n // Append selected permissions IDs\r\n if (selectedPermissions[moduleId]) {\r\n const permissionIds = Object.keys(selectedPermissions[moduleId])\r\n .filter(permissionId => selectedPermissions[moduleId][permissionId])\r\n .join(',');\r\n modulePayload += `,${permissionIds}`;\r\n }\r\n\r\n // Include this module's payload\r\n payload.push(modulePayload);\r\n\r\n // Handle submodules if any are selected\r\n if (module.sub_modules && module.sub_modules.length > 0) {\r\n module.sub_modules.forEach((subModule) => {\r\n if (selectedSubmodules.includes(subModule.id)) {\r\n let submodulePayload = `${subModule.id}`;\r\n\r\n // Append selected permissions IDs for the submodule\r\n if (selectedPermissions[subModule.id]) {\r\n const subPermissionIds = Object.keys(selectedPermissions[subModule.id])\r\n .filter(permissionId => selectedPermissions[subModule.id][permissionId])\r\n .join(',');\r\n submodulePayload += `,${subPermissionIds}`;\r\n }\r\n\r\n // Include this submodule's payload\r\n payload.push(submodulePayload);\r\n }\r\n });\r\n }\r\n }\r\n });\r\n\r\n // Join all module and submodule payloads with '|'\r\n const finalPayload = payload.join('|');\r\n\r\n setIsActive(true);\r\n const obj = {\r\n rid: role,\r\n moduleidsarray: finalPayload\r\n }\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Authentication/AddPermission\", true, true));\r\n setLoadingIcon('')\r\n if (response?.statusCode == 200) {\r\n setRole('')\r\n setSelectedModules([]);\r\n setSelectedSubmodules([]);\r\n setSelectedPermissions([]);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n //Get All Roles\r\n const getRolesList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/getAllRole?rid=${roletypeid || 0}&uid=${usertype_id || 0}&wid=${warehouseid || 0}`, false));\r\n if (response) {\r\n setAllRoles(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n //Get All Users\r\n const getModulesList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/Getallmodulebylist?roletype_id=${roletypeid}`, true));\r\n if (response) {\r\n setMyApiData(response)\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getModulesList()\r\n getRolesList()\r\n }, [])\r\n\r\n const handleModuleChange = (moduleId, isSubModule) => {\r\n setSelectedModules((prevModules) => {\r\n const isCurrentlySelected = prevModules.includes(moduleId);\r\n const newSelectedModules = isCurrentlySelected\r\n ? prevModules.filter(id => id !== moduleId)\r\n : [...prevModules, moduleId];\r\n\r\n const module = myApiData.find(mod => mod.id === moduleId);\r\n if (module) {\r\n const subModuleIds = module.sub_modules?.map(sub => sub.id) || [];\r\n if (isCurrentlySelected) {\r\n // Uncheck all submodules and their permissions\r\n setSelectedSubmodules(prevSubmodules =>\r\n prevSubmodules.filter(subId => !subModuleIds.includes(subId))\r\n );\r\n setSelectedPermissions(prevPermissions => {\r\n const updatedPermissions = { ...prevPermissions };\r\n [moduleId, ...subModuleIds].forEach(id => delete updatedPermissions[id]);\r\n return updatedPermissions;\r\n });\r\n } else {\r\n // Check all submodules and their permissions\r\n setSelectedSubmodules(prevSubmodules => [...new Set([...prevSubmodules, ...subModuleIds])]);\r\n setSelectedPermissions(prevPermissions => {\r\n const updatedPermissions = { ...prevPermissions };\r\n updatedPermissions[moduleId] = module.permissions.reduce((perms, perm) => {\r\n perms[perm.permission_id] = true;\r\n return perms;\r\n }, {});\r\n\r\n subModuleIds.forEach(subModuleId => {\r\n const subModule = module.sub_modules.find(sub => sub.id === subModuleId);\r\n updatedPermissions[subModuleId] = subModule.permissions.reduce((perms, perm) => {\r\n perms[perm.permission_id] = true;\r\n return perms;\r\n }, {});\r\n });\r\n\r\n return updatedPermissions;\r\n });\r\n }\r\n }\r\n\r\n return newSelectedModules;\r\n });\r\n };\r\n\r\n const handleSubmoduleChange = (submoduleId) => {\r\n setSelectedSubmodules((prev) =>\r\n prev.includes(submoduleId) ? prev.filter(id => id !== submoduleId) : [...prev, submoduleId]\r\n );\r\n };\r\n\r\n const getPermissionIdByName = (permissions, name) => {\r\n const permission = permissions.find(p => p.permissionName === name);\r\n return permission ? permission.permission_id : null;\r\n };\r\n\r\n const handlePermissionChange = (moduleId, permissionId, permissionName, isSubmodule = false, parentModuleId = null) => {\r\n setSelectedPermissions(prev => {\r\n const newPermissions = { ...prev };\r\n const targetModuleId = isSubmodule ? parentModuleId : moduleId;\r\n\r\n newPermissions[targetModuleId] = {\r\n ...newPermissions[targetModuleId],\r\n [permissionId]: !newPermissions[targetModuleId]?.[permissionId],\r\n };\r\n\r\n const permissions = myApiData.find(mod => mod.id === targetModuleId)?.permissions;\r\n if (permissions) {\r\n const viewId = getPermissionIdByName(permissions, 'view');\r\n const manageId = getPermissionIdByName(permissions, 'manage');\r\n const createId = getPermissionIdByName(permissions, 'create');\r\n\r\n // Check or uncheck the view permission based on manage and create states\r\n if (permissionName === 'manage' || permissionName === 'create') {\r\n if (newPermissions[targetModuleId][manageId] || newPermissions[targetModuleId][createId]) {\r\n newPermissions[targetModuleId][viewId] = true; // Automatically check 'view'\r\n } else {\r\n newPermissions[targetModuleId][viewId] = false; // Uncheck 'view' if both are false\r\n }\r\n }\r\n }\r\n\r\n return newPermissions;\r\n });\r\n };\r\n\r\n const handleSelectAll = () => {\r\n if (myApiData) {\r\n const newSelectedModules = [];\r\n const newSelectedSubmodules = [];\r\n const newSelectedPermissions = {};\r\n\r\n myApiData.forEach((module) => {\r\n // Handle Main Modules\r\n newSelectedModules.push(module?.id);\r\n\r\n // Handle Submodules\r\n module.sub_modules.forEach((subModule) => {\r\n newSelectedSubmodules.push(subModule?.id);\r\n\r\n // Initialize permissions object for submodules\r\n if (!newSelectedPermissions[subModule?.id]) {\r\n newSelectedPermissions[subModule?.id] = {};\r\n }\r\n\r\n // Handle Permissions for Submodules\r\n subModule.permissions.forEach((permission) => {\r\n newSelectedPermissions[subModule?.id][permission?.permission_id] = true;\r\n });\r\n });\r\n\r\n // Initialize permissions object for main module\r\n if (!newSelectedPermissions[module.id]) {\r\n newSelectedPermissions[module.id] = {};\r\n }\r\n\r\n // Handle Permissions for Main Module\r\n module.permissions.forEach((permission) => {\r\n newSelectedPermissions[module?.id][permission?.permission_id] = true;\r\n });\r\n });\r\n\r\n setSelectedModules(newSelectedModules);\r\n setSelectedSubmodules(newSelectedSubmodules);\r\n setSelectedPermissions(newSelectedPermissions);\r\n }\r\n };\r\n\r\n const handleDeSelectAll = () => {\r\n setSelectedModules([]);\r\n setSelectedSubmodules([]);\r\n setSelectedPermissions([]);\r\n }\r\n\r\n const getPermissionDataById = async (roleId) => {\r\n setIsActive(true);\r\n try {\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/GetPermissionbyid?rid=${roleId}`, true));\r\n const res = response;\r\n\r\n if (res && res.length > 0) {\r\n const newSelectedModules = [];\r\n const newSelectedSubmodules = [];\r\n const newSelectedPermissions = {};\r\n\r\n res.forEach(module => {\r\n newSelectedModules.push(module.module_ID);\r\n\r\n // Main module permissions\r\n if (!newSelectedPermissions[module.module_ID]) {\r\n newSelectedPermissions[module.module_ID] = {};\r\n }\r\n module.permissions.forEach(permission => {\r\n newSelectedPermissions[module.module_ID][permission.permission_id] = true;\r\n });\r\n\r\n // Submodule permissions\r\n module.submodules && module.submodules.forEach(subModule => {\r\n newSelectedSubmodules.push(subModule.module_ID);\r\n\r\n if (!newSelectedPermissions[subModule.module_ID]) {\r\n newSelectedPermissions[subModule.module_ID] = {};\r\n }\r\n subModule.permissions.forEach(permission => {\r\n newSelectedPermissions[subModule.module_ID][permission.permission_id] = true;\r\n });\r\n });\r\n });\r\n\r\n setSelectedModules(newSelectedModules);\r\n setSelectedSubmodules(newSelectedSubmodules);\r\n setSelectedPermissions(newSelectedPermissions);\r\n } else {\r\n \r\n setSelectedModules([]);\r\n setSelectedSubmodules([]);\r\n setSelectedPermissions({});\r\n }\r\n } catch (error) {\r\n console.error(\"Error fetching permission data:\", error);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (role) {\r\n getPermissionDataById(role);\r\n }\r\n }, [role]);\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n {isEditable ? 'Edit Role' : 'Add New Role'}
\r\nAdd Details
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AssignPermissions","import React, { useState, useEffect } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { handlePutRequest } from \"../../services/PutTemplate\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport { Tag } from \"primereact/tag\";\r\nimport * as XLSX from 'xlsx';\r\n\r\nconst ManageCategory = () => {\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const [isActive, setIsActive] = useState(false);\r\n const [allCategories, setAllCategory] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState(\"p-button-danger\");\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [expandedRows, setExpandedRows] = useState(null);\r\n const [expandedChildRows, setExpandedChildRows] = useState(null);\r\n const [filteredCategory, setFilteredCategory] = useState(null);\r\n const [filteredAllCategories, setFilteredAllCategories] = useState([]);\r\n const [permissions, setPermissions] = useState([]);\r\n const [parentId, setParentId] = useState('');\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value.toLowerCase();\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [];\r\n\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n items.push({\r\n label: 'View',\r\n command: () => handleViewCategory(rowData),\r\n });\r\n } else {\r\n items.push(\r\n {\r\n label: 'Edit',\r\n command: () => handleEditCategory(rowData),\r\n },\r\n {\r\n label: rowData?.activeStatus == \"Active\" ? \"Deactivate\" : \"Activate\",\r\n command: () => confirm(rowData),\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
\r\n \r\n
\r\n \r\n
\r\n \r\n setRole(e.value)}\r\n className=\"p-inputtext-sm\"\r\n autoComplete=\"off\"\r\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 | Module | \r\nSub Module | \r\nPermissions | \r\n
|---|---|---|
| \r\n \r\n | \r\n\r\n {module.isSubModule && selectedModules.includes(module.id) && (\r\n module.sub_modules.map((submodule) => (\r\n \r\n \r\n \r\n ))\r\n )}\r\n | \r\n \r\n {selectedModules.includes(module.id) && (\r\n <>\r\n \r\n {module.permissions.map((permission) =>\r\n module?.route !== \"\" ? (\r\n \r\n\r\n {module.sub_modules.filter(submodule => selectedSubmodules.includes(submodule.id)).map((submodule, index, array) => (\r\n \r\n {submodule.permissions.map((permission) => (\r\n \r\n {index < array.length - 1 && }\r\n | \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message:\r\n rowData?.activeStatus === \"Active\"\r\n ? \"Are you sure you want to deactivate this Category?\"\r\n : \"Are you sure you want to activate this Category?\",\r\n header: \"Confirmation\",\r\n icon: \"pi pi-exclamation-triangle\",\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: \"Yes\",\r\n accept: () => {\r\n if (rowData?.activeStatus === \"Active\") {\r\n handleDeactivateCategory(rowData);\r\n } else {\r\n handleActivateCategory(rowData);\r\n }\r\n },\r\n reject: () => null,\r\n });\r\n };\r\n\r\n const handleDeactivateCategory = async (rowData) => {\r\n const obj = {\r\n obj_id: rowData?.key,\r\n name: rowData?.label,\r\n isActive: 0,\r\n description: null,\r\n\r\n };\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateCategory`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getCategoryList();\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const handleActivateCategory = async (rowData) => {\r\n const obj = {\r\n obj_id: rowData?.key,\r\n name: rowData?.label,\r\n isActive: 1,\r\n description: null,\r\n };\r\n setIsActive(true);\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateCategory`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getCategoryList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const actionChildTemplate = (rowData) => {\r\n\r\n const items = [];\r\n\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n items.push({\r\n label: 'View',\r\n command: () => handleViewSubCategory(rowData),\r\n });\r\n } else {\r\n items.push(\r\n {\r\n label: 'Edit',\r\n command: () => handleEditSubCategory(rowData),\r\n },\r\n {\r\n label: rowData?.activeStatus == 'Active' ? \"Deactivate\" : \"Activate\",\r\n command: () => confirm2(rowData),\r\n }\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm2 = (rowData) => {\r\n confirmDialog({\r\n message:\r\n rowData?.activeStatus === \"Active\"\r\n ? \"Are you sure you want to deactivate this Sub Category?\"\r\n : \"Are you sure you want to activate this Sub Category?\",\r\n header: \"Confirmation\",\r\n icon: \"pi pi-exclamation-triangle\",\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: \"Yes\",\r\n accept: () => {\r\n if (rowData?.activeStatus === \"Active\") {\r\n handleDeactivateSubCategory(rowData);\r\n } else {\r\n handleActivateSubCategory(rowData);\r\n }\r\n },\r\n reject: () => null,\r\n });\r\n };\r\n\r\n const handleDeactivateSubCategory = async (rowData) => {\r\n\r\n\r\n const obj = {\r\n obj_id: rowData?.key,\r\n name: rowData?.label,\r\n isActive: 0,\r\n description: null,\r\n parentid: rowData?.parentId,\r\n\r\n };\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateSubCategory`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getCategoryList();\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const handleActivateSubCategory = async (rowData) => {\r\n const obj = {\r\n obj_id: rowData?.key,\r\n name: rowData?.label,\r\n isActive: 1,\r\n description: null,\r\n parentid: rowData?.parentId,\r\n };\r\n\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateSubCategory`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getCategoryList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleEditCategory = (rowData) => {\r\n const item = true;\r\n const view = false;\r\n history.push({\r\n pathname: \"./addeditcategory\",\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n },\r\n });\r\n };\r\n\r\n const handleViewCategory = (rowData) => {\r\n const item = true;\r\n const view = true;\r\n history.push({\r\n pathname: \"./addeditcategory\",\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n },\r\n });\r\n };\r\n\r\n const handleSubCategory = () => {\r\n const item = false;\r\n history.push({\r\n pathname: \"./addeditsubcategory\",\r\n state: {\r\n isEditable: item,\r\n },\r\n });\r\n };\r\n\r\n const handleCategory = () => {\r\n const item = false;\r\n history.push({\r\n pathname: \"./addeditcategory\",\r\n state: {\r\n isEditable: item,\r\n },\r\n });\r\n };\r\n\r\n\r\n\r\n const handleEditSubCategory = (rowData) => {\r\n const view = false;\r\n\r\n const item = true;\r\n history.push({\r\n pathname: \"./addeditsubcategory\",\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n },\r\n });\r\n };\r\n\r\n\r\n const handleViewSubCategory = (rowData) => {\r\n const view = true;\r\n const item = true;\r\n history.push({\r\n pathname: \"./addeditsubcategory\",\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n },\r\n });\r\n };\r\n\r\n\r\n //Get All Category List\r\n const getCategoryList = async () => {\r\n setIsActive(true);\r\n const response = await dispatch(\r\n handleGetRequest(`/api/Setups/GetAllSubCategories?warehouse_id=${warehouseid || 0}`, true)\r\n );\r\n if (response) {\r\n setAllCategory(response);\r\n setFilteredAllCategories(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getCategoryList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (filteredCategory || filteredAllCategories) {\r\n if (filteredCategory && filteredCategory !== undefined) {\r\n setAllCategory(filteredAllCategories?.filter(item => item?.key == filteredCategory))\r\n }\r\n else {\r\n setAllCategory(filteredAllCategories)\r\n }\r\n }\r\n\r\n }, [filteredCategory, filteredAllCategories])\r\n\r\n const allowExpansion = (rowData) => {\r\n const isExpanded = expandedRows && expandedRows[rowData.key];\r\n return (\r\n <>\r\n {\r\n rowData?.children.length > 0 ?\r\n toggleRowExpansion(rowData)}\r\n /> :\r\n <>\r\n }\r\n \r\n );\r\n };\r\n\r\n const toggleRowExpansion = (rowData) => {\r\n // setParentId(rowData?.key)\r\n let _expandedRows = { ...expandedRows };\r\n\r\n if (_expandedRows[rowData.key]) {\r\n delete _expandedRows[rowData.key];\r\n } else {\r\n _expandedRows[rowData.key] = true;\r\n }\r\n\r\n setExpandedRows(_expandedRows);\r\n };\r\n\r\n const allowChildExpansion = (rowData) => {\r\n const isExpanded = expandedChildRows && expandedChildRows[rowData.key];\r\n return (\r\n <>\r\n {\r\n rowData?.children.length > 0 ?\r\n toggleChildRowExpansion(rowData)}\r\n /> : <>\r\n }\r\n \r\n );\r\n };\r\n\r\n const toggleChildRowExpansion = (rowData) => {\r\n let _expandedChildRows = { ...expandedChildRows };\r\n\r\n if (_expandedChildRows[rowData.key]) {\r\n delete _expandedChildRows[rowData.key];\r\n } else {\r\n _expandedChildRows[rowData.key] = true;\r\n }\r\n\r\n setExpandedChildRows(_expandedChildRows);\r\n };\r\n\r\n const rowExpansionTemplate = (data) => \r\n setExpandedChildRows(e.data)}\r\n rowExpansionTemplate={rowExpansionTemplate}\r\n responsiveLayout=\"scroll\"\r\n dataKey=\"key\"\r\n style={{ boxShadow: \" 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)\" }}\r\n >\r\n (\r\n rowData?.createddatetime || 'N/A'} header=\"Date & Time\"> \r\n
\r\n );\r\n };\r\n\r\n const flattenCategories = (category, level = 0) => {\r\n // Create the main category row\r\n const categoryRow = {\r\n Name: category.label,\r\n Status: category.activeStatus === 'Active' ? 'Active' : 'Inactive',\r\n DateTime: category.createddatetime || 'N/A',\r\n Type: level === 0 ? 'Category' : `Subcategory Level ${level}`, // Define type based on level\r\n };\r\n\r\n // Recursively process children (subcategories)\r\n const subcategoryRows = category.children?.flatMap(subcategory => flattenCategories(subcategory, level + 1)) || [];\r\n\r\n // Return the category row followed by its subcategories (if any)\r\n return [categoryRow, ...subcategoryRows];\r\n };\r\n\r\n const exportExcel = () => {\r\n // Flatten all categories and their nested subcategories\r\n const flattenedData = allCategories?.flatMap(category => flattenCategories(category));\r\n\r\n // Convert the flattened data to a worksheet\r\n const worksheet = XLSX.utils.json_to_sheet(flattenedData);\r\n\r\n // Add headers for a cleaner Excel format\r\n XLSX.utils.sheet_add_aoa(worksheet, [[\"Name\", \"Status\", \"Date & Time\", \"Type\"]], { origin: \"A1\" });\r\n\r\n // Create a new workbook and append the sheet\r\n const workbook = XLSX.utils.book_new();\r\n XLSX.utils.book_append_sheet(workbook, worksheet, \"Categories\");\r\n\r\n // Create the Excel file and trigger the download\r\n XLSX.writeFile(workbook, \"categoriesList.xlsx\");\r\n };\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.contentName?.includes(\"Setups\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/category\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n }, []);\r\n\r\n return (\r\n <>\r\n Subcategory of {nodes?.label}
\r\n\r\n
\r\n\r\n \r\n Category Setup\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n setFilteredCategory(e.value)}\r\n className=\"dropdown-filter ml-0 md:ml-2 mr-1\"\r\n icon=\"pi pi-plus\"\r\n placeholder=\"--Select Category--\"\r\n />\r\n
\r\n \r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ?\r\n null\r\n :\r\n
\r\n \r\n
\r\n }\r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ?\r\n null\r\n :\r\n permissions.includes(2) ?\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n \r\n setExpandedRows(e.data)}\r\n rowExpansionTemplate={rowExpansionTemplate}\r\n emptyMessage=\"No records found\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n dataKey=\"key\"\r\n tableStyle={{ minWidth: \"60rem\" }}\r\n rows={20}\r\n paginatorClassName=\"custom-paginator\"\r\n >\r\n (\r\n rowData?.createddatetime || 'N/A'} header=\"Date & Time\"> \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ManageCategory;\r\n","import React, { useEffect, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\n\r\nconst AddEditCategory = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData, isView } = location?.state;\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const validationSchema = Yup.object().shape({\r\n categoryName: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n categoryName: \"\",\r\n description: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n if (isEditable) {\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n obj_id: rowData?.key,\r\n name: data?.categoryName,\r\n description: data?.description,\r\n isActive: 1,\r\n parentid: null\r\n }\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Setups/UpdateCategory\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./category')\r\n setSaveBtnLoading(false);\r\n }\r\n }\r\n\r\n else {\r\n\r\n setSaveBtnLoading(true);\r\n let obj = {\r\n name: data?.categoryName,\r\n description: data?.description,\r\n warehouseId: warehouseid,\r\n }\r\n\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Setups/AddCategory\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./category')\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n setSaveBtnLoading(false);\r\n }\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n // Get User By Id\r\n const getategoryById = async (rowData) => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetCategoryById?obj_id=${rowData?.key}`, true));\r\n const keyData = response[0]\r\n if (keyData) {\r\n formik.setFieldValue('categoryName', keyData?.obj_Name)\r\n }\r\n setIsActive(false)\r\n };\r\n\r\n useEffect(() => {\r\n if (isEditable, rowData) {\r\n getategoryById(rowData);\r\n }\r\n }, [isEditable, rowData]);\r\n\r\n const ResetForm = () => {\r\n formik.setFieldValue('categoryName', '')\r\n }\r\n\r\n //Disable Form while Viewing\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\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\nexport default AddEditCategory","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { Divider } from \"primereact/divider\";\r\nimport editIcon from \"../../assets/warehouse-assets/colored/edit.png\"\r\nimport deleteIcon from \"../../assets/warehouse-assets/colored/dlet.png\"\r\nimport { handleDeleteRequest } from \"../../services/DeleteTemplate\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { handlePutRequest } from \"../../services/PutTemplate\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\n\r\nconst ManageInventory = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [inventoryList, setInventoryList] = useState([]);\r\n const [visible2, setVisible2] = useState(false);\r\n const [vendorList, setVendorList] = useState('');\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n\r\n const [permissions, setPermissions] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n\r\n const items = [];\r\n\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n items.push({\r\n label: 'View',\r\n command: () => handleViewInventory(rowData),\r\n });\r\n } else {\r\n items.push(\r\n {\r\n label: 'Edit',\r\n command: () => handleEditInventory(rowData),\r\n },\r\n // {\r\n // label: rowData?.status === 1 ? 'Deactivate' : 'Activate',\r\n // command: () => confirm(rowData),\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 {isEditable && isView ? 'View Category' : isEditable && isView === false ? 'Edit Category' : 'Add New Category'}
\r\n{isView ? '' : 'Add Details'}
\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 confirm = (rowData) => {\r\n\r\n confirmDialog({\r\n message: rowData?.status == 1 ? 'Are you sure you want to deactivate this Inventroy ?' : 'Are you sure you want to Activate this Inventory ?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n if (rowData?.status == 1) {\r\n handleDeactivateInventory(rowData);\r\n } else {\r\n handleActivateInventory(rowData);\r\n }\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n\r\n };\r\n\r\n const handleDeactivateInventory = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n Name: rowData?.obj_Name,\r\n Description: rowData?.obj_Description,\r\n IsActive: 0,\r\n };\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateBrand`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getInventoryList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleActivateInventory = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n Name: rowData?.obj_Name,\r\n Description: rowData?.obj_Description,\r\n IsActive: 1,\r\n };\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateBrand`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getInventoryList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleEditInventory = (rowData) => {\r\n const item = true;\r\n const view = false;\r\n history.push({\r\n pathname: './addeditinventory',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n }\r\n });\r\n };\r\n\r\n const handleViewInventory = (rowData) => {\r\n const item = true;\r\n const view = true;\r\n history.push({\r\n pathname: './addeditinventory',\r\n state: {\r\n isEditable: item,\r\n isView: view,\r\n rowData: rowData,\r\n }\r\n });\r\n };\r\n\r\n const showVendor = (event, rowData) => {\r\n setVendorList( rowData?.vendorName)\r\n event.stopPropagation();\r\n setVisible2(true);\r\n }\r\n\r\n const vendorTemplate = (rowData) => (\r\n rowData?.vendorName?.includes(',') ?\r\n \r\n {rowData?.vendorName} \r\n showVendor(event, rowData)} >\r\n
\r\n :\r\n rowData?.vendorName ?\r\n {rowData?.vendorName}
\r\n :\r\n N/A\r\n )\r\n\r\n //Get Inventory List\r\n const getInventoryList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetInventory?warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setInventoryList(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getInventoryList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n setPermissions(allPermModules?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n }, []);\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n\r\n \r\n Inventory Management\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './addeditinventory',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n rowData?.name || 'N/A'} header=\"Inventory Name\"> \r\n rowData?.brandName || 'N/A'} header=\"Brand\"> \r\n rowData?.categoryName || 'N/A'} header=\"Category\"> \r\n rowData?.sub_Category_Name || 'N/A'} header=\"Sub Category\"> \r\n rowData?.unitofmeasurementName || 'N/A'} header=\"Unit\"> \r\n {/* rowData?.vendorName || 'N/A'} header=\"Vendor\"> */}\r\n rowData?.sku || 'N/A'} header=\"Sku\"> \r\n {permissions.includes(2) ?\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ManageInventory","import React, { useEffect, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Password } from 'primereact/password';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport photo from '../../assets/warehouse-assets/photo.png'\r\nimport video from '../../assets/warehouse-assets/video.png'\r\nimport video2 from '../../assets/warehouse-assets/video2.png'\r\nimport video3 from '../../assets/warehouse-assets/video3.png'\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\nimport { useLocation } from 'react-router-dom/cjs/react-router-dom';\r\nimport { TreeSelect } from 'primereact/treeselect';\r\nimport { MultiSelect } from 'primereact/multiselect';\r\n\r\n\r\nconst AddEditInventory = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData, isView } = location.state;\r\n const [selectedFiles, setSelectedFiles] = useState([])\r\n const [selectedFiles2, setSelectedFiles2] = useState([])\r\n\r\n const [allCategories, setAllCategories] = useState([])\r\n const [allSubCategories, setAllSubCategories] = useState([])\r\n const [allBrands, setAllBrands] = useState([])\r\n const [allVendors, setAllVendors] = useState([])\r\n const [allUnits, setAllUnits] = useState([])\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const validationSchema = Yup.object().shape({\r\n inventory_id: Yup.mixed().required(\"This field is required.\"),\r\n category_id: Yup.mixed().required(\"This field is required.\"),\r\n inventory_name: Yup.mixed().required(\"This field is required.\"),\r\n brand_id: Yup.mixed().required(\"This field is required.\"),\r\n // unit: Yup.mixed().required(\"This field is required.\"),\r\n sku: Yup.mixed().required(\"This field is required.\"),\r\n vendor_id: Yup.mixed().required(\"This field is required.\"),\r\n threshold: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n inventory_id: \"\",\r\n category_id: \"\",\r\n subCategory_id: \"\",\r\n inventory_name: \"\",\r\n brand_id: \"\",\r\n description: \"\",\r\n unit: 0,\r\n sku: \"\",\r\n vendor_id: \"\",\r\n threshold: \"\",\r\n notes: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n if (isEditable) {\r\n\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n p_id: rowData?.id,\r\n p_inventory_id: formik.values.inventory_id,\r\n p_name: formik.values.inventory_name,\r\n p_description: formik.values.description,\r\n p_category_id: formik.values.category_id,\r\n p_sub_categoryid: formik?.values?.subCategory_id === \"\" ? 0 : formik?.values?.subCategory_id,\r\n p_brand_id: formik.values.brand_id,\r\n p_vendor_id: formik.values.vendor_id,\r\n p_unit_of_measurement: formik.values.unit.toString(),\r\n p_min_t_value: formik.values.threshold,\r\n p_SKU: formik.values.sku,\r\n p_notes: formik.values.notes,\r\n attachments: [\r\n {\r\n fileName: \"\",\r\n fileType: \"\",\r\n base64Data: \"\"\r\n }\r\n ],\r\n p_roletype_id: parseInt(roletypeid),\r\n p_usertype_id: parseInt(usertype_id),\r\n p_warehouse_id: parseInt(warehouseid),\r\n p_edit_by: parseInt(user_id),\r\n }\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Inventory/UpdateInventory\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./inventory')\r\n setSaveBtnLoading(false);\r\n }\r\n }\r\n\r\n else {\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n inventory_id: formik.values.inventory_id,\r\n name: formik.values.inventory_name,\r\n description: formik.values.description,\r\n category_id: formik.values.category_id,\r\n sub_categoryid: formik?.values?.subCategory_id === \"\" ? 0 : formik?.values?.subCategory_id,\r\n brand_id: formik.values.brand_id,\r\n vendor_id: 0,\r\n vendor_ids: formik.values.vendor_id,\r\n unit_of_measurement: formik.values.unit,\r\n min_t_value: parseInt(formik.values.threshold),\r\n sku: formik.values.sku,\r\n notes: formik.values.notes,\r\n attachments: [\r\n {\r\n fileName: \"\",\r\n fileType: \"\",\r\n base64Data: \"\"\r\n }\r\n ],\r\n roletype_id: parseInt(roletypeid),\r\n usertype_id: parseInt(usertype_id),\r\n warehouse_id: parseInt(warehouseid),\r\n createdby: parseInt(user_id),\r\n }\r\n\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Inventory/AddInventory\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./inventory')\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n setSaveBtnLoading(false);\r\n }\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //Get All Category List\r\n const getCategoryList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllCategorioesByWarehouse?warehouse_id=${warehouseid || 0}`, true));\r\n\r\n if (response) {\r\n setAllCategories(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n //Get All Category List\r\n const getSubCategoryList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllSubCategoriesByCatid?Category_id=${formik.values.category_id}&warehouse_id=${warehouseid || 0}`, true));\r\n\r\n if (response) {\r\n setAllSubCategories(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getAllBrands = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/getAllBrand?warehouse_id=${warehouseid || 0}`, true));\r\n\r\n if (response) {\r\n setAllBrands(response?.filter(item => item?.status == 1));\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getAllVendors = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllVendor?warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAllVendors(response?.filter(item => item?.status == 1));\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getAllUnits = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetUnitOfMeasurement`, true));\r\n if (response) {\r\n setAllUnits(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getCategoryList()\r\n getAllBrands()\r\n getAllVendors()\r\n getAllUnits()\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (formik.values.category_id) {\r\n getSubCategoryList()\r\n }\r\n }, [formik.values.category_id])\r\n\r\n //Get WH By Id\r\n const getInventoryById = async (rowData) => {\r\n\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetInventoryByid?id=${rowData?.id}`, true));\r\n const keyData = response[0]\r\n if (keyData) {\r\n formik.setFieldValue('inventory_id', keyData?.inventory_id)\r\n formik.setFieldValue('category_id', keyData?.category_id)\r\n formik.setFieldValue('subCategory_id', keyData?.subcategory_id)\r\n formik.setFieldValue('inventory_name', keyData?.name)\r\n formik.setFieldValue('brand_id', keyData?.brand_id)\r\n formik.setFieldValue('description', keyData?.description)\r\n formik.setFieldValue('unit', keyData?.unit_of_measurement)\r\n formik.setFieldValue('sku', keyData?.sku)\r\n formik.setFieldValue('vendor_id', keyData?.vendor_id_string)\r\n formik.setFieldValue('threshold', keyData?.min_t_value)\r\n formik.setFieldValue('notes', keyData?.notes)\r\n }\r\n setIsActive(false)\r\n };\r\n\r\n useEffect(() => {\r\n if (isEditable, rowData) {\r\n getInventoryById(rowData);\r\n }\r\n }, [isEditable, rowData]);\r\n\r\n // Generate Inventory Id\r\n const handleGenerateInvId = () => {\r\n const newInvId = generateRandomInvId();\r\n formik.setFieldValue('inventory_id', newInvId);\r\n };\r\n\r\n const generateRandomInvId = () => {\r\n const prefix = \"Inv-\";\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return prefix + userId;\r\n };\r\n\r\n const ResetForm = () => {\r\n formik.setFieldValue('inventory_id', '')\r\n formik.setFieldValue('category_id', '')\r\n formik.setFieldValue('subCategory_id', '')\r\n formik.setFieldValue('inventory_name', '')\r\n formik.setFieldValue('brand_id', '')\r\n formik.setFieldValue('description', '')\r\n formik.setFieldValue('unit', '')\r\n formik.setFieldValue('sku', '')\r\n formik.setFieldValue('vendor_id', '')\r\n formik.setFieldValue('threshold', '')\r\n formik.setFieldValue('notes', '')\r\n }\r\n\r\n //Disable Form while Viewing\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\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\nexport default AddEditInventory","import React, { useCallback, useEffect, useRef, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../../services/PutTemplate';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { toast } from 'react-toastify';\r\nimport { FileUpload } from 'primereact/fileupload';\r\nimport photo from '../../../assets/warehouse-assets/photo.png'\r\nimport video from '../../../assets/warehouse-assets/video.png'\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\nimport { confirmDialog } from 'primereact/confirmdialog';\r\nimport { DataTable } from 'primereact/datatable';\r\nimport { Column } from 'primereact/column';\r\nimport { RadioButton } from 'primereact/radiobutton';\r\nimport { TreeSelect } from 'primereact/treeselect';\r\nimport { Calendar } from 'primereact/calendar';\r\nimport { Toast } from \"primereact/toast\";\r\nimport { handleDeleteRequest } from '../../../services/DeleteTemplate';\r\nimport { SplitButton } from 'primereact/splitbutton';\r\nimport moment from 'moment';\r\nimport { baseURL } from '../../../Config';\r\nimport axios from 'axios';\r\nimport { Dialog } from 'primereact/dialog';\r\nimport Webcam from 'react-webcam';\r\nimport { Image } from 'primereact/image';\r\nimport { Triangle } from 'react-loader-spinner';\r\n\r\nconst CheckIn = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData, isView, expireItemData } = location.state;\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [selectedFiles, setSelectedFiles] = useState([])\r\n const [selectedFiles2, setSelectedFiles2] = useState([])\r\n const [selectedDoc, setSelectedDoc] = useState({})\r\n const [permissions, setPermissions] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const showToast = useRef(null)\r\n const uploadDoc = useRef()\r\n const uploadImg = useRef()\r\n const uploadVideo = useRef()\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n const [allInventoryName, setAllInventoryName] = useState()\r\n const [allCategoryName, setAllCategoryName] = useState()\r\n const [allSubcategoryName, setAllSubcategoryName] = useState()\r\n const [allBrandName, setAllBrandName] = useState()\r\n const [allUomName, setAllUomName] = useState()\r\n const [allVendorName, setAllvendorName] = useState()\r\n const [isDisabled, setIsDisabled] = useState(true)\r\n const [editableForStage, setIsEditableForStage] = useState(false)\r\n\r\n const maxFileSize = 10 * 1024 * 1024;\r\n const maxImageSize = 5 * 1024 * 1024;\r\n const maxVideoSize = 5 * 1024 * 1024;\r\n\r\n const [allCheckinData, setAllCheckinData] = useState();\r\n const [checkInUpdateId, setCheckInUpdateId] = useState('');\r\n const [visible, setVisible] = useState(false);\r\n const webcamRef = useRef(null)\r\n const [videoStream, setVideoStream] = useState();\r\n\r\n const handleCamera = () => {\r\n navigator.mediaDevices\r\n .getUserMedia({ video: true })\r\n .then((state) => {\r\n setVideoStream(state)\r\n setVisible(true)\r\n })\r\n .catch(() => toast.warn(\"permission required\"))\r\n }\r\n\r\n const capturePicture = useCallback(() => {\r\n if (webcamRef.current) {\r\n const base64Image = webcamRef.current.getScreenshot();\r\n const filtered_type = base64Image?.split(';')[0];\r\n const file_type = filtered_type?.split(\":\")[1]\r\n if (base64Image) {\r\n setSelectedFiles((prevFiles) =>\r\n [\r\n ...prevFiles,\r\n { fileType: file_type, fileName: \"WebCamImage\", base64Data: base64Image, attachment_type: \"images\", path: null }\r\n ]\r\n )\r\n }\r\n }\r\n setVisible(false)\r\n stopCamera()\r\n })\r\n\r\n const stopCamera = async () => {\r\n if (videoStream) {\r\n (videoStream).getTracks().forEach((track) => {\r\n if (track.readyState == 'live') {\r\n track.stop()\r\n }\r\n })\r\n }\r\n }\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value.toLowerCase();\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const header = () => (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {isEditable && isView ? 'View Inventory' : isEditable && isView === false ? 'Edit Inventory' : 'Add New Inventory'}
\r\n{isEditable && isView ? '' : isEditable && isView === false ? 'Edit Details' : 'Add Details'}
\r\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 deleteDialog = (e) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to clear all data?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n accept: () => handleAllDeleteData(e),\r\n reject: null\r\n });\r\n }\r\n\r\n const handleAllDeleteData = async (e) => {\r\n e.preventDefault();\r\n let obj = {\r\n uid: user_id,\r\n wid: warehouseid\r\n }\r\n setIsActive(true);\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Inventory/DeleteStageCheckIn`, false, true));\r\n if (response?.statusCode === \"200\") {\r\n getAllInventoryData(false)\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [\r\n // {\r\n // label: 'Edit',\r\n // command: () => getCheckInLisyByIdEditable(rowData, false),\r\n // },\r\n {\r\n label: 'Delete',\r\n command: () => confirm(rowData),\r\n }\r\n ];\r\n\r\n return (\r\n CheckIn Data List
\r\n\r\n
\r\n 0 ? \"opacity-60\" : \"\"} `} style={{ padding: ' 0.75rem 1.25rem ' }} >\r\n handleSelectedDoc(e)} style={{ display: \"none\" }} />\r\n \r\n
\r\n \r\n {\r\n selectedDoc && Object.keys(selectedDoc)?.length !== 0 ? (\r\n \r\n {selectedDoc?.fileName ? selectedDoc?.fileName : selectedDoc?.path ? 'Document' : 'Upload'}\r\n \r\n setSelectedDoc(\"\")} >\r\n handleDownloadFile(selectedDoc)} >\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n Upload\r\n \r\n \r\n )\r\n }\r\n
\r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to Delete this Checkin Data?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n accept: () => handleDeleteRecord(rowData),\r\n reject: null\r\n });\r\n }\r\n\r\n const handleDeleteRecord = async (rowData) => {\r\n let obj = {\r\n p_id: rowData?.id\r\n }\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Inventory/DeleteStageCheckInByID`, false, true));\r\n if (response?.statusCode == \"200\") {\r\n getAllInventoryData(false)\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const validationSchema = Yup.object().shape({\r\n checkbox: Yup.number().required(\"This field is required.\").nullable(),\r\n category: Yup.number().required(\"This field is required.\").nullable(),\r\n inventoryName: Yup.number().required(\"This field is required.\").nullable(),\r\n brand: Yup.number().required(\"This field is required.\").nullable(),\r\n rfidCode: Yup.string().required(\"This field is required.\").nullable(),\r\n skuCode: Yup.string().required(\"This field is required.\").nullable(),\r\n vendorInformation: Yup.number().required(\"This field is required.\").nullable(),\r\n costPerUnit: Yup.number()\r\n .min(1, \"Value must be at least 1\")\r\n .required(\"This field is required.\")\r\n .nullable(),\r\n valueOfMeasurement: Yup.number()\r\n .min(1, \"Value must be at least 1\")\r\n .required(\"This field is required.\")\r\n .nullable(),\r\n quantity: Yup.number()\r\n .min(1, \"Value must be at least 1\")\r\n .required(\"This field is required.\")\r\n .nullable(),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n checkbox: \"\",\r\n category: \"\",\r\n subCategory: \"\",\r\n inventoryName: \"\",\r\n brand: \"\",\r\n rfidCode: \"\",\r\n quantity: \"\",\r\n description: \"\",\r\n uom: 0,\r\n skuCode: \"\",\r\n costPerUnit: \"\",\r\n vendorInformation: \"\",\r\n thresholdValue: \"\",\r\n expiryDate: \"\",\r\n valueOfMeasurement: \"\",\r\n addNotes: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n if (selectedFiles?.length === 0) {\r\n toast.warn('Please add image')\r\n } else {\r\n setIsActive(true)\r\n let payload = {\r\n p_id: checkInUpdateId,\r\n p_inventory_Type: data?.checkbox,\r\n p_category_id: data?.category,\r\n p_subcategory_id: data?.subCategory,\r\n p_inventory_id: data?.inventoryName,\r\n p_brand_id: data?.brand,\r\n p_rfid: data?.rfidCode,\r\n p_quantity: data?.quantity,\r\n p_SalesDescription: data?.description,\r\n p_unit_of_measurement: data?.uom,\r\n p_sku_code: data?.skuCode,\r\n p_cost: data?.costPerUnit,\r\n p_vendor_id: data?.vendorInformation,\r\n p_min_t_value: data?.thresholdValue,\r\n p_Expiry_Date: data?.expiryDate !== \"\" ? data?.expiryDate : null,\r\n p_value_of_measurement: data?.valueOfMeasurement,\r\n p_Notes: data?.addNotes,\r\n p_roletypeid: roletypeid,\r\n p_usertypeid: usertype_id,\r\n p_warehouseid: warehouseid,\r\n p_createdby: user_id,\r\n }\r\n\r\n const concatAllData = [selectedFiles, selectedFiles2]\r\n const allArrayData = concatAllData.flat();\r\n payload[\"attachments\"] = allArrayData;\r\n\r\n if (isEditable === false && editableForStage === false) {\r\n delete payload['p_id'];\r\n }\r\n\r\n let response;\r\n\r\n if (isEditable === false && editableForStage === false) {\r\n response = await dispatch(handlePostRequest(payload, '/api/Inventory/AddStageCheckIn', true, true));\r\n } else if (isEditable === true && editableForStage === false || isEditable === true && editableForStage === true) {\r\n if (selectedDoc && Object.keys(selectedDoc)?.length !== 0) {\r\n payload['attachments'] = [...allArrayData, selectedDoc]\r\n response = await dispatch(handlePutRequest(payload, '/api/Inventory/UpdateCheckIn', true, true));\r\n } else {\r\n toast.warn('Please Upload Attachment')\r\n }\r\n } else if (isEditable === false && editableForStage === true) {\r\n response = await dispatch(handlePutRequest(payload, '/api/Inventory/UpdateStageCheckIn', true, true));\r\n } else {\r\n response = null;\r\n }\r\n\r\n setIsActive(false)\r\n if ((isEditable === true && editableForStage === false && response?.statusCode == \"200\") || (isEditable === true && editableForStage === true && response?.statusCode == \"200\")) {\r\n history.push('/checkin')\r\n }\r\n else if ((isEditable === false && editableForStage === true) && (response?.statusCode == \"200\")) {\r\n console.log('here')\r\n getAllInventoryData(false)\r\n formik.resetForm();\r\n formik.setFieldValue(\"checkbox\", 1)\r\n setSelectedDoc()\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n //First Time Add Data for Stage Check In\r\n else if ((isEditable === false && editableForStage === false) && (response?.statusCode == \"200\")) {\r\n getAllInventoryData(false)\r\n formik.resetForm();\r\n formik.setFieldValue(\"checkbox\", 1)\r\n setSelectedDoc()\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n // await labelPrint()\r\n // labelPrint().then(() => {});\r\n }\r\n else {\r\n return null\r\n }\r\n }\r\n }\r\n });\r\n\r\n const ResetForm = () => {\r\n formik.resetForm();\r\n selectedFiles([]);\r\n selectedFiles2([]);\r\n }\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n const labelPrint = async () => {\r\n const obj = {}\r\n const response = await dispatch(handlePostRequest(obj, '/api/ZebraPrinter/PrintLabelContent/PrintLabelContent', true, true));\r\n console.log('response labelPrint:', response)\r\n }\r\n\r\n //File Handling\r\n const handleFileUpload = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n if (file?.size > maxImageSize) {\r\n toast.warn(\"Attached image size is greater then 5MB\")\r\n }\r\n else if (selectedFiles?.length > 4) {\r\n toast.warn(\"A maximum of 5 images can be added.\");\r\n }\r\n else {\r\n setSelectedFiles((prevFiles) => [\r\n ...prevFiles,\r\n { fileType: file.type, fileName: file.name, base64Data: base64String, attachment_type: \"images\", path: null }\r\n ]);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n const handleVideo = () => {\r\n uploadVideo.current.choose();\r\n };\r\n\r\n const handleFileUpload2 = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n if (file?.size > maxVideoSize) {\r\n toast.warn(\"Attached video size is greater then 5MB\")\r\n } else {\r\n setSelectedFiles2((prevFiles) => [\r\n { fileType: file.type, fileName: file.name, base64Data: base64String, attachment_type: \"video\", path: null }\r\n\r\n ]);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n const handleDocument = () => {\r\n if (allCheckinData?.length > 0 || isEditable) {\r\n uploadDoc.current.choose();\r\n }\r\n };\r\n\r\n const handleImages = () => {\r\n uploadImg.current.choose();\r\n };\r\n\r\n const handleSelectedDoc = (e) => {\r\n if (e.files && e.files.length > 0) {\r\n let selectedFile = e.files[0];\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64Doc = reader.result\r\n if (selectedFile?.size > maxFileSize) {\r\n toast.warn(\"Attached file size is greater then 10MB\")\r\n } else {\r\n setSelectedDoc({ fileType: selectedFile?.type, fileName: selectedFile?.name, base64Data: base64Doc, attachment_type: \"file\", path: null })\r\n }\r\n }\r\n reader.readAsDataURL(selectedFile);\r\n return selectedFile\r\n } else {\r\n }\r\n };\r\n\r\n //For Deleting File\r\n const handleCancelFile = (file) => {\r\n setSelectedFiles((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n const handleCancelFile2 = (file) => {\r\n setSelectedFiles2((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n const getAllApplicationDetail = async (e) => {\r\n setIsActive(true)\r\n if (formik?.values?.inventoryName) {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetInventoryByid?id=${formik?.values?.inventoryName}`));\r\n if (response[0]?.name) {\r\n getSubcategoryLOVs(response[0]?.category_id);\r\n formik.setFieldValue('category', response[0]?.category_id)\r\n formik.setFieldValue('subCategory', response[0]?.subcategory_id)\r\n formik.setFieldValue('brand', response[0]?.brand_id)\r\n // setAllvendorName(response[0]?.vendor_name_string)\r\n formik.setFieldValue('vendorInformation', response[0]?.vendor_id)\r\n formik.setFieldValue('uom', response[0]?.unit_of_measurement)\r\n formik.setFieldValue('skuCode', response[0]?.sku)\r\n formik.setFieldValue('description', response[0]?.description)\r\n formik.setFieldValue('thresholdValue', response[0]?.min_t_value)\r\n getVendorByInvId(formik?.values?.inventoryName)\r\n }\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n const getVendorByInvId = async (invId) => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetVendorByInventoryid?whid=${warehouseid || 0}&id=${invId}`))\r\n if (response?.statusCode == 200) {\r\n setAllvendorName(response?.body)\r\n }\r\n }\r\n\r\n const getInventoryLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetInventory?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllInventoryName(response)\r\n }\r\n }\r\n\r\n const getCategoryLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllCategorioesByWarehouse?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllCategoryName(response)\r\n\r\n }\r\n }\r\n\r\n const getSubcategoryLOVs = async (category_id) => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllSubCategoriesByCatid?Category_id=${category_id}&warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllSubcategoryName(response)\r\n }\r\n }\r\n\r\n const getBrandLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllBrand?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllBrandName(response)\r\n }\r\n }\r\n\r\n const getUomLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetUnitOfMeasurement`))\r\n if (response) {\r\n setAllUomName(response)\r\n }\r\n }\r\n\r\n const getVendorLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllVendor?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllvendorName(response)\r\n }\r\n }\r\n\r\n const getAllInventoryData = async (showAlert = true) => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetStageCheckinList?warehouseid=${warehouseid || 0}&userid=${user_id}`))\r\n setIsActive(false)\r\n if (response) {\r\n if (response.length >= 1 && showAlert && isEditable === false) {\r\n toast.info('Your unsaved checkin data has been restored ')\r\n setAllCheckinData(response)\r\n } else {\r\n setAllCheckinData(response)\r\n }\r\n }\r\n }\r\n\r\n const handleCheckinData = async () => {\r\n setIsActive(true)\r\n let obj = {\r\n uid: user_id,\r\n wid: warehouseid,\r\n attachments: [selectedDoc]\r\n }\r\n if (selectedDoc && Object.keys(selectedDoc)?.length !== 0) {\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Inventory/AddSubmitCheckIn\"));\r\n if (response.statusCode == \"200\") {\r\n getAllInventoryData(false)\r\n history.push('./checkin')\r\n }\r\n } else {\r\n toast.warn('Please Upload Attachment')\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n const getCheckInLisyByIdEditable = async (rowData, isEditable) => {\r\n\r\n setIsEditableForStage(true)\r\n let keyData;\r\n if (isEditable) {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetCheckinByid?obj_id=${rowData?.id}`));\r\n keyData = response?.length ? response[0] : null;\r\n } else {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetStageCheckinByid?obj_id=${rowData?.id}`));\r\n keyData = response?.length ? response[0] : null;\r\n }\r\n if (keyData) {\r\n setCheckInUpdateId(keyData?.id)\r\n getSubcategoryLOVs(keyData?.category_id)\r\n await getVendorByInvId(parseInt(rowData?.inventory_id))\r\n formik.setFieldValue(\"checkbox\", keyData?.inventory_Type)\r\n formik.setFieldValue(\"category\", keyData?.category_id)\r\n formik.setFieldValue(\"subCategory\", keyData?.subcategory_id)\r\n formik.setFieldValue(\"inventoryName\", keyData?.inventory_id)\r\n formik.setFieldValue(\"brand\", keyData?.brand_id)\r\n formik.setFieldValue(\"rfidCode\", keyData?.rfid)\r\n formik.setFieldValue(\"quantity\", keyData?.quantity)\r\n formik.setFieldValue(\"description\", keyData?.salesDescription)\r\n formik.setFieldValue(\"uom\", keyData?.unit_of_measurement)\r\n formik.setFieldValue(\"skuCode\", keyData?.sku_code)\r\n formik.setFieldValue(\"costPerUnit\", keyData?.cost)\r\n formik.setFieldValue(\"thresholdValue\", keyData?.min_t_value)\r\n formik.setFieldValue(\"expiryDate\", moment(keyData?.expiry_Date).toDate())\r\n formik.setFieldValue(\"valueOfMeasurement\", keyData?.value_of_measurement)\r\n formik.setFieldValue(\"addNotes\", keyData?.notes)\r\n formik.setFieldValue(\"vendorInformation\", keyData?.vendor_id)\r\n\r\n let selectedDoc = {};\r\n const selectedFiles = [];\r\n const selectedFiles2 = [];\r\n\r\n // Split the keydata.link by commas to get individual entries\r\n const entries = keyData?.link?.split(',');\r\n\r\n // Iterate through each entry and split by $$ to check the type\r\n entries && entries.forEach(entry => {\r\n const [path, type] = entry.trim().split('$$'); // Trim the entry to remove leading/trailing spaces\r\n\r\n if (type === 'file') {\r\n const obj = { fileType: null, fileName: null, base64Data: null, attachment_type: null, path: `${path}$$file` }\r\n selectedDoc = obj;\r\n } else if (type === 'images') {\r\n selectedFiles.push({ fileType: null, fileName: null, base64Data: null, attachment_type: null, path: `${path}$$images` });\r\n } else if (type === 'video') {\r\n selectedFiles2.push({ fileType: null, fileName: null, base64Data: null, attachment_type: null, path: `${path}$$video` });\r\n }\r\n });\r\n\r\n // Assuming setSelectedDoc, setSelectedFiles, and setSelectedFiles2 are your state setters\r\n setSelectedDoc(selectedDoc);\r\n setSelectedFiles(selectedFiles);\r\n setSelectedFiles2(selectedFiles2);\r\n\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n\r\n if (formik?.values?.checkbox == 2) {\r\n formik.setFieldValue('quantity', 1)\r\n }\r\n else {\r\n formik.setFieldValue('quantity', \"\")\r\n }\r\n\r\n }, [formik?.values?.checkbox])\r\n\r\n useEffect(() => {\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkin\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n formik.setFieldValue(\"checkbox\", 1)\r\n getInventoryLOVs();\r\n getCategoryLOVs();\r\n getBrandLOVs();\r\n getUomLOVs();\r\n //getVendorLOVs();\r\n getAllInventoryData()\r\n\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (rowData && isEditable) {\r\n getCheckInLisyByIdEditable(rowData, isEditable)\r\n }\r\n\r\n }, [rowData, isEditable])\r\n\r\n //Disable Form while Viewing\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\r\n };\r\n\r\n const formStyle2 = {\r\n pointerEvents: 'auto',\r\n opacity: 1,\r\n };\r\n\r\n const handleGenerateRfidCode = () => {\r\n const newRfidCode = generateRandomRfidCode();\r\n formik.setFieldValue('rfidCode', newRfidCode);\r\n };\r\n\r\n const generateRandomRfidCode = () => {\r\n const prefix = \"Inv-\";\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return prefix + userId;\r\n };\r\n\r\n const handleDownloadFile = async (file) => {\r\n\r\n let filePath;\r\n\r\n if (file?.path) {\r\n filePath = `${baseURL}/${file?.path?.split('$$')[0].replace(/\\\\/g, '/')}`;\r\n }\r\n else {\r\n filePath = file?.base64Data;\r\n }\r\n\r\n try {\r\n let response;\r\n\r\n if (file?.path) {\r\n response = await axios.get('https://dev-wms.appinsnap.com/api/Inventory/DownloadFile?url=' + filePath, {\r\n responseType: 'blob',\r\n headers: {\r\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\r\n },\r\n });\r\n } else {\r\n response = await axios.get(filePath);\r\n }\r\n\r\n const blob = new Blob([response.data])\r\n const url = window.URL.createObjectURL(blob);\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', 'Document.pdf');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.parentNode.removeChild(link);\r\n window.URL.revokeObjectURL(url);\r\n\r\n } catch (error) {\r\n console.log(error)\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\nexport default CheckIn\r\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 { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nconst initialState = JSON.parse(localStorage.getItem('customerDetail')) || {};\r\nexport const checkoutSlice = createSlice({\r\n name: \"customerScreen\",\r\n initialState,\r\n reducers: {\r\n setCustomerData: (state, action) => {\r\n return { ...action.payload };\r\n }\r\n }\r\n})\r\n\r\nexport const { setCustomerData } = checkoutSlice.actions\r\nexport default checkoutSlice.reducer\r\n\r\n\r\n","import React, { useEffect, useRef, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { handlePostRequest } from '../../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../../services/PutTemplate';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { toast } from 'react-toastify';\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\nimport { confirmDialog } from 'primereact/confirmdialog';\r\nimport { DataTable } from 'primereact/datatable';\r\nimport { Column } from 'primereact/column';\r\nimport { RadioButton } from 'primereact/radiobutton';\r\nimport { Toast } from \"primereact/toast\";\r\nimport { handleDeleteRequest } from '../../../services/DeleteTemplate';\r\nimport { SplitButton } from 'primereact/splitbutton';\r\nimport { setCustomerData } from '../../../redux/slices/checkoutUserSlice';\r\nimport { userAction } from '../../../redux/actions/checkoutAction';\r\nimport { Triangle } from 'react-loader-spinner';\r\n\r\nconst CheckOut = () => {\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData } = location.state;\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [permissions, setPermissions] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const showToast = useRef(null)\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n const [allInventoryName, setAllInventoryName] = useState()\r\n const [showData, setshowData] = useState(false)\r\n const [totalQuantity, setTotalQuantity] = useState(0)\r\n\r\n const [allCheckOutData, setAllCheckOutData] = useState([]);\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value.toLowerCase();\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const header = () => (\r\n \r\n\r\n {\r\n isView ?\r\n
\r\n \r\n
\r\n :\r\n \r\n View Details\r\n
\r\n\r\n
\r\n }\r\n\r\n \r\n {isEditable ? 'Update Check In' : editableForStage ? 'Update Details' : 'Check In'}\r\n
\r\n{isEditable ? '' : editableForStage ? '' : 'Add Details'}
\r\n\r\n \r\n
\r\n \r\n \r\n\r\n {isView || isEditable ?\r\n null\r\n :\r\n
\r\n \r\n
\r\n )\r\n\r\n const deleteDialog = (e) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to clear all data?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n accept: () => handleAllDeleteData(e),\r\n reject: null\r\n });\r\n }\r\n\r\n const handleAllDeleteData = async (e) => {\r\n e.preventDefault();\r\n let obj = {\r\n uid: user_id,\r\n wid: warehouseid\r\n }\r\n setIsActive(true);\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Inventory/DeleteStageCheckOut`, true, true));\r\n if (response?.statusCode == \"200\") {\r\n getAllInventoryData(false)\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const actionTemplate = (rowData) => {\r\n const items = [\r\n {\r\n label: 'Delete',\r\n command: () => confirm(rowData),\r\n },\r\n ];\r\n return (\r\n CheckOut Data List
\r\n\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to Delete this checkout record?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n accept: () => handleDeleteRecord(rowData),\r\n reject: null\r\n });\r\n }\r\n\r\n const handleDeleteRecord = async (rowData) => {\r\n // e.preventDefault();\r\n setIsActive(true);\r\n let obj = {\r\n p_id: rowData?.id\r\n }\r\n\r\n\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Inventory/DeleteStageCheckOutById`, true, true));\r\n if (response?.statusCode === \"200\") {\r\n getAllInventoryData(false)\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const validationSchema = Yup.object().shape({\r\n checkbox: Yup.string().required(\"This field is required.\").nullable(),\r\n inventoryName: Yup.string().required(\"This field is required.\").nullable(),\r\n rfidCode: Yup.string().required(\"This field is required.\").nullable(),\r\n costPerUnit: Yup.string().required(\"This field is required.\").nullable(),\r\n quantity: Yup.number().required(\"This field is required.\").nullable(),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n checkbox: \"\",\r\n inventoryName: \"\",\r\n rfidCode: \"\",\r\n costPerUnit: \"\",\r\n quantity: \"\",\r\n addNotes: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n setIsActive(true)\r\n let payload = {\r\n p_inventory_Type: data?.checkbox,\r\n p_inventory_id: data?.inventoryName,\r\n p_rfid: data?.rfidCode,\r\n p_cost: data?.costPerUnit,\r\n p_Notes: data?.addNotes,\r\n p_quantity: data?.quantity,\r\n p_roletypeid: roletypeid,\r\n p_usertypeid: usertype_id,\r\n p_warehouseid: warehouseid,\r\n p_createdby: user_id,\r\n }\r\n\r\n setshowData(true)\r\n dispatch(userAction(payload))\r\n\r\n const response = await dispatch(handlePostRequest(payload, '/api/Inventory/AddStageCheckOut'))\r\n setIsActive(false)\r\n if (response?.statusCode == \"200\") {\r\n getAllInventoryData(false)\r\n setTotalQuantity(0)\r\n ResetForm();\r\n }\r\n\r\n },\r\n });\r\n\r\n const ResetForm = () => {\r\n formik.resetForm();\r\n setTotalQuantity(0)\r\n formik.setFieldValue('addNotes', '')\r\n formik.setFieldValue('rfidCode', '')\r\n formik.setFieldValue('checkbox', '')\r\n formik.setFieldValue('inventoryName', '')\r\n formik.setFieldValue('costPerUnit', '')\r\n formik.setFieldValue('quantity', '')\r\n }\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n const getInventoryLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetInventory?warehouse_id=${warehouseid}`))\r\n if (response) {\r\n setAllInventoryName(response)\r\n }\r\n }\r\n\r\n const getAllInventoryData = async (showAlert = true) => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetStageCheckOutList?warehouseid=${warehouseid}&userid=${user_id}`))\r\n if (response) {\r\n if (response.length >= 1 && showAlert) {\r\n toast.info('Your unsaved checkout data has been restored ')\r\n setAllCheckOutData(response)\r\n } else {\r\n setAllCheckOutData(response)\r\n }\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n useEffect(() => {\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkout\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n if (warehouseid) {\r\n getInventoryLOVs();\r\n getAllInventoryData()\r\n }\r\n\r\n }, []);\r\n\r\n const handleCheckOutData = async () => {\r\n setIsActive(true)\r\n let obj = {\r\n uid: user_id,\r\n wid: warehouseid\r\n }\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Inventory/AddSubmitCheckOut\", true, true));\r\n setIsActive(false)\r\n if (response?.statusCode == '200') {\r\n getAllInventoryData(false)\r\n ResetForm()\r\n history.push('./checkout')\r\n }\r\n ResetForm()\r\n }\r\n\r\n const handleGenerateData = async () => {\r\n\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetCheckinByrfid?obj_id=${formik.values.rfidCode}`, true, true));\r\n const keyData = response[0]\r\n if (keyData === undefined) {\r\n toast.warn('No record found with provided RFID code')\r\n formik.setFieldValue('checkbox', '')\r\n formik.setFieldValue('inventoryName', '')\r\n formik.setFieldValue('costPerUnit', '')\r\n }\r\n else if (keyData?.quantity === 0) {\r\n toast.warn('Quantity has already been exceeded')\r\n formik.setFieldValue('checkbox', '')\r\n formik.setFieldValue('inventoryName', '')\r\n formik.setFieldValue('costPerUnit', '')\r\n }\r\n\r\n else if (keyData) {\r\n setTotalQuantity(keyData?.quantity)\r\n formik.setFieldValue('checkbox', keyData?.inventory_Type)\r\n formik.setFieldValue('inventoryName', keyData?.inventory_id)\r\n formik.setFieldValue('costPerUnit', keyData?.cost)\r\n }\r\n else {\r\n formik.setFieldValue('checkbox', '')\r\n formik.setFieldValue('inventoryName', '')\r\n formik.setFieldValue('costPerUnit', '')\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n const getCheckOutLisyByIdEditable = async (rowData) => {\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetCheckoutByid?obj_id=${rowData?.id}`));\r\n const keyData = response[0];\r\n if (keyData) {\r\n formik.setFieldValue(\"rfidCode\", rowData?.rfid)\r\n formik.setFieldValue(\"inventoryName\", rowData?.inventory_id)\r\n formik.setFieldValue(\"costPerUnit\", rowData?.cost)\r\n formik.setFieldValue(\"addNotes\", rowData?.notes)\r\n formik.setFieldValue(\"checkbox\", rowData?.inventory_Type)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (rowData && isEditable) {\r\n getCheckOutLisyByIdEditable(rowData)\r\n }\r\n\r\n }, [rowData, isEditable])\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\nexport default CheckOut\r\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\nimport { setCustomerData } from \"../slices/checkoutUserSlice\";\r\n\r\nexport const userAction = (inventoryData) => async (dispatch) => {\r\n const res = await inventoryData;\r\n localStorage.removeItem('customerDetail');\r\n if (res) {\r\n localStorage.setItem('customerDetail', JSON.stringify(res));\r\n }\r\n dispatch(setCustomerData(res));\r\n return res;\r\n};","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { handlePutRequest } from \"../../services/PutTemplate\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { Tag } from \"primereact/tag\";\r\n\r\nconst ManageAsset = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [assetList, setAssetList] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [permissions, setPermissions] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n\r\n const items = [];\r\n\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n items.push({\r\n label: 'View',\r\n command: () => handleViewInventory(rowData),\r\n });\r\n } else {\r\n items.push(\r\n {\r\n label: 'Edit',\r\n command: () => handleEditAsset(rowData),\r\n },\r\n {\r\n label: rowData?.isactive == 1 ? 'Deactivate' : 'Activate',\r\n command: () => confirm(rowData),\r\n }\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n Check Out
\r\n{isEditable ? 'Edit' : 'Add'} Details
\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 confirm = (rowData) => {\r\n\r\n confirmDialog({\r\n message: rowData?.isactive == 1 ? 'Are you sure you want to deactivate this Asset?' : 'Are you sure you want to Activate this Asset?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n if (rowData?.isactive == 1) {\r\n handleDeactivateAsset(rowData);\r\n } else {\r\n handleActivateAsset(rowData);\r\n }\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n\r\n };\r\n\r\n const handleDeactivateAsset = async (rowData) => {\r\n\r\n const obj = {\r\n asset_id: rowData?.id,\r\n p_isactive: 0,\r\n };\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Asset/DeactivateAsset`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getAssetList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleActivateAsset = async (rowData) => {\r\n\r\n const obj = {\r\n asset_id: rowData?.id,\r\n p_isactive: 1,\r\n };\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Asset/DeactivateAsset`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getAssetList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleEditAsset = (rowData) => {\r\n const item = true;\r\n const view = false;\r\n history.push({\r\n pathname: './addeditasset',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n }\r\n });\r\n };\r\n\r\n const handleViewInventory = (rowData) => {\r\n const item = true;\r\n const view = true;\r\n history.push({\r\n pathname: './addeditasset',\r\n state: {\r\n isEditable: item,\r\n isView: view,\r\n rowData: rowData,\r\n }\r\n });\r\n };\r\n\r\n\r\n //Get Asset List\r\n const getAssetList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetAsset?roletype_id=${roletypeid}&usertype_id=${usertype_id}&warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAssetList(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getAssetList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/asset\"));\r\n if (allPermModules) {\r\n setPermissions(allPermModules?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n }, []);\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n \r\n Asset Management\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './addeditasset',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n \r\n\r\n \r\n rowData?.name || 'N/A'} header=\"Asset Name\"> \r\n rowData?.inventory_Type_Name || 'N/A'} header=\"Asset Type\"> \r\n rowData?.brandName || 'N/A'} header=\"Brand\"> \r\n rowData?.categoryName || 'N/A'} header=\"Category\"> \r\n rowData?.sub_Category_Name || 'N/A'} header=\"Sub Category\"> \r\n rowData?.rfid || 'N/A'} header=\"RFID Code\"> \r\n rowData?.unitofmeasurementName || 'N/A'} header=\"Unit\"> \r\n {/* rowData?.vendorName || 'N/A'} header=\"Vendor\"> */}\r\n rowData?.sku || 'N/A'} header=\"Sku\"> \r\n (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ManageAsset","import React, { useCallback, useEffect, useRef, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { toast } from 'react-toastify';\r\nimport { FileUpload } from 'primereact/fileupload';\r\nimport photo from '../../assets/warehouse-assets/photo.png'\r\nimport video from '../../assets/warehouse-assets/video.png'\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\nimport { TreeSelect } from 'primereact/treeselect';\r\nimport { Toast } from \"primereact/toast\";\r\nimport { baseURL } from '../../Config';\r\nimport { RadioButton } from 'primereact/radiobutton';\r\nimport { Dialog } from 'primereact/dialog';\r\nimport Webcam from 'react-webcam';\r\nimport { Image } from 'primereact/image';\r\nimport { MultiSelect } from 'primereact/multiselect';\r\nimport axios from \"axios\"\r\n\r\nconst AddEditAsset = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData, isView } = location.state;\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const showToast = useRef(null)\r\n const uploadDoc = useRef()\r\n const uploadImg = useRef()\r\n const uploadVideo = useRef()\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [selectedFiles, setSelectedFiles] = useState([])\r\n const [selectedFiles2, setSelectedFiles2] = useState([])\r\n const [selectedDoc, setSelectedDoc] = useState({})\r\n const [permissions, setPermissions] = useState([]);\r\n\r\n const [allCategoryName, setAllCategoryName] = useState([])\r\n const [allSubcategoryName, setAllSubcategoryName] = useState([])\r\n const [allBrandName, setAllBrandName] = useState([])\r\n const [allUomName, setAllUomName] = useState([])\r\n const [allVendorName, setAllvendorName] = useState([])\r\n const [editableForStage, setIsEditableForStage] = useState(false)\r\n const maxFileSize = 10 * 1024 * 1024;\r\n const maxImageSize = 5 * 1024 * 1024;\r\n const maxVideoSize = 5 * 1024 * 1024;\r\n const [visible, setVisible] = useState(false);\r\n const webcamRef = useRef(null)\r\n const [videoStream, setVideoStream] = useState();\r\n const [statusField, setStatusField] = useState();\r\n\r\n\r\n const handleCamera = () => {\r\n navigator.mediaDevices\r\n .getUserMedia({ video: true })\r\n .then((state) => {\r\n setVideoStream(state)\r\n setVisible(true)\r\n })\r\n .catch(() => toast.warn(\"permission required\"))\r\n }\r\n\r\n const capturePicture = useCallback(() => {\r\n if (webcamRef.current) {\r\n const base64Image = webcamRef.current.getScreenshot();\r\n const filtered_type = base64Image?.split(';')[0];\r\n const file_type = filtered_type?.split(\":\")[1]\r\n if (base64Image) {\r\n setSelectedFiles((prevFiles) =>\r\n [\r\n ...prevFiles,\r\n { fileType: file_type, fileName: \"WebCamImage\", base64Data: base64Image, attachment_type: \"images\", path: null }\r\n ]\r\n )\r\n }\r\n }\r\n setVisible(false)\r\n stopCamera()\r\n })\r\n\r\n const stopCamera = async () => {\r\n if (videoStream) {\r\n (videoStream).getTracks().forEach((track) => {\r\n if (track.readyState == 'live') {\r\n track.stop()\r\n }\r\n })\r\n console.log(videoStream)\r\n }\r\n }\r\n\r\n const validationSchema = Yup.object().shape({\r\n checkbox: Yup.string().required(\"This field is required.\").nullable(),\r\n asset_id: Yup.string().required(\"This field is required.\").nullable(),\r\n category: Yup.string().required(\"This field is required.\").nullable(),\r\n assetName: Yup.string().required(\"This field is required.\").nullable(),\r\n brand: Yup.string().required(\"This field is required.\").nullable(),\r\n vendor: Yup.mixed().required(\"This field is required.\").nullable(),\r\n rfid_code: Yup.string().required(\"This field is required.\").nullable(),\r\n sku: Yup.string().required(\"This field is required.\").nullable(),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n checkbox: 1,\r\n asset_id: \"\",\r\n category: \"\",\r\n subCategory: \"\",\r\n assetName: \"\",\r\n brand: \"\",\r\n uom: 0,\r\n cost: \"\",\r\n vendor: \"\",\r\n rfid_code: \"\",\r\n sku: \"\",\r\n quantity: \"\",\r\n description: \"\",\r\n notes: \"\",\r\n thresholdValue: \"\",\r\n pieces_of_quantity: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n if (selectedFiles?.length === 0) {\r\n toast.warn('Please add image')\r\n }\r\n\r\n if (!selectedDoc || Object.keys(selectedDoc)?.length === 0) {\r\n toast.warn('Please add file attachment');\r\n }\r\n\r\n else {\r\n setIsActive(true)\r\n\r\n if (isEditable) {\r\n\r\n let payload = {\r\n p_id: rowData?.id,\r\n p_Name: data?.assetName,\r\n p_description: data?.description,\r\n p_asset_id: data?.asset_id,\r\n p_inventory_type: data?.checkbox,\r\n\r\n p_category_id: data?.category,\r\n p_subcategory_id: data?.subCategory === \"\" ? 0 : data?.subCategory,\r\n p_brand_id: data?.brand,\r\n p_vendor_ids: data?.vendor,\r\n p_unit_of_measurement: data?.uom,\r\n p_SKU: data?.sku,\r\n p_notes: data?.notes,\r\n p_RFID: data?.rfid_code,\r\n p_isactive: statusField,\r\n p_Quantity: 1,\r\n p_min_t_value: 0,\r\n p_pieces_of_quantity: 0,\r\n\r\n p_roletypeid: roletypeid,\r\n p_usertypeid: usertype_id,\r\n p_warehouseid: warehouseid,\r\n p_updatedby: user_id,\r\n\r\n }\r\n\r\n const concatAllData = [selectedDoc, selectedFiles, selectedFiles2]\r\n const allArrayData = concatAllData.flat();\r\n payload[\"attachments\"] = allArrayData;\r\n\r\n const response = await dispatch(handlePutRequest(payload, '/api/Asset/UpdateAsset', true, true));\r\n\r\n if (response?.statusCode == 200) {\r\n history.push('./asset')\r\n formik.resetForm();\r\n setSelectedDoc({})\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n\r\n }\r\n else {\r\n\r\n let payload = {\r\n\r\n inventory_type: data?.checkbox,\r\n asset_id: data?.asset_id,\r\n name: data?.assetName,\r\n description: data?.description,\r\n category_id: data?.category,\r\n sub_categoryid: data?.subCategory === \"\" ? 0 : data?.subCategory,\r\n brand_id: data?.brand,\r\n vendor_ids: data?.vendor,\r\n unit_of_measurement: data?.uom,\r\n sku: data?.sku,\r\n notes: data?.notes,\r\n rfid: data?.rfid_code,\r\n quantity: 1,\r\n min_t_value: 0,\r\n pieces_of_quantity: 0,\r\n\r\n roletype_id: roletypeid,\r\n usertype_id: usertype_id,\r\n warehouse_id: warehouseid,\r\n createdby: user_id,\r\n\r\n }\r\n\r\n const concatAllData = [selectedDoc, selectedFiles, selectedFiles2]\r\n const allArrayData = concatAllData.flat();\r\n payload[\"attachments\"] = allArrayData;\r\n\r\n const response = await dispatch(handlePostRequest(payload, '/api/Asset/AddAsset', true, true));\r\n\r\n if (response?.statusCode == 200) {\r\n history.push('./asset')\r\n\r\n }\r\n }\r\n\r\n setIsActive(false)\r\n }\r\n },\r\n });\r\n\r\n const ResetForm = () => {\r\n formik.resetForm();\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n setSelectedDoc({})\r\n }\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //File Handling\r\n const handleFileUpload = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n if (file?.size > maxImageSize) {\r\n toast.warn(\"Attached image size is greater then 5MB\")\r\n }\r\n else if (selectedFiles?.length > 4) {\r\n toast.warn(\"A maximum of 5 images can be added.\");\r\n }\r\n else {\r\n setSelectedFiles((prevFiles) => [\r\n ...prevFiles,\r\n { fileType: file.type, fileName: file.name, base64Data: base64String, attachment_type: \"images\", path: null }\r\n ]);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n const handleFileUpload2 = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n if (file?.size > maxVideoSize) {\r\n toast.warn(\"Attached video size is greater then 5MB\")\r\n } else {\r\n setSelectedFiles2((prevFiles) => [\r\n { fileType: file.type, fileName: file.name, base64Data: base64String, attachment_type: \"video\", path: null }\r\n\r\n ]);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n const handleDocument = () => {\r\n uploadDoc.current.choose();\r\n };\r\n const handleVideo = () => {\r\n uploadVideo.current.choose();\r\n };\r\n const handleImages = () => {\r\n uploadImg.current.choose();\r\n };\r\n\r\n const handleSelectedDoc = (e) => {\r\n if (e.files && e.files.length > 0) {\r\n let selectedFile = e.files[0];\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64Doc = reader.result\r\n if (selectedFile?.size > maxFileSize) {\r\n toast.warn(\"Attached file size is greater then 10MB\")\r\n } else {\r\n setSelectedDoc({ fileType: selectedFile?.type, fileName: selectedFile?.name, base64Data: base64Doc, attachment_type: \"file\", path: null })\r\n }\r\n }\r\n reader.readAsDataURL(selectedFile);\r\n return selectedFile\r\n } else {\r\n console.log('No files selected');\r\n }\r\n };\r\n\r\n //For Deleting File\r\n const handleCancelFile = (file) => {\r\n setSelectedFiles((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n\r\n const handleCancelFile2 = (file) => {\r\n setSelectedFiles2((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n const getCategoryLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllCategorioesByWarehouse?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllCategoryName(response)\r\n\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (formik.values.category) {\r\n getSubCategoryList(formik.values.category)\r\n }\r\n }, [formik.values.category])\r\n\r\n const getSubCategoryList = async (category_id) => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllSubCategoriesByCatid?Category_id=${category_id}&warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllSubcategoryName(response)\r\n }\r\n }\r\n\r\n const getBrandLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllBrand?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllBrandName(response?.filter(item => item?.status == 1));\r\n }\r\n }\r\n\r\n const getUomLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetUnitOfMeasurement`))\r\n if (response) {\r\n setAllUomName(response)\r\n }\r\n }\r\n\r\n const getVendorLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllVendor?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllvendorName(response?.filter(item => item?.status == 1));\r\n }\r\n }\r\n\r\n\r\n useEffect(() => {\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkin\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n getCategoryLOVs();\r\n getBrandLOVs();\r\n getUomLOVs();\r\n getVendorLOVs();\r\n\r\n }, []);\r\n\r\n const getAssetListByIdEditable = async (rowData, isEditable) => {\r\n\r\n setIsEditableForStage(true)\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetAssetByid?obj_id=${rowData?.id}`));\r\n const keyData = response[0];\r\n\r\n if (keyData) {\r\n\r\n setStatusField(keyData?.isactive)\r\n formik.setFieldValue(\"checkbox\", keyData?.inventory_type)\r\n formik.setFieldValue(\"asset_id\", keyData?.asset_id)\r\n formik.setFieldValue(\"category\", keyData?.category_id)\r\n formik.setFieldValue(\"subCategory\", keyData?.subcategory_id)\r\n formik.setFieldValue(\"assetName\", keyData?.name)\r\n formik.setFieldValue(\"brand\", keyData?.brand_id)\r\n formik.setFieldValue(\"uom\", keyData?.unit_of_measurement)\r\n formik.setFieldValue(\"cost\", keyData?.salesDescription)\r\n formik.setFieldValue(\"vendor\", keyData?.vendor_ids_string)\r\n formik.setFieldValue(\"rfid_code\", keyData?.rfid)\r\n formik.setFieldValue(\"description\", keyData?.description)\r\n formik.setFieldValue(\"notes\", keyData?.notes)\r\n formik.setFieldValue(\"sku\", keyData?.sku)\r\n\r\n let selectedDoc = {};\r\n const selectedFiles = [];\r\n const selectedFiles2 = [];\r\n\r\n // Split the keydata.link by commas to get individual entries\r\n const entries = keyData?.link?.split(',');\r\n\r\n // Iterate through each entry and split by $$ to check the type\r\n entries && entries.forEach(entry => {\r\n const [path, type] = entry.trim().split('$$'); // Trim the entry to remove leading/trailing spaces\r\n if (type === 'file') {\r\n const obj = { fileType: null, fileName: null, base64Data: null, attachment_type: null, path: `${path}$$file` }\r\n selectedDoc = obj;\r\n } else if (type === 'images') {\r\n selectedFiles.push({ fileType: null, fileName: null, base64Data: null, attachment_type: null, path: `${path}$$images` });\r\n } else if (type === 'video') {\r\n selectedFiles2.push({ fileType: null, fileName: null, base64Data: null, attachment_type: null, path: `${path}$$video` });\r\n }\r\n });\r\n\r\n // Assuming setSelectedDoc, setSelectedFiles, and setSelectedFiles2 are your state setters\r\n setSelectedDoc(selectedDoc);\r\n setSelectedFiles(selectedFiles);\r\n setSelectedFiles2(selectedFiles2);\r\n\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (rowData && isEditable) {\r\n getAssetListByIdEditable(rowData, isEditable)\r\n }\r\n\r\n }, [rowData, isEditable])\r\n\r\n //Disable Form while Viewing\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\r\n };\r\n\r\n const formStyle2 = {\r\n pointerEvents: 'auto',\r\n opacity: 1,\r\n };\r\n\r\n const handleGenerateAssetId = () => {\r\n const newAssetId = generateRandomAssetId();\r\n formik.setFieldValue('asset_id', newAssetId);\r\n };\r\n\r\n const handleDownloadFile = async (file) => {\r\n\r\n let filePath;\r\n\r\n if (file?.path) {\r\n filePath = `${baseURL}/${file?.path?.split('$$')[0].replace(/\\\\/g, '/')}`;\r\n }\r\n else {\r\n filePath = file?.base64Data;\r\n }\r\n\r\n try {\r\n let response;\r\n\r\n if (file?.path) {\r\n response = await axios.get('https://dev-wms.appinsnap.com/api/Inventory/DownloadFile?url=' + filePath, {\r\n responseType: 'blob',\r\n headers: {\r\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`, \r\n },\r\n });\r\n } else {\r\n response = await axios.get(filePath);\r\n }\r\n\r\n const blob = new Blob([response.data])\r\n const url = window.URL.createObjectURL(blob);\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', 'Document.pdf');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.parentNode.removeChild(link);\r\n window.URL.revokeObjectURL(url);\r\n\r\n } catch (error) {\r\n console.log(error)\r\n }\r\n\r\n\r\n\r\n };\r\n\r\n const generateRandomAssetId = () => {\r\n const prefix = \"ast-\";\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return prefix + userId;\r\n };\r\n\r\n const handleGenerateRfidCode = () => {\r\n const newRfidCode = generateRandomRfidCode();\r\n formik.setFieldValue('rfid_code', newRfidCode);\r\n };\r\n\r\n const generateRandomRfidCode = () => {\r\n const prefix = \"A-\";\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return prefix + userId;\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\nexport default AddEditAsset","import React, { useCallback, useEffect, useRef, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../../services/PutTemplate';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { toast } from 'react-toastify';\r\nimport { FileUpload } from 'primereact/fileupload';\r\nimport photo from '../../../assets/warehouse-assets/photo.png'\r\nimport video from '../../../assets/warehouse-assets/video.png'\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\nimport { confirmDialog } from 'primereact/confirmdialog';\r\nimport { DataTable } from 'primereact/datatable';\r\nimport { Column } from 'primereact/column';\r\nimport { RadioButton } from 'primereact/radiobutton';\r\nimport { TreeSelect } from 'primereact/treeselect';\r\nimport { Calendar } from 'primereact/calendar';\r\nimport { Toast } from \"primereact/toast\";\r\nimport { handleDeleteRequest } from '../../../services/DeleteTemplate';\r\nimport { SplitButton } from 'primereact/splitbutton';\r\nimport moment from 'moment';\r\nimport { baseURL } from '../../../Config';\r\nimport { Triangle } from 'react-loader-spinner';\r\nimport { Dialog } from 'primereact/dialog';\r\nimport Webcam from 'react-webcam';\r\nimport { Image } from 'primereact/image';\r\nimport axios from \"axios\"\r\n\r\nconst CheckInAsset = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData, isView } = location.state;\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [selectedFiles, setSelectedFiles] = useState([])\r\n const [selectedFiles2, setSelectedFiles2] = useState([])\r\n const [selectedDoc, setSelectedDoc] = useState({})\r\n const [permissions, setPermissions] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const showToast = useRef(null)\r\n const uploadDoc = useRef()\r\n const uploadImg = useRef()\r\n const uploadVideo = useRef()\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n const [allCategoryName, setAllCategoryName] = useState()\r\n const [allSubcategoryName, setAllSubcategoryName] = useState()\r\n const [allBrandName, setAllBrandName] = useState()\r\n const [allUomName, setAllUomName] = useState()\r\n const [allVendorName, setAllvendorName] = useState()\r\n const [assetList, setAssetList] = useState([]);\r\n\r\n const [editableForStage, setIsEditableForStage] = useState(false)\r\n const maxFileSize = 10 * 1024 * 1024;\r\n const maxImageSize = 5 * 1024 * 1024;\r\n const maxVideoSize = 5 * 1024 * 1024;\r\n const [allCheckinData, setAllCheckinData] = useState([]);\r\n const [checkInUpdateId, setCheckInUpdateId] = useState('');\r\n const [visible, setVisible] = useState(false);\r\n const webcamRef = useRef(null)\r\n const [videoStream, setVideoStream] = useState();\r\n\r\n\r\n const handleCamera = () => {\r\n navigator.mediaDevices\r\n .getUserMedia({ video: true })\r\n .then((state) => {\r\n setVideoStream(state)\r\n setVisible(true)\r\n })\r\n .catch(() => toast.warn(\"permission required\"))\r\n }\r\n\r\n const capturePicture = useCallback(() => {\r\n if (webcamRef.current) {\r\n const base64Image = webcamRef.current.getScreenshot();\r\n const filtered_type = base64Image?.split(';')[0];\r\n const file_type = filtered_type?.split(\":\")[1]\r\n if (base64Image) {\r\n setSelectedFiles((prevFiles) =>\r\n [\r\n ...prevFiles,\r\n { fileType: file_type, fileName: \"WebCamImage\", base64Data: base64Image, attachment_type: \"images\", path: null }\r\n ]\r\n )\r\n }\r\n }\r\n setVisible(false)\r\n stopCamera()\r\n })\r\n\r\n const stopCamera = async () => {\r\n if (videoStream) {\r\n (videoStream).getTracks().forEach((track) => {\r\n if (track.readyState == 'live') {\r\n track.stop()\r\n }\r\n })\r\n console.log(videoStream)\r\n }\r\n }\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value.toLowerCase();\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const header = () => (\r\n \r\n\r\n {\r\n isView ?\r\n
\r\n\r\n \r\n
\r\n :\r\n \r\n View Details\r\n
\r\nView
\r\n\r\n
\r\n }\r\n\r\n \r\n {isEditable ? 'Update Asset' : editableForStage ? 'Update Details' : 'Add Asset'}\r\n
\r\n{isEditable ? '' : editableForStage ? '' : 'Add Details'}
\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 deleteDialog = (e) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to clear all data?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n accept: () => handleAllDeleteData(e),\r\n reject: null\r\n });\r\n }\r\n\r\n const handleAllDeleteData = async (e) => {\r\n setIsActive(true);\r\n e.preventDefault();\r\n let obj = {\r\n uid: user_id,\r\n wid: warehouseid\r\n }\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Asset/DeleteStageAssetCheckIn`, true, true));\r\n if (response?.statusCode === \"200\") {\r\n getAllStageCheckInData(false)\r\n formik.resetForm();\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [\r\n // {\r\n // label: 'Edit',\r\n // command: () => getCheckInLisyByIdEditable(rowData, false),\r\n // },\r\n {\r\n label: 'Delete',\r\n command: () => confirm(rowData),\r\n }\r\n ];\r\n\r\n return (\r\n CheckIn Data List
\r\n\r\n
\r\n 0 ? \"opacity-60\" : \"\"} `} style={{ padding: ' 0.75rem 1.25rem ' }} >\r\n handleSelectedDoc(e)} style={{ display: \"none\" }} />\r\n \r\n
\r\n \r\n {\r\n selectedDoc && Object.keys(selectedDoc)?.length !== 0 ? (\r\n \r\n {selectedDoc?.fileName ? selectedDoc?.fileName : selectedDoc?.path ? 'Document' : 'Upload'}\r\n \r\n setSelectedDoc(\"\")} >\r\n handleDownloadFile(selectedDoc)} >\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n Upload\r\n \r\n \r\n )\r\n }\r\n
\r\n
\r\n );\r\n };\r\n\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to Delete this Checkin Data?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n accept: () => handleDeleteRecord(rowData),\r\n reject: null\r\n });\r\n }\r\n\r\n const handleDeleteRecord = async (rowData) => {\r\n setIsActive(true);\r\n let obj = {\r\n p_id: rowData?.id\r\n }\r\n\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Asset/DeleteStageAssetCheckInByID`, true, true));\r\n if (response?.statusCode == 200) {\r\n getAllStageCheckInData(false)\r\n formik.resetForm();\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const validationSchema = Yup.object().shape({\r\n checkIn_type: Yup.string().required(\"This field is required.\").nullable(),\r\n asset_type: Yup.string().required(\"This field is required.\").nullable(),\r\n category: Yup.string().required(\"This field is required.\").nullable(),\r\n asset_name: Yup.string().required(\"This field is required.\").nullable(),\r\n quantity: Yup.string().required(\"This field is required.\").nullable(),\r\n brand: Yup.string().required(\"This field is required.\").nullable(),\r\n rfidCode: Yup.string().required(\"This field is required.\").nullable(),\r\n sku: Yup.string().required(\"This field is required.\").nullable(),\r\n vendor: Yup.string().required(\"This field is required.\").nullable(),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n\r\n checkIn_type: \"\",\r\n asset_type: \"\",\r\n category: \"\",\r\n subCategory: \"\",\r\n asset_name: \"\",\r\n quantity: \"\",\r\n brand: \"\",\r\n rfidCode: \"\",\r\n sku: \"\",\r\n uom: \"\",\r\n description: \"\",\r\n vendor: \"\",\r\n notes: \"\",\r\n\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n\r\n if (selectedFiles?.length === 0) {\r\n toast.warn('Please add image')\r\n } else {\r\n\r\n setIsActive(true)\r\n\r\n if (isEditable) {\r\n let payload = {\r\n // p_id: checkOutUpdateId,\r\n p_inventory_Type: data?.asset_type,\r\n p_category_id: data?.category,\r\n p_subcategory_id: data?.subCategory === \"\" ? 0 : data?.subCategory,\r\n p_inventory_id: data?.asset_name,\r\n p_brand_id: data?.brand,\r\n p_rfid: data?.rfidCode,\r\n p_quantity: data?.quantity,\r\n p_SalesDescription: data?.description,\r\n p_unit_of_measurement: data?.uom,\r\n p_sku_code: data?.skuCode,\r\n p_cost: data?.costPerUnit,\r\n p_vendor_id: data?.vendorInformation,\r\n p_min_t_value: data?.thresholdValue,\r\n p_Expiry_Date: data?.expiryDate,\r\n p_value_of_measurement: data?.valueOfMeasurement,\r\n p_Notes: data?.addNotes,\r\n p_roletypeid: roletypeid,\r\n p_usertypeid: usertype_id,\r\n p_warehouseid: warehouseid,\r\n p_createdby: user_id,\r\n }\r\n\r\n const concatAllData = [selectedFiles, selectedFiles2]\r\n const allArrayData = concatAllData.flat();\r\n payload[\"attachments\"] = allArrayData;\r\n\r\n const response = await dispatch(handlePutRequest(payload, '/api/Inventory/UpdateCheckIn', true, true));\r\n\r\n if (response?.statusCode == \"200\") {\r\n formik.resetForm();\r\n setSelectedDoc()\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n }\r\n\r\n else {\r\n\r\n let payload = {\r\n p_inventory_Type: data?.asset_type,\r\n p_Check_In_type: data?.checkIn_type,\r\n p_category_id: data?.category,\r\n p_subcategory_id: data?.subCategory === \"\" ? 0 : data?.subCategory,\r\n p_asset_id: data?.asset_name,\r\n p_brand_id: data?.brand,\r\n p_rfid: data?.rfidCode,\r\n p_SalesDescription: data?.description,\r\n p_unit_of_measurement: data?.uom,\r\n p_sku_code: data?.sku,\r\n p_vendor_id: data?.vendor,\r\n p_quantity: 1,\r\n p_min_t_value: 0,\r\n p_value_of_measurement: 0,\r\n p_Notes: data?.notes,\r\n\r\n p_roletypeid: roletypeid,\r\n p_usertypeid: usertype_id,\r\n p_warehouseid: warehouseid,\r\n p_createdby: user_id,\r\n }\r\n\r\n const concatAllData = [selectedFiles, selectedFiles2]\r\n const allArrayData = concatAllData.flat();\r\n payload[\"attachments\"] = allArrayData;\r\n\r\n const response = await dispatch(handlePostRequest(payload, '/api/Asset/AddStageAssetCheckIn', true, true));\r\n\r\n if (response?.statusCode == \"200\") {\r\n getAllStageCheckInData(false)\r\n formik.resetForm();\r\n setSelectedDoc()\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n }\r\n\r\n setIsActive(false)\r\n }\r\n },\r\n });\r\n\r\n\r\n const ResetForm = () => {\r\n formik.resetForm();\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //File Handling\r\n const handleFileUpload = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n if (file?.size > maxImageSize) {\r\n toast.warn(\"Attached image size is greater then 5MB\")\r\n } \r\n else if (selectedFiles?.length > 4) {\r\n toast.warn(\"A maximum of 5 images can be added.\");\r\n }\r\n else {\r\n setSelectedFiles((prevFiles) => [\r\n ...prevFiles,\r\n { fileType: file.type, fileName: file.name, base64Data: base64String, attachment_type: \"images\", path: null }\r\n ]);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n const handleFileUpload2 = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n if (file?.size > maxVideoSize) {\r\n toast.warn(\"Attached video size is greater then 5MB\")\r\n } else {\r\n setSelectedFiles2((prevFiles) => [\r\n { fileType: file.type, fileName: file.name, base64Data: base64String, attachment_type: \"video\", path: null }\r\n\r\n ]);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n const handleDocument = () => {\r\n if (allCheckinData?.length > 0) {\r\n uploadDoc.current.choose();\r\n }\r\n };\r\n const handleVideo = () => {\r\n uploadVideo.current.choose();\r\n };\r\n const handleImages = () => {\r\n uploadImg.current.choose();\r\n };\r\n\r\n const handleSelectedDoc = (e) => {\r\n if (e.files && e.files.length > 0) {\r\n let selectedFile = e.files[0];\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64Doc = reader.result\r\n if (selectedFile?.size > maxFileSize) {\r\n toast.warn(\"Attached file size is greater then 10MB\")\r\n } else {\r\n setSelectedDoc({ fileType: selectedFile?.type, fileName: selectedFile?.name, base64Data: base64Doc, attachment_type: \"file\", path: null })\r\n }\r\n }\r\n reader.readAsDataURL(selectedFile);\r\n return selectedFile\r\n } else {\r\n console.log('No files selected');\r\n }\r\n };\r\n\r\n //For Deleting File\r\n const handleCancelFile = (file) => {\r\n setSelectedFiles((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n\r\n const handleCancelFile2 = (file) => {\r\n setSelectedFiles2((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n const getAllStageCheckInData = async (showAlert) => {\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetStageAssetCheckInList?warehouseid=${warehouseid || 0}&userid=${user_id}`))\r\n if (response) {\r\n if (response.length >= 1 && showAlert && isEditable === false) {\r\n toast.info('Your unsaved checkIn data has been restored ')\r\n setAllCheckinData(response)\r\n } else {\r\n setAllCheckinData(response)\r\n }\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n useEffect(() => {\r\n if (formik.values.category) {\r\n getAllApplicationDetail(formik.values.category)\r\n }\r\n }, [formik.values.category])\r\n\r\n const getAllApplicationDetail = async (category_id) => {\r\n\r\n if (category_id) {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllSubCategoriesByCatid?Category_id=${category_id}&warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllSubcategoryName(response)\r\n }\r\n }\r\n }\r\n\r\n const getCategoryLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllCategorioesByWarehouse?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllCategoryName(response)\r\n\r\n }\r\n }\r\n\r\n const getBrandLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllBrand?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllBrandName(response)\r\n }\r\n }\r\n\r\n const getUomLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetUnitOfMeasurement`))\r\n if (response) {\r\n setAllUomName(response)\r\n }\r\n }\r\n\r\n const getVendorLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllVendor?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllvendorName(response)\r\n }\r\n }\r\n\r\n //Get Asset List\r\n const getAssetList = async (showAlert = true) => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetAsset?roletype_id=${roletypeid}&usertype_id=${usertype_id}&warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAssetList(response)\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkin\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n getCategoryLOVs();\r\n getBrandLOVs();\r\n getUomLOVs();\r\n //getVendorLOVs();\r\n getAssetList()\r\n getAllStageCheckInData(true)\r\n\r\n }, []);\r\n\r\n const handleAssetCheckinData = async () => {\r\n setIsActive(true)\r\n let obj = {\r\n uid: user_id,\r\n wid: warehouseid,\r\n attachments: [selectedDoc]\r\n }\r\n if (selectedDoc && Object.keys(selectedDoc)?.length !== 0) {\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Asset/AddSubmitCheckIn\"));\r\n if (response.statusCode == \"200\") {\r\n getAssetList(false)\r\n history.push('./checkinasset')\r\n }\r\n } else {\r\n toast.warn('Please Upload Attachment')\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n const getCheckInLisyByIdEditable = async (rowData, isEditable) => {\r\n\r\n setIsEditableForStage(true)\r\n let keyData;\r\n if (isEditable) {\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetAssetCheckInByid?obj_id=${rowData?.id}`));\r\n keyData = response?.length ? response[0] : null;\r\n }\r\n if (keyData) {\r\n // setCheckInUpdateId(keyData?.id)\r\n // getSubcategoryLOVs(keyData?.category_id)\r\n formik.setFieldValue(\"rfidCode\", keyData?.rfid)\r\n formik.setFieldValue(\"asset_type\", keyData?.inventory_Type)\r\n formik.setFieldValue(\"checkIn_type\", keyData?.check_in_type)\r\n formik.setFieldValue(\"asset_name\", parseInt(keyData?.asset_id))\r\n formik.setFieldValue(\"category\", keyData?.category_id)\r\n formik.setFieldValue(\"subCategory\", keyData?.subcategory_id)\r\n formik.setFieldValue(\"brand\", keyData?.brand_id)\r\n formik.setFieldValue(\"vendor\", keyData?.vendor_id)\r\n formik.setFieldValue(\"sku\", keyData?.sku_code)\r\n formik.setFieldValue(\"quantity\", keyData?.quantity)\r\n formik.setFieldValue(\"uom\", keyData?.unit_of_measurement)\r\n formik.setFieldValue(\"description\", keyData?.salesDescription)\r\n formik.setFieldValue(\"notes\", keyData?.notes)\r\n\r\n let selectedDoc = {};\r\n const selectedFiles = [];\r\n const selectedFiles2 = [];\r\n\r\n // Split the keydata.link by commas to get individual entries\r\n const entries = keyData?.link?.split(',');\r\n\r\n // Iterate through each entry and split by $$ to check the type\r\n entries && entries.forEach(entry => {\r\n const [path, type] = entry.trim().split('$$'); // Trim the entry to remove leading/trailing spaces\r\n if (type === 'file') {\r\n const obj = { fileType: null, fileName: null, base64Data: null, attachment_type: null, path }\r\n selectedDoc = obj;\r\n } else if (type === 'images') {\r\n selectedFiles.push({ fileType: null, fileName: null, base64Data: null, attachment_type: null, path });\r\n } else if (type === 'video') {\r\n selectedFiles2.push({ fileType: null, fileName: null, base64Data: null, attachment_type: null, path });\r\n }\r\n });\r\n\r\n // Assuming setSelectedDoc, setSelectedFiles, and setSelectedFiles2 are your state setters\r\n setSelectedDoc(selectedDoc);\r\n setSelectedFiles(selectedFiles);\r\n setSelectedFiles2(selectedFiles2);\r\n\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (rowData && isEditable) {\r\n getCheckInLisyByIdEditable(rowData, isEditable)\r\n }\r\n\r\n }, [rowData, isEditable])\r\n\r\n const handleGenerateData = async () => {\r\n\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetAssetByrfid?obj_id=${formik.values.rfidCode}`, true, true));\r\n const keyData = response?.length ? response[0] : null;\r\n\r\n if (keyData == undefined) {\r\n toast.warn('No record found with provided RFID code')\r\n formik.setFieldValue('asset_type', '')\r\n formik.setFieldValue('asset_name', '')\r\n formik.setFieldValue('category', '')\r\n formik.setFieldValue('subCategory', '')\r\n formik.setFieldValue('brand', '')\r\n formik.setFieldValue('sku', '')\r\n formik.setFieldValue('uom', '')\r\n formik.setFieldValue('quantity', 1)\r\n formik.setFieldValue('description', '')\r\n formik.setFieldValue('vendor', '')\r\n formik.setFieldValue('notes', '')\r\n formik.setFieldValue('checkIn_type', '')\r\n }\r\n else if (keyData?.quantity > 0) {\r\n toast.warn('Asset already being checkin with provided RFID code')\r\n formik.setFieldValue('asset_type', '')\r\n formik.setFieldValue('asset_name', '')\r\n formik.setFieldValue('category', '')\r\n formik.setFieldValue('subCategory', '')\r\n formik.setFieldValue('brand', '')\r\n formik.setFieldValue('sku', '')\r\n formik.setFieldValue('uom', '')\r\n formik.setFieldValue('quantity', 1)\r\n formik.setFieldValue('description', '')\r\n formik.setFieldValue('vendor', '')\r\n formik.setFieldValue('notes', '')\r\n formik.setFieldValue('checkIn_type', '')\r\n }\r\n else if (keyData?.quantity === 0) {\r\n if (keyData?.check_in_Type == 1) {\r\n await getVendorByRfid(keyData?.id)\r\n }\r\n else {\r\n await getVendorByRfid(keyData?.id)\r\n formik.setFieldValue('vendor', keyData?.vendor_id)\r\n }\r\n formik.setFieldValue('asset_type', keyData?.inventory_Type)\r\n formik.setFieldValue('asset_name', keyData?.id)\r\n formik.setFieldValue('category', keyData?.category_id)\r\n formik.setFieldValue('subCategory', keyData?.subcategory_id)\r\n formik.setFieldValue('brand', keyData?.brand_id)\r\n formik.setFieldValue('sku', keyData?.sku)\r\n formik.setFieldValue('uom', keyData?.unit_of_measurement)\r\n formik.setFieldValue('quantity', 1)\r\n formik.setFieldValue('description', keyData?.description)\r\n formik.setFieldValue('checkIn_type', keyData?.check_in_Type)\r\n }\r\n else {\r\n formik.setFieldValue('asset_type', '')\r\n formik.setFieldValue('asset_name', '')\r\n formik.setFieldValue('category', '')\r\n formik.setFieldValue('subCategory', '')\r\n formik.setFieldValue('brand', '')\r\n formik.setFieldValue('sku', '')\r\n formik.setFieldValue('uom', '')\r\n formik.setFieldValue('quantity', 1)\r\n formik.setFieldValue('description', '')\r\n formik.setFieldValue('vendor', '')\r\n formik.setFieldValue('notes', '')\r\n formik.setFieldValue('checkIn_type', '')\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n const getVendorByRfid = async (id) => {\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetVendorByAssetid?whid${warehouseid || 0}&id=${id}`))\r\n if (response?.statusCode == 200) {\r\n setAllvendorName(response?.body)\r\n }\r\n }\r\n\r\n //Disable Form while Viewing\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\r\n };\r\n\r\n const formStyle2 = {\r\n pointerEvents: 'auto',\r\n opacity: 1,\r\n };\r\n\r\n const handleDownloadFile = async (file) => {\r\n\r\n let filePath;\r\n\r\n if (file?.path) {\r\n filePath = `${baseURL}/${file?.path?.split('$$')[0].replace(/\\\\/g, '/')}`;\r\n }\r\n else {\r\n filePath = file?.base64Data;\r\n }\r\n\r\n try {\r\n let response;\r\n\r\n if (file?.path) {\r\n response = await axios.get('https://dev-wms.appinsnap.com/api/Inventory/DownloadFile?url=' + filePath, {\r\n responseType: 'blob',\r\n headers: {\r\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`, \r\n },\r\n });\r\n } else {\r\n response = await axios.get(filePath);\r\n }\r\n\r\n const blob = new Blob([response.data])\r\n const url = window.URL.createObjectURL(blob);\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', 'Document.pdf');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.parentNode.removeChild(link);\r\n window.URL.revokeObjectURL(url);\r\n\r\n } catch (error) {\r\n console.log(error)\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\nexport default CheckInAsset\r\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, { useCallback, useEffect, useRef, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../../services/PutTemplate';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { toast } from 'react-toastify';\r\nimport { FileUpload } from 'primereact/fileupload';\r\nimport photo from '../../../assets/warehouse-assets/photo.png'\r\nimport video from '../../../assets/warehouse-assets/video.png'\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\nimport { confirmDialog } from 'primereact/confirmdialog';\r\nimport { DataTable } from 'primereact/datatable';\r\nimport { Column } from 'primereact/column';\r\nimport { RadioButton } from 'primereact/radiobutton';\r\nimport { TreeSelect } from 'primereact/treeselect';\r\nimport { Toast } from \"primereact/toast\";\r\nimport { handleDeleteRequest } from '../../../services/DeleteTemplate';\r\nimport { SplitButton } from 'primereact/splitbutton';\r\nimport moment from 'moment';\r\nimport { baseURL } from '../../../Config';\r\nimport { Triangle } from 'react-loader-spinner';\r\nimport { Dialog } from 'primereact/dialog';\r\nimport Webcam from 'react-webcam';\r\nimport { Image } from 'primereact/image';\r\nimport axios from \"axios\"\r\n\r\nconst BorrowAsset = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData, isView } = location.state;\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [selectedFiles, setSelectedFiles] = useState([])\r\n const [selectedFiles2, setSelectedFiles2] = useState([])\r\n const [selectedDoc, setSelectedDoc] = useState({})\r\n const [permissions, setPermissions] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const showToast = useRef(null)\r\n const uploadDoc = useRef()\r\n const uploadImg = useRef()\r\n const uploadVideo = useRef()\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n const [allCategoryName, setAllCategoryName] = useState()\r\n const [allSubcategoryName, setAllSubcategoryName] = useState()\r\n const [allBrandName, setAllBrandName] = useState()\r\n const [allUomName, setAllUomName] = useState()\r\n const [allVendorName, setAllvendorName] = useState()\r\n const [assetList, setAssetList] = useState([]);\r\n const webcamRef = useRef(null)\r\n const [visible, setVisible] = useState(false);\r\n const [videoStream, setVideoStream] = useState();\r\n\r\n const [editableForStage, setIsEditableForStage] = useState(false)\r\n const maxFileSize = 10 * 1024 * 1024;\r\n const maxImageSize = 5 * 1024 * 1024;\r\n const maxVideoSize = 5 * 1024 * 1024;\r\n const [checkOutStageData, setCheckOutStageData] = useState();\r\n const [checkOutUpdateId, setCheckOutUpdateId] = useState('');\r\n\r\n const handleCamera = () => {\r\n navigator.mediaDevices\r\n .getUserMedia({ video: true })\r\n .then((state) => {\r\n setVideoStream(state)\r\n setVisible(true)\r\n })\r\n .catch(() => toast.warn(\"permission required\"))\r\n }\r\n\r\n const capturePicture = useCallback(() => {\r\n if (webcamRef.current) {\r\n const base64Image = webcamRef.current.getScreenshot();\r\n const filtered_type = base64Image?.split(';')[0];\r\n const file_type = filtered_type?.split(\":\")[1]\r\n if (base64Image) {\r\n setSelectedFiles((prevFiles) =>\r\n [\r\n ...prevFiles,\r\n { fileType: file_type, fileName: \"WebCamImage\", base64Data: base64Image, attachment_type: \"images\", path: null }\r\n ]\r\n )\r\n }\r\n }\r\n setVisible(false)\r\n stopCamera()\r\n })\r\n\r\n const stopCamera = async () => {\r\n if (videoStream) {\r\n (videoStream).getTracks().forEach((track) => {\r\n if (track.readyState == 'live') {\r\n track.stop()\r\n }\r\n })\r\n console.log(videoStream)\r\n }\r\n }\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value.toLowerCase();\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const header = () => (\r\n \r\n\r\n {\r\n isView ?\r\n
\r\n \r\n
\r\n :\r\n \r\n View Details\r\n
\r\n\r\n
\r\n }\r\n\r\n \r\n {isEditable ? 'Update Check In Asset' : editableForStage ? 'Update Details' : 'Check In Asset'}\r\n
\r\n{isEditable ? '' : editableForStage ? '' : 'Add Details'}
\r\n\r\n \r\n
\r\n \r\n \r\n\r\n {isView ?\r\n null\r\n :\r\n
\r\n \r\n
\r\n )\r\n\r\n const deleteDialog = (e) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to clear all data?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n accept: () => handleAllDeleteData(e),\r\n reject: null\r\n });\r\n }\r\n\r\n const handleAllDeleteData = async (e) => {\r\n\r\n e.preventDefault();\r\n let obj = {\r\n uid: user_id,\r\n wid: warehouseid\r\n }\r\n setIsActive(true);\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Asset/DeleteStageAssetBorrow`, true, true));\r\n if (response?.statusCode === \"200\") {\r\n getAllStageAssetData(false)\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [\r\n {\r\n label: 'Delete',\r\n command: () => confirm(rowData),\r\n }\r\n ];\r\n\r\n return (\r\n Check out/ Borrow data List
\r\n\r\n
\r\n 0 ? \"opacity-60\" : \"\"} `} style={{ padding: ' 0.75rem 1.25rem ' }} >\r\n handleSelectedDoc(e)} style={{ display: \"none\" }} />\r\n \r\n
\r\n \r\n {\r\n selectedDoc && Object.keys(selectedDoc)?.length !== 0 ? (\r\n \r\n {selectedDoc?.fileName ? selectedDoc?.fileName : selectedDoc?.path ? 'Document' : 'Upload'}\r\n \r\n setSelectedDoc(\"\")} >\r\n handleDownloadFile(selectedDoc)} >\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n Upload\r\n \r\n \r\n )\r\n }\r\n
\r\n
\r\n );\r\n };\r\n\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message: 'Are you sure you want to Delete this Checkout data?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n accept: () => handleDeleteRecord(rowData),\r\n reject: null\r\n });\r\n }\r\n\r\n const handleDeleteRecord = async (rowData) => {\r\n\r\n let obj = {\r\n p_id: rowData?.id\r\n }\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Asset/DeleteStageAssetBorrowByID`, true, true));\r\n if (response?.statusCode == \"200\") {\r\n getAllStageAssetData(false)\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const validationSchema = Yup.object().shape({\r\n asset_type: Yup.string().required(\"This field is required.\").nullable(),\r\n category: Yup.string().required(\"This field is required.\").nullable(),\r\n asset_name: Yup.string().required(\"This field is required.\").nullable(),\r\n brand: Yup.string().required(\"This field is required.\").nullable(),\r\n rfidCode: Yup.string().required(\"This field is required.\").nullable(),\r\n sku: Yup.string().required(\"This field is required.\").nullable(),\r\n vendor: Yup.string().required(\"This field is required.\").nullable(),\r\n current_date: Yup.string().required(\"This field is required.\").nullable(),\r\n\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n\r\n rfidCode: \"\",\r\n asset_type: \"\",\r\n asset_name: \"\",\r\n category: \"\",\r\n subCategory: \"\",\r\n brand: \"\",\r\n quantity: \"\",\r\n sku: \"\",\r\n uom: \"\",\r\n description: \"\",\r\n vendor: \"\",\r\n notes: \"\",\r\n current_date: isEditable ? \"\" : new Date().toISOString().split('T')[0],\r\n\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n\r\n if (selectedFiles?.length === 0) {\r\n toast.warn('Please add image')\r\n } else {\r\n\r\n setIsActive(true)\r\n\r\n if (isEditable) {\r\n let payload = {\r\n p_id: checkOutUpdateId,\r\n p_inventory_Type: data?.asset_type,\r\n p_category_id: data?.category,\r\n p_subcategory_id: data?.subCategory === \"\" ? 0 : data?.subCategory,\r\n p_inventory_id: data?.asset_name,\r\n p_brand_id: data?.brand,\r\n p_rfid: data?.rfidCode,\r\n p_quantity: data?.quantity,\r\n p_SalesDescription: data?.description,\r\n p_unit_of_measurement: data?.uom,\r\n p_sku_code: data?.skuCode,\r\n p_cost: data?.costPerUnit,\r\n p_vendor_id: data?.vendorInformation,\r\n p_min_t_value: data?.thresholdValue,\r\n p_Expiry_Date: data?.expiryDate,\r\n p_value_of_measurement: data?.valueOfMeasurement,\r\n p_Notes: data?.addNotes,\r\n p_roletypeid: roletypeid,\r\n p_usertypeid: usertype_id,\r\n p_warehouseid: warehouseid,\r\n p_createdby: user_id,\r\n }\r\n\r\n const concatAllData = [selectedFiles, selectedFiles2]\r\n const allArrayData = concatAllData.flat();\r\n payload[\"attachments\"] = allArrayData;\r\n\r\n const response = await dispatch(handlePutRequest(payload, '/api/Inventory/UpdateCheckIn', true, true));\r\n\r\n if (response?.statusCode == \"200\") {\r\n formik.resetForm();\r\n setSelectedDoc()\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n }\r\n\r\n else {\r\n\r\n let payload = {\r\n p_inventory_Type: data?.asset_type,\r\n p_category_id: data?.category,\r\n p_subcategory_id: data?.subCategory === \"\" ? 0 : data?.subCategory,\r\n p_asset_id: data?.asset_name,\r\n p_brand_id: data?.brand,\r\n p_rfid: data?.rfidCode,\r\n p_quantity: 1,\r\n p_SalesDescription: data?.description,\r\n p_unit_of_measurement: data?.uom,\r\n p_sku_code: data?.sku,\r\n p_cost: 0,\r\n p_vendor_id: data?.vendor,\r\n p_min_t_value: 1,\r\n p_value_of_measurement: 0,\r\n p_borrow_Date: data?.current_date,\r\n p_Notes: data?.notes,\r\n\r\n p_roletypeid: roletypeid,\r\n p_usertypeid: usertype_id,\r\n p_warehouseid: warehouseid,\r\n p_createdby: user_id,\r\n\r\n }\r\n\r\n const concatAllData = [selectedFiles, selectedFiles2]\r\n const allArrayData = concatAllData.flat();\r\n payload[\"attachments\"] = allArrayData;\r\n\r\n const response = await dispatch(handlePostRequest(payload, '/api/Asset/AddStageBorrowCheckOut', true, true));\r\n\r\n if (response?.statusCode == \"200\") {\r\n getAllStageAssetData(false)\r\n formik.resetForm();\r\n setSelectedDoc()\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n\r\n }\r\n\r\n setIsActive(false)\r\n }\r\n },\r\n });\r\n\r\n\r\n const ResetForm = () => {\r\n formik.resetForm();\r\n setSelectedFiles([])\r\n setSelectedFiles2([])\r\n }\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //File Handling\r\n const handleFileUpload = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n if (file?.size > maxImageSize) {\r\n toast.warn(\"Attached image size is greater then 5MB\")\r\n }\r\n else if (selectedFiles?.length > 4) {\r\n toast.warn(\"A maximum of 5 images can be added.\");\r\n }\r\n else {\r\n setSelectedFiles((prevFiles) => [\r\n ...prevFiles,\r\n { fileType: file.type, fileName: file.name, base64Data: base64String, attachment_type: \"images\", path: null }\r\n ]);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n const handleFileUpload2 = (event) => {\r\n const files = Array.from(event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n if (file?.size > maxVideoSize) {\r\n toast.warn(\"Attached video size is greater then 5MB\")\r\n } else {\r\n setSelectedFiles2((prevFiles) => [\r\n { fileType: file.type, fileName: file.name, base64Data: base64String, attachment_type: \"video\", path: null }\r\n\r\n ]);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n const handleDocument = () => {\r\n if (checkOutStageData?.length > 0) {\r\n uploadDoc.current.choose();\r\n }\r\n };\r\n const handleVideo = () => {\r\n uploadVideo.current.choose();\r\n };\r\n const handleImages = () => {\r\n uploadImg.current.choose();\r\n };\r\n const handleSelectedDoc = (e) => {\r\n if (e.files && e.files.length > 0) {\r\n let selectedFile = e.files[0];\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64Doc = reader.result\r\n if (selectedFile?.size > maxFileSize) {\r\n toast.warn(\"Attached file size is greater then 10MB\")\r\n } else {\r\n setSelectedDoc({ fileType: selectedFile?.type, fileName: selectedFile?.name, base64Data: base64Doc, attachment_type: \"file\", path: null })\r\n }\r\n }\r\n reader.readAsDataURL(selectedFile);\r\n return selectedFile\r\n } else {\r\n console.log('No files selected');\r\n }\r\n };\r\n\r\n\r\n //For Deleting File\r\n const handleCancelFile = (file) => {\r\n setSelectedFiles((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n\r\n const handleCancelFile2 = (file) => {\r\n setSelectedFiles2((prevFiles) => prevFiles.filter((f) => f !== file));\r\n };\r\n\r\n useEffect(() => {\r\n if (formik.values.category) {\r\n getAllApplicationDetail(formik.values.category)\r\n }\r\n }, [formik.values.category])\r\n\r\n const getAllApplicationDetail = async (category_id) => {\r\n\r\n if (category_id) {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllSubCategoriesByCatid?Category_id=${category_id}&warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllSubcategoryName(response)\r\n }\r\n }\r\n }\r\n\r\n\r\n const getCategoryLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetAllCategorioesByWarehouse?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllCategoryName(response)\r\n\r\n }\r\n }\r\n\r\n const getBrandLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllBrand?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllBrandName(response)\r\n }\r\n }\r\n const getUomLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetUnitOfMeasurement`))\r\n if (response) {\r\n setAllUomName(response)\r\n }\r\n }\r\n const getVendorLOVs = async () => {\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllVendor?warehouse_id=${warehouseid || 0}`))\r\n if (response) {\r\n setAllvendorName(response)\r\n }\r\n }\r\n\r\n //Get Asset List\r\n const getAssetList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetAsset?roletype_id=${roletypeid}&usertype_id=${usertype_id}&warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAssetList(response)\r\n };\r\n setIsActive(false);\r\n }\r\n\r\n const getAllStageAssetData = async (showAlert) => {\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetStageAssetBorrowList?warehouseid=${warehouseid || 0}&userid=${user_id}`))\r\n if (response) {\r\n if (response.length >= 1 && showAlert && isEditable === false) {\r\n toast.info('Your unsaved borrow data has been restored ')\r\n setCheckOutStageData(response)\r\n } else {\r\n setCheckOutStageData(response)\r\n }\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkin\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n getCategoryLOVs();\r\n getBrandLOVs();\r\n getUomLOVs();\r\n getVendorLOVs();\r\n getAllStageAssetData(true)\r\n getAssetList()\r\n\r\n }, []);\r\n\r\n const handleCheckOutData = async () => {\r\n setIsActive(true)\r\n let obj = {\r\n uid: user_id,\r\n wid: warehouseid,\r\n attachments: [selectedDoc]\r\n }\r\n if (selectedDoc && Object.keys(selectedDoc)?.length !== 0) {\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Asset/AddSubmitBorrow\", true, true));\r\n if (response.statusCode == \"200\") {\r\n history.push('./borrowasset')\r\n }\r\n } else {\r\n toast.warn('Please Upload Attachment')\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n const handleGenerateData = async () => {\r\n\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetAssetByrfidForBorrow?obj_id=${formik.values.rfidCode}`, true, true));\r\n const keyData = response[0]\r\n\r\n if (keyData == undefined) {\r\n toast.warn('No record found with provided RFID code')\r\n formik.setFieldValue('asset_type', '')\r\n formik.setFieldValue('asset_name', '')\r\n formik.setFieldValue('category', '')\r\n formik.setFieldValue('subCategory', '')\r\n formik.setFieldValue('brand', '')\r\n formik.setFieldValue('sku', '')\r\n formik.setFieldValue('uom', '')\r\n formik.setFieldValue('quantity', 1)\r\n formik.setFieldValue('description', '')\r\n formik.setFieldValue('vendor', '')\r\n formik.setFieldValue('notes', '')\r\n }\r\n else if (keyData?.quantity == 0) {\r\n toast.warn('Asset already being checkout with provided RFID code')\r\n formik.setFieldValue('asset_type', '')\r\n formik.setFieldValue('asset_name', '')\r\n formik.setFieldValue('category', '')\r\n formik.setFieldValue('subCategory', '')\r\n formik.setFieldValue('brand', '')\r\n formik.setFieldValue('sku', '')\r\n formik.setFieldValue('uom', '')\r\n formik.setFieldValue('quantity', 1)\r\n formik.setFieldValue('description', '')\r\n formik.setFieldValue('vendor', '')\r\n formik.setFieldValue('notes', '')\r\n }\r\n else if (keyData?.quantity !== 0) {\r\n formik.setFieldValue('asset_type', keyData?.inventory_Type)\r\n formik.setFieldValue('asset_name', parseInt(keyData?.asset_id))\r\n formik.setFieldValue('category', keyData?.category_id)\r\n formik.setFieldValue('subCategory', keyData?.subcategory_id)\r\n formik.setFieldValue('brand', keyData?.brand_id)\r\n formik.setFieldValue('sku', keyData?.sku)\r\n formik.setFieldValue('uom', keyData?.unit_of_measurement)\r\n formik.setFieldValue('quantity', 1)\r\n formik.setFieldValue('description', keyData?.description)\r\n formik.setFieldValue('vendor', keyData?.vendor_id)\r\n }\r\n else {\r\n formik.setFieldValue('asset_type', '')\r\n formik.setFieldValue('asset_name', '')\r\n formik.setFieldValue('category', '')\r\n formik.setFieldValue('subCategory', '')\r\n formik.setFieldValue('brand', '')\r\n formik.setFieldValue('sku', '')\r\n formik.setFieldValue('uom', '')\r\n formik.setFieldValue('quantity', 1)\r\n formik.setFieldValue('description', '')\r\n formik.setFieldValue('vendor', '')\r\n formik.setFieldValue('notes', '')\r\n }\r\n setIsActive(false)\r\n }\r\n\r\n const getBorrowAssetListByIdEditable = async (rowData, isEditable) => {\r\n\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetBorrowByid?obj_id=${rowData?.id}`));\r\n const keyData = response?.length ? response[0] : null;\r\n\r\n if (keyData) {\r\n\r\n formik.setFieldValue(\"rfidCode\", keyData?.rfid)\r\n formik.setFieldValue(\"asset_type\", keyData?.inventory_Type)\r\n formik.setFieldValue(\"asset_name\", parseInt(keyData?.asset_id))\r\n formik.setFieldValue(\"category\", keyData?.category_id)\r\n formik.setFieldValue(\"subCategory\", keyData?.subcategory_id)\r\n formik.setFieldValue(\"brand\", keyData?.brand_id)\r\n formik.setFieldValue(\"uom\", keyData?.unit_of_measurement)\r\n formik.setFieldValue(\"vendor\", keyData?.vendor_id)\r\n formik.setFieldValue(\"sku\", keyData?.sku_code)\r\n formik.setFieldValue(\"description\", keyData?.salesDescription)\r\n formik.setFieldValue(\"notes\", keyData?.notes)\r\n formik.setFieldValue(\"current_date\", moment(keyData?.borrow_date).format('YYYY-MM-DD'));\r\n\r\n let selectedDoc = {};\r\n const selectedFiles = [];\r\n const selectedFiles2 = [];\r\n\r\n // Split the keydata.link by commas to get individual entries\r\n const entries = keyData?.link?.split(',');\r\n\r\n // Iterate through each entry and split by $$ to check the type\r\n entries && entries.forEach(entry => {\r\n const [path, type] = entry.trim().split('$$'); // Trim the entry to remove leading/trailing spaces\r\n if (type === 'file') {\r\n const obj = { fileType: null, fileName: null, base64Data: null, attachment_type: null, path: `${path}$$file` }\r\n selectedDoc = obj;\r\n } else if (type === 'images') {\r\n selectedFiles.push({ fileType: null, fileName: null, base64Data: null, attachment_type: null, path: `${path}$$images` });\r\n } else if (type === 'video') {\r\n selectedFiles2.push({ fileType: null, fileName: null, base64Data: null, attachment_type: null, path: `${path}$$video` });\r\n }\r\n });\r\n\r\n setSelectedDoc(selectedDoc);\r\n setSelectedFiles(selectedFiles);\r\n setSelectedFiles2(selectedFiles2);\r\n\r\n }\r\n\r\n setIsActive(false)\r\n\r\n }\r\n\r\n useEffect(() => {\r\n if (rowData && isEditable) {\r\n getBorrowAssetListByIdEditable(rowData, isEditable)\r\n }\r\n\r\n }, [rowData, isEditable])\r\n\r\n //Disable Form while Viewing\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\r\n };\r\n\r\n const formStyle2 = {\r\n pointerEvents: 'auto',\r\n opacity: 1,\r\n };\r\n\r\n const handleDownloadFile = async (file) => {\r\n\r\n let filePath;\r\n\r\n if (file?.path) {\r\n filePath = `${baseURL}/${file?.path?.split('$$')[0].replace(/\\\\/g, '/')}`;\r\n }\r\n else {\r\n filePath = file?.base64Data;\r\n }\r\n\r\n try {\r\n let response;\r\n\r\n if (file?.path) {\r\n response = await axios.get('https://dev-wms.appinsnap.com/api/Inventory/DownloadFile?url=' + filePath, {\r\n responseType: 'blob',\r\n headers: {\r\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`, \r\n },\r\n });\r\n } else {\r\n response = await axios.get(filePath);\r\n }\r\n\r\n const blob = new Blob([response.data])\r\n const url = window.URL.createObjectURL(blob);\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', 'Document.pdf');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.parentNode.removeChild(link);\r\n window.URL.revokeObjectURL(url);\r\n\r\n } catch (error) {\r\n console.log(error)\r\n }\r\n\r\n\r\n\r\n };\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n\r\n \r\n \r\n )\r\n}\r\n\r\nexport default BorrowAsset\r\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 from 'react'\r\nimport printing from '../../assets/warehouse-assets/warehouse.png'\r\nimport qrcode from '../../assets/warehouse-assets/qr-code.png'\r\nimport { Button } from 'primereact/button'\r\n\r\nconst ManageRFID = () => {\r\n return (\r\n \r\n\r\n {\r\n isView ?\r\n
\r\n \r\n
\r\n :\r\n \r\n View Details\r\n
\r\n\r\n
\r\n }\r\n\r\n \r\n {isEditable ? 'Update Check In Asset' : editableForStage ? 'Update Details' : 'Borrow Asset'}\r\n
\r\n{isEditable ? '' : editableForStage ? '' : 'Add Details'}
\r\n\r\n \r\n
\r\n \r\n \r\n\r\n {isView ?\r\n null\r\n :\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default ManageRFID\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport img1 from '../../assets/warehouse-assets/report-icons/svg/inventory by warehouse.svg'\r\nimport img2 from '../../assets/warehouse-assets/report-icons/svg/inventory by user.svg'\r\nimport img3 from '../../assets/warehouse-assets/report-icons/svg/items by value for each user.svg'\r\nimport img4 from '../../assets/warehouse-assets/report-icons/svg/Inventory vendor for each user.svg'\r\nimport img5 from '../../assets/warehouse-assets/report-icons/svg/asset vendor for each user.png'\r\nimport img6 from '../../assets/warehouse-assets/report-icons/svg/items replanished in last 15 days.png'\r\n\r\nimport img7 from '../../assets/warehouse-assets/report-icons/svg/to be replanished.svg'\r\nimport img8 from '../../assets/warehouse-assets/report-icons/svg/registered assets.svg'\r\nimport img9 from '../../assets/warehouse-assets/report-icons/svg/registered inventory.svg'\r\nimport img10 from '../../assets/warehouse-assets/report-icons/svg/Inventory by value.svg'\r\nimport img11 from '../../assets/warehouse-assets/report-icons/svg/inventory by quantity.svg'\r\nimport img12 from '../../assets/warehouse-assets/report-icons/svg/vendor wise Inventory.svg'\r\nimport img13 from '../../assets/warehouse-assets/report-icons/svg/vendor wise asset.png'\r\nimport img14 from '../../assets/warehouse-assets/report-icons/svg/items replanished in last 15 days.png'\r\n\r\n\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nconst Reporting = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\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 RFID Label Printing
\r\nPrinting Label for New Package
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n );\r\n};\r\n\r\nexport default Reporting","import React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { handlePutRequest } from \"../../services/PutTemplate\";\r\nimport { Tag } from \"primereact/tag\";\r\nimport { baseURL } from \"../../Config\";\r\nimport dp from '../../assets/warehouse-assets/dp.jpeg'\r\nimport { Image } from \"primereact/image\";\r\n\r\nconst ManageWarehouse = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [permissions, setPermissions] = useState([])\r\n const [isActive, setIsActive] = useState(false)\r\n const [allWH, setAllWH] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n const items = [\r\n {\r\n label: 'Edit',\r\n command: () => handleEditWH(rowData),\r\n },\r\n {\r\n label: rowData?.status == 1 ? 'Deactivate' : 'Activate',\r\n command: () => confirm(rowData),\r\n },\r\n ];\r\n return (\r\n \r\n Reporting\r\n
\r\n {/* Super Admin */}\r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)\r\n ?\r\n <>\r\n history.push('./report-warehouseinv')}>\r\n
\r\n \r\n 
\r\n Inventory by warehouse \r\n
\r\n \r\n history.push('./report-usersinv')}>\r\n
\r\n \r\n 
\r\n Inventory by Users \r\n
\r\n \r\n history.push('./report-usersinvvalue')}>\r\n
\r\n \r\n 
\r\n Inventory value for each user \r\n
\r\n \r\n history.push('./report-vendorinvvalue')}>\r\n
\r\n \r\n 
\r\n Inventory vendors for each user \r\n
\r\n \r\n history.push('./report-vendorassetvalue')}>\r\n
\r\n \r\n 
\r\n Asset vendors for each user \r\n
\r\n \r\n history.push('./report-replinisheditems')}>\r\n
\r\n \r\n :\r\n <>\r\n {/* Admin */}\r\n \r\n 
\r\n Items replenished in last 15 days \r\n
\r\n \r\n history.push('./replenisheditemreport')}>\r\n
\r\n \r\n 
\r\n Replenished Item Report \r\n
\r\n \r\n history.push('./report-registeredassets')}>\r\n
\r\n \r\n 
\r\n Registered Assets \r\n
\r\n \r\n history.push('./report-registeredinventory')}>\r\n
\r\n \r\n 
\r\n Registered Inventory \r\n
\r\n \r\n history.push('./inventoryvaluereport')}>\r\n
\r\n \r\n 
\r\n Inventory by value \r\n
\r\n \r\n history.push('./inventoryquantityreport')}>\r\n
\r\n \r\n 
\r\n Inventory by quantity \r\n
\r\n \r\n history.push('./report-vendorinventory')}>\r\n
\r\n \r\n 
\r\n Vendor-wise Inventory \r\n
\r\n \r\n history.push('./report-vendorasset')}>\r\n
\r\n \r\n 
\r\n Vendor-wise Assets \r\n
\r\n \r\n history.push('./report-borrowitems')}>\r\n
\r\n \r\n }\r\n \r\n 
\r\n Borrowed items by days \r\n
\r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n\r\n const confirm = (rowData) => {\r\n confirmDialog({\r\n message: rowData?.status == 1 ? 'Are you sure you want to deactivate this Warehouse?' : 'Are you sure you want to Activate this Warehouse?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n if (rowData?.status == 1) {\r\n handleDeactivateWH(rowData);\r\n } else {\r\n handleActivateWH(rowData);\r\n }\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n };\r\n\r\n const handleDeactivateWH = async (rowData) => {\r\n\r\n let obj = {\r\n obj_id: rowData?.obj_id,\r\n p_isactive: 0,\r\n }\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Setups/Deletewarehouse\", true, true));\r\n if (response?.statusCode == 200) {\r\n await getWHList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleActivateWH = async (rowData) => {\r\n\r\n let obj = {\r\n obj_id: rowData?.obj_id,\r\n p_isactive: 1,\r\n }\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/Deletewarehouse`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getWHList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleEditWH = (rowData) => {\r\n const item = true;\r\n history.push({\r\n pathname: './addeditwarehouse',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n }\r\n });\r\n };\r\n\r\n //Get WH List\r\n const getWHList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllWarehouse`, true));\r\n if (response) {\r\n setAllWH(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getWHList()\r\n }, [])\r\n\r\n const imageTemplate = (rowData) => {\r\n return (\r\n \r\n {rowData?.logo_img ?\r\n
\r\n \r\n
\r\n \r\n \r\n Warehouse Management\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './addeditwarehouse',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null}\r\n \r\n\r\n \r\n rowData?.warehouse_id || 'N/A'} header=\"Warehouse Id\"> \r\n rowData?.obj_Name || 'N/A'} header=\"Warehouse Name\"> \r\n (\r\n rowData?.contact_no || 'N/A'} header=\"Contact No.\"> \r\n (\r\n (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ManageWarehouse","import React, { useEffect, useRef, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Button } from 'primereact/button';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useLocation } from 'react-router-dom/cjs/react-router-dom.min';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { baseURL } from '../../Config';\r\nimport { toast } from 'react-toastify';\r\nimport { TreeSelect } from 'primereact/treeselect';\r\n\r\nconst AddEditWarehouse = () => {\r\n\r\n const location = useLocation()\r\n const { isEditable, rowData } = location?.state;\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [WHStatus, setWHStatus] = useState()\r\n const [selectedFiles, setSelectedFiles] = useState([])\r\n const [allCountries, setAllCountries] = useState([])\r\n const [allModulesList, setAllModulesList] = useState([])\r\n\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n\r\n\r\n const history = useHistory()\r\n\r\n const dispatch = useDispatch()\r\n\r\n const validationSchema = Yup.object().shape({\r\n warehouse_id: Yup.mixed().required(\"This field is required.\"),\r\n warehouse_name: Yup.mixed().required(\"This field is required.\"),\r\n warehouse_poc: Yup.mixed().required(\"This field is required.\"),\r\n country_code: Yup.mixed().required(\"This field is required.\"),\r\n contact_no: Yup.mixed().required(\"This field is required.\"),\r\n // zip_code: Yup.mixed().required(\"This field is required.\"),\r\n // address: Yup.mixed().required(\"This field is required.\"),\r\n // location: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n warehouse_id: \"\",\r\n warehouse_name: \"\",\r\n warehouse_poc: \"\",\r\n contact_no: \"\",\r\n address: \"\",\r\n location: \"\",\r\n country_code: \"\",\r\n zip_code: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n if (selectedFiles?.length === 0) {\r\n toast.warn('Please add logo')\r\n }\r\n else {\r\n\r\n if (isEditable) {\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n obj_id: rowData?.obj_id,\r\n name: formik.values.warehouse_name,\r\n warehouse_id: formik.values.warehouse_id,\r\n warehouse_poc: formik.values.warehouse_poc,\r\n contact_no: formik.values.contact_no,\r\n address: formik.values.address,\r\n location: formik.values.location,\r\n country_id: formik.values.country_code,\r\n zip_code: formik.values.zip_code,\r\n attachments: selectedFiles,\r\n isActive: WHStatus,\r\n industry_ids: [\r\n 0\r\n ],\r\n }\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Setups/UpdateWarehouse\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./warehouse')\r\n setSaveBtnLoading(false);\r\n }\r\n setSaveBtnLoading(false);\r\n }\r\n else {\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n name: formik.values.warehouse_name,\r\n warehouse_id: formik.values.warehouse_id,\r\n warehouse_poc: formik.values.warehouse_poc,\r\n contact_no: formik.values.contact_no,\r\n address: formik.values.address,\r\n location: formik.values.location,\r\n country_id: formik.values.country_code,\r\n zip_code: formik.values.zip_code,\r\n attachments: selectedFiles,\r\n industry_ids: [\r\n 0\r\n ],\r\n }\r\n\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Setups/AddWarehouse\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./warehouse')\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n setSaveBtnLoading(false);\r\n }\r\n }\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n const ResetForm = () => {\r\n formik.setFieldValue('warehouse_id', '')\r\n formik.setFieldValue('warehouse_name', '')\r\n formik.setFieldValue('warehouse_poc', '')\r\n formik.setFieldValue('contact_no', '')\r\n formik.setFieldValue('location', '')\r\n formik.setFieldValue('address', '')\r\n formik.setFieldValue('country_code', '')\r\n formik.setFieldValue('zip_code', '')\r\n }\r\n\r\n //Get WH By Id\r\n const getWHById = async (rowData) => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetWarehouseByid?obj_id=${rowData?.obj_id}`, false));\r\n const keyData = response[0]\r\n if (keyData) {\r\n setWHStatus(keyData?.status)\r\n formik.setFieldValue('warehouse_id', keyData?.warehouse_id)\r\n formik.setFieldValue('warehouse_name', keyData?.obj_Name)\r\n formik.setFieldValue('warehouse_poc', keyData?.warehouse_poc)\r\n formik.setFieldValue('contact_no', keyData?.contact_no)\r\n formik.setFieldValue('location', keyData?.location)\r\n formik.setFieldValue('address', keyData?.address)\r\n formik.setFieldValue('zip_code', keyData?.zip_code)\r\n formik.setFieldValue('country_code', keyData?.country_id)\r\n\r\n const selectedFiles = [];\r\n\r\n // Split the keydata.link by commas to get individual entries\r\n const path = keyData?.logo_img;\r\n if (path) {\r\n selectedFiles.push({ fileType: null, fileName: null, base64Data: null, attachment_type: null, path: path });\r\n }\r\n\r\n setSelectedFiles(selectedFiles);\r\n }\r\n setIsActive(false)\r\n };\r\n\r\n //Get Countries List\r\n const getCountriesList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllCountries`, true));\r\n if (response) {\r\n setAllCountries(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n //Get Modules List\r\n const getModulesList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/Getallmodulebylist?roletype_id=${roletypeid}`, true));\r\n if (response) {\r\n setAllModulesList(response);\r\n }\r\n setIsActive(false);\r\n };\r\n \r\n useEffect(() => {\r\n getCountriesList()\r\n getModulesList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (isEditable, rowData) {\r\n getWHById(rowData);\r\n }\r\n }, [isEditable, rowData]);\r\n\r\n // Generate WH Id\r\n const handleGenerateWHId = () => {\r\n const newWHId = generateRandomWHId();\r\n formik.setFieldValue('warehouse_id', newWHId);\r\n };\r\n\r\n const generateRandomWHId = () => {\r\n const prefix = \"wh-\";\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return prefix + userId;\r\n };\r\n\r\n const countryOptionTemplate = (option) => {\r\n return (\r\n \r\n {
\r\n )}\r\n header=\"Warehouse POC\"\r\n >\r\n \r\n {rowData?.warehouse_poc?.replace(/(.{25})/g, '$1\\n') || 'N/A'}\r\n
}\r\n \r\n {
\r\n )}\r\n header=\"Location\"\r\n >\r\n \r\n {rowData?.location?.replace(/(.{25})/g, '$1\\n') || 'N/A'}\r\n
}\r\n \r\n
\r\n );\r\n };\r\n\r\n //File Handling\r\n // Function to handle icon click and file input creation\r\n const handleIconClick = () => {\r\n const fileInput = document.createElement('input');\r\n fileInput.type = 'file';\r\n fileInput.accept = 'image/*';\r\n fileInput.onchange = handleFileUpload; // Use handleFileUpload for file input change\r\n fileInput.click();\r\n };\r\n\r\n // Function to handle file upload\r\n const handleFileUpload = (event) => {\r\n const files = Array.from(event.target.files || event.files);\r\n const updatedFiles = files.map((file) => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n const base64String = reader.result;\r\n\r\n setSelectedFiles((prevFiles) => [\r\n { fileType: file.type, fileName: file.name, base64Data: base64String, attachment_type: \"images\", path: null }\r\n ]);\r\n };\r\n reader.readAsDataURL(file);\r\n return file;\r\n });\r\n };\r\n\r\n // Function to handle drag and drop file upload\r\n const handleDrop = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n if (event.dataTransfer.files && event.dataTransfer.files.length > 0) {\r\n handleFileUpload({ files: event.dataTransfer.files });\r\n event.dataTransfer.clearData();\r\n }\r\n };\r\n\r\n // Function to prevent default behavior on drag over\r\n const handleDragOver = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n };\r\n\r\n // Function to remove a selected image file\r\n const handleRemoveImage = (file) => {\r\n setSelectedFiles([]);\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\nexport default AddEditWarehouse","import React, { useState } from \"react\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport { Password } from \"primereact/password\";\r\nimport { Button } from \"primereact/button\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useEffect } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport loginImage from \"../../../assets/warehouse-assets/warehouse.png\"\r\nimport { handlePostRequest } from \"../../../services/PostTemplate\";\r\nimport { handleAuthRequest } from \"../../../services/Auth\";\r\n\r\nconst ForgotPassword = () => {\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const dispatch = useDispatch()\r\n const history = useHistory()\r\n\r\n const validationSchema = Yup.object().shape({\r\n email: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n email: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n console.log(data)\r\n setSaveBtnLoading(true);\r\n let obj = {\r\n email: data?.email,\r\n }\r\n const response = await dispatch(handleAuthRequest(obj, \"/api/Authentication/ForgotPasswordEmail\", true, true));\r\n console.log(\"res\", response)\r\n if (response?.statusCode == 200) {\r\n setSaveBtnLoading(false)\r\n }\r\n else {\r\n setSaveBtnLoading(false)\r\n }\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\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
\r\n {isEditable ? \"Edit\" : \"Add New\"} Warehouse
\r\nAdd Details
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n );\r\n};\r\n\r\nexport default ForgotPassword;\r\n","import React, { useLayoutEffect, useState } from \"react\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport { Password } from \"primereact/password\";\r\nimport { Button } from \"primereact/button\";\r\nimport { useHistory,useLocation } from \"react-router-dom\";\r\nimport { useEffect } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport loginImage from \"../../../assets/warehouse-assets/warehouse.png\"\r\nimport { handlePostRequest } from \"../../../services/PostTemplate\";\r\nimport { toast } from \"react-toastify\";\r\nimport { handleAuthRequest } from \"../../../services/Auth\";\r\n\r\nconst ResetPassword = () => {\r\n\r\n const {search }= useLocation();\r\n const query = new URLSearchParams(search);\r\n const token = query?.get('token')\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const dispatch = useDispatch()\r\n const history = useHistory()\r\n\r\n const validationSchema = Yup.object().shape({\r\n password: Yup.mixed().required(\"This field is required.\"),\r\n confirmPassword: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n password: '',\r\n confirmPassword: '',\r\n },\r\n onSubmit: async (data) => {\r\n\r\n\r\n if (data?.password === data?.confirmPassword) {\r\n setSaveBtnLoading(true);\r\n let obj = {\r\n newPassword:data?.confirmPassword,\r\n user_token:token\r\n }\r\n setSaveBtnLoading(false)\r\n const response = await dispatch(handleAuthRequest(obj, \"/api/Authentication/ResetPassword\", true, true));\r\n if (response?.statusCode == 200) {\r\n setSaveBtnLoading(false)\r\n }\r\n else {\r\n setSaveBtnLoading(false)\r\n }\r\n } else {\r\n toast.warn(\"Password entered didn't match\")\r\n }\r\n\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n useLayoutEffect(()=>{\r\n if(!token){\r\n history.goBack()\r\n }\r\n },[token])\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\nexport default ResetPassword;\r\n","import { baseURL } from \"../Config\";\r\nimport axios from \"axios\";\r\nimport { toast } from \"react-toastify\";\r\nimport { loadingAction } from \"../redux/actions/loadingAction\";\r\n\r\nexport const handlePostRequestFormData =\r\n (data, url, isShowLoad = false, isShowToast = true) =>\r\n async (dispatch) => {\r\n // data = await trimData(data);\r\n try {\r\n if (isShowLoad) dispatch(loadingAction(true));\r\n const response = await axios({\r\n method: \"post\",\r\n url: `${baseURL + url}`,\r\n data: data,\r\n headers: {\r\n 'Content-Type': 'multipart/form-data',\r\n Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\r\n\r\n },\r\n });\r\n if (isShowToast) toast.success(response?.data?.body || response?.data?.statusMessage || response?.data?.message);\r\n if (isShowLoad) dispatch(loadingAction(false));\r\n return response?.data;\r\n } catch (error) {\r\n if (isShowLoad) dispatch(loadingAction(false));\r\n if (error?.response?.status === 400 || error?.response?.status === 500) {\r\n toast.warn(error?.response?.data?.statusMessage || \"Something went wrong !!\");\r\n } else {\r\n toast.warn(error?.response?.data?.statusMessage || \"Something went wrong !!\");\r\n }\r\n return error?.response;\r\n }\r\n };\r\n","import React, { useEffect, useRef, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { handlePostRequestFormData } from '../../services/PostFormDataTemplate';\r\nimport { baseURL } from '../../Config';\r\n\r\nconst EditUsersSuperAdmin = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData, superAdminActive } = location?.state;\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [allRoles, setAllRoles] = useState([])\r\n const [userTypes, setUserTypes] = useState([])\r\n const [warehouseData, setWarehouseData] = useState([])\r\n const [userTypeAs, setUserTypeAs] = useState(1);\r\n const [fileInfo, setFileInfo] = useState(null);\r\n const [showImage, setShowImage] = useState('');\r\n const [editableRemoved, setEditableRemoved] = useState(false);\r\n const [myStatus, setMyStatus] = useState();\r\n\r\n const [systemUser, setSystemUser] = useState(false);\r\n const [WHAdmin, setWHAdmin] = useState(false);\r\n const [WhAdminUser, setWHAdminUser] = useState(false);\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n //WH Admin\r\n const validationSchema = roletypeid == '2' && usertype_id == 2 && warehouseid\r\n ? Yup.object().shape({\r\n user_id: Yup.string().required(\"This field is required.\"),\r\n user_name: Yup.string().required(\"This field is required.\"),\r\n email: Yup.string().required(\"This field is required.\"),\r\n role: Yup.string().required(\"This field is required.\"),\r\n rfid_code: Yup.string().required(\"This field is required.\"),\r\n contact: Yup.string().required(\"This field is required.\"),\r\n })\r\n //Super Admin for UserType Warehouse\r\n : (roletypeid == '1' && userTypeAs == 2) || (roletypeid === '2' && userTypeAs == 2)\r\n ? Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n warehouse_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string().required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n })\r\n //Super Admin for Usertype System User\r\n : (roletypeid == '1' && userTypeAs == 0 && !warehouseid) ?\r\n Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n warehouse_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string().required(\"This field is required.\"),\r\n role_2: Yup.string().required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n rfid_code_2: Yup.string().required(\"This field is required.\"),\r\n })\r\n //System User\r\n : (roletypeid == '2' && userTypeAs == 1) || (roletypeid === '2' && !userTypeAs)\r\n ? Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string().required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n role_2: Yup.string().required(\"This field is required.\"),\r\n rfid_code_2: Yup.string().required(\"This field is required.\"),\r\n })\r\n\r\n // Super Admin login Adding System User\r\n : (roletypeid == '1' && userTypeAs == 1 && usertype_id == '0')\r\n ? Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string().required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n role_2: Yup.string().required(\"This field is required.\"),\r\n rfid_code_2: Yup.string().required(\"This field is required.\"),\r\n })\r\n : null;\r\n\r\n\r\n const formik = useFormik({\r\n // validationSchema: validationSchema,\r\n initialValues: {\r\n // For Admin\r\n user_id: \"\",\r\n user_name: \"\",\r\n email: \"\",\r\n rfid_code: \"\",\r\n role: \"\",\r\n contact: \"\",\r\n\r\n // For Super Admin (WH Admin)\r\n user_type_id: 1,\r\n warehouse_id: \"\",\r\n user_name_2: \"\",\r\n email_2: \"\",\r\n contact_2: \"\",\r\n user_id2: \"\",\r\n\r\n // For Super Admin (Users)\r\n rfid_code_2: \"\",\r\n role_2: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n let formData = new FormData();\r\n let formData2 = new FormData();\r\n let formData3 = new FormData();\r\n\r\n if ((fileInfo && isEditable === false) || (fileInfo && isEditable === true && editableRemoved) || (fileInfo && isEditable === true && !showImage)) {\r\n formData.append('image', fileInfo.file);\r\n formData2.append('image', fileInfo.file);\r\n formData3.append('image', fileInfo.file);\r\n }\r\n // else if (fileInfo && isEditable === true) {\r\n // formData.append('image', 'unchanged');\r\n // formData2.append('image', 'unchanged');\r\n // formData3.append('image', 'unchanged');\r\n // }\r\n\r\n if (isEditable) {\r\n\r\n //For WH Admin User\r\n formData.append('p_id', parseInt(rowData?.id));\r\n formData.append('User_id', parseInt(formik.values.user_id));\r\n formData.append('User_Name', formik.values.user_name);\r\n formData.append('User_Email', formik.values.email);\r\n formData.append('RFID_code', formik.values.rfid_code);\r\n formData.append('Role_id', formik.values.role);\r\n formData.append('contact_number', formik.values.contact);\r\n formData.append('Status_id', myStatus);\r\n formData.append('roletype_id', !isNaN(parseInt(roletypeid)) ? parseInt(roletypeid) : 0);\r\n formData.append('warehouse_id', formik.values.warehouse_id);\r\n formData.append(\r\n 'usertypeid',\r\n roletypeid == '2' && usertype_id == 2 && warehouseid ? 1 : !isNaN(parseInt(usertype_id)) ? parseInt(usertype_id) : 0\r\n );\r\n formData.append('CreatedBy', !isNaN(parseInt(user_id)) ? parseInt(user_id) : 0);\r\n formData.append('image', `${baseURL}${showImage}`)\r\n\r\n //For WH ADMIN\r\n formData2.append('p_id', parseInt(rowData?.id));\r\n formData2.append('User_id', parseInt(formik.values.user_id2));\r\n formData2.append('usertypeid', parseInt(formik.values.user_type_id));\r\n formData2.append('User_Name', formik.values.user_name_2);\r\n formData2.append('User_Email', formik.values.email_2);\r\n formData2.append('contact_number', formik.values.contact_2);\r\n formData2.append('warehouse_id', formik.values.warehouse_id);\r\n formData2.append('Status_id', myStatus);\r\n formData2.append('RFID_code', 0);\r\n formData2.append('roletype_id', !isNaN(parseInt(roletypeid)) ? parseInt(roletypeid) : 0);\r\n // formData2.append('usertypeid', !isNaN(parseInt(usertype_id)) ? parseInt(usertype_id) : 0);\r\n formData2.append('CreatedBy', !isNaN(parseInt(user_id)) ? parseInt(user_id) : 0);\r\n formData2.append('image', `${baseURL}${showImage}`)\r\n\r\n //For Super Admin System Users\r\n formData3.append('p_id', parseInt(rowData?.id));\r\n formData3.append('User_id', parseInt(formik.values.user_id2));\r\n formData3.append('usertypeid', parseInt(formik.values.user_type_id));\r\n formData3.append('User_Name', formik.values.user_name_2);\r\n formData3.append('User_Email', formik.values.email_2);\r\n formData3.append('contact_number', formik.values.contact_2);\r\n formData3.append('RFID_code', formik.values.rfid_code_2);\r\n formData3.append('Role_id', formik.values.role_2);\r\n formData3.append('Status_id', myStatus);\r\n formData3.append('roletype_id', !isNaN(parseInt(roletypeid)) ? parseInt(roletypeid) : 0);\r\n // formData3.append('usertypeid', !isNaN(parseInt(usertype_id)) ? parseInt(usertype_id) : 0);\r\n formData3.append('CreatedBy', !isNaN(parseInt(user_id)) ? parseInt(user_id) : 0);\r\n formData3.append('image', `${baseURL}${showImage}`)\r\n\r\n setSaveBtnLoading(true);\r\n\r\n let response;\r\n response = await dispatch(handlePostRequestFormData(\r\n WHAdmin === true && WhAdminUser === false && systemUser === false ? formData2 :\r\n WHAdmin === false && WhAdminUser === false && systemUser === true ? formData3 :\r\n WHAdmin === false && WhAdminUser === true && systemUser === false ? formData :\r\n null,\r\n \"/api/Authentication/UpdatenewUser\",\r\n true,\r\n true\r\n ));\r\n\r\n if (response?.statusCode == 200) {\r\n history.push('./users')\r\n getUserList();\r\n setSaveBtnLoading(false);\r\n }\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n else {\r\n }\r\n\r\n }\r\n\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //Get All Users\r\n const getUserList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/GetAllUsers?roletype_id=${roletypeid}&usertype_id=${usertype_id}&warehouse_id=${warehouseid || 0}`, false));\r\n setIsActive(false);\r\n };\r\n\r\n\r\n //Get User By Id\r\n const getUserById = async (rowData) => {\r\n\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/GetUserByid?p_id=${rowData?.id}`, true));\r\n\r\n const imagePath = response[0]?.p_image && response[0]?.p_image !== '' ? response[0]?.p_image : null;\r\n setShowImage(response[0]?.p_image ? response[0]?.p_image : '')\r\n // const formData = new FormData();\r\n\r\n if (imagePath) {\r\n fetch(imagePath)\r\n .then(response => response.blob())\r\n .then(blob => {\r\n const blobURL = URL.createObjectURL(blob);\r\n\r\n // Get the complete file name from the path\r\n const fileName = imagePath.substring(imagePath.lastIndexOf('/') + 1);\r\n // Add \"Profile_Image_\" before the file name\r\n const modifiedFileName = 'Profile_Image/' + fileName;\r\n // Determine the file extension\r\n const format = fileName.split('.').pop().toLowerCase();\r\n // Set the correct MIME type for the file\r\n const fileType = `image/${format === 'jpg' ? 'jpeg' : format}`;\r\n\r\n // Create the File object with the blob, retaining the modified file name and type\r\n const file = new File([blob], modifiedFileName, { type: fileType });\r\n // Append the file to the FormData object\r\n const formData = new FormData();\r\n setFileInfo(file)\r\n formData.append('image', file);\r\n\r\n URL.revokeObjectURL(blobURL);\r\n })\r\n .catch(error => {\r\n console.error('Error fetching image:', error);\r\n });\r\n }\r\n\r\n\r\n const keyData = response[0]\r\n\r\n if (keyData) {\r\n\r\n //Super Admin Login Cases\r\n if (keyData?.p_roletype_id == 2 && keyData?.p_usertypeid == 2 && keyData?.p_warehouse_id !== 0 && superAdminActive && isEditable) {\r\n setSystemUser(false)\r\n setWHAdmin(true)\r\n setWHAdminUser(false)\r\n setUserTypeAs(keyData?.p_usertypeid)\r\n setMyStatus(keyData?.p_isActive)\r\n\r\n formik.setFieldValue('user_type_id', keyData?.p_usertypeid)\r\n formik.setFieldValue('warehouse_id', keyData?.p_warehouse_id)\r\n formik.setFieldValue('contact_2', keyData?.p_contactNumber)\r\n formik.setFieldValue('user_name_2', keyData?.p_user_name)\r\n formik.setFieldValue('email_2', keyData?.p_User_Email)\r\n formik.setFieldValue('user_id2', keyData?.p_User_id)\r\n\r\n }\r\n\r\n else if (keyData?.p_roletype_id == 2 && keyData?.p_usertypeid == 1 && keyData?.p_warehouse_id !== 0 && superAdminActive && isEditable) {\r\n setSystemUser(false)\r\n setWHAdmin(false)\r\n setWHAdminUser(true)\r\n setUserTypeAs(keyData?.p_usertypeid)\r\n setMyStatus(keyData?.p_isActive)\r\n\r\n formik.setFieldValue('user_id', keyData?.p_User_id)\r\n formik.setFieldValue('user_name', keyData?.p_user_name)\r\n formik.setFieldValue('email', keyData?.p_User_Email)\r\n formik.setFieldValue('rfid_code', keyData?.p_RFID_code)\r\n formik.setFieldValue('contact', keyData?.p_contactNumber)\r\n formik.setFieldValue('role', keyData?.p_Role_id)\r\n formik.setFieldValue('warehouse_id', keyData?.p_warehouse_id)\r\n\r\n }\r\n\r\n else if (keyData?.p_roletype_id == 2 && keyData?.p_usertypeid == 1 && keyData?.p_warehouse_id === 0 && superAdminActive && isEditable) {\r\n setSystemUser(true)\r\n setWHAdmin(false)\r\n setWHAdminUser(false)\r\n setUserTypeAs(keyData?.p_usertypeid)\r\n setMyStatus(keyData?.p_isActive)\r\n\r\n formik.setFieldValue('user_id2', keyData?.p_User_id)\r\n formik.setFieldValue('user_name_2', keyData?.p_user_name)\r\n formik.setFieldValue('email_2', keyData?.p_User_Email)\r\n formik.setFieldValue('rfid_code_2', keyData?.p_RFID_code)\r\n formik.setFieldValue('contact_2', keyData?.p_contactNumber)\r\n formik.setFieldValue('role_2', keyData?.p_Role_id)\r\n }\r\n }\r\n };\r\n\r\n const ResetForm = () => {\r\n formik.setFieldValue('user_id2', '')\r\n formik.setFieldValue('user_id', '')\r\n formik.setFieldValue('user_name', '')\r\n formik.setFieldValue('email', '')\r\n formik.setFieldValue('rfid_code', '')\r\n formik.setFieldValue('role', '')\r\n formik.setFieldValue('contact', '')\r\n formik.setFieldValue('user_type_id', '')\r\n formik.setFieldValue('warehouse_id', '')\r\n formik.setFieldValue('user_name_2', '')\r\n formik.setFieldValue('email_2', '')\r\n formik.setFieldValue('contact_2', '')\r\n formik.setFieldValue('rfid_code_2', '')\r\n formik.setFieldValue('role_2', '')\r\n setFileInfo(null)\r\n }\r\n\r\n useEffect(() => {\r\n if (isEditable, rowData) {\r\n getUserById(rowData);\r\n }\r\n }, [isEditable, rowData]);\r\n\r\n const getAllRoles = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/getAllRole?rid=${2}&uid=${formik.values.user_type_id || 0}&wid=${formik?.values?.warehouse_id || 0}`, true));\r\n if (response) {\r\n setAllRoles(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getUserTypes = async () => {\r\n\r\n setIsActive(true);\r\n const res = await dispatch(handleGetRequest(\"/api/Authentication/UserType\", true));\r\n if (res) {\r\n setUserTypes(res);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getWarehouseData = async () => {\r\n\r\n setIsActive(true);\r\n const res = await dispatch(handleGetRequest(\"/api/Authentication/Warehouse\", true));\r\n if (res) {\r\n setWarehouseData(res);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getUserTypes()\r\n getWarehouseData()\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (formik.values.warehouse_id || formik.values.user_type_id) {\r\n getAllRoles()\r\n }\r\n }, [formik.values.warehouse_id, formik.values.user_type_id])\r\n\r\n //File Handling\r\n const handleIconClick = () => {\r\n const fileInput = document.createElement('input');\r\n fileInput.type = 'file';\r\n fileInput.accept = 'image/*';\r\n fileInput.onchange = handleChange;\r\n fileInput.click();\r\n };\r\n\r\n const handleChange = (event) => {\r\n processFile(event.target.files[0]);\r\n };\r\n\r\n const handleDrop = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n if (event.dataTransfer.files && event.dataTransfer.files.length > 0) {\r\n processFile(event.dataTransfer.files[0]);\r\n event.dataTransfer.clearData();\r\n }\r\n };\r\n\r\n const handleDragOver = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n };\r\n\r\n const processFile = (event) => {\r\n const file = event;\r\n if (file) {\r\n const objectURL = URL.createObjectURL(file);\r\n setFileInfo({\r\n file: file, // Storing the actual File object\r\n objectURL: objectURL,\r\n lastModified: file.lastModified,\r\n lastModifiedDate: file.lastModifiedDate,\r\n name: file.name,\r\n size: file.size,\r\n type: file.type,\r\n webkitRelativePath: file.webkitRelativePath || \"\"\r\n });\r\n }\r\n };\r\n\r\n const handleRemoveImage = () => {\r\n if (showImage) {\r\n URL.revokeObjectURL(fileInfo.objectURL); // Free up memory by releasing object URL\r\n setShowImage('')\r\n setEditableRemoved(true)\r\n }\r\n if (fileInfo) {\r\n URL.revokeObjectURL(fileInfo.objectURL); // Free up memory by releasing object URL\r\n setShowImage('')\r\n }\r\n setFileInfo(null);\r\n };\r\n\r\n //Generate User Id\r\n const handleGenerateUserId = () => {\r\n const newUserId = generateRandomUserId();\r\n formik.setFieldValue('user_id', newUserId);\r\n };\r\n\r\n const generateRandomUserId = () => {\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return userId;\r\n };\r\n\r\n const handleGenerateUserId2 = () => {\r\n const newUserId = generateRandomUserId2();\r\n formik.setFieldValue('user_id2', newUserId);\r\n };\r\n\r\n const generateRandomUserId2 = () => {\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return userId;\r\n };\r\n\r\n //Generate RFID Code\r\n const handleGenerateCode = () => {\r\n const newCode = generateRandomCode();\r\n formik.setFieldValue('rfid_code', newCode);\r\n };\r\n\r\n const generateRandomCode = () => {\r\n const length = 10;\r\n const charset = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n let code = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n code += charset[randomIndex];\r\n }\r\n return code;\r\n };\r\n\r\n //Generate RFID Code 2\r\n const handleGenerateCode2 = () => {\r\n const newCode = generateRandomCode2();\r\n formik.setFieldValue('rfid_code_2', newCode);\r\n };\r\n\r\n const generateRandomCode2 = () => {\r\n const length = 10;\r\n const charset = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n let code = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n code += charset[randomIndex];\r\n }\r\n return code;\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\nexport default EditUsersSuperAdmin","import React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { handlePutRequest } from \"../../services/PutTemplate\";\r\nimport { Tag } from \"primereact/tag\";\r\nimport * as XLSX from 'xlsx';\r\n\r\nconst ManageVendor = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [allVendors, setAllVendors] = useState([]);\r\n const [permissions, setPermissions] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [];\r\n\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n items.push({\r\n label: 'View',\r\n command: () => handleViewVendor(rowData),\r\n });\r\n } else {\r\n items.push(\r\n {\r\n label: 'Edit',\r\n command: () => handleEditVendor(rowData),\r\n },\r\n {\r\n label: rowData?.status == 1 ? 'Deactivate' : 'Activate',\r\n command: () => confirm(rowData),\r\n }\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {isEditable ? 'Edit User' : 'Add New User'}
\r\nAdd Details
\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 confirm = (rowData) => {\r\n confirmDialog({\r\n message: rowData?.status == 1 ? 'Are you sure you want to deactivate this Vendor?' : 'Are you sure you want to Activate this Vendor?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n if (rowData?.status == 1) {\r\n handleDeactivateWH(rowData);\r\n } else {\r\n handleActivateWH(rowData);\r\n }\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n };\r\n\r\n const handleDeactivateWH = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n name: rowData?.obj_Name,\r\n description: rowData?.obj_Description,\r\n warehouse_id: rowData?.warehouse_id,\r\n address: rowData?.address,\r\n contact_no: rowData?.contact_no,\r\n email: rowData?.email,\r\n company: rowData?.company,\r\n isActive: 0\r\n }\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Setups/UpdateVendor\", true, true));\r\n if (response?.statusCode == 200) {\r\n await getVendorList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleActivateWH = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n name: rowData?.obj_Name,\r\n description: rowData?.obj_Description,\r\n warehouse_id: rowData?.warehouse_id,\r\n address: rowData?.address,\r\n contact_no: rowData?.contact_no,\r\n email: rowData?.email,\r\n company: rowData?.company,\r\n isActive: 1\r\n }\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateVendor`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getVendorList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleEditVendor = (rowData) => {\r\n const view = false;\r\n const item = true;\r\n history.push({\r\n pathname: './addeditvendor',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view\r\n }\r\n });\r\n };\r\n\r\n const handleViewVendor = (rowData) => {\r\n const item = true;\r\n const view = true;\r\n history.push({\r\n pathname: './addeditvendor',\r\n state: {\r\n isEditable: item,\r\n isView: view,\r\n rowData: rowData,\r\n }\r\n });\r\n };\r\n\r\n const exportExcel = () => {\r\n const filteredData = allVendors?.map(({ obj_id, warehouse_id, status, ...rest }) => ({\r\n ...rest,\r\n status: status === 1 ? 'Active' : 'Inactive', // Replace status value\r\n }));\r\n \r\n // Convert the filtered data to a worksheet\r\n const worksheet = XLSX.utils.json_to_sheet(filteredData);\r\n const workbook = XLSX.utils.book_new();\r\n XLSX.utils.book_append_sheet(workbook, worksheet, \"Items\");\r\n \r\n // Create the Excel file and trigger the download\r\n XLSX.writeFile(workbook, \"vendorsList.xlsx\");\r\n };\r\n \r\n //Get Vendor List\r\n const getVendorList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllVendor?warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAllVendors(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getVendorList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.contentName?.includes(\"Setups\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/vendor\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n }, []);\r\n\r\n return (\r\n <>\r\n\r\n \r\n
\r\n \r\n Vendor Setup\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ?\r\n null\r\n :\r\n permissions.includes(2) ?\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './addeditvendor',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n \r\n\r\n \r\n rowData?.obj_Name || 'N/A'} header=\"Vendor Name\"> \r\n rowData?.email || 'N/A'} header=\"Email\"> \r\n rowData?.contact_no || 'N/A'} header=\"Contact No.\"> \r\n rowData?.company || 'N/A'} header=\"Company\"> \r\n (\r\n rowData?.createddatetime || 'N/A'} header=\"Date & Time\"> \r\n {permissions.includes(1) ?\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ManageVendor","import React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { InputTextarea } from \"primereact/inputtextarea\";\r\nimport { handlePutRequest } from \"../../services/PutTemplate\";\r\nimport { handleDeleteRequest } from \"../../services/DeleteTemplate\";\r\nimport { Tag } from \"primereact/tag\";\r\n\r\nconst ManageBrand = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [allBrands, setAllBrands] = useState([]);\r\n const [permissions, setPermissions] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [];\r\n\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n items.push({\r\n label: 'View',\r\n command: () => handleViewBrand(rowData),\r\n });\r\n } else {\r\n items.push(\r\n {\r\n label: 'Edit',\r\n command: () => handleEditBrand(rowData),\r\n },\r\n {\r\n label: rowData?.status === 1 ? 'Deactivate' : 'Activate',\r\n command: () => confirm(rowData),\r\n }\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n\r\n confirmDialog({\r\n message: rowData?.status == 1 ? 'Are you sure you want to deactivate this Brand?' : 'Are you sure you want to Activate this Brand?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n if (rowData?.status == 1) {\r\n handleDeactivateBrand(rowData);\r\n } else {\r\n handleActivateBrand(rowData);\r\n }\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n\r\n };\r\n\r\n const handleDeactivateBrand = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n Name: rowData?.obj_Name,\r\n Description: rowData?.obj_Description,\r\n IsActive: 0,\r\n };\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateBrand`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getBrandList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleActivateBrand = async (rowData) => {\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n Name: rowData?.obj_Name,\r\n Description: rowData?.obj_Description,\r\n IsActive: 1,\r\n };\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handlePutRequest(obj, `/api/Setups/UpdateBrand`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getBrandList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleEditBrand = (rowData) => {\r\n const view = false;\r\n const item = true;\r\n history.push({\r\n pathname: './addeditbrand',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n }\r\n });\r\n };\r\n\r\n const handleViewBrand = (rowData) => {\r\n const item = true;\r\n const view = true;\r\n history.push({\r\n pathname: './addeditbrand',\r\n state: {\r\n isEditable: item,\r\n isView: view,\r\n rowData: rowData,\r\n }\r\n });\r\n };\r\n\r\n //Get All Brand List\r\n const getBrandList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/getAllBrand?warehouse_id=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAllBrands(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getBrandList()\r\n }, [])\r\n\r\n\r\n const rowIndexTemplate = (rowData, props) => {\r\n let index = parseInt(props.rowIndex + 1, 10);\r\n return (\r\n \r\n
\r\n \r\n Brand Setup\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './addeditbrand',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n\r\n }\r\n \r\n\r\n \r\n rowData?.obj_Name || 'N/A'} header=\"Brand Name\"> \r\n {/* (\r\n <>\r\n (\r\n rowData?.createddatetime || 'N/A'} header=\"Date & Time\"> \r\n {permissions.includes(1) ?\r\n
\r\n \r\n );\r\n};\r\n\r\n\r\nexport default ManageBrand","import { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport { Button } from 'primereact/button';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\nimport React, { useEffect, useState } from 'react'\r\nimport LoadingOverlay from 'react-loading-overlay'\r\nimport { useLocation } from 'react-router-dom/cjs/react-router-dom';\r\nimport { useHistory } from 'react-router-dom/cjs/react-router-dom.min';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\n\r\nfunction AddEditVendor() {\r\n\r\n const [isActive, setIsActive] = useState(false);\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n\r\n const location = useLocation();\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const { isEditable, rowData, isView } = location?.state;\r\n\r\n const validationSchema = Yup.object().shape({\r\n name: Yup.mixed().required(\"This field is required.\"),\r\n email: Yup.string()\r\n .matches(/.*\\..*/, \"Please enter a valid email\")\r\n .required(\"This field is required.\"),\r\n company_name: Yup.mixed().required(\"This field is required.\"),\r\n\r\n });\r\n\r\n const formik = useFormik({\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n name: \"\",\r\n address: \"\",\r\n email: \"\",\r\n contact_number: \"\",\r\n company_name: \"\",\r\n add_note: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n if (isEditable) {\r\n setSaveBtnLoading(true);\r\n\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n name: formik.values.name,\r\n description: formik.values.add_note,\r\n warehouse_id: warehouseid,\r\n address: formik.values.address,\r\n contact_no: formik.values.contact_number,\r\n email: formik.values.email,\r\n company: formik.values.company_name,\r\n isActive: rowData?.status\r\n }\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Setups/UpdateVendor\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./vendor')\r\n setSaveBtnLoading(false);\r\n }\r\n }\r\n else {\r\n setSaveBtnLoading(true);\r\n\r\n const obj = {\r\n name: formik.values.name,\r\n description: formik.values.add_note,\r\n warehouse_id: warehouseid,\r\n address: formik.values.address,\r\n contact_no: formik.values.contact_number,\r\n email: formik.values.email,\r\n company: formik.values.company_name,\r\n }\r\n\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Setups/AddVendor\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./vendor')\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n setSaveBtnLoading(false);\r\n }\r\n },\r\n })\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n const ResetForm = (e) => {\r\n e.preventDefault()\r\n formik.setValues({\r\n name: \"\",\r\n address: \"\",\r\n email: \"\",\r\n contact_number: \"\",\r\n company_name: \"\",\r\n add_note: \"\",\r\n })\r\n\r\n }\r\n\r\n //Get WH By Id\r\n const getVendorById = async (rowData) => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetVendorByid?obj_id=${rowData?.obj_id}`, false));\r\n const keyData = response[0]\r\n if (keyData) {\r\n formik.setFieldValue('address', keyData?.address)\r\n formik.setFieldValue('contact_number', keyData?.contact_no)\r\n formik.setFieldValue('email', keyData?.email)\r\n formik.setFieldValue('company_name', keyData?.company)\r\n formik.setFieldValue('add_note', keyData?.obj_Description)\r\n formik.setFieldValue('name', keyData?.obj_Name)\r\n }\r\n setIsActive(false)\r\n };\r\n\r\n useEffect(() => {\r\n if (isEditable, rowData) {\r\n getVendorById(rowData);\r\n }\r\n }, [isEditable, rowData]);\r\n\r\n //Disable Form while Viewing\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\r\n };\r\n\r\n\r\n return (\r\n <>\r\n \r\n {rowData?.obj_Description?.replace(/(.{25})/g, '$1\\n') || 'N/A'}\r\n
\r\n \r\n )}\r\n header=\"Description\" /> */}\r\n \r\n
\r\n\r\n \r\n \r\n )\r\n}\r\n\r\nexport default AddEditVendor","import React, { useEffect, useState } from 'react';\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Button } from 'primereact/button';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { TreeSelect } from 'primereact/treeselect';\r\nimport { useLocation } from 'react-router-dom/cjs/react-router-dom.min';\r\nimport \"./style.scss\"\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\n\r\nconst AddEditSubCategory = () => {\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const location = useLocation();\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const { isEditable, rowData, isView } = location?.state;\r\n\r\n const [allCategories, setAllCategory] = useState([]);\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n\r\n const formik = useFormik({\r\n initialValues: {\r\n categoryId: \"\",\r\n subCategoryName: \"\"\r\n },\r\n\r\n validationSchema: Yup.object().shape({\r\n categoryId: Yup.mixed().required(\"Category is required.\"),\r\n subCategoryName: Yup.string().required(\"Sub-category name is required.\")\r\n }),\r\n\r\n onSubmit: async (data) => {\r\n\r\n if (isEditable) {\r\n\r\n setSaveBtnLoading(true);\r\n let obj = {\r\n obj_id: rowData?.key,\r\n name: data?.subCategoryName,\r\n parentid: data?.categoryId,\r\n isActive: 1,\r\n description: null\r\n }\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Setups/UpdateSubCategory\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./category')\r\n setSaveBtnLoading(false);\r\n }\r\n }\r\n\r\n else {\r\n setSaveBtnLoading(true);\r\n let obj = {\r\n parent_id: data?.categoryId,\r\n name: data?.subCategoryName,\r\n warehouseId: warehouseid,\r\n description: null\r\n }\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Setups/AddSubCategory\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./category')\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n setSaveBtnLoading(false);\r\n }\r\n }\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n const ResetForm = () => {\r\n formik.setValues({\r\n categoryId: \"\",\r\n subCategoryName: \"\"\r\n })\r\n }\r\n\r\n // Get User By Id\r\n const getSubCategoryById = async (rowData) => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetSubCategoryByid?obj_id=${rowData?.key}`, true));\r\n const keyData = response[0]\r\n if (keyData) {\r\n formik.setFieldValue('subCategoryName', keyData?.obj_Name)\r\n formik.setFieldValue('categoryId', keyData?.parent_id)\r\n }\r\n setIsActive(false)\r\n };\r\n\r\n const getCategoryList = async () => {\r\n setIsActive(true);\r\n const response = await dispatch(\r\n handleGetRequest(`/api/Setups/GetAllSubCategories?warehouse_id=${warehouseid || 0}`, true)\r\n );\r\n if (response) {\r\n // const modifiedCategories = allCategories.flatMap(category => category.children);\r\n setAllCategory(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getCategoryList()\r\n if (isEditable, rowData) {\r\n getSubCategoryById(rowData);\r\n }\r\n }, [isEditable, rowData]);\r\n\r\n //Disable Form while Viewingg\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n {isEditable && isView ? 'View Vendor' : isEditable && isView === false ? 'Edit Vendor' : 'Add New Vendor'}
\r\n{isView ? '' : 'Add Details'}
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default AddEditSubCategory;\r\n","import React, { useEffect, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { toast } from 'react-toastify';\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\n\r\nconst AddEditBrand = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData, isView } = location?.state;\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const validationSchema = Yup.object().shape({\r\n name: Yup.mixed().required(\"This field is required.\"),\r\n description: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n\r\n const formik = useFormik({\r\n\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n name: \"\",\r\n description: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n if (isEditable) {\r\n setSaveBtnLoading(true);\r\n\r\n let obj = {\r\n obj_id: rowData?.obj_id,\r\n Name: formik.values.name,\r\n Description: formik.values.description,\r\n IsActive: null,\r\n }\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Setups/UpdateBrand\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./brand')\r\n setSaveBtnLoading(false);\r\n }\r\n }\r\n\r\n else {\r\n\r\n setSaveBtnLoading(true);\r\n let obj = {\r\n warehouseId: parseInt(warehouseid),\r\n name: formik.values.name,\r\n description: formik.values.description,\r\n }\r\n\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Setups/AddBrand\", true, true));\r\n if (response?.statusCode == 200) {\r\n history.push('./brand')\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n setSaveBtnLoading(false);\r\n }\r\n },\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //Get User By Id\r\n const getategoryById = async (rowData) => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetBrandByid?obj_id=${rowData?.obj_id}`, true));\r\n const keyData = response[0]\r\n if (keyData) {\r\n formik.setFieldValue('name', keyData?.obj_Name)\r\n formik.setFieldValue('description', keyData?.obj_Description)\r\n }\r\n setIsActive(false)\r\n };\r\n\r\n useEffect(() => {\r\n if (isEditable, rowData) {\r\n getategoryById(rowData);\r\n }\r\n }, [isEditable, rowData]);\r\n\r\n const ResetForm = () => {\r\n formik.setFieldValue('name', '')\r\n formik.setFieldValue('description', '')\r\n }\r\n\r\n //Disable Form while Viewing\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\r\n };\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n \r\n
\r\n {isEditable && isView ? 'View Sub Category' : isEditable && isView === false ? 'Edit Sub Category' : 'Add New Sub Category'}
\r\n{isView ? '' : 'Add Details'}
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n )\r\n}\r\n\r\nexport default AddEditBrand","import React, { useEffect, useRef, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { handlePostRequestFormData } from '../../services/PostFormDataTemplate';\r\nimport { baseURL } from '../../Config';\r\n\r\nconst EditUsersWH = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, rowData } = location?.state;\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [allRoles, setAllRoles] = useState([])\r\n const [userTypes, setUserTypes] = useState([])\r\n const [warehouseData, setWarehouseData] = useState([])\r\n const [userTypeAs, setUserTypeAs] = useState(1);\r\n const [fileInfo, setFileInfo] = useState(null);\r\n const [showImage, setShowImage] = useState('');\r\n const [editableRemoved, setEditableRemoved] = useState(false);\r\n\r\n const [WHAdmin, setWHAdmin] = useState(false);\r\n const [WhAdminUser, setWHAdminUser] = useState(false);\r\n const [myStatus, setMyStatus] = useState();\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n //WH Admin\r\n const validationSchema = roletypeid == '2' && usertype_id == 2 && warehouseid\r\n ? Yup.object().shape({\r\n user_id: Yup.string().required(\"This field is required.\"),\r\n user_name: Yup.string().required(\"This field is required.\"),\r\n email: Yup.string().required(\"This field is required.\"),\r\n role: Yup.string().required(\"This field is required.\"),\r\n rfid_code: Yup.string().required(\"This field is required.\"),\r\n contact: Yup.string().required(\"This field is required.\"),\r\n })\r\n //Super Admin for UserType Warehouse\r\n : (roletypeid == '1' && userTypeAs == 2) || (roletypeid === '2' && userTypeAs == 2)\r\n ? Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n warehouse_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string().required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n })\r\n //Super Admin for Usertype System User\r\n : (roletypeid == '1' && userTypeAs == 0 && !warehouseid) ?\r\n Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n warehouse_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string().required(\"This field is required.\"),\r\n role_2: Yup.string().required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n rfid_code_2: Yup.string().required(\"This field is required.\"),\r\n })\r\n //System User\r\n : (roletypeid == '2' && userTypeAs == 1) || (roletypeid === '2' && !userTypeAs)\r\n ? Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string().required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n role_2: Yup.string().required(\"This field is required.\"),\r\n rfid_code_2: Yup.string().required(\"This field is required.\"),\r\n })\r\n\r\n // Super Admin login Adding System User\r\n : (roletypeid == '1' && userTypeAs == 1 && usertype_id == '0')\r\n ? Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string().required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n role_2: Yup.string().required(\"This field is required.\"),\r\n rfid_code_2: Yup.string().required(\"This field is required.\"),\r\n })\r\n : null;\r\n\r\n\r\n const formik = useFormik({\r\n // validationSchema: validationSchema,\r\n initialValues: {\r\n // For Admin\r\n user_id: \"\",\r\n user_name: \"\",\r\n email: \"\",\r\n rfid_code: \"\",\r\n role: \"\",\r\n contact: \"\",\r\n\r\n // For Super Admin (WH Admin)\r\n user_type_id: 1,\r\n warehouse_id: \"\",\r\n user_name_2: \"\",\r\n email_2: \"\",\r\n contact_2: \"\",\r\n user_id2: \"\",\r\n\r\n // For Super Admin (Users)\r\n rfid_code_2: \"\",\r\n role_2: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n let formData = new FormData();\r\n let formData2 = new FormData();\r\n\r\n if ((fileInfo && isEditable && editableRemoved === false && !showImage) || (fileInfo && isEditable && editableRemoved && !showImage)) {\r\n console.log('here if no image is uploaded before, new added')\r\n formData.append('image', fileInfo.file);\r\n formData2.append('image', fileInfo.file);\r\n }\r\n else if (fileInfo && isEditable && editableRemoved === false && showImage) {\r\n console.log('there if unchanged')\r\n formData.append('image', `${baseURL}${showImage}`)\r\n formData2.append('image', `${baseURL}${showImage}`)\r\n }\r\n\r\n // if ((fileInfo && isEditable && editableRemoved === false && !showImage) || (fileInfo && isEditable && editableRemoved && !showImage)) {\r\n // console.log('here if no image is uploaded before, new added')\r\n // formData.append('image', fileInfo.file);\r\n // formData.append('image', null)\r\n // formData2.append('image', fileInfo.file);\r\n // formData2.append('image', null)\r\n\r\n // }\r\n // else if (fileInfo && isEditable && editableRemoved === false && showImage) {\r\n // console.log('there if unchanged')\r\n // formData.append('image', null)\r\n // formData.append('image2', `${showImage}`)\r\n // formData2.append('image', null)\r\n // formData2.append('image2', `${showImage}`)\r\n // }\r\n\r\n //For WH Admin User\r\n formData.append('p_id', parseInt(rowData?.id));\r\n formData.append('User_id', parseInt(formik.values.user_id));\r\n formData.append('User_Name', formik.values.user_name);\r\n formData.append('User_Email', formik.values.email);\r\n formData.append('RFID_code', formik.values.rfid_code);\r\n formData.append('Role_id', formik.values.role);\r\n formData.append('contact_number', formik.values.contact);\r\n formData.append('Status_id', myStatus);\r\n formData.append('roletype_id', !isNaN(parseInt(roletypeid)) ? parseInt(roletypeid) : 0);\r\n formData.append('warehouse_id', !isNaN(parseInt(warehouseid)) ? parseInt(warehouseid) : 0);\r\n formData.append(\r\n 'usertypeid',\r\n roletypeid == '2' && usertype_id == 2 && warehouseid ? 1 : !isNaN(parseInt(usertype_id)) ? parseInt(usertype_id) : 0\r\n );\r\n formData.append('CreatedBy', !isNaN(parseInt(user_id)) ? parseInt(user_id) : 0);\r\n\r\n //For WH ADMIN\r\n formData2.append('p_id', parseInt(rowData?.id));\r\n formData2.append('User_id', parseInt(formik.values.user_id2));\r\n formData2.append('usertypeid', parseInt(formik.values.user_type_id));\r\n formData2.append('User_Name', formik.values.user_name_2);\r\n formData2.append('User_Email', formik.values.email_2);\r\n formData2.append('contact_number', formik.values.contact_2);\r\n formData2.append('warehouse_id', formik.values.warehouse_id);\r\n formData2.append('Status_id', myStatus);\r\n formData2.append('RFID_code', 0);\r\n formData2.append('roletype_id', !isNaN(parseInt(roletypeid)) ? parseInt(roletypeid) : 0);\r\n // formData2.append('usertypeid', !isNaN(parseInt(usertype_id)) ? parseInt(usertype_id) : 0);\r\n formData2.append('CreatedBy', !isNaN(parseInt(user_id)) ? parseInt(user_id) : 0);\r\n\r\n setSaveBtnLoading(true);\r\n\r\n let response;\r\n response = await dispatch(handlePostRequestFormData(\r\n WHAdmin === true && WhAdminUser === false ? formData2 :\r\n WHAdmin === false && WhAdminUser === true ? formData :\r\n null,\r\n \"/api/Authentication/UpdatenewUser\",\r\n true,\r\n true\r\n ));\r\n\r\n if (response?.statusCode == 200) {\r\n history.push('./users')\r\n getUserList();\r\n setSaveBtnLoading(false);\r\n }\r\n setSaveBtnLoading(false);\r\n\r\n }\r\n\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n //Get All Users\r\n const getUserList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/GetAllUsers?roletype_id=${roletypeid}&usertype_id=${usertype_id}&warehouse_id=${warehouseid || 0}`, false));\r\n setIsActive(false);\r\n };\r\n\r\n\r\n //Get User By Id\r\n const getUserById = async (rowData) => {\r\n\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/GetUserByid?p_id=${rowData?.id}`, true));\r\n\r\n const imagePath = response[0]?.p_image && response[0]?.p_image !== '' ? response[0]?.p_image : null;\r\n setShowImage(response[0]?.p_image ? response[0]?.p_image : '')\r\n // const formData = new FormData();\r\n\r\n if (imagePath) {\r\n fetch(imagePath)\r\n .then(response => response.blob())\r\n .then(blob => {\r\n const blobURL = URL.createObjectURL(blob);\r\n\r\n // Get the complete file name from the path\r\n const fileName = imagePath.substring(imagePath.lastIndexOf('/') + 1);\r\n // Add \"Profile_Image_\" before the file name\r\n const modifiedFileName = 'Profile_Image/' + fileName;\r\n // Determine the file extension\r\n const format = fileName.split('.').pop().toLowerCase();\r\n // Set the correct MIME type for the file\r\n const fileType = `image/${format === 'jpg' ? 'jpeg' : format}`;\r\n\r\n // Create the File object with the blob, retaining the modified file name and type\r\n const file = new File([blob], modifiedFileName, { type: fileType });\r\n // Append the file to the FormData object\r\n const formData = new FormData();\r\n setFileInfo(file)\r\n formData.append('image', file);\r\n\r\n URL.revokeObjectURL(blobURL);\r\n })\r\n .catch(error => {\r\n console.error('Error fetching image:', error);\r\n });\r\n }\r\n\r\n\r\n const keyData = response[0]\r\n\r\n if (keyData) {\r\n\r\n if (keyData?.p_Role_id == 0) {\r\n\r\n setWHAdmin(true)\r\n setWHAdminUser(false)\r\n setUserTypeAs(keyData?.p_usertypeid)\r\n\r\n formik.setFieldValue('user_type_id', keyData?.p_usertypeid)\r\n formik.setFieldValue('warehouse_id', keyData?.p_warehouse_id)\r\n formik.setFieldValue('contact_2', keyData?.p_contactNumber)\r\n formik.setFieldValue('user_name_2', keyData?.p_user_name)\r\n formik.setFieldValue('email_2', keyData?.p_User_Email)\r\n formik.setFieldValue('user_id2', keyData?.p_User_id)\r\n setMyStatus(keyData?.p_isActive)\r\n }\r\n\r\n else if (keyData?.p_Role_id !== 0) {\r\n\r\n setWHAdmin(false)\r\n setWHAdminUser(true)\r\n setUserTypeAs(keyData?.p_usertypeid)\r\n\r\n formik.setFieldValue('user_id', keyData?.p_User_id)\r\n formik.setFieldValue('user_name', keyData?.p_user_name)\r\n formik.setFieldValue('email', keyData?.p_User_Email)\r\n formik.setFieldValue('rfid_code', keyData?.p_RFID_code)\r\n formik.setFieldValue('contact', keyData?.p_contactNumber)\r\n formik.setFieldValue('role', keyData?.p_Role_id)\r\n setMyStatus(keyData?.p_isActive)\r\n\r\n }\r\n }\r\n };\r\n\r\n const ResetForm = () => {\r\n formik.setFieldValue('user_id2', '')\r\n formik.setFieldValue('user_id', '')\r\n formik.setFieldValue('user_name', '')\r\n formik.setFieldValue('email', '')\r\n formik.setFieldValue('rfid_code', '')\r\n formik.setFieldValue('role', '')\r\n formik.setFieldValue('contact', '')\r\n formik.setFieldValue('user_type_id', '')\r\n formik.setFieldValue('warehouse_id', '')\r\n formik.setFieldValue('user_name_2', '')\r\n formik.setFieldValue('email_2', '')\r\n formik.setFieldValue('contact_2', '')\r\n formik.setFieldValue('rfid_code_2', '')\r\n formik.setFieldValue('role_2', '')\r\n setFileInfo(null)\r\n }\r\n\r\n useEffect(() => {\r\n if (isEditable, rowData) {\r\n getUserById(rowData);\r\n }\r\n }, [isEditable, rowData]);\r\n\r\n const getAllRoles = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/getAllRole?rid=${roletypeid || 0}&uid=${usertype_id || 0}&wid=${warehouseid || 0}`, true));\r\n if (response) {\r\n setAllRoles(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getUserTypes = async () => {\r\n\r\n setIsActive(true);\r\n const res = await dispatch(handleGetRequest(\"/api/Authentication/UserType\", true));\r\n if (res) {\r\n setUserTypes(res);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getWarehouseData = async () => {\r\n\r\n setIsActive(true);\r\n const res = await dispatch(handleGetRequest(\"/api/Authentication/Warehouse\", true));\r\n if (res) {\r\n setWarehouseData(res);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getAllRoles()\r\n getUserTypes()\r\n getWarehouseData()\r\n }, [])\r\n\r\n //File Handling\r\n const handleIconClick = () => {\r\n const fileInput = document.createElement('input');\r\n fileInput.type = 'file';\r\n fileInput.accept = 'image/*';\r\n fileInput.onchange = handleChange;\r\n fileInput.click();\r\n };\r\n\r\n const handleChange = (event) => {\r\n processFile(event.target.files[0]);\r\n };\r\n\r\n const handleDrop = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n if (event.dataTransfer.files && event.dataTransfer.files.length > 0) {\r\n processFile(event.dataTransfer.files[0]);\r\n event.dataTransfer.clearData();\r\n }\r\n };\r\n\r\n const handleDragOver = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n };\r\n\r\n const processFile = (event) => {\r\n const file = event;\r\n if (file) {\r\n const objectURL = URL.createObjectURL(file);\r\n setFileInfo({\r\n file: file, // Storing the actual File object\r\n objectURL: objectURL,\r\n lastModified: file.lastModified,\r\n lastModifiedDate: file.lastModifiedDate,\r\n name: file.name,\r\n size: file.size,\r\n type: file.type,\r\n webkitRelativePath: file.webkitRelativePath || \"\"\r\n });\r\n }\r\n };\r\n\r\n const handleRemoveImage = () => {\r\n if (showImage) {\r\n URL.revokeObjectURL(fileInfo?.objectURL); // Free up memory by releasing object URL\r\n setShowImage('')\r\n setEditableRemoved(true)\r\n }\r\n if (fileInfo) {\r\n URL.revokeObjectURL(fileInfo?.objectURL); // Free up memory by releasing object URL\r\n setShowImage('')\r\n }\r\n setFileInfo(null);\r\n };\r\n\r\n //Generate User Id\r\n const handleGenerateUserId = () => {\r\n const newUserId = generateRandomUserId();\r\n formik.setFieldValue('user_id', newUserId);\r\n };\r\n\r\n const generateRandomUserId = () => {\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return userId;\r\n };\r\n\r\n\r\n const handleGenerateUserId2 = () => {\r\n const newUserId = generateRandomUserId2();\r\n formik.setFieldValue('user_id2', newUserId);\r\n };\r\n\r\n const generateRandomUserId2 = () => {\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return userId;\r\n };\r\n\r\n //Generate RFID Code\r\n const handleGenerateCode = () => {\r\n const newCode = generateRandomCode();\r\n formik.setFieldValue('rfid_code', newCode);\r\n };\r\n\r\n const generateRandomCode = () => {\r\n const length = 10;\r\n const charset = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n let code = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n code += charset[randomIndex];\r\n }\r\n return code;\r\n };\r\n\r\n //Generate RFID Code 2\r\n const handleGenerateCode2 = () => {\r\n const newCode = generateRandomCode2();\r\n formik.setFieldValue('rfid_code_2', newCode);\r\n };\r\n\r\n const generateRandomCode2 = () => {\r\n const length = 10;\r\n const charset = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n let code = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n code += charset[randomIndex];\r\n }\r\n return code;\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 {isEditable && isView ? 'View Brand' : isEditable && isView === false ? 'Edit Brand' : 'Add New Brand'}
\r\n{isEditable && isView ? '' : isEditable && isView === false ? 'Edit Details' : 'Add Details'}
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n )\r\n}\r\n\r\nexport default EditUsersWH","import React, { useState, useEffect } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { handlePutRequest } from \"../../../services/PutTemplate\";\r\nimport { handleGetRequest } from \"../../../services/GetTemplate\";\r\nimport moment from \"moment\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nconst CheckInGrid = () => {\r\n\r\n const location = useLocation()\r\n const { expireItemData } = location?.state || {};\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [checkInList, setCheckInList] = useState([]);\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [permissions, setPermissions] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [];\r\n\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n items.push({\r\n label: 'View',\r\n command: () => handleViewCheckIn(rowData),\r\n });\r\n } else {\r\n items.push(\r\n {\r\n label: expireItemData === true ? 'Action not permitted' : 'Edit',\r\n command: () => expireItemData === true ? null : handleEditCheckIn(rowData),\r\n },\r\n\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {isEditable ? 'Edit User' : 'Add New User'}
\r\nAdd Details
\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 handleEditCheckIn = (rowData) => {\r\n\r\n const item = true;\r\n const view = false;\r\n\r\n history.push({\r\n pathname: './checkinaddedit',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n }\r\n });\r\n };\r\n\r\n const handleViewCheckIn = (rowData) => {\r\n\r\n const item = true;\r\n const view = true;\r\n\r\n history.push({\r\n pathname: './checkinaddedit',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n }\r\n });\r\n };\r\n\r\n //Get Inventory List\r\n const getCheckInList = async () => {\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetCheckinList?warehouseid=${warehouseid || 0}`, true));\r\n if (response) {\r\n setCheckInList(response);\r\n }\r\n setIsActive(false);\r\n };\r\n const getExpiredItemList = async () => {\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetCheckinForExpireItems?warehouseid=${warehouseid || 0}`, true));\r\n if (response) {\r\n setCheckInList(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (expireItemData === true) {\r\n getExpiredItemList()\r\n } else {\r\n getCheckInList();\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkin\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n }, []);\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n \r\n Check In Inventory\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n ) : (\r\n (roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ? null : (\r\n permissions.includes(2) ? (\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './checkinaddedit',\r\n state: { isEditable: item },\r\n });\r\n }}\r\n />\r\n
\r\n ) : null\r\n )\r\n )}\r\n \r\n\r\n \r\n {/* rowData?.doc_no || 'N/A'} header=\"Voucher No.\"> */}\r\n {(roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid) ?\r\n rowData?.warehousE_NAME || 'N/A'} header=\"Warehouse\"> \r\n :\r\n null\r\n }\r\n rowData?.inventory_name || 'N/A'} header=\"Inventory\"> \r\n {/* rowData?.inventory_Type_Name || 'N/A'} header=\"Inventory Type\"> */}\r\n rowData?.category_name || 'N/A'} header=\"Category\"> \r\n rowData?.subcategory_name || 'N/A'} header=\"Sub Category\"> \r\n rowData?.vendor_name || 'N/A'} header=\"Vendor\"> \r\n rowData?.quantity || 'N/A'} header=\"Quantity\"> \r\n rowData?.cost || 'N/A'} header=\"Cost\"> \r\n rowData?.rfid || 'N/A'} header=\"RFID\"> \r\n {/* rowData?.sku_code || 'N/A'} header=\"Sku\"> */}\r\n {/* rowData?.createddatetime ? moment(rowData.createddatetime).format('DD-MM-YYYY HH:mm A') : 'N/A'}\r\n header=\"Created Date\"\r\n /> */}\r\n rowData?.expiry_Date ? moment(rowData?.expiry_Date).format('DD-MM-YYYY') : 'N/A'}\r\n header=\"Expiry Date\"\r\n />\r\n {expireItemData === true ?\r\n \r\n \r\n {rowData?.noofdaysremaining ? rowData?.noofdaysremaining : 'N/A'}\r\n \r\n }\r\n header=\"Days Remaining\"\r\n />\r\n :\r\n null}\r\n {permissions.includes(2) ?\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CheckInGrid","import React, { useState, useEffect } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { handlePutRequest } from \"../../../services/PutTemplate\";\r\nimport { handleGetRequest } from \"../../../services/GetTemplate\";\r\nimport { handleDeleteRequest } from \"../../../services/DeleteTemplate\";\r\nimport moment from \"moment\";\r\n\r\nconst CheckOutGrid = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [checkInList, setCheckInList] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [permissions, setPermissions] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [];\r\n\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n items.push({\r\n label: 'No Action Permitted',\r\n });\r\n } else {\r\n items.push(\r\n {\r\n label: 'Delete',\r\n command: () => confirm(rowData),\r\n },\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n\r\n confirmDialog({\r\n message: rowData?.status == 1 ? 'Are you sure you want to deactivate this Checkout record?' : 'Are you sure you want to Activate this Checkout record?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n handleDeleteCheckOut(rowData);\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n\r\n };\r\n\r\n const handleDeleteCheckOut = async (rowData) => {\r\n\r\n const obj = {\r\n p_id: rowData?.id,\r\n\r\n };\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Inventory/DeleteCheckOutById`, true, true));\r\n if (response) {\r\n await getCheckOutList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n\r\n //Get Inventory List\r\n const getCheckOutList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Inventory/GetCheckoutList?warehouseid=${warehouseid || 0}`, true));\r\n if (response) {\r\n setCheckInList(response);\r\n }\r\n setIsActive(false);\r\n\r\n };\r\n\r\n useEffect(() => {\r\n getCheckOutList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/inventory\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkout\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n }, []);\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n \r\n Check Out Inventory \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './checkoutaddedit',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n \r\n\r\n \r\n rowData?.inventory_name || 'N/A'} header=\"Doc No.\"> \r\n rowData?.inventory_name || 'N/A'} header=\"Inventory Name\"> \r\n rowData?.inventory_Type_Name || 'N/A'} header=\"Inventory Type\"> \r\n rowData?.warehousE_NAME || 'N/A'} header=\"Warehouse\"> \r\n rowData?.rfid || 'N/A'} header=\"RFID Code\"> \r\n rowData?.doc_no || 'N/A'} header=\"Transaction ID\"> \r\n rowData?.quantity || 'N/A'} header=\"Quantity\"> \r\n rowData?.cost || 'N/A'} header=\"Cost\"> \r\n {/* rowData?.notes || 'N/A'} header=\"Notes\"> */}\r\n rowData?.createddatetime ? moment(rowData.createddatetime).format('DD-MM-YYYY HH:mm A') : 'N/A'}\r\n header=\"Created Date\"\r\n />\r\n {/* rowData?.expiry_Date ? moment(rowData.expiry_Date).format('DD-MM-YYYY') : 'N/A'}\r\n header=\"Expiry Date\"\r\n /> */}\r\n {permissions.includes(2) ?\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CheckOutGrid","import React, { useState, useEffect } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { handleGetRequest } from \"../../../services/GetTemplate\";\r\nimport moment from \"moment\";\r\nimport { TabView, TabPanel } from 'primereact/tabview';\r\nimport { handleDeleteRequest } from \"../../../services/DeleteTemplate\";\r\n\r\nconst CheckInAssetGrid = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [checkInList, setCheckInList] = useState([]);\r\n const [firstTimeCheckInList, setFirstTimeCheckInList] = useState([]);\r\n const [borrowItemsCheckInList, setBorrowItemsCheckInList] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [permissions, setPermissions] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [];\r\n\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n items.push({\r\n label: 'View',\r\n command: () => handleViewCheckIn(rowData),\r\n });\r\n } else {\r\n items.push(\r\n {\r\n label: 'Delete',\r\n command: () => confirm(rowData),\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 const confirm = (rowData) => {\r\n\r\n confirmDialog({\r\n message: 'Are you sure you want to delete this CheckIn data?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n handleDeleteData(rowData);\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n\r\n };\r\n\r\n const handleDeleteData = async (rowData) => {\r\n\r\n const obj = {\r\n p_id: rowData?.id,\r\n };\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Asset/DeleteAssetCheckInById`, true, true));\r\n if (response?.statusCode == 200) {\r\n await getCheckInList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleViewCheckIn = (rowData) => {\r\n\r\n const item = true;\r\n const view = true;\r\n\r\n history.push({\r\n pathname: './checkinassetaddedit',\r\n state: {\r\n isEditable: item,\r\n rowData: rowData,\r\n isView: view,\r\n }\r\n });\r\n };\r\n\r\n //Get Inventory List\r\n const getCheckInList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetAssetCheckInList?warehouseid=${warehouseid || 0}`, true));\r\n if (response) {\r\n setCheckInList(response);\r\n setFirstTimeCheckInList(response?.filter(item => item?.check_In_type_code == 1));\r\n setBorrowItemsCheckInList(response?.filter(item => item?.check_In_type_code == 2));\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getCheckInList()\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/asset\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/checkinasset\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\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\nexport default CheckInAssetGrid","import React, { useState, useEffect } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { SplitButton } from \"primereact/splitbutton\";\r\nimport { handlePutRequest } from \"../../../services/PutTemplate\";\r\nimport { handleGetRequest } from \"../../../services/GetTemplate\";\r\nimport { handleDeleteRequest } from \"../../../services/DeleteTemplate\";\r\nimport moment from \"moment\";\r\n\r\nconst BorrowAssetGrid = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [checkInList, setCheckInList] = useState([]);\r\n const [acceptButtonClass, setAcceptButtonClass] = useState('p-button-danger');\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [permissions, setPermissions] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const actionTemplate = (rowData) => {\r\n\r\n const items = [];\r\n\r\n if ((roletypeid == 1) || (roletypeid == 2 && usertype_id == 1 && !warehouseid)) {\r\n items.push({\r\n label: 'View',\r\n command: () => handleViewAsset(rowData),\r\n });\r\n } else {\r\n items.push(\r\n {\r\n label: 'Delete',\r\n command: () => confirm(rowData),\r\n },\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n All Records\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './checkinassetaddedit',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n rowData?.asset_name || 'N/A'} header=\"Asset Name\"> \r\n {/* rowData?.inventory_Type_Name || 'N/A'} header=\"Asset Type\"> */}\r\n rowData?.check_In_type === 'Borrow Items' ? 'Return Items' : rowData?.check_In_type} header=\"Check In Type\"> \r\n rowData?.category_name || 'N/A'} header=\"Category\"> \r\n rowData?.subcategory_name || 'N/A'} header=\"Sub Category\"> \r\n rowData?.brand_name || 'N/A'} header=\"Brand\"> \r\n (\r\n rowData?.rfid || 'N/A'} header=\"RFID\"> \r\n rowData?.vendoR_NAME || 'N/A'} header=\"Vendor\"> \r\n rowData?.createddatetime ? moment(rowData?.createddatetime).format('DD-MM-YYYY HH:mm A') : 'N/A'}\r\n header=\"Created Date\"\r\n />\r\n {permissions.includes(2) ?\r\n
\r\n \r\n {
\r\n )}\r\n header=\"SKU\"\r\n >\r\n \r\n {rowData?.sku_code?.replace(/(.{25})/g, '$1\\n')}\r\n
|| 'N/A'}\r\n \r\n
\r\n \r\n Check In Items\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './checkinassetaddedit',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n rowData?.asset_name || 'N/A'} header=\"Asset Name\"> \r\n {/* rowData?.inventory_Type_Name || 'N/A'} header=\"Asset Type\"> */}\r\n rowData?.check_In_type === 'Borrow Items' ? 'Return Items' : rowData?.check_In_type} header=\"Check In Type\"> \r\n rowData?.category_name || 'N/A'} header=\"Category\"> \r\n rowData?.subcategory_name || 'N/A'} header=\"Sub Category\"> \r\n rowData?.brand_name || 'N/A'} header=\"Brand\"> \r\n (\r\n rowData?.rfid || 'N/A'} header=\"RFID\"> \r\n rowData?.vendoR_NAME || 'N/A'} header=\"Vendor\"> \r\n rowData?.createddatetime ? moment(rowData?.createddatetime).format('DD-MM-YYYY HH:mm A') : 'N/A'}\r\n header=\"Created Date\"\r\n />\r\n {permissions.includes(2) ?\r\n
\r\n \r\n {
\r\n )}\r\n header=\"SKU\"\r\n >\r\n \r\n {rowData?.sku_code.replace(/(.{25})/g, '$1\\n')}\r\n
|| 'N/A'}\r\n \r\n
\r\n \r\n Return Items\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './checkinassetaddedit',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n rowData?.asset_name || 'N/A'} header=\"Asset Name\"> \r\n {/* rowData?.inventory_Type_Name || 'N/A'} header=\"Asset Type\"> */}\r\n rowData?.check_In_type === 'Borrow Items' ? 'Return Items' : rowData?.check_In_type} header=\"Check In Type\"> \r\n rowData?.category_name || 'N/A'} header=\"Category\"> \r\n rowData?.subcategory_name || 'N/A'} header=\"Sub Category\"> \r\n rowData?.brand_name || 'N/A'} header=\"Brand\"> \r\n\r\n (\r\n rowData?.rfid || 'N/A'} header=\"RFID\"> \r\n rowData?.vendoR_NAME || 'N/A'} header=\"Vendor\"> \r\n rowData?.createddatetime ? moment(rowData?.createddatetime).format('DD-MM-YYYY HH:mm A') : 'N/A'}\r\n header=\"Created Date\"\r\n />\r\n {permissions.includes(2) ?\r\n
\r\n \r\n {
\r\n )}\r\n header=\"SKU\"\r\n >\r\n \r\n {rowData?.sku_code.replace(/(.{25})/g, '$1\\n')}\r\n
|| 'N/A'}\r\n \r\n
\r\n );\r\n };\r\n\r\n const confirm = (rowData) => {\r\n\r\n confirmDialog({\r\n message: 'Are you sure you want to delete this Borrow data?',\r\n header: 'Confirmation',\r\n icon: 'pi pi-exclamation-triangle',\r\n acceptClassName: acceptButtonClass,\r\n acceptLabel: 'Yes',\r\n accept: () => {\r\n handleDeleteCheckOut(rowData);\r\n },\r\n reject: () => {\r\n return null;\r\n },\r\n });\r\n\r\n };\r\n\r\n const handleDeleteCheckOut = async (rowData) => {\r\n\r\n setIsActive(true);\r\n\r\n const obj = {\r\n p_id: rowData?.id,\r\n };\r\n\r\n const response = await dispatch(handleDeleteRequest(obj, `/api/Asset/DeleteBorrowtById`, true, true));\r\n if (response) {\r\n await getCheckOutList();\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const handleViewAsset = (rowData) => {\r\n const item = true;\r\n const view = true;\r\n history.push({\r\n pathname: './borrowassetaddedit',\r\n state: {\r\n isEditable: item,\r\n isView: view,\r\n rowData: rowData,\r\n }\r\n });\r\n };\r\n\r\n\r\n\r\n //Get Asset Borrow List\r\n const getCheckOutList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Asset/GetBorrowList?warehouseid=${warehouseid || 0}`, true));\r\n if (response) {\r\n setCheckInList(response);\r\n }\r\n setIsActive(false);\r\n\r\n };\r\n\r\n useEffect(() => {\r\n getCheckOutList()\r\n }, [])\r\n\r\n\r\n\r\n useEffect(() => {\r\n\r\n const myPermissions = JSON.parse(localStorage.getItem(\"permissions\"))\r\n const allPermModules = myPermissions?.find(module => module?.routepath?.includes(\"/asset\"));\r\n if (allPermModules) {\r\n const result = allPermModules?.submodules?.find(item => item?.routepath == \"/borrowasset\")\r\n setPermissions(result?.permissions?.map(item => item?.permission_id) || []);\r\n }\r\n\r\n }, []);\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n \r\n Borrow Asset\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n const item = false;\r\n history.push({\r\n pathname: './borrowassetaddedit',\r\n state: {\r\n isEditable: item,\r\n }\r\n });\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n \r\n \r\n rowData?.asset_name || 'N/A'} header=\"Asset Name\"> \r\n rowData?.inventory_Type_Name || 'N/A'} header=\"Asset Type\"> \r\n {/* rowData?.warehousE_NAME || 'N/A'} header=\"Warehouse\"> */}\r\n rowData?.category_name || 'N/A'} header=\"Category\"> \r\n rowData?.subcategory_name || 'N/A'} header=\"Sub Category\"> \r\n rowData?.rfid || 'N/A'} header=\"RFID Code\"> \r\n rowData?.sku_code || 'N/A'} header=\"Sku\"> \r\n rowData?.brand_name || 'N/A'} header=\"Brand\"> \r\n rowData?.vendoR_NAME || 'N/A'} header=\"Vendor\"> \r\n {/* rowData?.notes || 'N/A'} header=\"Notes\"> */}\r\n rowData?.createddatetime ? moment(rowData?.createddatetime).format('DD-MM-YYYY HH:mm') : 'N/A'}\r\n header=\"Created Date\"\r\n />\r\n {permissions.includes(2) ?\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default BorrowAssetGrid","import React, { useEffect, useRef, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Button } from 'primereact/button';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { handlePostRequestFormData } from '../../services/PostFormDataTemplate';\r\nimport { baseURL } from '../../Config';\r\n\r\nconst AddUsers = () => {\r\n\r\n const location = useLocation();\r\n const { isEditable, superAdminActiveAdd } = location?.state;\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [isActive, setIsActive] = useState(false)\r\n const [allRoles, setAllRoles] = useState([])\r\n const [userTypes, setUserTypes] = useState([])\r\n const [warehouseData, setWarehouseData] = useState([])\r\n const [userTypeAs, setUserTypeAs] = useState(1);\r\n const [fileInfo, setFileInfo] = useState(null);\r\n const [showImage, setShowImage] = useState('');\r\n const [editableRemoved, setEditableRemoved] = useState(false);\r\n const [disabledWHAdminField, setDisabledWHAdminField] = useState(false);\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n //WH Admin\r\n const validationSchema = roletypeid == '2' && usertype_id == 2 && warehouseid && isEditable === false && superAdminActiveAdd === false\r\n ? Yup.object().shape({\r\n user_id: Yup.string().required(\"This field is required.\"),\r\n user_name: Yup.string().required(\"This field is required.\"),\r\n email: Yup.string()\r\n .matches(/.*\\..*/, \"Please enter a valid email\")\r\n .required(\"This field is required.\"),\r\n role: Yup.string().required(\"This field is required.\"),\r\n rfid_code: Yup.string().required(\"This field is required.\"),\r\n contact: Yup.string().required(\"This field is required.\"),\r\n })\r\n\r\n //Super Admin for UserType Warehouse\r\n : (roletypeid == '1' && userTypeAs == 2 && isEditable === false && superAdminActiveAdd === false) || (roletypeid === '2' && userTypeAs == 2 && isEditable === false && superAdminActiveAdd === false)\r\n ? Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n warehouse_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string()\r\n .matches(/.*\\..*/, \"Please enter a valid email\")\r\n .required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n user_id2: Yup.string().required(\"This field is required.\"),\r\n })\r\n\r\n //Super Admin for Usertype System User\r\n : (roletypeid == '1' && userTypeAs == 0 && !warehouseid && isEditable === false && superAdminActiveAdd === false) ?\r\n Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n warehouse_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string()\r\n .matches(/.*\\..*/, \"Please enter a valid email\")\r\n .required(\"This field is required.\"),\r\n role_2: Yup.string().required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n rfid_code_2: Yup.string().required(\"This field is required.\"),\r\n user_id2: Yup.string().required(\"This field is required.\"),\r\n })\r\n\r\n //System User\r\n : (roletypeid == '2' && userTypeAs == 1 && !warehouseid && isEditable === false && superAdminActiveAdd === false) || (roletypeid == '2' && userTypeAs == 1 && !warehouseid && isEditable === false)\r\n ? Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string()\r\n .matches(/.*\\..*/, \"Please enter a valid email\")\r\n .required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n role_2: Yup.string().required(\"This field is required.\"),\r\n rfid_code_2: Yup.string().required(\"This field is required.\"),\r\n user_id2: Yup.string().required(\"This field is required.\"),\r\n })\r\n\r\n : (roletypeid == '2' && !userTypeAs && isEditable === false && superAdminActiveAdd === false)\r\n ? Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string()\r\n .matches(/.*\\..*/, \"Please enter a valid email\")\r\n .required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n role_2: Yup.string().required(\"This field is required.\"),\r\n rfid_code_2: Yup.string().required(\"This field is required.\"),\r\n user_id2: Yup.string().required(\"This field is required.\"),\r\n })\r\n :\r\n\r\n //For WH Users\r\n (roletypeid == '2' && userTypeAs == 1 && usertype_id == 1 && warehouseid && isEditable === false && superAdminActiveAdd === false)\r\n ? Yup.object().shape({\r\n user_id: Yup.string().required(\"This field is required.\"),\r\n user_name: Yup.string().required(\"This field is required.\"),\r\n email: Yup.string()\r\n .matches(/.*\\..*/, \"Please enter a valid email\")\r\n .required(\"This field is required.\"),\r\n contact: Yup.string().required(\"This field is required.\"),\r\n role: Yup.string().required(\"This field is required.\"),\r\n rfid_code: Yup.string().required(\"This field is required.\"),\r\n })\r\n :\r\n\r\n //SUPER ADMIN LOGIN SCENARIOS \r\n //For System Users \r\n (roletypeid == 1 && usertype_id == 0 && userTypeAs == 1 && !warehouseid && isEditable === false && superAdminActiveAdd === true)\r\n ?\r\n Yup.object().shape({\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string()\r\n .matches(/.*\\..*/, \"Please enter a valid email\")\r\n .required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n role_2: Yup.string().required(\"This field is required.\"),\r\n rfid_code_2: Yup.string().required(\"This field is required.\"),\r\n user_id2: Yup.string().required(\"This field is required.\"),\r\n })\r\n :\r\n //For WH Admins\r\n (roletypeid == 1 && usertype_id == 0 && userTypeAs == 2 && !warehouseid && isEditable === false && superAdminActiveAdd === true) || (roletypeid == '2' && userTypeAs == 2 && !warehouseid && isEditable === false)\r\n ?\r\n Yup.object().shape({\r\n user_id2: Yup.string().required(\"This field is required.\"),\r\n user_type_id: Yup.string().required(\"This field is required.\"),\r\n warehouse_id: Yup.string().required(\"This field is required.\"),\r\n contact_2: Yup.string().required(\"This field is required.\"),\r\n user_name_2: Yup.string().required(\"This field is required.\"),\r\n email_2: Yup.string()\r\n .matches(/.*\\..*/, \"Please enter a valid email\")\r\n .required(\"This field is required.\"),\r\n })\r\n :\r\n null;\r\n\r\n\r\n const formik = useFormik({\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n // For Admin\r\n user_id: \"\",\r\n user_name: \"\",\r\n email: \"\",\r\n rfid_code: \"\",\r\n role: \"\",\r\n contact: \"\",\r\n\r\n // For Super Admin (WH Admin)\r\n user_type_id: 1,\r\n warehouse_id: \"\",\r\n user_id2: \"\",\r\n\r\n user_name_2: \"\",\r\n email_2: \"\",\r\n contact_2: \"\",\r\n\r\n // For Super Admin (Users)\r\n rfid_code_2: \"\",\r\n role_2: \"\",\r\n },\r\n\r\n onSubmit: async (data) => {\r\n\r\n let formData = new FormData();\r\n let formData2 = new FormData();\r\n let formData3 = new FormData();\r\n\r\n if ((fileInfo && isEditable === false) || (fileInfo && isEditable === true && editableRemoved) || (fileInfo && isEditable === true && !showImage)) {\r\n formData.append('image', fileInfo.file);\r\n formData2.append('image', fileInfo.file);\r\n formData3.append('image', fileInfo.file);\r\n }\r\n else if (fileInfo && isEditable === true) {\r\n formData.append('image', 'unchanged');\r\n formData2.append('image', 'unchanged');\r\n formData3.append('image', 'unchanged');\r\n }\r\n\r\n\r\n if (isEditable) {\r\n\r\n }\r\n else {\r\n //For WH Users\r\n formData.append('User_id', parseInt(formik.values.user_id));\r\n formData.append('User_Name', formik.values.user_name);\r\n formData.append('User_Email', formik.values.email);\r\n formData.append('RFID_code', formik.values.rfid_code);\r\n formData.append('Role_id', formik.values.role);\r\n formData.append('contact_number', formik.values.contact);\r\n formData.append('Status_id', '1');\r\n formData.append('roletype_id', !isNaN(parseInt(roletypeid)) ? parseInt(roletypeid) : 0);\r\n formData.append('warehouse_id', !isNaN(parseInt(warehouseid)) ? parseInt(warehouseid) : 0);\r\n formData.append(\r\n 'usertypeid',\r\n roletypeid == '2' && usertype_id == 2 && warehouseid ? 1 : !isNaN(parseInt(usertype_id)) ? parseInt(usertype_id) : 0\r\n );\r\n\r\n formData.append('CreatedBy', !isNaN(parseInt(user_id)) ? parseInt(user_id) : 0);\r\n\r\n //For (WH Admin)\r\n formData2.append('User_id', parseInt(formik.values.user_id2));\r\n formData2.append('usertypeid', parseInt(formik.values.user_type_id));\r\n formData2.append('User_Name', formik.values.user_name_2);\r\n formData2.append('User_Email', formik.values.email_2);\r\n formData2.append('contact_number', formik.values.contact_2);\r\n formData2.append('warehouse_id', formik.values.warehouse_id);\r\n formData2.append('Status_id', '1');\r\n formData2.append('RFID_code', 0);\r\n formData2.append('roletype_id', !isNaN(parseInt(roletypeid)) ? parseInt(roletypeid) : 0);\r\n // formData2.append('usertypeid', !isNaN(parseInt(usertype_id)) ? parseInt(usertype_id) : 0);\r\n formData2.append('CreatedBy', !isNaN(parseInt(user_id)) ? parseInt(user_id) : 0);\r\n\r\n //For Super Admin (System Users)\r\n formData3.append('User_id', parseInt(formik.values.user_id2));\r\n formData3.append('usertypeid', parseInt(formik.values.user_type_id));\r\n formData3.append('User_Name', formik.values.user_name_2);\r\n formData3.append('User_Email', formik.values.email_2);\r\n formData3.append('contact_number', formik.values.contact_2);\r\n formData3.append('RFID_code', formik.values.rfid_code_2);\r\n formData3.append('Role_id', formik.values.role_2);\r\n formData3.append('Status_id', '1');\r\n formData3.append('roletype_id', !isNaN(parseInt(roletypeid)) ? parseInt(roletypeid) : 0);\r\n // formData3.append('usertypeid', !isNaN(parseInt(usertype_id)) ? parseInt(usertype_id) : 0);\r\n formData3.append('CreatedBy', !isNaN(parseInt(user_id)) ? parseInt(user_id) : 0);\r\n\r\n setSaveBtnLoading(true);\r\n\r\n let response;\r\n response = await dispatch(handlePostRequestFormData(\r\n !warehouseid && formik.values.user_type_id == '2' ? formData2 :\r\n !warehouseid && formik.values.user_type_id == '1' ? formData3 :\r\n roletypeid == '2' && warehouseid ? formData :\r\n null,\r\n \"/api/Authentication/AddNewUser\",\r\n true,\r\n true\r\n ));\r\n\r\n if (response?.statusCode == 200) {\r\n history.push('./users')\r\n setSaveBtnLoading(false);\r\n }\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n }\r\n\r\n });\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n const ResetForm = () => {\r\n formik.setFieldValue('user_id', '')\r\n formik.setFieldValue('user_name', '')\r\n formik.setFieldValue('email', '')\r\n formik.setFieldValue('rfid_code', '')\r\n formik.setFieldValue('role', '')\r\n formik.setFieldValue('contact', '')\r\n formik.setFieldValue('user_type_id', '')\r\n formik.setFieldValue('warehouse_id', '')\r\n formik.setFieldValue('user_name_2', '')\r\n formik.setFieldValue('email_2', '')\r\n formik.setFieldValue('contact_2', '')\r\n formik.setFieldValue('rfid_code_2', '')\r\n formik.setFieldValue('role_2', '')\r\n setFileInfo(null)\r\n }\r\n\r\n const getAllRoles = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Authentication/getAllRole?rid=${2}&uid=${formik.values.user_type_id || 0}&wid=${formik.values.warehouse_id || warehouseid || 0}`, true));\r\n\r\n if (response) {\r\n setAllRoles(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getUserTypes = async () => {\r\n\r\n setIsActive(true);\r\n const res = await dispatch(handleGetRequest(\"/api/Authentication/UserType\", true));\r\n if (res) {\r\n setUserTypes(res);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const getWarehouseData = async () => {\r\n\r\n setIsActive(true);\r\n const res = await dispatch(handleGetRequest(\"/api/Authentication/Warehouse\", true));\r\n if (res) {\r\n setWarehouseData(res);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n getUserTypes()\r\n getWarehouseData()\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (warehouseid || formik.values.warehouse_id || formik.values.user_type_id) {\r\n getAllRoles()\r\n }\r\n\r\n }, [warehouseid, formik.values.warehouse_id, formik.values.user_type_id])\r\n\r\n //File Handling\r\n const handleIconClick = () => {\r\n const fileInput = document.createElement('input');\r\n fileInput.type = 'file';\r\n fileInput.accept = 'image/*';\r\n fileInput.onchange = handleChange;\r\n fileInput.click();\r\n };\r\n\r\n const handleChange = (event) => {\r\n processFile(event.target.files[0]);\r\n };\r\n\r\n const handleDrop = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n if (event.dataTransfer.files && event.dataTransfer.files.length > 0) {\r\n processFile(event.dataTransfer.files[0]);\r\n event.dataTransfer.clearData();\r\n }\r\n };\r\n\r\n const handleDragOver = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n };\r\n\r\n const processFile = (event) => {\r\n const file = event;\r\n if (file) {\r\n const objectURL = URL.createObjectURL(file);\r\n setFileInfo({\r\n file: file, // Storing the actual File object\r\n objectURL: objectURL,\r\n lastModified: file.lastModified,\r\n lastModifiedDate: file.lastModifiedDate,\r\n name: file.name,\r\n size: file.size,\r\n type: file.type,\r\n webkitRelativePath: file.webkitRelativePath || \"\"\r\n });\r\n }\r\n };\r\n\r\n const handleRemoveImage = () => {\r\n if (showImage) {\r\n URL.revokeObjectURL(fileInfo.objectURL); // Free up memory by releasing object URL\r\n setShowImage('')\r\n setEditableRemoved(true)\r\n }\r\n if (fileInfo) {\r\n URL.revokeObjectURL(fileInfo.objectURL); // Free up memory by releasing object URL\r\n setShowImage('')\r\n }\r\n setFileInfo(null);\r\n };\r\n\r\n //Generate User Id\r\n const handleGenerateUserId = () => {\r\n const newUserId = generateRandomUserId();\r\n formik.setFieldValue('user_id', newUserId);\r\n };\r\n\r\n const generateRandomUserId = () => {\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return userId;\r\n };\r\n\r\n const handleGenerateUserId2 = () => {\r\n const newUserId = generateRandomUserId2();\r\n formik.setFieldValue('user_id2', newUserId);\r\n };\r\n\r\n const generateRandomUserId2 = () => {\r\n const length = 4;\r\n const charset = \"0123456789\";\r\n let userId = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n userId += charset[randomIndex];\r\n }\r\n\r\n return userId;\r\n };\r\n\r\n //Generate RFID Code\r\n const handleGenerateCode = () => {\r\n const newCode = generateRandomCode();\r\n formik.setFieldValue('rfid_code', newCode);\r\n };\r\n\r\n const generateRandomCode = () => {\r\n const length = 10;\r\n const charset = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n let code = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n code += charset[randomIndex];\r\n }\r\n return code;\r\n };\r\n\r\n //Generate RFID Code 2\r\n const handleGenerateCode2 = () => {\r\n const newCode = generateRandomCode2();\r\n formik.setFieldValue('rfid_code_2', newCode);\r\n };\r\n\r\n const generateRandomCode2 = () => {\r\n const length = 10;\r\n const charset = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n let code = \"\";\r\n\r\n for (let i = 0; i < length; i++) {\r\n const randomIndex = Math.floor(Math.random() * charset.length);\r\n code += charset[randomIndex];\r\n }\r\n return code;\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\nexport default AddUsers","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\n\r\nconst ReplenishedItemReport = () => {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const warehouseid = localStorage.getItem(\"warehouseid\");\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [ReplenishedItemReport, setReplenishedItemReport] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n categoryName: true,\r\n sub_Category_Name: true,\r\n brandName: true,\r\n sku: true,\r\n unitofmeasurementName: true,\r\n bal_qty: true,\r\n min_t_value: true,\r\n replenishQty: true\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const filterColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n const visibleColumns = Object.keys(columnVisibility)?.map((column, i) => {\r\n if (filterColumns.length === 0) {\r\n return column\r\n } else {\r\n return filterColumns[i]\r\n }\r\n }).filter(Boolean)\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : ReplenishedItemReport;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `ReplenishedItemReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n Add New User
\r\nAdd Details
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n )\r\n };\r\n\r\n const replenishedItemDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n\r\n \r\n exportCSV()}\r\n />\r\n
\r\n \r\n \r\n )\r\n\r\n const getReplenishedReport = async () => {\r\n setIsActive(true);\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetReplenishedReport?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setReplenishedItemReport(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n useEffect(() => {\r\n if (fromDate && toDate) {\r\n getReplenishedReport();\r\n }\r\n }, [fromDate, toDate]);\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default ReplenishedItemReport;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Toolbar } from 'primereact/toolbar';\r\n\r\nconst TotalRegisteredAssets = () => {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const warehouseid = localStorage.getItem(\"warehouseid\");\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [ReplenishedItemReport, setReplenishedItemReport] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n categoryName: true,\r\n sub_Category_Name: true,\r\n brandName: true,\r\n sku: true,\r\n unitofmeasurementName: true,\r\n vendorName: true,\r\n rfid: true,\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const visibleColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : ReplenishedItemReport;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n\r\n let currentDate = new Date();\r\n let dateString = currentDate.toISOString().slice(0, 10); \r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n let filename = `RegisteredAssetsReport-${dateString}.csv`;\r\n link.setAttribute('download', filename);\r\n \r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => (\r\n \r\n
\r\n \r\n Replenished Item Report\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={replenishedItemDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"bal_qty\",\r\n \"min_t_value\",\r\n \"replenishQty\",\r\n \"unitofmeasurementName\",\r\n \"categoryName\",\r\n \"sub_Category_Name\",\r\n \"brandName\",\r\n \"sku\",\r\n \"unitofmeasurementName\",\r\n ]}\r\n className='report_datatable'\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.name || 'N/A'}> \r\n rowData?.categoryName || 'N/A'}> \r\n rowData?.sub_Category_Name || 'N/A'}> \r\n rowData?.brandName || 'N/A'}> \r\n rowData?.sku || 'N/A'}> \r\n rowData?.unitofmeasurementName || 'N/A'}> \r\n rowData?.bal_qty || 'N/A'}> \r\n rowData?.min_t_value || 'N/A'}> \r\n rowData?.replenishQty || 'N/A'}> \r\n \r\n \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n );\r\n\r\n const registeredAssetsDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n exportCSV()}\r\n />\r\n
\r\n \r\n \r\n )\r\n\r\n const getRegisteredAssets = async () => {\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetAssetReport?warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setReplenishedItemReport(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n useEffect(() => {\r\n getRegisteredAssets();\r\n }, [fromDate, toDate]);\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default TotalRegisteredAssets;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Toolbar } from 'primereact/toolbar';\r\n\r\nconst TotalRegisteredInventory = () => {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const warehouseid = localStorage.getItem(\"warehouseid\");\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [RegisteredInventory, setRegisteredInventory] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [visible, setVisible] = useState(false);\r\n const [dialogContent, setDialogContent] = useState('');\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n categoryName: true,\r\n sub_Category_Name: true,\r\n brandName: true,\r\n sku: true,\r\n unitofmeasurementName: true,\r\n description: true,\r\n vendorName: true,\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const visibleColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : RegisteredInventory;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `RegisteredInvReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => (\r\n \r\n
\r\n\r\n \r\n Registered Asset Details\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={registeredAssetsDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"bal_qty\",\r\n \"min_t_value\",\r\n \"replenishQty\",\r\n \"unitofmeasurementName\",\r\n \"categoryName\",\r\n \"sub_Category_Name\",\r\n \"brandName\",\r\n \"sku\",\r\n \"rfid\",\r\n \"vendorName\",\r\n \"unitofmeasurementName\",\r\n ]}\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.name || 'N/A'}> \r\n rowData?.categoryName || 'N/A'}> \r\n rowData?.sub_Category_Name || 'N/A'}> \r\n rowData?.rfid || 'N/A'}> \r\n rowData?.brandName || 'N/A'}> \r\n rowData?.vendorName || 'N/A'}> \r\n rowData?.sku || 'N/A'}> \r\n rowData?.unitofmeasurementName || 'N/A'}> \r\n \r\n \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n );\r\n\r\n const registeredInventoryDetail = () => (\r\n <>\r\n \r\n {/*
\r\n \r\n
*/}\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n \r\n exportCSV()}\r\n />\r\n
\r\n \r\n \r\n )\r\n\r\n const getRegisteredInventory = async () => {\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetInventoryReport?warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setRegisteredInventory(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n const showDescription = (event, rowData) => {\r\n event.stopPropagation();\r\n setDialogContent(rowData?.description)\r\n setVisible(true);\r\n }\r\n\r\n const descriptionTemplate = (rowData) => (\r\n rowData?.description?.length > 20 ?\r\n
\r\n {rowData?.description} \r\n showDescription(event, rowData)} >\r\n
\r\n :\r\n rowData?.description ?\r\n {rowData?.description}
\r\n :\r\n N/A\r\n )\r\n\r\n useEffect(() => {\r\n getRegisteredInventory();\r\n\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default TotalRegisteredInventory;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Toolbar } from 'primereact/toolbar';\r\n\r\nconst VendorInventoryList = () => {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const warehouseid = localStorage.getItem(\"warehouseid\");\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [vendorInvList, setVendorInvList] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n categoryName: true,\r\n sub_Category_Name: true,\r\n brandName: true,\r\n sku: true,\r\n unitofmeasurementName: true,\r\n totalQuantity: true,\r\n vendorName: true,\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const visibleColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : vendorInvList;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `VendorInvReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => (\r\n \r\n
\r\n\r\n\r\n \r\n Registered Inventory Details\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={registeredInventoryDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"bal_qty\",\r\n \"min_t_value\",\r\n \"replenishQty\",\r\n \"vendorName\",\r\n \"unitofmeasurementName\",\r\n \"categoryName\",\r\n \"sub_Category_Name\",\r\n \"brandName\",\r\n \"sku\",\r\n \"unitofmeasurementName\",\r\n ]}\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.name || 'N/A'}> \r\n rowData?.vendorName || 'N/A'}> \r\n rowData?.categoryName || 'N/A'}> \r\n rowData?.sub_Category_Name || 'N/A'}> \r\n rowData?.brandName || 'N/A'}> \r\n rowData?.sku || 'N/A'}> \r\n rowData?.unitofmeasurementName || 'N/A'}> \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n );\r\n\r\n const vendorInventoryDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n\r\n \r\n exportCSV()}\r\n />\r\n
\r\n \r\n \r\n )\r\n\r\n const getVendorInvList = async () => {\r\n setIsActive(true);\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetVendorByInventory?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setVendorInvList(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n useEffect(() => {\r\n if (fromDate && toDate) {\r\n getVendorInvList();\r\n }\r\n }, [fromDate, toDate]);\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default VendorInventoryList;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Toolbar } from 'primereact/toolbar';\r\n\r\nconst VendorAssetList = () => {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const warehouseid = localStorage.getItem(\"warehouseid\");\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [vendorAssetList, setVendorAssetList] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n categoryName: true,\r\n sub_Category_Name: true,\r\n brandName: true,\r\n sku: true,\r\n unitofmeasurementName: true,\r\n totalQuantity: true,\r\n vendorName: true,\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const visibleColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : vendorAssetList;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `VendorAssetReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => (\r\n \r\n
\r\n\r\n \r\n Inventory list by Vendor\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={vendorInventoryDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"vendorName\",\r\n \"totalQuantity\",\r\n \"unitofmeasurementName\",\r\n \"categoryName\",\r\n \"sub_Category_Name\",\r\n \"brandName\",\r\n \"sku\",\r\n \"unitofmeasurementName\",\r\n ]}\r\n sortField='totalQuantity'\r\n sortOrder={-1}\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.vendorName || 'N/A'}> \r\n rowData?.name || 'N/A'}> \r\n rowData?.categoryName || 'N/A'}> \r\n rowData?.sub_Category_Name || 'N/A'}> \r\n rowData?.brandName || 'N/A'}> \r\n rowData?.sku || 'N/A'}> \r\n rowData?.unitofmeasurementName || 'N/A'}> \r\n rowData?.totalQuantity || 'N/A'}> \r\n \r\n \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n );\r\n\r\n const vendorAssetItemDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n\r\n \r\n exportCSV()}\r\n />\r\n
\r\n \r\n \r\n )\r\n\r\n const getVendorAssetList = async () => {\r\n setIsActive(true);\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetVendorByAssets?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setVendorAssetList(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n useEffect(() => {\r\n if (fromDate && toDate) {\r\n getVendorAssetList();\r\n }\r\n }, [fromDate, toDate]);\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default VendorAssetList;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Toolbar } from 'primereact/toolbar';\r\n\r\nconst AssetBorrowItems = () => {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const warehouseid = localStorage.getItem(\"warehouseid\");\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [assetBorrowList, setAssetBorrowList] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n asset_Name: true,\r\n vendoR_NAME: true,\r\n category_name: true,\r\n subcategory_name: true,\r\n brand_name: true,\r\n sku_code: true,\r\n rfid: true,\r\n unit: true,\r\n borrow_date: true,\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const visibleColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : assetBorrowList;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `BorrowAssetsReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => (\r\n \r\n
\r\n\r\n \r\n Asset list by Vendor\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={vendorAssetItemDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"vendorName\",\r\n \"unitofmeasurementName\",\r\n \"categoryName\",\r\n \"sub_Category_Name\",\r\n \"brandName\",\r\n \"sku\",\r\n \"unitofmeasurementName\",\r\n ]}\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.vendorName || 'N/A'}> \r\n rowData?.name || 'N/A'}> \r\n rowData?.categoryName || 'N/A'}> \r\n rowData?.sub_Category_Name || 'N/A'}> \r\n rowData?.brandName || 'N/A'}> \r\n rowData?.sku || 'N/A'}> \r\n rowData?.unitofmeasurementName || 'N/A'}> \r\n {/* rowData?.totalQuantity || 'N/A'}> */}\r\n \r\n \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n );\r\n\r\n const borrowedItemDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n\r\n \r\n exportCSV()}\r\n />\r\n
\r\n \r\n \r\n )\r\n\r\n const getBorrowItemList = async () => {\r\n setIsActive(true);\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetBorrowByOutstanding?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setAssetBorrowList(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n useEffect(() => {\r\n if (fromDate && toDate) {\r\n getBorrowItemList();\r\n }\r\n }, [fromDate, toDate]);\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default AssetBorrowItems;\r\n","import React, { useEffect, useRef, useState } from 'react'\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport { Toolbar } from 'primereact/toolbar';\r\nimport moment from 'moment';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Checkbox } from 'primereact/checkbox';\r\n\r\nconst InventoryValueReport = () => {\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n const reportRef = useRef()\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const [isActive, setIsActive] = useState(false)\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate())\r\n const [toDate, setToDate] = useState(moment().toDate())\r\n const [inventoryValueReport, setInventoryValueReport] = useState([])\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([])\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n categoryName: true,\r\n sub_Category_Name: true,\r\n brandName: true,\r\n sku: true,\r\n unitofmeasurementName: true,\r\n cost: true\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const filterColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n const visibleColumns = Object.keys(columnVisibility)?.map((column, i) => {\r\n if (filterColumns.length === 0) {\r\n return column\r\n } else {\r\n return filterColumns[i]\r\n }\r\n }).filter(Boolean)\r\n\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : inventoryValueReport;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `InvValueReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => {\r\n return (\r\n \r\n
\r\n\r\n \r\n Borrowed items list by date\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={borrowedItemDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"vendorName\",\r\n \"unitofmeasurementName\",\r\n \"categoryName\",\r\n \"sub_Category_Name\",\r\n \"brandName\",\r\n \"sku\",\r\n \"unitofmeasurementName\",\r\n ]}\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.asset_Name || 'N/A'}> \r\n rowData?.vendoR_NAME || 'N/A'}> \r\n rowData?.category_name || 'N/A'}> \r\n rowData?.subcategory_name || 'N/A'}> \r\n rowData?.brand_name || 'N/A'}> \r\n rowData?.sku_code || 'N/A'}> \r\n rowData?.rfid || 'N/A'}> \r\n rowData?.unit || 'N/A'}> \r\n moment(rowData?.borrow_date).format('DD-MM-YYYY') || 'N/A'}> \r\n {/* rowData?.totalQuantity || 'N/A'}> */}\r\n \r\n \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n )\r\n };\r\n\r\n\r\n const InventoryValueDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n\r\n \r\n exportCSV()}\r\n />\r\n
\r\n \r\n \r\n )\r\n\r\n const getInventoryValueReport = async () => {\r\n setIsActive(true)\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetInventoryReportByvalue?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`))\r\n if (response?.statusCode === \"200\") {\r\n setInventoryValueReport(response?.body)\r\n }\r\n setIsActive(false)\r\n }\r\n useEffect(() => {\r\n if (fromDate && toDate) {\r\n getInventoryValueReport()\r\n }\r\n }, [fromDate, toDate])\r\n return (\r\n <>\r\n
\r\n
\r\n\r\n \r\n )\r\n}\r\n\r\nexport default InventoryValueReport\r\n","import React, { useEffect, useRef, useState } from 'react'\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { confirmDialog } from \"primereact/confirmdialog\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport { Toolbar } from 'primereact/toolbar';\r\nimport moment from 'moment';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Checkbox } from 'primereact/checkbox';\r\n\r\nconst InventoryQuantityReport = () => {\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n const reportRef = useRef()\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const [isActive, setIsActive] = useState(false)\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate())\r\n const [toDate, setToDate] = useState(moment().toDate())\r\n const [invQtyReport, setInvQtyReport] = useState([])\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([])\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n categoryName: true,\r\n sub_Category_Name: true,\r\n brandName: true,\r\n sku: true,\r\n unitofmeasurementName: true,\r\n quantity: true\r\n });\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const filterColumns = Object.keys(columnVisibility)?.filter(column => columnVisibility[column]);\r\n\r\n const visibleColumns = Object.keys(columnVisibility)?.map((column, i) => {\r\n if (filterColumns?.length === 0) {\r\n return column\r\n } else {\r\n return filterColumns[i]\r\n }\r\n }).filter(Boolean)\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct?.length > 0 ? selectedProduct : invQtyReport;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `InvQuantityReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => {\r\n return (\r\n \r\n
\r\n\r\n \r\n Inventory value report\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n setSelectedProduct(e?.value)}\r\n header={InventoryValueDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"unitofmeasurementName\",\r\n \"categoryName\",\r\n \"sub_Category_Name\",\r\n \"brandName\",\r\n \"sku\",\r\n \"unitofmeasurementName\",\r\n \"cost\"\r\n ]}\r\n className='report_datatable'\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n\r\n >\r\n rowData?.name || 'N/A'} > \r\n rowData?.categoryName || 'N/A'} > \r\n rowData?.sub_Category_Name || 'N/A'}> \r\n rowData?.brandName || 'N/A'} > \r\n rowData?.sku || 'N/A'} > \r\n rowData?.unitofmeasurementName || 'N/A'} > \r\n rowData?.cost || 'N/A'} > \r\n \r\n \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n )\r\n };\r\n\r\n\r\n\r\n const inventoryQuantityDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n\r\n \r\n exportCSV()}\r\n />\r\n
\r\n \r\n \r\n )\r\n\r\n const getInventoryQuantityReport = async () => {\r\n setIsActive(true)\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetInventoryReportByQuantity?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`))\r\n if (response?.statusCode === \"200\") {\r\n setInvQtyReport(response?.body)\r\n }\r\n setIsActive(false)\r\n }\r\n useEffect(() => {\r\n if (fromDate && toDate) {\r\n getInventoryQuantityReport()\r\n }\r\n }, [fromDate, toDate])\r\n return (\r\n <>\r\n
\r\n
\r\n\r\n \r\n )\r\n}\r\n\r\nexport default InventoryQuantityReport\r\n\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Dropdown } from 'primereact/dropdown';\r\n\r\nconst InventoryByWarehouse = () => {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [invWhList, setInvWhList] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [warehouseid, setWarehouseId] = useState(null);\r\n const [visible, setVisible] = useState(false);\r\n const [dialogContent, setDialogContent] = useState('');\r\n const [allWH, setAllWH] = useState([])\r\n\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n category_name: true,\r\n subcategory_name: true,\r\n vendoR_NAME: true,\r\n min_t_value: true,\r\n warehouse: true,\r\n description: true,\r\n brand_name: true,\r\n unit: true,\r\n bal_qty: true,\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const visibleColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : invWhList;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `InvByWarehouseReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => (\r\n \r\n
\r\n\r\n \r\n Inventory quantity report\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n setSelectedProduct(e?.value)}\r\n header={inventoryQuantityDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"quantity\",\r\n \"unitofmeasurementName\",\r\n \"categoryName\",\r\n \"sub_Category_Name\",\r\n \"brandName\",\r\n \"sku\",\r\n \"unitofmeasurementName\",\r\n ]}\r\n className='report_datatable'\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n\r\n >\r\n rowData?.name || 'N/A'} > \r\n rowData?.categoryName || 'N/A'} > \r\n rowData?.sub_Category_Name || 'N/A'}> \r\n rowData?.brandName || 'N/A'} > \r\n rowData?.sku || 'N/A'} > \r\n rowData?.unitofmeasurementName || 'N/A'} > \r\n rowData?.quantity || 'N/A'} > \r\n \r\n \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n );\r\n\r\n const invWarehouseDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n\r\n \r\n exportCSV()}\r\n />\r\n setWarehouseId(e.value)}\r\n className=\"custom-dropdown ml-4\"\r\n >\r\n
\r\n \r\n \r\n )\r\n\r\n const getInvList = async () => {\r\n\r\n setIsActive(true);\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetInventoryBylocation?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setInvWhList(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n //Get WH List\r\n const getWHList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllWarehouse`, true));\r\n if (response) {\r\n setAllWH(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const showDescription = (event,rowData) => {\r\n event.stopPropagation();\r\n setDialogContent(rowData?.description)\r\n setVisible(true);\r\n }\r\n\r\n const descriptionTemplate = (rowData) => (\r\n rowData?.description?.length > 20 ?\r\n
\r\n {rowData?.description} \r\n showDescription(event,rowData)} >\r\n
\r\n :\r\n rowData?.description ?\r\n {rowData?.description}
\r\n :\r\n N/A\r\n )\r\n\r\n useEffect(() => {\r\n if ((fromDate && toDate) || warehouseid) {\r\n getInvList();\r\n getWHList()\r\n }\r\n }, [fromDate, toDate, warehouseid]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default InventoryByWarehouse;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Dropdown } from 'primereact/dropdown';\r\n\r\nconst InventoryByUsers = () => {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [invWhList, setInvWhList] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [warehouseid, setWarehouseId] = useState(null);\r\n const [visible, setVisible] = useState(false);\r\n const [dialogContent, setDialogContent] = useState('');\r\n const [allWH, setAllWH] = useState([])\r\n\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n category_name: true,\r\n subcategory_name: true,\r\n vendoR_NAME: true,\r\n min_t_value: true,\r\n warehouse: true,\r\n description: true,\r\n brand_name: true,\r\n unit: true,\r\n bal_qty: true,\r\n userName: true,\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const visibleColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : invWhList;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `InvByUsersReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => (\r\n \r\n
\r\n\r\n \r\n Inventory List\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={invWarehouseDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"category_name\",\r\n \"subcategory_name\",\r\n \"vendoR_NAME\",\r\n \"min_t_value\",\r\n \"warehouse\",\r\n \"description\",\r\n \"brand_name\",\r\n \"unit\",\r\n \"bal_qty\",\r\n ]}\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.warehouse || 'N/A'}> \r\n rowData?.name || 'N/A'}> \r\n rowData?.category_name || 'N/A'}> \r\n rowData?.subcategory_name || 'N/A'}> \r\n rowData?.vendoR_NAME || 'N/A'}> \r\n rowData?.brand_name || 'N/A'}> \r\n rowData?.unit || 'N/A'}> \r\n rowData?.min_t_value || 'N/A'}> \r\n rowData?.bal_qty || 'N/A'}> \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n );\r\n\r\n const invWarehouseDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n\r\n \r\n exportCSV()}\r\n />\r\n setWarehouseId(e.value)}\r\n className=\"custom-dropdown ml-4\"\r\n >\r\n
\r\n \r\n \r\n )\r\n\r\n const getInvList = async () => {\r\n\r\n setIsActive(true);\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetInventoryBylocation?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setInvWhList(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n //Get WH List\r\n const getWHList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllWarehouse`, true));\r\n if (response) {\r\n setAllWH(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const showDescription = (event, rowData) => {\r\n event.stopPropagation();\r\n setDialogContent(rowData?.description)\r\n setVisible(true);\r\n }\r\n\r\n const descriptionTemplate = (rowData) => (\r\n rowData?.description?.length > 20 ?\r\n
\r\n {rowData?.description} \r\n showDescription(event, rowData)} >\r\n
\r\n :\r\n rowData?.description ?\r\n {rowData?.description}
\r\n :\r\n N/A\r\n )\r\n\r\n useEffect(() => {\r\n if ((fromDate && toDate) || warehouseid) {\r\n getInvList();\r\n getWHList()\r\n }\r\n }, [fromDate, toDate, warehouseid]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default InventoryByUsers;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Dropdown } from 'primereact/dropdown';\r\n\r\nconst InventoryByValueClient = () => {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [invValueClientList, setInvValueClientList] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [warehouseid, setWarehouseId] = useState(null);\r\n const [allWH, setAllWH] = useState([])\r\n\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n category_name: true,\r\n userName: true,\r\n subcategory_name: true,\r\n vendoR_NAME: true,\r\n min_t_value: true,\r\n warehouse: true,\r\n description: true,\r\n brand_name: true,\r\n unit: true,\r\n totalCost: true,\r\n \r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const visibleColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : invValueClientList;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `InvValueReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => (\r\n \r\n
\r\n\r\n \r\n Inventory by Users List\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={invWarehouseDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"category_name\",\r\n \"subcategory_name\",\r\n \"vendoR_NAME\",\r\n \"min_t_value\",\r\n \"warehouse\",\r\n \"description\",\r\n \"brand_name\",\r\n \"unit\",\r\n \"bal_qty\",\r\n \"userName\",\r\n ]}\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.warehouse || 'N/A'}> \r\n rowData?.userName || 'N/A'}> \r\n rowData?.name || 'N/A'}> \r\n rowData?.category_name || 'N/A'}> \r\n rowData?.subcategory_name || 'N/A'}> \r\n rowData?.vendoR_NAME || 'N/A'}> \r\n rowData?.brand_name || 'N/A'}> \r\n rowData?.unit || 'N/A'}> \r\n rowData?.min_t_value || 'N/A'}> \r\n rowData?.bal_qty || 'N/A'}> \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n );\r\n\r\n const invWarehouseDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n\r\n \r\n exportCSV()}\r\n />\r\n setWarehouseId(e.value)}\r\n className=\"custom-dropdown ml-4\"\r\n >\r\n
\r\n \r\n \r\n )\r\n\r\n const getInvList = async () => {\r\n\r\n setIsActive(true);\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetReportItemsByValue?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setInvValueClientList(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n //Get WH List\r\n const getWHList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllWarehouse`, true));\r\n if (response) {\r\n setAllWH(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n if ((fromDate && toDate) || warehouseid) {\r\n getInvList();\r\n getWHList()\r\n }\r\n }, [fromDate, toDate, warehouseid]);\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default InventoryByValueClient;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Dropdown } from 'primereact/dropdown';\r\n\r\nconst VendorsForAssetClient = () => {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [assetVendorReport, setAssetVendorReport] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [warehouseid, setWarehouseId] = useState(null);\r\n const [visible, setVisible] = useState(false);\r\n const [dialogContent, setDialogContent] = useState('');\r\n const [allWH, setAllWH] = useState([])\r\n\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n category_name: true,\r\n subcategory_name: true,\r\n vendoR_NAME: true,\r\n min_t_value: true,\r\n warehouse: true,\r\n description: true,\r\n brand_name: true,\r\n unit: true,\r\n bal_qty: true,\r\n userName: true,\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const visibleColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : assetVendorReport;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `AssetVendorsReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => (\r\n \r\n
\r\n\r\n \r\n Inventory by value for each user\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={invWarehouseDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"category_name\",\r\n \"subcategory_name\",\r\n \"vendoR_NAME\",\r\n \"min_t_value\",\r\n \"warehouse\",\r\n \"description\",\r\n \"brand_name\",\r\n \"unit\",\r\n \"bal_qty\",\r\n \"userName\",\r\n ]}\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.warehouse || 'N/A'}> \r\n rowData?.userName || 'N/A'}> \r\n rowData?.name || 'N/A'}> \r\n rowData?.category_name || 'N/A'}> \r\n rowData?.subcategory_name || 'N/A'}> \r\n rowData?.vendoR_NAME || 'N/A'}> \r\n rowData?.brand_name || 'N/A'}> \r\n rowData?.unit || 'N/A'}> \r\n rowData?.totalCost || 'N/A'}> \r\n \r\n \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n );\r\n\r\n const invWarehouseDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n\r\n \r\n exportCSV()}\r\n />\r\n setWarehouseId(e.value)}\r\n className=\"custom-dropdown ml-4\"\r\n >\r\n
\r\n \r\n \r\n )\r\n\r\n const getVendorAssetList = async () => {\r\n\r\n setIsActive(true);\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetReportVendorByAsset?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setAssetVendorReport(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n //Get WH List\r\n const getWHList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllWarehouse`, true));\r\n if (response) {\r\n setAllWH(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const showDescription = (event, rowData) => {\r\n event.stopPropagation();\r\n setDialogContent(rowData?.description)\r\n setVisible(true);\r\n }\r\n\r\n const descriptionTemplate = (rowData) => (\r\n rowData?.description?.length > 20 ?\r\n
\r\n {rowData?.description} \r\n showDescription(event, rowData)} >\r\n
\r\n :\r\n rowData?.description ?\r\n {rowData?.description}
\r\n :\r\n N/A\r\n )\r\n\r\n useEffect(() => {\r\n if ((fromDate && toDate) || warehouseid) {\r\n getVendorAssetList();\r\n getWHList()\r\n }\r\n }, [fromDate, toDate, warehouseid]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default VendorsForAssetClient;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { ConfirmPopup, confirmPopup } from 'primereact/confirmpopup';\r\n\r\nconst VendorsForInventoryClient = () => {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [invVendorReport, setInvVendorReport] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [warehouseid, setWarehouseId] = useState(null);\r\n const [visible, setVisible] = useState(false);\r\n const [dialogContent, setDialogContent] = useState('');\r\n const [allWH, setAllWH] = useState([])\r\n const [visible2, setVisible2] = useState(false);\r\n const [vendorList, setVendorList] = useState('');\r\n const toast = useRef(null);\r\n const buttonEl = useRef(null);\r\n\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n category_name: true,\r\n subcategory_name: true,\r\n vendoR_NAME: true,\r\n min_t_value: true,\r\n warehouse: true,\r\n description: true,\r\n brand_name: true,\r\n unit: true,\r\n userName: true,\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n\r\n const accept = () => {\r\n // toast.current.show({ severity: 'info', summary: 'Confirmed' });\r\n };\r\n\r\n const reject = () => {\r\n // toast.current.show({ severity: 'warn', summary: 'Rejected' });\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const visibleColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : invVendorReport;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `InventoryVendorsReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => (\r\n \r\n
\r\n\r\n \r\n Asset Vendors Report for Users\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={invWarehouseDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"category_name\",\r\n \"subcategory_name\",\r\n \"vendoR_NAME\",\r\n \"min_t_value\",\r\n \"warehouse\",\r\n \"description\",\r\n \"brand_name\",\r\n \"unit\",\r\n \"bal_qty\",\r\n \"userName\",\r\n ]}\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.warehouse || 'N/A'}> \r\n rowData?.vendoR_NAME || 'N/A'}> \r\n rowData?.userName || 'N/A'}> \r\n rowData?.name || 'N/A'}> \r\n rowData?.category_name || 'N/A'}> \r\n rowData?.subcategory_name || 'N/A'}> \r\n {/* rowData?.vendoR_NAME || 'N/A'}> */}\r\n rowData?.brand_name || 'N/A'}> \r\n rowData?.unit || 'N/A'}> \r\n {/* rowData?.min_t_value || 'N/A'}> */}\r\n {/* rowData?.bal_qty || 'N/A'}> */}\r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n );\r\n\r\n const invWarehouseDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n \r\n exportCSV()}\r\n />\r\n setWarehouseId(e.value)}\r\n className=\"custom-dropdown ml-4\"\r\n >\r\n
\r\n \r\n \r\n )\r\n\r\n const getVendorInvList = async () => {\r\n\r\n setIsActive(true);\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Reporting/GetReportVendorByInventory?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setInvVendorReport(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n //Get WH List\r\n const getWHList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllWarehouse`, true));\r\n if (response) {\r\n setAllWH(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n const showDescription = (event, rowData) => {\r\n event.stopPropagation();\r\n setDialogContent(rowData?.description)\r\n setVisible(true);\r\n }\r\n\r\n const showVendor = (event, rowData) => {\r\n setVendorList(rowData?.vendoR_NAME)\r\n event.stopPropagation();\r\n setVisible2(true);\r\n }\r\n\r\n const descriptionTemplate = (rowData) => (\r\n rowData?.description?.length > 20 ?\r\n
\r\n {rowData?.description} \r\n showDescription(event, rowData)} >\r\n
\r\n :\r\n rowData?.description ?\r\n {rowData?.description}
\r\n :\r\n N/A\r\n )\r\n\r\n const vendorTemplate = (rowData) => (\r\n rowData?.vendoR_NAME?.includes(',') ?\r\n \r\n {rowData?.vendoR_NAME} \r\n showVendor(event, rowData)} >\r\n
\r\n :\r\n rowData?.vendoR_NAME ?\r\n {rowData?.vendoR_NAME}
\r\n :\r\n N/A\r\n )\r\n\r\n useEffect(() => {\r\n if ((fromDate && toDate) || warehouseid) {\r\n getVendorInvList();\r\n getWHList()\r\n }\r\n }, [fromDate, toDate, warehouseid]);\r\n\r\n return (\r\n <>\r\n \r\n\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default VendorsForInventoryClient;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Calendar } from 'primereact/calendar';\r\nimport moment from 'moment';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { handleGetRequest } from '../../../services/GetTemplate';\r\nimport { Dropdown } from 'primereact/dropdown';\r\n\r\nconst ReplenishedItems = () => {\r\n\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const reportRef = useRef();\r\n const [isActive, setIsActive] = useState(false);\r\n const [fromDate, setFromDate] = useState(moment().subtract(30, 'days').toDate());\r\n const [toDate, setToDate] = useState(moment().toDate());\r\n const [invVendorReport, setInvVendorReport] = useState([]);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [selectedProduct, setSelectedProduct] = useState([]);\r\n const [warehouseid, setWarehouseId] = useState(null);\r\n const [allWH, setAllWH] = useState([])\r\n\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const [columnVisibility, setColumnVisibility] = useState({\r\n name: true,\r\n categoryName: true,\r\n sub_Category_Name: true,\r\n brandName: true,\r\n sku: true,\r\n unitofmeasurementName: true,\r\n bal_qty: true,\r\n min_t_value: true,\r\n replenishQty: true\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportCSV = () => {\r\n // Filter out only the visible columns\r\n const visibleColumns = Object.keys(columnVisibility).filter(column => columnVisibility[column]);\r\n\r\n // Get the data based on the selected rows or all rows if none are selected\r\n const dataToExport = selectedProduct.length > 0 ? selectedProduct : invVendorReport;\r\n\r\n // Filter the data to include only the visible columns\r\n const filteredData = dataToExport.map(row => {\r\n let filteredRow = {};\r\n visibleColumns.forEach(column => {\r\n filteredRow[column] = row[column];\r\n });\r\n return filteredRow;\r\n });\r\n\r\n // Convert filtered data to CSV format\r\n const csvContent = [\r\n // Add the header row with the visible columns\r\n visibleColumns.join(','),\r\n // Add each row's data, joining values with commas\r\n ...filteredData.map(row => visibleColumns.map(column => row[column]).join(','))\r\n ].join('\\n');\r\n\r\n // Create a Blob from the CSV content and generate a download link\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n\r\n // Create a temporary anchor element and trigger a download\r\n const link = document.createElement('a');\r\n link.href = url;\r\n let currentDate = new Date();\r\n\r\n let dateString = currentDate.toISOString().slice(0, 10);\r\n\r\n let timeString = currentDate.toTimeString().slice(0, 8);\r\n\r\n let filename = `ReplinishedItemsReport-${dateString}.csv`;\r\n\r\n link.setAttribute('download', filename);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n };\r\n\r\n\r\n const handleColumnCheckboxChange = (event, column) => {\r\n setColumnVisibility(prevState => ({\r\n ...prevState,\r\n [column]: event.target.checked\r\n }));\r\n };\r\n\r\n const columnHeaderCheckbox = (columnKey, columnHeader) => (\r\n \r\n
\r\n\r\n \r\n Inventory Vendors Report for Users\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={invWarehouseDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"category_name\",\r\n \"subcategory_name\",\r\n \"vendoR_NAME\",\r\n \"min_t_value\",\r\n \"warehouse\",\r\n \"description\",\r\n \"brand_name\",\r\n \"unit\",\r\n \"userName\",\r\n ]}\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.warehouse || 'N/A'}> \r\n rowData?.userName || 'N/A'}> \r\n rowData?.name || 'N/A'}> \r\n rowData?.category_name || 'N/A'}> \r\n rowData?.subcategory_name || 'N/A'}> \r\n {/* rowData?.vendoR_NAME || 'N/A'}> */}\r\n rowData?.brand_name || 'N/A'}> \r\n rowData?.unit || 'N/A'}> \r\n
\r\n \r\n handleColumnCheckboxChange(e, columnKey)}\r\n />\r\n \r\n
\r\n );\r\n\r\n const invWarehouseDetail = () => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setFromDate(e?.target?.value)} />\r\n
\r\n \r\n \r\n setToDate(e?.target?.value)} />\r\n
\r\n\r\n \r\n exportCSV()}\r\n />\r\n setWarehouseId(e.value)}\r\n className=\"custom-dropdown ml-4\"\r\n >\r\n
\r\n \r\n \r\n )\r\n\r\n const getVendorInvList = async () => {\r\n\r\n setIsActive(true);\r\n const from_Date = fromDate ? moment(fromDate).format('YYYY-MM-DD') : null;\r\n const to_Date = toDate ? moment(toDate).format('YYYY-MM-DD') : null;\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetReplenishedReport?fromdate=${from_Date}&todate=${to_Date}&warehouse_id=${warehouseid || 0}`));\r\n if (response?.statusCode === \"200\") {\r\n setInvVendorReport(response?.body);\r\n }\r\n setIsActive(false);\r\n }\r\n\r\n //Get WH List\r\n const getWHList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllWarehouse`, true));\r\n if (response) {\r\n setAllWH(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n useEffect(() => {\r\n if ((fromDate && toDate) || warehouseid) {\r\n getVendorInvList();\r\n getWHList()\r\n }\r\n }, [fromDate, toDate, warehouseid]);\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default ReplenishedItems;\r\n","import React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { FilterMatchMode } from \"primereact/api\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { Triangle } from \"react-loader-spinner\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { handleGetRequest } from \"../../services/GetTemplate\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport * as XLSX from 'xlsx';\r\n\r\nconst LowLevelList = () => {\r\n\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const location = useLocation();\r\n const { warehouseId } = location.state || {};\r\n\r\n const [isActive, setIsActive] = useState(false)\r\n const [allItemsList, setAllItemsList] = useState([]);\r\n const [allItemsListForFilter, setAllItemsListForFilter] = useState([]);\r\n const [allWH, setAllWH] = useState([]);\r\n const [warehouseValue, setWarehouseValue] = useState('');\r\n\r\n const [globalFilterValue, setGlobalFilterValue] = useState(\"\");\r\n const [filters, setFilters] = useState({\r\n global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n });\r\n\r\n const onGlobalFilterChange = (e) => {\r\n const value = e.target.value;\r\n let _filters = { ...filters };\r\n _filters[\"global\"].value = value;\r\n\r\n setFilters(_filters);\r\n setGlobalFilterValue(value);\r\n };\r\n\r\n const exportExcel = () => {\r\n \r\n const filteredData = allItemsList.map(({ warehouseid, inventory_id, ...rest }) => rest);\r\n\r\n // Convert the filtered data to a worksheet\r\n const worksheet = XLSX.utils.json_to_sheet(filteredData);\r\n const workbook = XLSX.utils.book_new();\r\n XLSX.utils.book_append_sheet(workbook, worksheet, \"Items\");\r\n\r\n // Create the Excel file and trigger the download\r\n XLSX.writeFile(workbook, \"lowlevel-items.xlsx\");\r\n };\r\n\r\n\r\n //Get Low Level List\r\n const getLowLevelList = async () => {\r\n\r\n setIsActive(true);\r\n const response = await dispatch(handleGetRequest(`/api/Dashboard/GetLowLevelitemsReport?warehouse_id=${warehouseId || 0}`, true));\r\n if (response?.statusCode == 200) {\r\n setAllItemsListForFilter(response?.body);\r\n setAllItemsList(response?.body);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n //Get WH List\r\n const getWHList = async () => {\r\n\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllWarehouse`, true));\r\n if (response) {\r\n setAllWH(response);\r\n }\r\n setIsActive(false);\r\n };\r\n\r\n\r\n useEffect(() => {\r\n\r\n if (warehouseValue) {\r\n setAllItemsList(allItemsListForFilter?.filter(item => item?.warehouseid == warehouseValue))\r\n }\r\n else {\r\n setAllItemsList(allItemsListForFilter)\r\n }\r\n\r\n }, [warehouseValue])\r\n\r\n useEffect(() => {\r\n getLowLevelList()\r\n getWHList()\r\n }, [])\r\n\r\n return (\r\n <>\r\n\r\n \r\n
\r\n\r\n \r\n Replenished items for 15 days\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setSelectedProduct(e?.value)}\r\n header={invWarehouseDetail}\r\n globalFilterFields={[\r\n \"name\",\r\n \"category_name\",\r\n \"subcategory_name\",\r\n \"vendoR_NAME\",\r\n \"min_t_value\",\r\n \"warehouse\",\r\n \"description\",\r\n \"brand_name\",\r\n \"unit\",\r\n \"userName\",\r\n ]}\r\n responsiveLayout=\"scroll\"\r\n stripedRows\r\n paginator\r\n rows={20}\r\n emptyMessage=\"No records found\"\r\n paginatorClassName=\"custom-paginator\"\r\n paginatorTemplate=\"CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n rowsPerPageOptions={[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]}\r\n >\r\n rowData?.name || 'N/A'}> \r\n rowData?.categoryName || 'N/A'}> \r\n rowData?.sub_Category_Name || 'N/A'}> \r\n rowData?.brandName || 'N/A'}> \r\n rowData?.sku || 'N/A'}> \r\n rowData?.unitofmeasurementName || 'N/A'}> \r\n rowData?.bal_qty || 'N/A'}> \r\n rowData?.min_t_value || 'N/A'}> \r\n rowData?.replenishQty || 'N/A'}> \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Low level items detailed list\r\n
\r\n\r\n\r\n\r\n \r\n \r\n
\r\n \r\n setWarehouseValue(e.value)}\r\n className=\"dropdown-filter ml-2 mr-2\"\r\n icon=\"pi pi-plus\"\r\n placeholder=\"--Select Warehouse--\"\r\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 rowData?.warehouse || 'N/A'} header=\"Warehouse\"> \r\n rowData?.name || 'N/A'} header=\"Item Name\"> \r\n rowData?.bal_qty || 'N/A'} header=\"Balance Quantity\"> \r\n rowData?.min_t_value || 'N/A'} header=\"Min threshold Value\"> \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default LowLevelList","import React, { useEffect, useState } from 'react'\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport { Button } from 'primereact/button';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { InputTextarea } from 'primereact/inputtextarea';\r\nimport LoadingOverlay from 'react-loading-overlay'\r\nimport { useLocation } from 'react-router-dom/cjs/react-router-dom';\r\nimport { useHistory } from 'react-router-dom/cjs/react-router-dom.min';\r\nimport { handlePostRequest } from '../../services/PostTemplate';\r\nimport { handlePutRequest } from '../../services/PutTemplate';\r\nimport { useDispatch } from 'react-redux';\r\nimport { handleGetRequest } from '../../services/GetTemplate';\r\nimport { Dropdown } from 'primereact/dropdown';\r\n\r\nconst AddEditSubProject = () => {\r\n const [isActive, setIsActive] = useState(false);\r\n const [saveBtnLoading, setSaveBtnLoading] = useState(false)\r\n const [projectLOV, setProjectLOV] = useState([])\r\n\r\n const location = useLocation();\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n\r\n const { isEditable, rowData, isView } = location?.state || {};\r\n\r\n\r\n const validationSchema = Yup.object().shape({\r\n projectName: Yup.mixed().required(\"This field is required.\"),\r\n subProjectName: Yup.mixed().required(\"This field is required.\"),\r\n workOrderNumber: Yup.mixed().required(\"This field is required.\"),\r\n });\r\n\r\n const formik = useFormik({\r\n validationSchema: validationSchema,\r\n initialValues: {\r\n projectName: \"\",\r\n subProjectName: \"\",\r\n workOrderNumber: \"\",\r\n description: \"\"\r\n },\r\n\r\n onSubmit: async (data) => {\r\n if (isEditable) {\r\n setIsActive(true)\r\n const obj = {\r\n obj_id: rowData?.obj_id,\r\n isActive: rowData?.status,\r\n name: data?.subProjectName,\r\n description: data?.description,\r\n workordernumber: data?.workOrderNumber,\r\n parentid: data?.projectName,\r\n warehouseid: warehouseid,\r\n edit_by: user_id\r\n }\r\n\r\n setIsActive(false)\r\n\r\n const response = await dispatch(handlePutRequest(obj, \"/api/Setups/UpdateSubProject\", true, true));\r\n setSaveBtnLoading(true);\r\n if (response?.statusCode == 200) {\r\n history.push('./project')\r\n setSaveBtnLoading(false);\r\n }\r\n }\r\n else {\r\n setIsActive(true)\r\n\r\n const obj = {\r\n name: data?.subProjectName,\r\n description: data?.description,\r\n workordernumber: data?.workOrderNumber,\r\n parent_id: data?.projectName,\r\n warehouseid: warehouseid,\r\n created_by: user_id\r\n }\r\n\r\n const response = await dispatch(handlePostRequest(obj, \"/api/Setups/AddSubProject\", true, true));\r\n setSaveBtnLoading(true);\r\n if (response?.statusCode == 200) {\r\n history.push('./project')\r\n setSaveBtnLoading(false);\r\n }\r\n\r\n setIsActive(false)\r\n }\r\n },\r\n })\r\n\r\n const formStyle = {\r\n pointerEvents: isView ? 'none' : 'auto',\r\n opacity: isView ? 0.7 : 1,\r\n };\r\n\r\n const isFormFieldValid = (name) => !!(formik.touched[name] && formik.errors[name]);\r\n const getFormErrorMessage = (name) => {\r\n return isFormFieldValid(name) && {formik.errors[name]};\r\n };\r\n\r\n const ResetForm = () => {\r\n formik.resetForm()\r\n }\r\n\r\n const getProjectLOV = async () => {\r\n setIsActive(true);\r\n\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetAllSubProjects?warehouseid=${warehouseid || 0}`, true));\r\n if (response) {\r\n setProjectLOV(response);\r\n }\r\n setIsActive(false);\r\n\r\n }\r\n\r\n const getSubProjectById = async () => {\r\n setIsActive(true)\r\n const response = await dispatch(handleGetRequest(`/api/Setups/GetSubProjectByid?obj_id=${rowData?.obj_id}`, false));\r\n const keyData = response[0]\r\n if (keyData) {\r\n formik.setFieldValue('projectName', keyData?.parent_id)\r\n formik.setFieldValue('subProjectName', keyData?.obj_Name)\r\n formik.setFieldValue('workOrderNumber', keyData?.workordernumber)\r\n formik.setFieldValue('description', keyData?.obj_Description)\r\n }\r\n setIsActive(false)\r\n }\r\n useEffect(() => {\r\n getProjectLOV()\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (isEditable, rowData) {\r\n getSubProjectById(rowData);\r\n }\r\n }, [isEditable, rowData]);\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\nexport default AddEditSubProject\r\n","import React from 'react';\r\nimport img from '../../assets/warehouse-assets/PngItem.png'\r\nimport { Button } from 'primereact/button';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\nconst NoPageFound = () => {\r\n\r\n const history = useHistory()\r\n\r\n const containerStyle2 = {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n textAlign: 'center',\r\n };\r\n\r\n const imgStyling = {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n textAlign: 'center',\r\n width: \"550px\",\r\n // height: \"550px\",\r\n marginTop: \"40px\"\r\n };\r\n\r\n const containerStyle = {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n height: '80vh',\r\n flexDirection: 'column',\r\n textAlign: 'center',\r\n };\r\n\r\n const headingStyle = {\r\n color: '#8d7ad5',\r\n fontSize: '10rem',\r\n margin: '0',\r\n letterSpacing: \"6px\"\r\n };\r\n\r\n const subheadingStyle = {\r\n fontSize: '1.5rem',\r\n margin: '0',\r\n };\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n \r\n
\r\n {isEditable && isView ? 'View Sub Project' : isEditable && isView === false ? 'Edit Sub Project' : 'Add New Sub Project'}
\r\n{isView ? '' : 'Add Details'}
\r\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 404
\r\nNo route found
\r\n\r\n \r\n
\r\n \r\n\r\n );\r\n}\r\n\r\nexport default NoPageFound;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport { BrowserRouter, Routes, Route, useLocation, Switch, useHistory } from \"react-router-dom\";\r\nimport { CSSTransition } from \"react-transition-group\";\r\nimport { AppTopbar } from \"./AppTopbar\";\r\nimport { AppFooter } from \"./AppFooter\";\r\nimport { AppMenu } from \"./AppMenu\";\r\nimport { AppConfig } from \"./components/AppConfig/AppConfig\";\r\nimport PrimeReact from \"primereact/api\";\r\nimport { Tooltip } from \"primereact/tooltip\";\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport \"primereact/resources/primereact.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport \"primeflex/primeflex.css\";\r\nimport \"prismjs/themes/prism-coy.css\";\r\nimport \"./assets/demo/flags/flags.css\";\r\nimport \"./assets/demo/Demos.scss\";\r\nimport \"./assets/layout/layout.scss\";\r\nimport \"./App.scss\";\r\nimport Login from \"./pages/login/Login\";\r\nimport ManageUsers from \"./pages/UserManagement/ManageUsers\";\r\nimport Settings from \"./pages/Settings/Settings\";\r\nimport Dashboard from \"./pages/Dashboard/Dashboard\";\r\nimport ManageRoles from \"./pages/RolesManagement/ManageRoles\";\r\nimport AddEditRoles from \"./pages/RolesManagement/AddEditRoles\";\r\nimport AssignPermissions from \"./pages/RolesManagement/AssignPermissions\";\r\nimport ManageCategory from \"./pages/CategoryManagement/ManageCategory\";\r\nimport AddEditCategory from \"./pages/CategoryManagement/AddEditCategory\";\r\nimport ManageInventory from \"./pages/InventoryManagement/ManageInventory\";\r\nimport AddEditInventory from \"./pages/InventoryManagement/AddEditInventory\";\r\nimport CheckIn from \"./pages/InventoryManagement/CheckIn/CheckIn\";\r\nimport CheckOut from \"./pages/InventoryManagement/CheckOut/CheckOut\";\r\nimport ManageAsset from \"./pages/AssetManagement/ManageAsset\";\r\nimport AddEditAsset from \"./pages/AssetManagement/AddEditAsset\";\r\nimport CheckInAsset from \"./pages/AssetManagement/CheckInAsset/CheckInAsset\";\r\nimport BorrowAsset from \"./pages/AssetManagement/BorrowAsset/BorrowAsset\";\r\nimport ManageRFID from \"./pages/RfidManagement/ManageRFID\";\r\nimport Reporting from \"./pages/Reporting/Reporting\";\r\nimport ManageWarehouse from \"./pages/WarehouseManagement/ManageWarehouse\";\r\nimport AddEditWarehouse from \"./pages/WarehouseManagement/AddEditWarehouse\";\r\nimport ForgotPassword from \"./pages/login/forgetpassword/ForgotPassword\";\r\nimport ResetPassword from \"./pages/login/ResetPassword/ResetPassword\";\r\nimport EditUsersSuperAdmin from \"./pages/UserManagement/EditUsersSuperAdmin\";\r\nimport ManageVendor from \"./pages/vendorManagement/ManageVendor\";\r\nimport ManageBrand from \"./pages/BrandManagement/ManageBrand\";\r\nimport AddEditVendor from \"./pages/vendorManagement/AddEditVendor\";\r\nimport AddEditSubCategory from \"./pages/CategoryManagement/AddEditSubCategory\";\r\nimport AddEditBrand from \"./pages/BrandManagement/AddEditBrand\";\r\nimport EditUsersWH from \"./pages/UserManagement/EditUsersWH\";\r\nimport { Dialog } from 'primereact/dialog';\r\nimport CheckInGrid from \"./pages/InventoryManagement/CheckIn/CheckInGrid\";\r\nimport CheckOutGrid from \"./pages/InventoryManagement/CheckOut/CheckOutGrid\";\r\nimport CheckInAssetGrid from \"./pages/AssetManagement/CheckInAsset/CheckInAssetGrid\";\r\nimport BorrowAssetGrid from \"./pages/AssetManagement/BorrowAsset/BorrowAssetGrid\";\r\nimport AddUsers from \"./pages/UserManagement/AddUsers\";\r\nimport ReplenishedItemReport from \"./pages/Reporting/AdminReportingModules/ReplenishedItemReport\";\r\nimport TotalRegisteredAssets from \"./pages/Reporting/AdminReportingModules/TotalRegisteredAssets\";\r\nimport TotalRegisteredInventory from \"./pages/Reporting/AdminReportingModules/TotalRegisteredInventory\";\r\nimport VendorInventoryList from \"./pages/Reporting/AdminReportingModules/VendorInventoryList\";\r\nimport VendorAssetList from \"./pages/Reporting/AdminReportingModules/VendorAssetList\";\r\nimport AssetBorrowItems from \"./pages/Reporting/AdminReportingModules/AssetBorrowItems\";\r\nimport InventoryValueReport from \"./pages/Reporting/AdminReportingModules/InventoryValueReport\";\r\nimport InventoryQuantityReport from \"./pages/Reporting/AdminReportingModules/InventoryQuantityReport\";\r\nimport InventoryByWarehouse from \"./pages/Reporting/SuperAdminReportingModules/InventoryByWarehouse\";\r\nimport InventoryByUsers from \"./pages/Reporting/SuperAdminReportingModules/InventoryByUsers\";\r\nimport ItemsByValueClient from \"./pages/Reporting/SuperAdminReportingModules/ItemsByValueClient\";\r\nimport VendorsForAssetClient from \"./pages/Reporting/SuperAdminReportingModules/VendorsForAssetClient\";\r\nimport VendorsForInventoryClient from \"./pages/Reporting/SuperAdminReportingModules/VendorsForInventoryClient\";\r\nimport ReplinishedItems from \"./pages/Reporting/SuperAdminReportingModules/ReplinishedItems\";\r\nimport LowLevelList from \"./pages/Dashboard/LowLevelList\";\r\nimport ManageProject from \"./pages/projectManagement/ManageProject\";\r\nimport AddEditProject from \"./pages/projectManagement/AddEditProject\";\r\nimport ManageIndustry from \"./pages/IndustryManagement/ManageIndustry\";\r\nimport AddEditIndustry from \"./pages/IndustryManagement/AddEditIndustry\";\r\nimport AddEditSubProject from \"./pages/projectManagement/AddEditSubProject\";\r\nimport NoPageFound from \"./pages/NotFound/NoPageFound\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nconst App = () => {\r\n\r\n const [layoutMode, setLayoutMode] = useState(\"static\");\r\n const [layoutColorMode, setLayoutColorMode] = useState(\"light\");\r\n const [inputStyle, setInputStyle] = useState(\"outlined\");\r\n const [ripple, setRipple] = useState(true);\r\n const [staticMenuInactive, setStaticMenuInactive] = useState(false);\r\n const [overlayMenuActive, setOverlayMenuActive] = useState(false);\r\n const [mobileMenuActive, setMobileMenuActive] = useState(false);\r\n const [mobileTopbarMenuActive, setMobileTopbarMenuActive] = useState(false);\r\n const [allPermittedRoutes, setAllPermittedRoutes] = useState([]);\r\n const [dynamicMenu, setDynamicMenu] = useState([]);\r\n const [countdown, setCountdown] = useState(5);\r\n const [showPopup, setShowPopup] = useState(false);\r\n\r\n const user_id = localStorage.getItem(\"user_id\")\r\n const warehouseid = localStorage.getItem(\"warehouseid\")\r\n const roletypeid = localStorage.getItem(\"roletypeid\")\r\n const usertype_id = localStorage.getItem(\"usertype_id\")\r\n const login = localStorage.getItem('login')\r\n\r\n const intervalRef = useRef();\r\n const copyTooltipRef = useRef();\r\n const location = useLocation();\r\n const history = useHistory()\r\n\r\n const token = useSelector((state) => state?.logoutSlice?.token);\r\n\r\n useEffect(() => {\r\n if (!token) {\r\n history.push('/');\r\n }\r\n }, [token]);\r\n\r\n useEffect(() => {\r\n if (roletypeid) {\r\n getPermissions();\r\n }\r\n }, [roletypeid]);\r\n\r\n PrimeReact.ripple = true;\r\n let menuClick = false;\r\n let mobileTopbarMenuClick = false;\r\n\r\n const getPermissions = () => {\r\n\r\n const permissions = localStorage.getItem('permissions');\r\n if (!permissions) {\r\n console.log(\"No permissions found in local storage.\");\r\n }\r\n\r\n const parsedPermissions = JSON.parse(permissions);\r\n\r\n if (parsedPermissions?.length) {\r\n let menuItems = parsedPermissions && parsedPermissions.map(module => {\r\n const subMenuItems = module?.submodules && module?.submodules?.length > 0 ? module?.submodules?.map(subModule => ({\r\n label: subModule?.contentName,\r\n icon: \"\",\r\n to: subModule?.routepath,\r\n })) : null;\r\n\r\n return {\r\n label: module?.contentName,\r\n icon: module?.icon_class,\r\n to: module?.routepath,\r\n items: subMenuItems\r\n };\r\n });\r\n\r\n setDynamicMenu([{ items: menuItems }]);\r\n\r\n // Navigate to the first module's route if available\r\n if (sessionStorage.getItem('firstLogin') === 'true') {\r\n sessionStorage.removeItem('firstLogin'); // Remove from localStorage\r\n if (menuItems?.length > 0 && menuItems[0].to) {\r\n console.log('menuItems[0]?.to', menuItems[0]?.to)\r\n history.push(menuItems[0]?.to);\r\n }\r\n }\r\n return\r\n }\r\n else {\r\n\r\n setDynamicMenu([]);\r\n return\r\n }\r\n };\r\n\r\n const isPermittedRoute = (route) => {\r\n const permittedRoutes = dynamicMenu[0]?.items?.flatMap(item => {\r\n let mainLink = item?.to ? [item.to] : [];\r\n let subLinks = item?.items?.map(subItem => subItem?.to).filter(Boolean) || [];\r\n return mainLink?.concat(subLinks)\r\n }).filter(Boolean);\r\n\r\n return permittedRoutes?.includes(route)\r\n }\r\n\r\n useEffect(() => {\r\n if (dynamicMenu && dynamicMenu?.length > 0) {\r\n const permittedRoutes = dynamicMenu[0]?.items?.flatMap(item => {\r\n let mainLink = item?.to ? [item.to] : [];\r\n let subLinks = item?.items?.map(subItem => subItem?.to).filter(Boolean) || [];\r\n return mainLink?.concat(subLinks);\r\n }).filter(Boolean);\r\n\r\n setAllPermittedRoutes(permittedRoutes);\r\n }\r\n }, [dynamicMenu]);\r\n\r\n useEffect(() => {\r\n if (mobileMenuActive) {\r\n addClass(document.body, \"body-overflow-hidden\");\r\n } else {\r\n removeClass(document.body, \"body-overflow-hidden\");\r\n }\r\n }, [mobileMenuActive]);\r\n\r\n useEffect(() => {\r\n copyTooltipRef && copyTooltipRef.current && copyTooltipRef.current.updateTargetEvents();\r\n }, [location]);\r\n\r\n const onInputStyleChange = (inputStyle) => {\r\n setInputStyle(inputStyle);\r\n };\r\n\r\n const onRipple = (e) => {\r\n PrimeReact.ripple = e.value;\r\n setRipple(e.value);\r\n };\r\n\r\n const onLayoutModeChange = (mode) => {\r\n setLayoutMode(mode);\r\n };\r\n\r\n const onColorModeChange = (mode) => {\r\n setLayoutColorMode(mode);\r\n };\r\n\r\n const onWrapperClick = (event) => {\r\n if (!menuClick) {\r\n setOverlayMenuActive(false);\r\n setMobileMenuActive(false);\r\n }\r\n\r\n if (!mobileTopbarMenuClick) {\r\n setMobileTopbarMenuActive(false);\r\n }\r\n\r\n mobileTopbarMenuClick = false;\r\n menuClick = false;\r\n };\r\n\r\n const onToggleMenuClick = (event) => {\r\n\r\n menuClick = true;\r\n if (isDesktop()) {\r\n if (layoutMode === \"overlay\") {\r\n if (mobileMenuActive === true) {\r\n setOverlayMenuActive(true);\r\n }\r\n\r\n setOverlayMenuActive((prevState) => !prevState);\r\n setMobileMenuActive(false);\r\n } else if (layoutMode === \"static\") {\r\n setStaticMenuInactive((prevState) => !prevState);\r\n }\r\n } else {\r\n setMobileMenuActive((prevState) => !prevState);\r\n }\r\n event.preventDefault();\r\n };\r\n\r\n const onSidebarClick = () => {\r\n menuClick = true;\r\n };\r\n\r\n const onMobileTopbarMenuClick = (event) => {\r\n mobileTopbarMenuClick = true;\r\n setMobileTopbarMenuActive((prevState) => !prevState);\r\n event.preventDefault();\r\n };\r\n\r\n const onMobileSubTopbarMenuClick = (event) => {\r\n mobileTopbarMenuClick = true;\r\n event.preventDefault();\r\n };\r\n\r\n const onMenuItemClick = (event) => {\r\n if (!event?.item?.items) {\r\n setOverlayMenuActive(false);\r\n setMobileMenuActive(false);\r\n }\r\n };\r\n\r\n const isDesktop = () => {\r\n return window.innerWidth >= 992;\r\n };\r\n\r\n const sideBarMenu = [\r\n {\r\n items: [\r\n {\r\n label: \"Dashboard\",\r\n icon: \"custom-dashboard-icon\",\r\n to: \"/Dashboard\",\r\n },\r\n {\r\n label: \"User Management\",\r\n icon: \"custom-user-icon\",\r\n to: \"/users\",\r\n },\r\n {\r\n label: \"Role Management\",\r\n icon: \"custom-role-icon\",\r\n to: \"/roles\",\r\n },\r\n\r\n {\r\n label: \"RFID Labelling\",\r\n icon: \"custom-rfid-icon\",\r\n to: \"/Rfid\",\r\n },\r\n\r\n ...((roletypeid == 1 && usertype_id == 0 && !warehouseid)\r\n ? [{ label: \"Warehouse Management\", icon: \"custom-warehouse-icon\", to: \"/warehouse\" }]\r\n : []),\r\n\r\n {\r\n label: \"Inventory Management\",\r\n icon: \"custom-inventory-icon\",\r\n to: \"/inventory\",\r\n items: [\r\n { label: \"Check In\", icon: \"\", to: \"/checkin\" },\r\n { label: \"Check Out\", icon: \"\", to: \"/checkout\" },\r\n ],\r\n },\r\n {\r\n label: \"Asset Management\",\r\n icon: \"custom-asset-icon\",\r\n to: \"/asset\",\r\n items: [\r\n { label: \"Check In\", icon: \"\", to: \"/checkinasset\" },\r\n { label: \"Borrow\", icon: \"\", to: \"/borrowasset\" },\r\n ],\r\n },\r\n {\r\n label: \"Reporting\",\r\n icon: \"custom-reporting-icon\",\r\n to: \"/reporting\",\r\n },\r\n {\r\n label: \"Setups\",\r\n icon: \"custom-setups-icon\",\r\n to: \"/\",\r\n items: [\r\n { label: \"Category Setup\", icon: \"\", to: \"/category\" },\r\n { label: \"Sub Category Setup\", icon: \"\", to: \"/assignsubcategory\" },\r\n { label: \"Brand Setup\", icon: \"\", to: \"/brand\" },\r\n { label: \"Vendor Setup\", icon: \"\", to: \"/vendor\" },\r\n ],\r\n },\r\n ],\r\n },\r\n ];\r\n\r\n const addClass = (element, className) => {\r\n if (element.classList) element.classList.add(className);\r\n else element.className += \" \" + className;\r\n };\r\n\r\n const removeClass = (element, className) => {\r\n if (element.classList) element.classList.remove(className);\r\n else element.className = element.className.replace(new RegExp(\"(^|\\\\b)\" + className.split(\" \").join(\"|\") + \"(\\\\b|$)\", \"gi\"), \" \");\r\n };\r\n\r\n const wrapperClass = classNames(\"layout-wrapper\", {\r\n \"layout-overlay\": layoutMode === \"overlay\",\r\n \"layout-static\": layoutMode === \"static\",\r\n \"layout-static-sidebar-inactive\": staticMenuInactive && layoutMode === \"static\",\r\n \"layout-overlay-sidebar-active\": overlayMenuActive && layoutMode === \"overlay\",\r\n \"layout-mobile-sidebar-active\": mobileMenuActive,\r\n \"p-input-filled\": inputStyle === \"filled\",\r\n \"p-ripple-disabled\": ripple === false,\r\n \"layout-theme-light\": layoutColorMode === \"light\",\r\n });\r\n\r\n function checkActivity() {\r\n if (localStorage.getItem(\"login\") === \"false\" || localStorage.getItem(\"login\") === null) {\r\n return;\r\n }\r\n\r\n const lastActive = localStorage.getItem('lastActive');\r\n const elapsed = Date.now() - lastActive;\r\n if (elapsed > 1800000) { // 30 minutes in milliseconds\r\n setShowPopup(true);\r\n\r\n let countdownValue = 5;\r\n const countdownInterval = setInterval(() => {\r\n setCountdown(countdownValue);\r\n countdownValue -= 1;\r\n if (countdownValue < 0) {\r\n clearInterval(countdownInterval);\r\n setShowPopup(false);\r\n logoutUser();\r\n }\r\n }, 1000);\r\n }\r\n }\r\n\r\n function logoutUser() {\r\n localStorage.removeItem('lastActive');\r\n localStorage.removeItem(\"permissions\");\r\n localStorage.removeItem(\"login\");\r\n window.localStorage.clear();\r\n window.sessionStorage.clear();\r\n localStorage.clear();\r\n history.push(\"/\");\r\n clearInterval(intervalRef.current);\r\n }\r\n\r\n // Set up an interval to run the checkActivity function every 30 minutes\r\n useEffect(() => {\r\n intervalRef.current = setInterval(checkActivity, 1800000);\r\n return () => clearInterval(intervalRef.current);\r\n }, []);\r\n\r\n // Update the user's last active time whenever they interact with the page\r\n useEffect(() => {\r\n if (login) {\r\n function handleActivity() {\r\n localStorage.setItem('lastActive', Date.now());\r\n }\r\n\r\n window.addEventListener('click', handleActivity);\r\n window.addEventListener('keydown', handleActivity);\r\n window.addEventListener('mousemove', handleActivity);\r\n window.addEventListener('mousedown', handleActivity);\r\n window.addEventListener('scroll', handleActivity);\r\n window.addEventListener('keypress', handleActivity);\r\n\r\n return () => {\r\n window.removeEventListener('click', handleActivity);\r\n window.removeEventListener('keydown', handleActivity);\r\n window.removeEventListener('mousemove', handleActivity);\r\n window.removeEventListener('mousedown', handleActivity);\r\n window.removeEventListener('scroll', handleActivity);\r\n window.removeEventListener('keypress', handleActivity);\r\n };\r\n }\r\n }, [login]);\r\n\r\n useEffect(() => {\r\n if (!login || login === null) {\r\n localStorage.removeItem('lastActive');\r\n }\r\n }, [login]);\r\n\r\n LoadingOverlay.propTypes = undefined;\r\n\r\n return (\r\n\r\n \r\n\r\n {showPopup && (\r\n \r\n )}\r\n\r\n {/* */}\r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n {/* */}\r\n
\r\n );\r\n};\r\n\r\n\r\nexport default App;\r\n","import { useEffect } from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\n\r\nconst ScrollToTop = (props) => {\r\n\r\n let location = useLocation();\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0)\r\n }, [location]);\r\n\r\n return props.children;\r\n}\r\n\r\n// export default withRouter(ScrollToT.op);\r\nexport default ScrollToTop;\r\n","import { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nconst slice = createSlice({\r\n name: \"authenticationSlice\",\r\n initialState: {\r\n token: localStorage.getItem(\"token\"),\r\n },\r\n reducers: {\r\n LOGIN_SUCCESS: (state, action) => {\r\n return {\r\n ...state, \r\n token: localStorage.getItem(\"token\"),\r\n };\r\n },\r\n LOGIN_ERROR: (state) => {\r\n return {\r\n ...state,\r\n token: \"\",\r\n };\r\n },\r\n },\r\n});\r\n\r\nexport const { LOGIN_SUCCESS, LOGIN_ERROR } = slice.actions;\r\nexport default slice.reducer;\r\n","import { combineReducers } from \"redux\";\r\nimport authenticationSlice from \"./slices/authenticationSlice\";\r\nimport utilitySlice from \"./slices/utilitySlice\";\r\nimport checkoutUserSlice from \"./slices/checkoutUserSlice\";\r\nimport logoutSlice from \"./slices/logoutSlice\";\r\n\r\nexport default combineReducers({\r\n authenticationSlice,\r\n utilitySlice,\r\n checkoutUserSlice, \r\n logoutSlice\r\n});\r\n","import { configureStore } from \"@reduxjs/toolkit\";\r\nimport rootReducer from \"./rootReducer\";\r\n\r\nexport default configureStore({\r\n reducer: rootReducer,\r\n});\r\n","import \"react-app-polyfill/ie11\";\r\nimport React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport App from \"./App\";\r\n//import * as serviceWorker from './serviceWorker';\r\nimport { BrowserRouter } from \"react-router-dom\";\r\nimport ScrollToTop from \"./components/ScrollTop/ScrollToTop\";\r\nimport { Provider } from \"react-redux\";\r\nimport store from \"./redux/store\";\r\n\r\nReactDOM.render(\r\n \r\n {/* {dynamicMenu?.length === 0 ? (\r\n
\r\n\r\n \r\n
\r\n ) : ( */}\r\n Loading your content...
\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n\r\n \r\n \r\n\r\n {/* Dashboard */}\r\n (isPermittedRoute('/dashboard',) ? (isPermittedRoute('/dashboard') ? (isPermittedRoute('/users') ? (isPermittedRoute('/users') ? (isPermittedRoute('/users') ? (isPermittedRoute('/users') ? (isPermittedRoute('/roles') ? (isPermittedRoute('/roles') ? (isPermittedRoute('/roles') ? (isPermittedRoute('/inventory') ? (isPermittedRoute('/inventory') ? (isPermittedRoute('/checkin') ? (isPermittedRoute('/checkin') ? (isPermittedRoute('/checkout') ? (isPermittedRoute('/checkout') ? (isPermittedRoute('/asset') ? (isPermittedRoute('/asset') ? (isPermittedRoute('/checkinasset') ? (isPermittedRoute('/checkinasset') ? (isPermittedRoute('/borrowasset') ? (isPermittedRoute('/borrowasset') ? (isPermittedRoute('/brand') ? (isPermittedRoute('/brand') ? (isPermittedRoute('/vendor') ? (isPermittedRoute('/vendor') ? (isPermittedRoute('/category') ? (isPermittedRoute('/category') ? (isPermittedRoute('/category') ? (isPermittedRoute('/rfid') ? (isPermittedRoute('/warehouse') ? (isPermittedRoute('/warehouse') ? (isPermittedRoute('/industry') ? (isPermittedRoute('/industry') ? (isPermittedRoute('/project') ? (isPermittedRoute('/project') ? (isPermittedRoute('/project') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? (isPermittedRoute('/reporting') ? \r\n
\r\n {/*