\n\t\t\t\t\t{page.map((row, i) => {\n\t\t\t\t\t\tprepareRow(row);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{cell.render(\"Cell\")}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{footerGroups.map((group) => (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{group.headers.map((column) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{column.render(\"Footer\")}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t \n\t\t\t\t\t))}\n\t\t\t\t \n\t\t\t\n\t\t\t\n\t\t\n\t\t{data.length > 5 ? (\n\t\t\t\t\n\t\t\t\t\t
{\n\t\t\t\t\t\t\tsetPageSize(Number(e.target.value));\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={{ width: \"120px\", height: \"38px\" }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{[5, 10, 20, 30, 40, 50].map((pageSize) => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{pageSize}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t\t{data.length > 0 ? \"\" : \"No Data Found!\"}\n\t\t\t\t
\n\t\t\t)}\n\t\t\n\t);\n});\nexport default Table;\n","import {\n request,\n} from \"utilities/apiHelper\";\nimport { BASEURL } from \"utilities/constants\";\n\nconst BASE_URI = `${BASEURL}`;\nconst VIEWTIMESHEET_URI=`${BASEURL}/api/TimesheetView/`;\n\nexport const getProjectGroups = (associateId) => (\n request({\n url: `${BASE_URI}/api/TimesheetHI/ProjectGroup?AssociateId=${associateId}`,\n method: \"GET\"\n })\n)\n\nexport const getProcessDetailsByProjectGroup = (projectgroup,project) => (\n request({\n // url: `${VIEWTIMESHEET_URI}ProcessDetailsByProjectGroup?projectgroup=NATEC%20Design%20Center&project=H7_043-14-D001`,\n url: `${VIEWTIMESHEET_URI}ProcessDetailsByProjectGroup?projectgroup=${projectgroup}&project=${project}`,\n method: \"GET\"\n })\n)\n\nexport const getGLByProjectGroup = (projCode,tM,projGroup) => (\n request({\n // url: `${VIEWTIMESHEET_URI}GLByProjectGroup?projCode=All&tM=All&projGroup=Cheddar`,\n url: `${VIEWTIMESHEET_URI}GLByProjectGroup?projCode=${projCode}&tM=${tM}&projGroup=${projGroup}`,\n method: \"GET\"\n })\n)\n\nexport const getProjectDataByProjectGroup = (projectgroupId) => (\n request({\n \n // url: `${VIEWTIMESHEET_URI}ProjectDetailsByProjectGroup?projGroup=Cheddar&asscId=1919`,\n url: `${VIEWTIMESHEET_URI}ProjectDetailsByProjectGroup?projGroup=${projectgroupId}&asscId=1919`,\n method: \"GET\"\n })\n)\n\nexport const getTMByProjectGroup = (projectgroupId, projectCode) => (\n request({\n url: `${VIEWTIMESHEET_URI}TMByProjectGroup?projectgroup=${projectgroupId}&projectCode=${projectCode}`,\n method: \"GET\"\n })\n)\nexport const getAssociateByProjectGroup = (projectGroup,projectCode,tm,gl) => (\n request({\n url: `${VIEWTIMESHEET_URI}AsscByProjectGroup?projectGroup=${projectGroup}&projectCode=${projectCode}&tm=${tm}&gl=${gl}`,\n method: \"GET\"\n })\n)\n\nexport const getTimesheetsFilterData = (associateId,projectCode,processId,fromdate,toDate,glId,tmId,projectGroup,loggedinAssociateId) => (\n request({\n url: `${VIEWTIMESHEET_URI}TSDetails?associateId=${associateId}&projectCode=${projectCode}&processId=${processId}&fromdate=${fromdate}&toDate=${toDate}&glId=${glId}&tmId=${tmId}&projectGroup=${projectGroup}&loggedinAssociateId=${loggedinAssociateId}`,\n // url: `${VIEWTIMESHEET_URI}TSDetails?associateId=1021&projectCode=CP-19-00548.2&processId=1000000424&fromdate=2021-01-01&toDate=2021-06-01&glId=0&tmId=0&projectGroup=NA&loggedinAssociateId=rajapandi.n`,\n\n method: \"GET\"\n })\n)\n\nexport const getTimesheetsFieldChooser = () => (\n request({\n url: `${VIEWTIMESHEET_URI}FieldChooserViewtimesheet?associateId=22312`,\n method: \"GET\"\n })\n)\n\nexport const getFcViewtimesheet= () => (\n request({\n url: `${VIEWTIMESHEET_URI}FcViewtimesheet?associate=1021&field=WBS`,\n method: \"GET\"\n })\n)","import React from \"react\";\nimport { useTable, useSortBy, usePagination, useRowSelect } from \"react-table\";\nimport { Link } from \"react-router-dom\";\nimport { Form } from \"react-bootstrap\";\nimport \"./Table.css\";\n\nconst IndeterminateCheckbox = React.forwardRef(\n ({ indeterminate, ...rest }, ref) => {\n const defaultRef = React.useRef()\n const resolvedRef = ref || defaultRef\n \n React.useEffect(() => {\n resolvedRef.current.indeterminate = indeterminate\n }, [resolvedRef, indeterminate])\n \n return (\n <>\n \n\t\t\t\t\t\t\t
\n\t\t\t\t\t),\n\t\t\t\t\t// The cell can use the individual row's getToggleRowSelectedProps method\n\t\t\t\t\t// to the render a checkbox\n\t\t\t\t\tCell: ({ row }) => (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t...column,\n\t\t\t])\n\t\t},\n\n\t);\n\tconst {\n\t\tgetTableProps,\n\t\tgetTableBodyProps,\n\t\theaderGroups,\n\t\t/* eslint-disable */\n\t\trows,\n\t\tprepareRow, // Prepare the row (this function needs to be called for each row before getting the row props)\n\t\tpage,\n\t\tcanPreviousPage,\n\t\tcanNextPage,\n\t\tpageOptions,\n\t\tpageCount,\n\t\tgotoPage,\n\t\tnextPage,\n\t\tpreviousPage,\n\t\tsetPageSize,\n\t\tstate: { pageIndex, pageSize },\n\t\tselectedFlatRows,\n\t\t/* eslint-disable */\n\t} = tableInstance;\n\tif(selectedFlatRows)\n\tonSelectedCoff(selectedFlatRows)\n\t// Render the UI for your table\n\treturn (\n\t\t\n\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{headerGroups.map((headerGroup) => (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{column.render(\"Header\")}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{column.isSorted\n\t\t\t\t\t\t\t\t\t\t\t? column.isSortedDesc\n\t\t\t\t\t\t\t\t\t\t\t\t? \" 🔽\"\n\t\t\t\t\t\t\t\t\t\t\t\t: \" 🔼\"\n\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t \n\t\t\t\t\t))}\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t{page.map((row, i) => {\n\t\t\t\t\t\tprepareRow(row);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{cell.render(\"Cell\")}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t
{\n\t\t\t\t\t\tsetPageSize(Number(e.target.value));\n\t\t\t\t\t}}\n\t\t\t\t\tstyle={{ width: \"120px\", height: \"38px\" }}\n\t\t\t\t>\n\t\t\t\t\t{[5, 10, 20, 30, 40, 50].map((pageSize) => (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{pageSize}\n\t\t\t\t\t\t \n\t\t\t\t\t))}\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t gotoPage(0)}\n\t\t\t\t\t\tdisabled={!canPreviousPage}\n\t\t\t\t\t>\n\t\t\t\t\t\t previousPage()}\n\t\t\t\t\t\tdisabled={!canPreviousPage}\n\t\t\t\t\t>\n\t\t\t\t\t\t nextPage()}\n\t\t\t\t\t\tdisabled={!canNextPage}\n\t\t\t\t\t>\n\t\t\t\t\t\t gotoPage(pageCount - 1)}\n\t\t\t\t\t\tdisabled={!canNextPage}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{pageIndex + 1} of {pageOptions.length}\n\t\t\t\t\t\t\t {\" \"}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\t{/* \n {\n const page = e.target.value ? Number(e.target.value) - 1 : 0\n gotoPage(page)\n }}\n \n />\n \n {' '} */}\n\t\t\t\t \n\t\t\t \n \n
\n
\n
\n
\n \n
\n \n \n \n \n \n To View Filters\n \n \n \n \n \n \n
\n
\n
\n \n
\n
\n \n \n \n
\n
\n
Summary \n Field\n Chooser \n \n
\n { tsDetails.length === 0 ?\n
\n
No Records Found \n :\n
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n }\n \n
\n
\n
Time Spent on Projects \n Field\n Chooser \n \n
\n { OnOthers.length === 0 ?\n
\n
No Records Found \n :\n \n \n
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n}\n
\n
\n
Time Spent on Other Activities \n Field\n Chooser \n\n \n
\n \n { OnProjects.length === 0 ?\n
\n
No Records Found \n :\n
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n}\n
\n
\n
\n
\n\n
\n \n \n \n \n Choose Columns To Show \n \n \n \n \n \n \n \n \n );\n\n}\nexport default ViewTimeSheets;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgB7ZKxDcMgEEXvQKJNsoFXyAZu6cIG8STJKBkhEgJKj5CM4BHc0oDvCksuLNlQufCTEAjx0L/TISzw3ve0tTHGmzFm5DtrbSul7BHxo7Xu5rcCVlBKXWADDCE0Oecfna+wj4ES3UVK6VkgMQ0legiogOodoRZ0zr3ph1eJRD3pqqIyp3gYkSeHxS+tocDjIf9P8nkp1giC1YsAAAAASUVORK5CYII=\"","export default __webpack_public_path__ + \"static/media/cancel-icon.c90df241.svg\";","export default __webpack_public_path__ + \"static/media/refresh-icon.b379861d.svg\";","import React, { useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport excelIcon from \"assets/images/excel-file-icon.svg\";\nimport calendarIcon from \"assets/images/icons/calendar.png\";\nimport cancelIcon from \"assets/images/cancel-icon.svg\";\nimport refreshIcon from \"assets/images/refresh-icon.svg\";\nimport Modal from \"react-bootstrap/Modal\";\nimport Button from \"react-bootstrap/Button\";\n\nconst TimesheetManageBasic = () => {\n const [summaryFieldModal, setSummaryFieldModal] = useState(false);\n const [timeSpentModal, setTimeSpentModal] = useState(false);\n const toggleSummaryModal = () => {\n setSummaryFieldModal(show => !show)\n };\n\n const toggleTimeSpentModal = () => {\n setTimeSpentModal(show => !show)\n };\n\n return (\n <>\n \n \n
\n
\n
\n
Summary \n \n
\n \n Field Chooser\n \n
\n
\n
\n
\n
\n \n \n Project \n Process \n Activity \n Total Time Spent \n WBS \n \n \n \n \n \n IT Appa_Projects/Maik \n Process Test \n Developement \n 8.00 \n Exchange 1 {\">>\"}Area2 {\">>\"} Map - 3 \n \n \n
\n
\n
\n \n \n
\n
\n
\n
Time Spent on Projects \n \n
\n \n Field Chooser\n \n
\n
\n
\n
\n
\n \n \n Action \n Start Date \n End Date \n Total Time spent \n Total Week Time spent \n Total Time Spent \n Project \n Process \n WBS \n Activity \n Activity Status \n Time Spent \n Approval Status \n Approval By / Pending with \n Remarks \n \n \n \n \n \n \n \n 1-Jul- 21 \n 8.00 \n 8.00 \n 8.00 \n IT Appa_Projects/Maik \n Process Test \n Exchange 1 {\">>\"} Area2 {\">>\"} Map - 3 \n Developement \n In Progress \n 8.00 \n Not yet Approved \n Not yet Approved \n Testing \n \n \n
\n
\n
\n
\n Time Spent on Other Activities Projects\n \n
\n
\n No Records Found\n \n \n
\n Rejected Timesheets\n \n
\n
\n No Records Found\n \n \n
\n \n \n \n \n Choose Columns To Show \n \n \n \n \n \n \n \n \n \n \n \n Choose Columns To Show \n \n \n \n \n \n \n \n \n );\n}\nexport default TimesheetManageBasic;","import React from \"react\";\nimport BreadCrumb from \"components/common/BreadCrumb/breadCrumb\";\nimport TimesheetManageBasic from \"components/TimeSheets/ViewAndApproval/ManageTimeSheets/TimesheetMangeBasic\";\n \nconst ManageTimeSheets = () => (\n <>\n Loading…
: \"\"\n }\n \n Project Group \n ({\n label: details.Project_Group,\n value: details.Project_Group\n })\n )\n }\n value={selectedPrjcGrp}\n onChange={handleProjectGroupChange}\n />\n \n Select Project Group\n \n
\n \n )\n};\n\nexport default ProjectGrpddl;","import React, {useState, useEffect} from \"react\";\nimport {getProjectDetails} from \"components/actions/timesheetApprove\";\nimport ReactTooltip from \"react-tooltip\";\nimport Select from \"react-select\";\nimport { Form } from 'react-bootstrap';\nimport { useSelector } from \"react-redux\";\n\nconst Projectddl = (\n {\n selectedPrjcGrp,\n selectedProject,\n setSelectedProject\n }\n) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n\n const [projectList, setProjectList] = useState([]);\n\n const [loaderActivity, setLoaderActivity] = useState(false);\n\n const handleProjectChange = (selected) => {\n hideProjectTooltip();\n setSelectedProject(selected)\n }\n const hideProjectTooltip = () => {\n\t\tdocument.getElementById(\"selectProject\").style.display = \"none\";\n\t};\n const showProjectTooltip = () => {\n\t\tdocument.getElementById(\"selectProject\").style.display = \"\";\n\t};\n\n\n useEffect(() => {\n setLoaderActivity(true)\n getProjectDetails(associateId, selectedPrjcGrp.value).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.Details.length !== 0) {\n setProjectList([\n {\"Project_name\": \"All\", \"Project_code\": \"All\"},\n ...res.data.Details]);\n setLoaderActivity(false)\n } else {\n setProjectList([{\n \"Project_name\": \"All\", \"Project_code\": \"All\"\n }])\n setLoaderActivity(false)\n }\n }else {\n setLoaderActivity(false)\n }\n },\n err => {\n console.error(\"Error in retrieving the Project Details\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Project Details\", err);\n })\n },[selectedPrjcGrp, associateId]);\n\n return (\n <>\n {\n loaderActivity ? Loading…
: \"\"\n }\n \n Project \n ({\n label: details.Project_name,\n value: details.Project_code\n })\n )\n }\n value={selectedProject}\n onChange={handleProjectChange}\n />\n \n Select Project\n \n
\n \n );\n};\n\nexport default Projectddl;","import React, {useState, useEffect} from \"react\";\nimport {getProcessDetails} from \"components/actions/timesheetApprove\";\nimport ReactTooltip from \"react-tooltip\";\nimport Select from \"react-select\";\nimport { Form } from 'react-bootstrap';\nimport { useSelector } from \"react-redux\";\n\nconst Processddl = (\n {\n selectedPrjcGrp,\n selectedProject,\n selectedProcess,\n setSelectedProcess\n }\n) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n\n const [processList, setProcessList] = useState([]);\n\n const [loaderActivity, setLoaderActivity] = useState(false);\n\n useEffect(() => {\n setLoaderActivity(true)\n getProcessDetails(selectedProject.value,associateId, selectedPrjcGrp.value).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.Details.length !== 0) {\n setProcessList([\n {\"Process\": \"All\", \"Process_ID\": \"All\"},\n ...res.data.Details]);\n setLoaderActivity(false)\n } else {\n setProcessList([{\n \"Process\": \"All\", \"Process_ID\": \"All\"\n }])\n setLoaderActivity(false)\n }\n }else {\n setLoaderActivity(false)\n }\n },\n err => {\n console.error(\"Error in retrieving the Process List\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Process List\", err);\n })\n },[selectedPrjcGrp, selectedProject, associateId]);\n\n const handleProcessChange = (selected) => {\n hideProcessTooltip();\n setSelectedProcess(selected)\n }\n const hideProcessTooltip = () => {\n\t\tdocument.getElementById(\"selectProcess\").style.display = \"none\";\n\t};\n const showProcessTooltip = () => {\n\t\tdocument.getElementById(\"selectProcess\").style.display = \"\";\n\t};\n\n return (\n <>\n {\n loaderActivity ? Loading…
: \"\"\n }\n \n Process \n ({\n label: details.Process,\n value: details.Process_ID\n })\n )\n }\n value={selectedProcess}\n onChange={handleProcessChange}\n />\n \n Select Process\n \n
\n \n );\n};\n\nexport default Processddl;","import React, {useState, useEffect} from \"react\";\nimport {getWBSDetails} from \"components/actions/timesheetApprove\";\nimport ReactTooltip from \"react-tooltip\";\nimport Select from \"react-select\";\nimport { Form } from 'react-bootstrap';\nimport { useSelector } from \"react-redux\";\n\nconst Wbsddl = (\n {\n selectedPrjcGrp,\n selectedProject,\n selectedProcess,\n selectedWBS,\n setSelectedWBS,\n onChangeWbs\n }\n) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n\n const [wbsList, setWbsList] = useState([]);\n\n const [loaderActivity, setLoaderActivity] = useState(false);\n\n useEffect(() => {\n setLoaderActivity(true)\n getWBSDetails(selectedProject.value, associateId, selectedPrjcGrp.value, selectedProcess.value).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.Details.length !== 0) {\n setWbsList([\n { \"TS_WBS_TO_APPROVE\": \"All\",\n \"UOP_id\": \"All\"},\n ...res.data.Details]);\n setLoaderActivity(false)\n } else {\n setWbsList([{\n \"TS_WBS_TO_APPROVE\": \"All\",\n \"UOP_id\": \"All\"\n }])\n setLoaderActivity(false)\n }\n }else {\n setLoaderActivity(false)\n }\n },\n err => {\n console.error(\"Error in retrieving the WBS List\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the WBS List\", err);\n })\n },[selectedPrjcGrp, selectedProject, selectedProcess, associateId]);\n\n const handleWBSChange = (selected) => {\n hideWbsTooltip();\n setSelectedWBS(selected)\n onChangeWbs(selected);\n }\n const hideWbsTooltip = () => {\n\t\tdocument.getElementById(\"selectWbs\").style.display = \"none\";\n\t};\n const showWbsTooltip = () => {\n\t\tdocument.getElementById(\"selectWbs\").style.display = \"\";\n\t};\n\n return (\n <>\n {\n loaderActivity ? Loading…
: \"\"\n }\n \n WBS \n ({\n label: details.TS_WBS_TO_APPROVE,\n value: details.UOP_id\n })\n )\n }\n value={selectedWBS}\n onChange={handleWBSChange}\n />\n \n select Wbs\n \n
\n \n );\n};\n\nexport default Wbsddl;","import React, {useState, useEffect} from \"react\";\nimport {getActivityDetails} from \"components/actions/timesheetApprove\";\nimport ReactTooltip from \"react-tooltip\";\nimport Select from \"react-select\";\nimport { Form } from 'react-bootstrap';\nimport { useSelector } from \"react-redux\";\n\nconst Activityddl = (\n {\n selectedPrjcGrp,\n selectedProject,\n selectedProcess,\n selectedWBS,\n selectedActivity,\n setSelectedActivity\n }\n) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n\n const [loaderActivity, setLoaderActivity] = useState(false);\n\n const [activityList, setActivityList] = useState([{ \"TS_ACTIVITY_TO_APPROVE\": \"All\",\n \"ACTIVITY_ID\": \"All\"}]);\n\n useEffect(() => {\n if(selectedWBS.value !== \"All\") {\n setLoaderActivity(true)\n getActivityDetails(selectedProject.value, associateId, selectedPrjcGrp.value, selectedProcess.value, selectedWBS.value).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.Details.length !== 0) {\n setActivityList([\n { \"TS_ACTIVITY_TO_APPROVE\": \"All\",\n \"ACTIVITY_ID\": \"All\"},\n ...res.data.Details]);\n setLoaderActivity(false)\n } else {\n setActivityList([{\n \"TS_ACTIVITY_TO_APPROVE\": \"All\",\n \"ACTIVITY_ID\": \"All\"\n }])\n setLoaderActivity(false)\n }\n }else {\n setLoaderActivity(false)\n }\n },\n err => {\n console.error(\"Error in retrieving the Activity List\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Activity List\", err);\n })\n }\n },[selectedPrjcGrp, selectedProject, selectedProcess, selectedWBS, associateId]);\n\n const handleActivityChange = (selected) => {\n hideActivityTooltip();\n setSelectedActivity(selected)\n }\n const hideActivityTooltip = () => {\n\t\tdocument.getElementById(\"selectActivity\").style.display = \"none\";\n\t};\n const showActivityTooltip = () => {\n\t\tdocument.getElementById(\"selectActivity\").style.display = \"\";\n\t};\n\n return (\n <>\n {\n loaderActivity ? Loading…
: \"\"\n }\n \n Activity \n ({\n label: details.TS_ACTIVITY_TO_APPROVE,\n value:details.ACTIVITY_ID\n })\n )\n }\n value={selectedActivity}\n onChange={handleActivityChange}\n />\n \n Select Activity\n \n
\n \n );\n};\n\nexport default Activityddl;","import {\n request,\n} from \"utilities/apiHelper\";\nimport { BASEURL } from \"utilities/constants\";\n\nconst BASE_URI = `${BASEURL}/api/TimesheetApproveDrafting/`;\n\nexport const getTMDetails = (projectCode, associateId) => (\n request({\n url: `${BASE_URI}ApproveTMBindTmDetails?project=${projectCode}&glId=${associateId}&tmId=${associateId}&approvalAuthority=${associateId}&associateId=${associateId}`,\n method: \"GET\"\n })\n)\n\nexport const getRmPmCount = (associateId) => (\n request({\n url: `${BASE_URI}ApproveTimesheetManagerTypeDetails?assoc=${associateId}`,\n method: \"GET\"\n })\n)","import React, {useState, useEffect, useCallback} from \"react\";\nimport {getTMDetails} from \"components/actions/timesheetDrafting\";\nimport {getGLDetails} from \"components/actions/timesheetApprove\";\nimport ReactTooltip from \"react-tooltip\";\nimport Select from \"react-select\";\nimport { Form } from 'react-bootstrap';\nimport { useSelector } from \"react-redux\";\n\nconst Tmddl = (\n {\n selectedProject,\n selectedTM,\n setSelectedTM,\n setGlList,\n }\n) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n\n const [loaderActivity, setLoaderActivity] = useState(false);\n\n const [TMList, setTMList] = useState([]);\n const hideRMTooltip = () => {\n\t\tdocument.getElementById(\"selectRM\").style.display = \"none\";\n\t};\n const showRMTooltip = () => {\n\t\tdocument.getElementById(\"selectRM\").style.display = \"\";\n\t};\n\n useEffect(() => {\n setLoaderActivity(true)\n getTMDetails(selectedProject.value, associateId).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.ApproveTmBindTmDetails.length !== 0) {\n setTMList(res.data.ApproveTmBindTmDetails);\n setLoaderActivity(false)\n } else {\n setLoaderActivity(false)\n }\n }\n },\n err => {\n console.error(\"Error in retrieving the TM List\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the TM List\", err);\n })\n },[selectedProject, associateId]);\n\n const handleTMChange = useCallback((selected) => {\n hideRMTooltip();\n setLoaderActivity(true)\n setSelectedTM(selected)\n getGLDetails(selectedProject.value, associateId).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.timesheetApproveDetails.length !== 0) {\n setGlList(res.data.timesheetApproveDetails);\n setLoaderActivity(false)\n }else {\n setLoaderActivity(false)\n }\n } else {\n setLoaderActivity(false)\n }\n },\n err => {\n console.error(\"Error in retrieving the GL Details\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the GL Details\", err);\n })\n }, [selectedProject, setSelectedTM, setGlList, associateId])\n\n return (\n <>\n {\n loaderActivity ? Loading…
: \"\"\n }\n \n Reviewing Manager (TM) \n ({\n label: details.Name,\n value: details.ASSOC_ID\n })\n )\n }\n value={selectedTM}\n onChange={handleTMChange}\n />\n \n select Reviewing Manager\n \n
\n \n );\n};\n\nexport default Tmddl;","import React, {useCallback, useState} from \"react\";\nimport {getAssociateDetails} from \"components/actions/timesheetApprove\";\nimport ReactTooltip from \"react-tooltip\";\nimport Select from \"react-select\";\nimport { Form } from 'react-bootstrap';\nimport { useSelector } from \"react-redux\";\n\nconst Glddl = (\n {\n selectedProject,\n selectedGL,\n setSelectedGL,\n setAssociateList,\n GlList\n }\n) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n\n const [loaderActivity, setLoaderActivity] = useState(false);\n const hideGLTooltip = () => {\n\t\tdocument.getElementById(\"selectGL\").style.display = \"none\";\n\t};\n const showGLTooltip = () => {\n\t\tdocument.getElementById(\"selectGL\").style.display = \"\";\n\t};\n\n const handleGLChange = useCallback((selected) => {\n hideGLTooltip();\n setLoaderActivity(true)\n setSelectedGL(selected)\n getAssociateDetails(selectedProject.value, associateId).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.timesheetApproveBindAssociateDetails.length !== 0) {\n setAssociateList(res.data.timesheetApproveBindAssociateDetails);\n setLoaderActivity(false)\n } else {\n setLoaderActivity(false)\n }\n } else {\n setLoaderActivity(false)\n }\n },\n err => {\n console.error(\"Error in retrieving the Associate Details\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Associate Details\", err);\n })\n }, [selectedProject, setAssociateList, setSelectedGL, associateId]);\n\n return (\n <>\n {\n loaderActivity ? Loading…
: \"\"\n }\n \n Reporting Manager (GL) \n ({\n label: details.Name,\n value: details.ASSOC_ID\n })\n )\n }\n value={selectedGL}\n onChange={handleGLChange}\n />\n \n Select Reporting Manager\n \n
\n \n );\n};\n\nexport default Glddl;","import React, {useState} from \"react\";\nimport {searchAssociateName} from \"components/actions/timesheetApprove\";\nimport Select from \"react-select\";\nimport { useSelector } from \"react-redux\";\n\nconst AssociateTxt = (\n {\n selectedProject,\n selectedPrjcGrp,\n selectedAssociateName,\n setSelectedAssociateName\n }\n) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n\n const [searchAssociate, setSearchAssociate] = useState([]);\n\n const handleInputChange = (val) =>{\n if(val.length !== 0) {\n searchAssociateName(val, selectedPrjcGrp.value, selectedProject.value, associateId).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if(res.data.associateBySelectedProjects.length !== 0) {\n setSearchAssociate(res.data.associateBySelectedProjects);\n }\t\t\t\t\t\t\n }\n },\n err => {\n console.error(\"Error in getting Associate search details\", err);\n }\n ).catch(err => {\n console.error(\"Error in getting Associate search details\", err);\n })\n }\n else {\n setSearchAssociate([])\n }\n\n\t}\n\n const handleSelectChange = (selected) => {\n\t\tsetSelectedAssociateName({label: selected.label.split(\"-\")[1].trim(), value: selected.value});\n // setSearchAssociate([])\n }\n\n const handleBlurChange = () =>{\n setSearchAssociate([])\n }\n\n return (\n <>\n \n (\n {\n value: option,\n label: option\n }\n )\n )\n }\n closeMenuOnSelect\n isClearable\n />\n \n );\n};\n\nexport default AssociateTxt;","export default __webpack_public_path__ + \"static/media/clock-fill-blue-icon.1cbe1677.svg\";","import React from \"react\";\nimport ReactExport from \"react-data-export\";\nimport ReactTooltip from \"react-tooltip\";\nimport excelImage from \"assets/images/excel-file-icon.svg\";\n\n/* eslint prefer-destructuring: [\"error\", {VariableDeclarator: {object: false}}] */\nconst ExcelFile = ReactExport.ExcelFile;\n/* eslint prefer-destructuring: [\"error\", {VariableDeclarator: {object: false}}] */\nconst ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\n/* eslint prefer-destructuring: [\"error\", {VariableDeclarator: {object: false}}] */\nconst ExcelColumn = ReactExport.ExcelFile.ExcelColumn;\n\nconst Excel = ({ data, columns, name, buttonObj }) => {\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// eslint-disable-next-line no-unneeded-ternary\n\t\t\t\t\t\t\tbuttonObj?.buttonName ? (\n\t\t\t\t\t\t\t\tbuttonObj.buttonName\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t{columns.map((col) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t \n\t\t\t\n\t\t Loading…
\n }\n return (\n <>\n \n \n \n \n Pay code Wise Time \n \n \n \n {loading?Loading…
:\n }\n \n \n \n Save & Close\n \n \n \n \n )\n};\n\nexport default PayCodeModal;","// this file contains the common utilities that can be used throughout the application many a times\n\n// this utility/method accepts a date object and returns a date string\n// in the format 03-Aug-2021\nconst dateString = (dt) => {\n const month = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\"];\n if (typeof dt === \"object\") {\n return `${dt.getDate()}-${month[dt.getMonth()]}-${dt.getFullYear()}`;\n }\n return dt;\n}\nexport default dateString;\n\n// returns an array of string from \"00\" to \"23\"\nexport const hours = Array.from({ length: 24 }, (e, i) => {\n if (i < 10)\n return 0 + i.toString();\n return i.toString();\n});\n\n// returns an array of strings from \"00\" to \"59\"\nexport const minutes = Array.from({ length: 60 }, (e, i) => {\n if (i < 10)\n return 0 + i.toString();\n return i.toString();\n});","import {\n request,\n} from \"utilities/apiHelper\";\nimport { BASEURL } from \"utilities/constants\";\n\nconst BASE_URI = `${BASEURL}/api/TimesheetSingle/`;\n\nexport const getShifts = () => (\n request({\n url: `${BASE_URI}Shifts`,\n method: \"GET\"\n })\n)\n\nexport const saveDateTime = (associateId, dateTime) => (\n request({\n url: `${BASE_URI}TimesheetStartTime?associateId=${associateId}&startTime=${dateTime}`,\n method: \"post\"\n })\n)","import React, {useState} from \"react\";\nimport Modal from \"react-bootstrap/Modal\";\nimport Select from \"react-select\";\nimport { Form } from 'react-bootstrap';\nimport { hours, minutes } from \"utilities/common\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {APPROVE_TS_TABLE_DATA} from \"reducers/constants\";\nimport * as moment from \"moment\";\nimport {saveDateTime} from \"components/actions/timesheetSingle\";\n\nconst StartTimeModal = ({ rowData, modalShow, handleClockClick }) => {\n const dispatch = useDispatch();\n const [loaderActivity, setLoaderActivity] = useState(false);\n\n // console.log(\"rowData \", rowData.associate_id);\n\n const approveTableDetails= useSelector(state => {\n return JSON.parse(JSON.stringify(state.approveTs.approveTableData))\n });\n\n // const associateId = useSelector(state => state.user.userProjDetails?.associateId); \n\n const [startTime, setStartTime] = useState(rowData.startTime)\n\n const handleHoursChange = (selection) => {\n const currHrs = moment(rowData.startTime, \"DD-MMM-yyyy HH:mm:ss\").hours();\n const newHrs = moment(rowData.startTime, \"DD-MMM-yyyy HH:mm:ss\").hours(Number.parseInt(selection.value, 10)).hours();\n const diff = Math.abs(currHrs - newHrs); \n\n approveTableDetails.forEach((element, index) => {\n\n if (element.transid === rowData.transid) {\n let newStartTime;\n let newEndTime;\n\n if (currHrs < newHrs) {\n // if current hours is less than new hours, add the diff in startTime and endTime\n newStartTime = moment(element.startTime).add(diff, 'hours').format(\"DD-MMM-yyyy HH:mm:ss\");\n newEndTime = moment(element.endTime).add(diff, 'hours').format(\"DD-MMM-yyyy HH:mm:ss\");\n setStartTime(moment(element.startTime).add(diff, 'hours').format(\"YYYY-MM-DD HH:mm:ss\"))\n }\n else {\n // if current hours is more than new hours, subtract the diff in startTime and endTime\n newStartTime = moment(element.startTime).subtract(diff, 'hours').format(\"DD-MMM-yyyy HH:mm:ss\");\n newEndTime = moment(element.endTime).subtract(diff, 'hours').format(\"DD-MMM-yyyy HH:mm:ss\");\n setStartTime(moment(element.startTime).subtract(diff, 'hours').format(\"YYYY-MM-DD HH:mm:ss\"))\n }\n \n const rec = {\n ...element,\n rowHrs: selection.value,\n startTime: newStartTime,\n endTime: newEndTime\n };\n approveTableDetails[index] = rec\n }\n });\n dispatch({ type: APPROVE_TS_TABLE_DATA, payload: approveTableDetails});\n }\n\n const handleMinutesChange = (selection) => {\n // console.log(\"minutes selection \", selection);\n const currMins = moment(rowData.startTime, \"DD-MMM-yyyy HH:mm:ss\").minutes();\n const newMins = moment(rowData.startTime, \"DD-MMM-yyyy HH:mm:ss\").minutes(Number.parseInt(selection.value, 10)).minutes();\n const diff = Math.abs(currMins - newMins);\n \n approveTableDetails.forEach((element, index) => {\n if (element.transid === rowData.transid) {\n let newStartTime;\n let newEndTime;\n\n if (currMins < newMins) {\n // if current hours is less than new hours, add the diff in startTime and endTime\n newStartTime = moment(element.startTime).add(diff, 'minutes').format(\"DD-MMM-yyyy HH:mm:ss\");\n newEndTime = moment(element.endTime).add(diff, 'minutes').format(\"DD-MMM-yyyy HH:mm:ss\");\n setStartTime(moment(element.startTime).add(diff, 'minutes').format(\"YYYY-MM-DD HH:mm:ss\"))\n }\n else {\n // if current hours is more than new hours, subtract the diff in startTime and endTime\n newStartTime = moment(element.startTime).subtract(diff, 'minutes').format(\"DD-MMM-yyyy HH:mm:ss\");\n newEndTime = moment(element.endTime).subtract(diff, 'minutes').format(\"DD-MMM-yyyy HH:mm:ss\");\n setStartTime(moment(element.startTime).subtract(diff, 'minutes').format(\"YYYY-MM-DD HH:mm:ss\"))\n }\n\n const rec = {\n ...element,\n rowMins: selection.value,\n startTime: newStartTime,\n endTime: newEndTime\n };\n approveTableDetails[index] = rec\n }\n });\n dispatch({ type: APPROVE_TS_TABLE_DATA, payload: approveTableDetails});\n }\n\n const handleSave = () => {\n // set datec and end_time1 with new startTime and endTime values in string format and close the modal\n setLoaderActivity(true);\n saveDateTime(rowData.associate_id, startTime).then(\n resp => {\n if (resp.success && resp.statusCode === 200) {\n approveTableDetails.forEach((element, index) => {\n if (element.transid === rowData.transid) {\n const rec = {\n ...element,\n // startTime: newStartTime,\n // endTime: newEndTime\n datec: element.startTime,\n end_time1: element.endTime,\n startTimeModal: !element.startTimeModal\n };\n approveTableDetails[index] = rec\n }\n });\n // console.log(\"payload \", approveTableDetails)\n dispatch({ type: APPROVE_TS_TABLE_DATA, payload: approveTableDetails});\n setLoaderActivity(false);\n }\n },\n err => {\n console.error(\"Error in retrieving the Field chooser data\", err);\n setLoaderActivity(false);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Field chooser data\", err);\n setLoaderActivity(false);\n });\n \n }\n\n return(\n \n \n \n \n Select Start Time \n \n \n \n \n {loaderActivity ? (\n
\n Loading…\n
\n ) : (\n \"\"\n )}\n
\n
\n Hours \n ({\n label: hr,\n value: hr\n }))}\n value={\n {\n label: rowData.rowHrs,\n value: rowData.rowHrs\n }\n }\n onChange={handleHoursChange}\n />\n
\n
\n
\n
\n Minutes \n ({\n label: min,\n value: min\n }))}\n value={\n {\n label: rowData.rowMins,\n value: rowData.rowMins\n }\n }\n onChange={handleMinutesChange}\n />\n
\n
\n
\n Start Time :\n \n {rowData.startTime}\n \n \n
\n
\n End Time :\n \n {rowData.endTime}\n \n \n
\n
\n \n Save \n \n Close\n \n \n \n )\n}\nexport default StartTimeModal;","import React from \"react\";\nimport { useTable, usePagination } from \"react-table\";\nimport { Link } from \"react-router-dom\";\nimport { Form } from \"react-bootstrap\";\nimport \"./Table.css\";\n\n\n/* eslint no-unused-vars: [\"error\", { \"args\": \"none\" }] */\n\nconst Table = ({ columns, data, divClasses, tableClasses, tblBodyClasses, hiddenColumn, pagingSize, pagingSizeChangeHandler, pageIndexChangeHandler }) => {\n\t// Use the state and functions returned from useTable to build your UI\n\tconst tableInstance = useTable(\n\t\t{\n\t\t\tcolumns,\n\t\t\tdata,\n\t\t\tinitialState: { pageIndex: 0, \tpageSize: pagingSize || 5, hiddenColumns: hiddenColumn},\n\t\t\tautoResetPage: false,\n\t\t},\n\t\t// useSortBy,\n\t\tusePagination,\n\t);\n\tconst {\n\t\tgetTableProps,\n\t\tgetTableBodyProps, \n\t \n\t\theaderGroups,\n\t\t/* eslint-disable */\n\t\trows,\n\t\tprepareRow, // Prepare the row (this function needs to be called for each row before getting the row props)\n\n\t\tpage,\n\t\tcanPreviousPage,\n\t\tcanNextPage,\n\t\tpageOptions,\n\t\tpageCount,\n\t\tgotoPage,\n\t\tnextPage,\n\t\tpreviousPage,\n\t\tsetPageSize,\n\t\tstate: { pageIndex, pageSize },\n\t\tsetHiddenColumns\n\t\t/* eslint-disable */\n\t} = tableInstance;\n\n\tReact.useEffect(() => {\n\t\tsetHiddenColumns(hiddenColumn)\n\t }, [hiddenColumn])\n\n\t// Render the UI for your table\n\treturn (\n\t\t<>\n\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{headerGroups.map((headerGroup) => (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{column.render(\"Header\")}\n\t\t\t\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\t\t\t{column.isSorted\n\t\t\t\t\t\t\t\t\t\t\t? column.isSortedDesc\n\t\t\t\t\t\t\t\t\t\t\t\t? \" 🔽\"\n\t\t\t\t\t\t\t\t\t\t\t\t: \" 🔼\"\n\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t */}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t \n\t\t\t\t\t))}\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t{page.map((row, i) => {\n\t\t\t\t\t\tprepareRow(row);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{cell.render(\"Cell\")}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t \n\t\t\t{\n\t\t\t\tdata.length>0 ? \n\t\t\t
\n\t\t\t
{\n\t\t\t\t\tsetPageSize(Number(e.target.value));\n\t\t\t\t\tpagingSizeChangeHandler(Number(e.target.value));\n\t\t\t\t\tpageIndexChangeHandler(0);\n\t\t\t\t}}\n\t\t\t\tstyle={{ width: \"120px\", height: \"38px\" }}\n\t\t\t>\n\t\t\t\t{[5, 10, 20, 30, 40, 50].map((pageSize) => (\n\t\t\t\t\t\n\t\t\t\t\t\t{pageSize}\n\t\t\t\t\t \n\t\t\t\t))}\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\t\tgotoPage(0);\n\t\t\t\t\t\t\t\tpageIndexChangeHandler(0);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={!canPreviousPage}\n\t\t\t\t\t>\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tpreviousPage();\n\t\t\t\t\t\t\t\tpageIndexChangeHandler(pageIndex - 1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={!canPreviousPage}\n\t\t\t\t\t>\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tnextPage();\n\t\t\t\t\t\t\t\tpageIndexChangeHandler(pageIndex + 1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={!canNextPage}\n\t\t\t\t\t>\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tgotoPage(pageCount - 1);\n\t\t\t\t\t\t\t\tpageIndexChangeHandler(pageCount - 1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={!canNextPage}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{pageIndex + 1} of {pageOptions.length}\n\t\t\t\t\t\t\t {\" \"}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\t\n {/* {\n const page = e.target.value ? Number(e.target.value) - 1 : 0\n gotoPage(page)\n }}\n \n />\n */}\n {' '}\n\t\t\t\t \n\t\t\t :
No Data Found!
\n}\n\t\t
Approve \n\t\t\t\t\t\t toggleApproveCheckedAll(e)}\n\t\t\t\t\t\t\tchecked={approvecheckedAll}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tclassName=\"custom-input-checkbox-style all\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t),\n\t\t\t\taccessor: \"sno\",\n\t\t\t\tdisableSortBy: true,\n\t\t\t\tsortble: false,\n\t\t\t\twidth: \"40%\",\n\t\t\t\tCell: ({ row: { original } }) => (\n\t\t\t\t\t\n\t\t\t\t\t\t handleApproveCheck(e, original)}\n\t\t\t\t\t\t\tclassName=\"custom-input-checkbox-style\"\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\tReject \n\t\t\t\t\t\t toggleRejectCheckedAll(e)}\n\t\t\t\t\t\t\tchecked={rjctcheckedAll}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tclassName=\"custom-input-checkbox-style all\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t),\n\t\t\t\taccessor: \"sno1\",\n\t\t\t\tdisableSortBy: true,\n\t\t\t\tsortble: false,\n\t\t\t\twidth: \"40%\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t handleRejectCheck(original)}\n\t\t\t\t\t\t\t\tclassName=\"custom-input-checkbox-style\"\n\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\tdisabled={original.rjctChckDisable}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"associate\",\n\t\t\t\tHeader: \"Associate\",\n\t\t\t\taccessor: \"associate\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.associate}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: () => (\n\t\t\t\t\t\n\t\t\t\t\t\tStart Date\n\t\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\taccessor: \"datec\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\tconst handleClockClick = () => {\n\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\tif (element.transid === original.transid) {\n\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\tstartTimeModal: !element.startTimeModal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{original.datec}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t{/* original.geo === \"APAC\" || */}\n\t\t\t\t\t\t\t{(\n\t\t\t\t\t\t\t\toriginal.startBtnVisible) && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{original.Shift}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Swipe In\",\n\t\t\t\tHeader: () => (\n\t\t\t\t\t\n\t\t\t\t\t\tSwipe\n\t\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\taccessor: \"SwipeIn\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.SwipeIn}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Swipe Out\",\n\t\t\t\tHeader: () => (\n\t\t\t\t\t\n\t\t\t\t\t\tSwipe\n\t\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\taccessor: \"SwipeOut\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.SwipeOut}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Swipe Hrs\",\n\t\t\t\tHeader: () => (\n\t\t\t\t\t\n\t\t\t\t\t\tSwipe\n\t\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\taccessor: \"swipehrs\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.swipehrs}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Swipe Status\",\n\t\t\t\tHeader: () => (\n\t\t\t\t\t\n\t\t\t\t\t\tSwipe\n\t\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\taccessor: \"SwipeStatus\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.SwipeStatus}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: \"Project\",\n\t\t\t\taccessor: \"project_code_name\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.project_code_name}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Process\",\n\t\t\t\tHeader: \"Process\",\n\t\t\t\taccessor: \"process\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.process}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: \"WBS\",\n\t\t\t\taccessor: \"uop\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.uop}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: \"Activity\",\n\t\t\t\taccessor: \"activity\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.activity}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Activity Type\",\n\t\t\t\tHeader: () => (\n\t\t\t\t\t\n\t\t\t\t\t\tActivity\n\t\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.Is_Billable === true\n\t\t\t\t\t\t\t\t? \"Billable\"\n\t\t\t\t\t\t\t\t: \"Non-Billable\"}\n\t\t\t\t\t\t
\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Status\",\n\t\t\t\tHeader: \"Status\",\n\t\t\t\taccessor: \"activitiy_status\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.activitiy_status}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Under Cost Of\",\n\t\t\t\tHeader: \"Under Cost Of\",\n\t\t\t\taccessor: \"under_cost_of\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.under_cost_of}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: () => (\n\t\t\t\t\t\n\t\t\t\t\t\tTotal Hrs\n\t\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\taccessor: \"tottimespent\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.tottimespent}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: () => (\n\t\t\t\t\t\n\t\t\t\t\t\tTotal Hrs\n\t\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\taccessor: \"total\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.total}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: \"Actual Hrs\",\n\t\t\t\taccessor: \"timespent\",\n\t\t\t\tCell: ({ row }) => {\n\t\t\t\t\tconst [actualHrs, setActualHrs] = useState(\n\t\t\t\t\t\tNumber.parseFloat(row.original.timespent).toFixed(2) ,\n\t\t\t\t\t);\n\n\t\t\t\t\tconst handleTimeSpentChange = (e) => {\n\t\t\t\t\t\tsetActualHrs(e.target.value);\n\t\t\t\t\t};\n\n\t\t\t\t\tconst handlePayCodeOnBlur = (e) => {\n\n\t\t\t\t\t\tconst tTs = (Number.parseFloat(row.original.tottimespent) + Number.parseFloat(e.target.value)) - Number.parseFloat(row.original.actualHrs);\n\n\t\t\t\t\t\tconst remdaycap = Number.parseFloat(row.original.daycap) - Number.parseFloat(row.original.tottimespent);\n\n\t\t\t\t\t\tconst tWTS = ((Number.parseFloat(row.original.total) + Number.parseFloat(e.target.value)) - Number.parseFloat(row.original.actualHrs));\n\n\t\t\t\t\t\tconst remweekcap = Number.parseFloat(row.original.weekcap) - Number.parseFloat(row.original.total);\n\n\t\t\t\t\t\tif(row.original.geo.toUpperCase() === \"EMEA\" || row.original.geo.toUpperCase() === 'APAC' || row.original.geo.toUpperCase() === \"INDIA\") {\n\t\t\t\t\t\t\tif(row.original.geo.toUpperCase() === \"INDIA\") {\n\t\t\t\t\t\t\t\tif (!actualHrs || actualHrs <= 0) {\n\t\t\t\t\t\t\t\t\ttoast.error(\n\t\t\t\t\t\t\t\t\t\t\"Time Spent should be greater than zero\",\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\treturn true\n\t\t\t\t\t\t\t\t// eslint-disable-next-line no-else-return\n\t\t\t\t\t\t\t\t} else if(row.original.MinFlexActivityHrs !== \"\" \n\t\t\t\t\t\t\t\t&& (Number.parseFloat(row.original.MinFlexActivityHrs).toFixed(2) > 0 && (Number.parseFloat(e.target.value).toFixed(2) < Number.parseFloat(row.original.MinFlexActivityHrs).toFixed(2)))) {\n\t\t\t\t\t\t\t\t\ttoast.error(\n\t\t\t\t\t\t\t\t\t\t`Minimum hours on Flex hours off activity must be ${row.original.MinFlexActivityHrs} hours.`\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\treturn true;\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif(Number.parseFloat(row.original.daycap) < Number.parseFloat(tTs)) {\n\t\t\t\t\t\t\t\ttoast.error(`Total time for the day exceeds ${row.original.daycap} hours. only ${remdaycap} hours remaining for the day.`);\n\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\treturn false\n\t\t\t\t\t\t\t// eslint-disable-next-line no-else-return\n\t\t\t\t\t\t\t} else if(Number.parseFloat(tWTS) > Number.parseFloat(row.original.weekcap)) {\n\t\t\t\t\t\t\t\ttoast.error(`Total time for the week exceeds ${row.original.weekcap} hours. only ${remweekcap} hours remaining for the week.`);\n\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\treturn false\n\t\t\t\t\t\t\t} else if(row.original.companycode === \"1000\" && row.original.FlexEntryRemainHrs !== \"\") {\n\t\t\t\t\t\t\t\tif(Number.parseFloat(tTs) > (Number.parseFloat(row.original.FlexEntryRemainHrs) + Number.parseFloat(row.original.tottimespent))) {\n\t\t\t\t\t\t\t\t\ttoast.error(`Timespent on flex activity exceeds maximum debit hours limit. Associate has ${Number.parseFloat(row.original.MinFlexActivityHrs)} hours remaining on total flex entry limit`);\n\t\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\treturn false\n\t\t\t\t\t\t\t\t// eslint-disable-next-line no-else-return\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} \n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// eslint-disable-next-line no-lonely-if\n\t\t\t\t\t\t\tif (!actualHrs || actualHrs <= 0) {\n\t\t\t\t\t\t\t\ttoast.error(\n\t\t\t\t\t\t\t\t\t\"Time Spent should be greater than zero\",\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\treturn true\n\t\t\t\t\t\t\t// eslint-disable-next-line no-else-return\n\t\t\t\t\t\t\t} else if (!actualHrs || actualHrs > 17) {\n\t\t\t\t\t\t\t\ttoast.error(\n\t\t\t\t\t\t\t\t\t\"Time Spent should not be greater than 17\",\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\treturn true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\telse if (actualHrs !== row.original.timespent) {\n\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} \n\t\t\t\t\t\tif(row.original.companycode === \"4000\" && Number.parseFloat(tWTS) > 48 ) {\n\t\t\t\t\t\t\ttoast.error(\"Please note that associate has exceeded 48 hours for this week\");\n\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn false\n\t\t\t\t\t\t// eslint-disable-next-line no-else-return\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t// if (!actualHrs || actualHrs <= 0) {\n\t\t\t\t\t\t// \ttoast.error(\n\t\t\t\t\t\t// \t\t\"Time Spent should be greater than zero\",\n\t\t\t\t\t\t// \t);\n\t\t\t\t\t\t// \tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t// \t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t// \t\t\tconst rec = {\n\t\t\t\t\t\t// \t\t\t\t...element,\n\t\t\t\t\t\t// \t\t\t\ttimespent: Number.parseFloat(element.timespent).toFixed(2),\n\t\t\t\t\t\t// \t\t\t};\n\t\t\t\t\t\t// \t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t// \t\t}\n\t\t\t\t\t\t// \t});\n\t\t\t\t\t\t// \tdispatch({\n\t\t\t\t\t\t// \t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t// \t\tpayload: approveTableDetails,\n\t\t\t\t\t\t// \t});\n\t\t\t\t\t\t// } else if (!actualHrs || actualHrs > 17) {\n\t\t\t\t\t\t// \ttoast.error(\n\t\t\t\t\t\t// \t\t\"Time Spent should not be greater than 17\",\n\t\t\t\t\t\t// \t);\n\t\t\t\t\t\t// \tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t// \t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t// \t\t\tconst rec = {\n\t\t\t\t\t\t// \t\t\t\t...element,\n\t\t\t\t\t\t// \t\t\t\ttimespent: Number.parseFloat(element.timespent).toFixed(2),\n\t\t\t\t\t\t// \t\t\t};\n\t\t\t\t\t\t// \t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t// \t\t}\n\t\t\t\t\t\t// \t});\n\t\t\t\t\t\t// \tdispatch({\n\t\t\t\t\t\t// \t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t// \t\tpayload: approveTableDetails,\n\t\t\t\t\t\t// \t});\n\t\t\t\t\t\t// } else if (actualHrs !== row.original.timespent) {\n\t\t\t\t\t\t// \tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t// \t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t// \t\t\tconst rec = {\n\t\t\t\t\t\t// \t\t\t\t...element,\n\t\t\t\t\t\t// \t\t\t\ttimespent: Number.parseFloat(actualHrs).toFixed(2),\n\t\t\t\t\t\t// \t\t\t};\n\t\t\t\t\t\t// \t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t// \t\t}\n\t\t\t\t\t\t// \t});\n\t\t\t\t\t\t// \tdispatch({\n\t\t\t\t\t\t// \t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t// \t\tpayload: approveTableDetails,\n\t\t\t\t\t\t// \t});\n\t\t\t\t\t\t// }\n\t\t\t\t\t};\n\n\t\t\t\t\tconst handleClockClick = () => {\n\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\tif (element.transid === row.original.transid) {\n\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\tmodalShow: !element.modalShow,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
handleTimeSpentChange(e)}\n\t\t\t\t\t\t\t\tonBlur={handlePayCodeOnBlur}\n\t\t\t\t\t\t\t\tdisabled={row.original.timeSpentDisable}\n\t\t\t\t\t\t\t\treadOnly={row.original.savedPayCode}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{row.original.companycode &&\n\t\t\t\t\t\t\t\trow.original.companycode === \"7000\" && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleClockClick()\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trow.original\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.payCodeBtnDisable\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\tPrevious Pay\n\t\t\t\t\t\t
\n\t\t\t\t),\n\t\t\t\taccessor: \"PreviousApprovedHrs\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.PreviousApprovedHrs}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: \"Reason for Timesheet Hrs change\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\tconst [reason, setReason] = useState(\n\t\t\t\t\t\toriginal.reasonForTimesheetHoursChange\n\t\t\t\t\t\t\t? original.reasonForTimesheetHoursChange\n\t\t\t\t\t\t\t: \"\",\n\t\t\t\t\t);\n\n\t\t\t\t\tconst handleReasonChange = (selected) => {\n\t\t\t\t\t\tsetReason(selected);\n\t\t\t\t\t};\n\n\t\t\t\t\tconst handleSelectOnBlur = () => {\n\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\tif (element.transid === original.transid) {\n\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\treasonForTimesheetHoursChange: reason,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\t\t\t\t\treturn (\n\t\t\t\t\t\t ({\n\t\t\t\t\t\t\t\t\tlabel: details.ReasonDesc,\n\t\t\t\t\t\t\t\t\tvalue: details.ReasonID,\n\t\t\t\t\t\t\t\t}))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// value={original.reasonForTimesheetHoursChange ? original.reasonForTimesheetHoursChange: \"\"}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tvalue={reason}\n\t\t\t\t\t\t\tonChange={handleReasonChange}\n\t\t\t\t\t\t\tonBlur={handleSelectOnBlur}\n\t\t\t\t\t\t\tclassName=\"react-select-container\"\n\t\t\t\t\t\t\tclassNamePrefix=\"react-select\"\n\t\t\t\t\t\t\tmenuPortalTarget={document.body}\n styles={{ menuPortal: base => ({ ...base, zIndex: 9999 }) }}\n\t\t\t\t\t\t\tisDisabled={\n\t\t\t\t\t\t\t\toriginal.Reason_for_Timesheet_Hrs_change_disabled\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Est.UOM1\",\n\t\t\t\tHeader: \"Est.UOM1\",\n\t\t\t\taccessor: \"uom1_est\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.uom1_est}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"UOM1\",\n\t\t\t\tHeader:() => UOM1
,\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\tconst [uom1Compval, setUom1Compval] = useState(\n\t\t\t\t\t\toriginal.uom1_comp,\n\t\t\t\t\t);\n\t\t\t\t\tconst handleUom1CompChange = (e) => {\n\t\t\t\t\t\tsetUom1Compval(Number.parseInt(e.target.value, 10));\n\t\t\t\t\t};\n\n\t\t\t\t\tconst handleUom1CompOnBlur = () => {\n\t\t\t\t\t\tif (uom1Compval !== original.uom1_comp) {\n\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\tif (element.transid === original?.transid) {\n\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\tuom1_comp: uom1Compval,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t handleUom1CompChange(e)}\n\t\t\t\t\t\t\t\tonBlur={handleUom1CompOnBlur}\n\t\t\t\t\t\t\t\tstyle={original.style || {}}\n\t\t\t\t\t\t\t\tdisabled={original.uom1_disabled}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tid: \"Est.UOM2\",\n\t\t\t\tHeader: \"Est.UOM2\",\n\t\t\t\taccessor: \"uom2_est\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.uom2_est}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"UOM2\",\n\t\t\t\tHeader:() => UOM2
,\n\t\t\t\taccessor: \"uom2_comp\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\tconst [uom2Compval, setUom2Compval] = useState(\n\t\t\t\t\t\toriginal.uom2_comp,\n\t\t\t\t\t);\n\t\t\t\t\tconst handleUom2CompChange = (e) => {\n\t\t\t\t\t\tsetUom2Compval(Number.parseInt(e.target.value, 10));\n\t\t\t\t\t};\n\n\t\t\t\t\tconst handleUom2CompOnBlur = () => {\n\t\t\t\t\t\tif (uom2Compval !== original.uom2_comp) {\n\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\tif (element.transid === original?.transid) {\n\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\tuom2_comp: uom2Compval,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t handleUom2CompChange(e)}\n\t\t\t\t\t\t\t\tonBlur={handleUom2CompOnBlur}\n\t\t\t\t\t\t\t\tstyle={original.textStyle || {}}\n\t\t\t\t\t\t\t\tdisabled={original.uom2_disabled}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Est.UOM3\",\n\t\t\t\tHeader: \"Est.UOM3\",\n\t\t\t\taccessor: \"uom3_est\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.uom3_est}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"UOM3\",\n\t\t\t\tHeader:() => UOM3
,\n\t\t\t\taccessor: \"uom3_comp\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\tconst [uom3Compval, setUom3Compval] = useState(\n\t\t\t\t\t\toriginal.uom3_comp,\n\t\t\t\t\t);\n\t\t\t\t\tconst handleUom3CompChange = (e) => {\n\t\t\t\t\t\tsetUom3Compval(Number.parseInt(e.target.value, 10));\n\t\t\t\t\t};\n\n\t\t\t\t\tconst handleUom3CompOnBlur = () => {\n\t\t\t\t\t\tif (uom3Compval !== original.uom3_comp) {\n\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\tif (element.transid === original?.transid) {\n\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\tuom3_comp: uom3Compval,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t handleUom3CompChange(e)}\n\t\t\t\t\t\t\t\tonBlur={handleUom3CompOnBlur}\n\t\t\t\t\t\t\t\tstyle={original.textStyle || {}}\n\t\t\t\t\t\t\t\tdisabled={original.uom3_disabled}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Est.UOM4\",\n\t\t\t\tHeader: \"Est.UOM4\",\n\t\t\t\taccessor: \"uom4_est\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.uom4_est}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"UOM4\",\n\t\t\t\tHeader:() => UOM4
,\n\t\t\t\taccessor: \"uom4_comp\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\tconst [uom4Compval, setUom4Compval] = useState(\n\t\t\t\t\t\toriginal.uom4_comp,\n\t\t\t\t\t);\n\t\t\t\t\tconst handleUom4CompChange = (e) => {\n\t\t\t\t\t\tsetUom4Compval(Number.parseInt(e.target.value, 10));\n\t\t\t\t\t};\n\n\t\t\t\t\tconst handleUom4CompOnBlur = () => {\n\t\t\t\t\t\tif (uom4Compval !== original.uom4_comp) {\n\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\tif (element.transid === original?.transid) {\n\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\tuom4_comp: uom4Compval,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t handleUom4CompChange(e)}\n\t\t\t\t\t\t\t\tonBlur={handleUom4CompOnBlur}\n\t\t\t\t\t\t\t\tstyle={original.textStyle || {}}\n\t\t\t\t\t\t\t\tdisabled={original.uom4_disabled}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Est.UOM5\",\n\t\t\t\tHeader: \"Est.UOM5\",\n\t\t\t\taccessor: \"uom5_est\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.uom5_est}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"UOM5\",\n\t\t\t\tHeader:() => UOM5
,\n\t\t\t\taccessor: \"uom5_comp\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\tconst [uom5Compval, setUom5Compval] = useState(\n\t\t\t\t\t\toriginal.uom5_comp,\n\t\t\t\t\t);\n\t\t\t\t\tconst handleUom5CompChange = (e) => {\n\t\t\t\t\t\tsetUom5Compval(Number.parseInt(e.target.value, 10));\n\t\t\t\t\t};\n\n\t\t\t\t\tconst handleUom5CompOnBlur = () => {\n\t\t\t\t\t\tif (uom5Compval !== original.uom5_comp) {\n\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\tif (element.transid === original?.transid) {\n\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\tuom5_comp: uom5Compval,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t handleUom5CompChange(e)}\n\t\t\t\t\t\t\t\tonBlur={handleUom5CompOnBlur}\n\t\t\t\t\t\t\t\tstyle={original.textStyle || {}}\n\t\t\t\t\t\t\t\tdisabled={original.uom5_disabled}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"TM\",\n\t\t\t\tHeader: \"TM\",\n\t\t\t\taccessor: \"tm\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.tm}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"GL\",\n\t\t\t\tHeader: \"GL\",\n\t\t\t\taccessor: \"gl\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{original.gl}\n\t\t\t\t\t\t \n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"Remarks\",\n\t\t\t\tHeader: \"Remarks\",\n\t\t\t\tCell: ({ row: { original } }) => {\n\t\t\t\t\tconst [remarksval, setRemarks] = useState(original.remarks);\n\t\t\t\t\tconst handleRemarksChange = (e) => {\n\t\t\t\t\t\tsetRemarks(e.target.value);\n\t\t\t\t\t};\n\n\t\t\t\t\tconst handleRemarksOnBlur = () => {\n\t\t\t\t\t\tif (remarksval !== original.remarks) {\n\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\tif (element.transid === original?.transid) {\n\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\tremarks: remarksval,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\ttype: APPROVE_TS_TABLE_DATA,\n\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t handleRemarksChange(e)}\n\t\t\t\t\t\t\t\tonBlur={handleRemarksOnBlur}\n\t\t\t\t\t\t\t\tstyle={original.textStyle || {}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[\n\t\t\trjctcheckedAll,\n\t\t\tapprovecheckedAll,\n\t\t\ttoggleApproveCheckedAll,\n\t\t\ttoggleRejectCheckedAll,\n\t\t\tapproveTableDetails,\n\t\t\tdispatch,\n\t\t\thandleApproveCheck,\n\t\t\thandleRejectCheck,\n\t\t\treasonlist,\n\t\t],\n\t);\n\n\tconst excelColumns = [\n\t\t{\n\t\t\tlabel: \"Associate\",\n\t\t\tvalue: \"associate\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Start Date and Time\",\n\t\t\tvalue: \"datec\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Shift\",\n\t\t\tvalue: \"Shift\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Swipe In\",\n\t\t\tvalue: \"SwipeIn\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Swipe Out\",\n\t\t\tvalue: \"SwipeOut\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Swipe Hrs\",\n\t\t\tvalue: \"swipehrs\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Swipe Status\",\n\t\t\tvalue: \"SwipeStatus\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Project\",\n\t\t\tvalue: \"project_code_name\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Process\",\n\t\t\tvalue: \"process\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"WBS\",\n\t\t\tvalue: \"uop\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Activity\",\n\t\t\tvalue: \"activity\",\n\t\t},\n\t\t// {\n\t\t// label: \"Activity Type\",\n\t\t// Cell: ({ row: {original} }) => {\n\t\t// return (\n\t\t// \n\t\t// {original.Is_Billable === true ? \"Billable\" : \"Non-Billable\"}\n\t\t//
\n\t\t// )\n\t\t// },\n\t\t// },\n\t\t{\n\t\t\tlabel: \"Status\",\n\t\t\tvalue: \"status\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Under Cost Of\",\n\t\t\tvalue: \"under_cost_of\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Total Hrs Per Day\",\n\t\t\tvalue: \"tottimespent\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Total Hrs Per Week\",\n\t\t\tvalue: \"total\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Actual Hrs\",\n\t\t\tvalue: \"timespent\",\n\t\t},\n\t\t// {\n\t\t// label: \"Reason for Timesheet Hrs change\",\n\n\t\t// },\n\t\t{\n\t\t\tlabel: \"Est.UOM1\",\n\t\t\tvalue: \"uom1_est\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"UOM1\",\n\t\t\tvalue: \"uom1_comp\",\n\t\t},\n\n\t\t{\n\t\t\tlabel: \"Est.UOM2\",\n\t\t\tvalue: \"uom2_est\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"UOM2\",\n\t\t\tvalue: \"uom2_comp\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Est.UOM3\",\n\t\t\tvalue: \"uom3_est\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"UOM3\",\n\t\t\tvalue: \"uom3_comp\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Est.UOM4\",\n\t\t\tvalue: \"uom4_est\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"UOM4\",\n\t\t\tvalue: \"uom4_comp\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Est.UOM5\",\n\t\t\tvalue: \"uom5_est\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"UOM5\",\n\t\t\tvalue: \"uom5_comp\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"TM\",\n\t\t\tvalue: \"tm\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"GL\",\n\t\t\tvalue: \"gl\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Remarks\",\n\t\t\tvalue: \"remarks\",\n\t\t},\n\t];\n\n\tconsole.log(\"In Approve PM component\")\n\tconsole.log(\"In Approve PM loaderActivity\", loaderActivity, geoCode)\n\treturn (\n\t\t<>\n\t\t\t{loaderActivity || !geoCode ? (\n\t\t\t\t\n\t\t\t\t\tLoading…\n\t\t\t\t
\n\t\t\t) : (\n\t\t\t\t\"\"\n\t\t\t)}\n\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\tSelected Timespent:{\" \"}\n\t\t\t\t\t\t{timeSpentArr.length > 0 &&\n\t\t\t\t\t\t\ttimeSpentArr.reduce((accumulator, currentValue) =>\n\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\tNumber.parseFloat(accumulator) +\n\t\t\t\t\t\t\t\t\tNumber.parseFloat(currentValue)\n\t\t\t\t\t\t\t\t)?.toFixed(2),\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t \n \n\t\t\t\t\t{isWbsChange && onChangeData && (\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tWBS estimated Time:\n\t\t\t\t\t\t\t\t{Number.parseFloat(\n\t\t\t\t\t\t\t\t\tonChangeData[0]?.WBSEstimateTime,\n\t\t\t\t\t\t\t\t).toFixed(2)}\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tApproved Hours:\n\t\t\t\t\t\t\t\t{Number.parseFloat(\n\t\t\t\t\t\t\t\t\tonChangeData[0]?.ActualTimeSpent,\n\t\t\t\t\t\t\t\t).toFixed(2)}\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tRemaining Time :\n\t\t\t\t\t\t\t\t{Number.parseFloat(\n\t\t\t\t\t\t\t\t\tNumber.parseFloat(\n\t\t\t\t\t\t\t\t\t\tonChangeData[0]?.WBSEstimateTime,\n\t\t\t\t\t\t\t\t\t) -\n\t\t\t\t\t\t\t\t\t\tNumber.parseFloat(\n\t\t\t\t\t\t\t\t\t\t\tonChangeData[0]?.ActualTimeSpent,\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t).toFixed(2)}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n Project Manager \n
\n\n \n Reporting Manager(Workday) \n
\n \n );\n};\n\nexport default ManagerType;","import React, {useState, useEffect} from \"react\";\nimport {getRmAssociateddl} from \"components/actions/timesheetApprove\";\nimport Select from \"react-select\";\nimport { useSelector } from \"react-redux\";\n\nconst RmAssociateddl = (\n {\n selectedRmAssociate,\n setSelectedRmAssociate,\n }\n) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n\n const [associateList, setAssociateList] = useState([]);\n\n useEffect(() => {\n getRmAssociateddl(associateId).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.timesheetAssociatesRmDetails.length !== 0) {\n setAssociateList(res.data.timesheetAssociatesRmDetails);\n }\n }\n },\n err => {\n console.error(\"Error in retrieving the Reason List\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Reason List\", err);\n });\n \n }, [associateId]);\n\n const handleReasonChange = (selected) => {\n setSelectedRmAssociate(selected)\n }\n\n return (\n <>\n ({\n label: details.AssociateName,\n value: details.AssociateID\n })\n )\n }\n \n onChange={handleReasonChange}\n className='react-select-container'\n classNamePrefix=\"react-select\"\n />\n \n );\n};\n\nexport default RmAssociateddl;","import React, {useState, useEffect, useMemo, useRef} from \"react\";\nimport Modal from \"react-bootstrap/Modal\";\nimport {getPayCodeData} from \"components/actions/timesheetApprove\";\nimport Table from \"components/common/Table/Table\";\nimport { toast } from \"react-toastify\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { APPROVE_RM_TABLE_DATA } from \"reducers/constants\";\n\nconst RMPayCodeMdl = ({rowData, modalShow, handleClockClick }) => {\n\n const regularRef = useRef();\n const otRef = useRef();\n const payRef = useRef();\n const excessRef = useRef();\n\n const approveTableDetails = useSelector(state => {\n return JSON.parse(JSON.stringify(state.approveRM.approveRMTable))\n });\n\n const dispatch = useDispatch();\n\n const [tableFields, setTableFields] = useState([]);\n\n const [loading, setLoading] = useState(true);\n\n const [payCodeData, setPayCodeData] = useState({\n regularTs: rowData.timespent,\n overtime: 0,\n payrate: 0,\n Excess: 0\n });\n\n useEffect(() => {\n setLoading(true);\n getPayCodeData().then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.timesheetPaytypeDetails.length !== 0) {\n setTableFields(res.data.timesheetPaytypeDetails)\n setLoading(false);\n }\n }\n else {\n toast.error(res.message);\n setLoading(false);\n }\n },\n err => {\n console.error(\"Error in retrieving the Approve RM Table Date\", err);\n setLoading(false);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Approve RM Table Date\", err);\n setLoading(false);\n });\n }, []);\n\n useEffect(() => {\n if(rowData.payCodeTS != \"\" && rowData.payCodeTS != null) {\n const strPayTime = rowData.payCodeTS.split(',')\n setPayCodeData({\n regularTs: strPayTime[0] === \"0\" ? rowData.timespent : Number.parseFloat(strPayTime[0]) ,\n overtime: Number.parseFloat(strPayTime[1]),\n payrate: Number.parseFloat(strPayTime[2]),\n Excess: Number.parseFloat(strPayTime[3])\n });\n }\n }, [rowData.payCodeTS, rowData.timespent, payCodeData.regularTs, payCodeData.overtime, payCodeData.payrate, payCodeData.Excess]);\n\n const columns = useMemo(() => (\n [\n {\n Header: \"Pay Code\",\n accessor: \"PayCodeDesc\",\n },\n {\n Header: \"Time Spent\",\n Cell: ({row: {original}}) => {\n const [payCodevalues, setPayCode] = useState({\n regularTs: payCodeData.regularTs,\n overtime: payCodeData.overtime,\n payrate: payCodeData.payrate,\n Excess: payCodeData.Excess\n })\n\n const handlePayCodeChange = (e) => {\n\n setPayCode((prevState) => {\n return {\n ...prevState, [e.target.name]: e.target.value\n }\n })\n }\n\n const handleregularTsPayCodeOnBlur = (e) => { \n\n if(!payCodevalues.regularTs) {\n setPayCode({...payCodevalues, [e.target.name]: 0})\n }\n\n if(payCodevalues.regularTs >= 17)\n {\n toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n setPayCode({...payCodevalues, [e.target.name]: payCodeData.regularTs})\n }\n\n // else if(totalCount>=17)\n // {\n // toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n // }\n }\n\n const handleovertimePayCodeOnBlur = (e) => {\n\n if(!payCodevalues.overtime) {\n setPayCode({...payCodevalues, [e.target.name]: 0})\n }\n\n if(payCodevalues.overtime >= 17)\n {\n toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n setPayCode({...payCodevalues, [e.target.name]: payCodeData.overtime})\n }\n // else if(totalCount>=17)\n // {\n // toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n // }\n }\n const handlepayratePayCodeOnBlur = (e) => {\n\n if(!payCodevalues.payrate) {\n setPayCode({...payCodevalues, [e.target.name]: 0})\n }\n\n if(payCodevalues.payrate>=17)\n {\n toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n setPayCode({...payCodevalues, [e.target.name]: payCodeData.payrate})\n }\n // else if(totalCount>=17)\n // {\n // toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n // }\n }\n const handleExcessPayCodeOnBlur = (e) => {\n\n if(!payCodevalues.Excess) {\n setPayCode({...payCodevalues, [e.target.name]: 0})\n }\n\n if(payCodevalues.Excess>=17)\n {\n toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n setPayCode({...payCodevalues, [e.target.name]: payCodeData.Excess})\n }\n // else if(totalCount>=17)\n // {\n // toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n // }\n }\n\n return (\n <>\n {original.PayCode === 101 &&\n Loading…
\n }\n return (\n <>\n \n \n \n \n Pay code Wise Time \n \n \n \n {loading?Loading…
:\n }\n \n \n \n Save & Close\n \n \n \n \n )\n};\n\nexport default RMPayCodeMdl;","import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport clockBlueIcon from \"assets/images/clock-fill-blue-icon.svg\";\nimport {\n getApproveTableData, getFieldChooserData,\n getReasonList\n} from \"components/actions/timesheetApprove\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { APPROVE_RM_TABLE_DATA, APPROVE_FIELD_CHOOSER_DATA } from \"reducers/constants\";\nimport { toast } from \"react-toastify\";\nimport Select from \"react-select\";\nimport { Form } from 'react-bootstrap';\nimport Excel from \"components/common/Excel\";\nimport RMPayCodeMdl from \"./RMPayCodeMdl\";\nimport StartTimeModal from \"./StartTimeModal\";\nimport Table from \"../Table/Table\";\n\nconst ApproveRMTable = ({ geoCode, apacEmea, rmChckdPageIdx, setRmChckdPageIdx, rmRjctPageIdx, setRmRjctPageIdx, selectedRmPrjcGrp,\n selectedRmProject,\n rmFromDate,\n rmToDate, rmMangerType }) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n const orgCode = useSelector(state => state.user.userProjDetails?.currentProject?.Org_code);\n\n const [approvecheckedAll, setApproveCheckedAll] = useState(false);\n\n const [rjctcheckedAll, setRjctCheckedAll] = useState(false);\n\n const [reasonlist, setReasonList] = useState([]);\n\n const [loaderActivity, setLoaderActivity] = useState(false);\n const [pagingSize, setPagingSize] = useState(50);\n\tconst [pageIndex, setPageIndex] = useState(0);\n\n const approveTableDetails = useSelector(state => {\n return JSON.parse(JSON.stringify(state.approveRM.approveRMTable))\n });\n\n const approveFCData = useSelector(state => {\n return JSON.parse(JSON.stringify(state.approveFieldChooser.approveFCTable))\n });\n\n const dispatch = useDispatch();\n\n useEffect(() => {\n console.log(\"In Approve RM ApproveTimesheetsSwipeDetails\")\n setLoaderActivity(true)\n if (geoCode) {\n getApproveTableData(\n selectedRmPrjcGrp?.value,\n selectedRmProject?.value,\n \"All\",\n \"All\", \n \"All\", \n \"All\", \n associateId, \n \"All\", \n rmFromDate, \n rmToDate, \n rmMangerType, \n \"All\", \n \"All\"\n ).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data) {\n const data = JSON.parse(JSON.stringify(res.data.ApproveTimesheetsSwipeDetails))\n\n // const newData = data.map((element) => {\n // if (\n // (element.geo !== \"APAC\" || element.geo !== \"EMEA\") && element.end_time\n // ) {\n // return (\n // { ...element, approveCB: false, rejectCB: false, actualHrs: element.timespent, modalShow: false, textStyle: { color:\"red\"} }\n // )\n // }\n // return (\n // { ...element, approveCB: false, rejectCB: false, actualHrs: element.timespent, modalShow: false }\n // )})\n // adding validations and few other fields to the received data, so that the grid is rendered accordingly\n const newData = data.map((element) => {\n element[\"approveCB\"] = false;\n element[\"rejectCB\"] = false;\n element[\"actualHrs\"] = element.timespent;\n element[\"modalShow\"] = false;\n\n if (element.geo === \"APAC\") {\n element[\"rowHrs\"] = (element.datec.split(\" \")[1])?.split(\":\")[0];\n element[\"rowMins\"] = (element.datec.split(\" \")[1])?.split(\":\")[1];\n element[\"startTime\"] = element.datec;\n element[\"endTime\"] = element.end_time1;\n }\n\n // if \"Is_Billable\" is false, disable \"Reason for Timesheet Hrs change\" drop down\n if (!element.Is_Billable) {\n element[\"Reason_for_Timesheet_Hrs_change_disabled\"] = true;\n }\n\n // validations based on process name starts\n if (element.process) {\n // if process is \"General\", disable uom1, uom2, uom3, uom4, uom5 input elements\n if (element.process === \"General\") {\n element[\"uom1_disabled\"] = true;\n element[\"uom2_disabled\"] = true;\n element[\"uom3_disabled\"] = true;\n element[\"uom4_disabled\"] = true;\n element[\"uom5_disabled\"] = true;\n }\n else { // this block executes when process is not \"General\"\n\n // when uomcnt holds value\n if (element.uomcnt) {\n for (let tcnt = element.uomcnt + 1; tcnt <= 5; tcnt += 1) {\n element[`uom${tcnt}_disabled`] = true;\n }\n }\n if ((element.geo !== \"APAC\" && element.geo !== \"EMEA\") && element.end_time) {\n element[\"textStyle\"] = { color: \"red\" };\n }\n }\n }\n // validations based on process name ends\n\n // validations based on SplAttenReq starts\n if ((element.geo !== \"APAC\" && element.geo !== \"EMEA\") && element.SplAttenReq === 1) {\n element[\"textStyle\"] = { color: \"red\" };\n }\n if ((element.geo !== \"APAC\" && element.geo !== \"EMEA\") && element.SplAttenReq === 2) {\n element[\"textStyle\"] = { color: \"blue\" };\n }\n // validations based on SplAttenReq ends\n\n if (element.geo === \"APAC\") {\n element[\"startTimeModal\"] = false\n }\n\n // validations based on datec starts \n\n if (element.datec !== null && element.Pay_lock !== null) {\n if (element.datec !== \"\" && element.Pay_lock !== \"\") {\n if (new Date(element.datec) < new Date(element.Pay_lock)) {\n element[\"timeSpentDisable\"] = true\n element[\"rjctChckDisable\"] = true\n element[\"payCodeBtnDisable\"] = true\n }\n }\n }\n\n if (element.datec !== null && element.Billable_Lock !== null) {\n if (element.datec !== \"\" && element.Billable_Lock !== \"\") {\n if (new Date(element.datec) < new Date(element.Billable_Lock)) {\n element[\"billableHrsDisable\"] = true\n }\n }\n }\n // validations based on datec ends\n if (element.companycode !== null) {\n if (element.nonapacgeo !== \"\" && element.nonapacgeo !== null) {\n if (element.nonapacgeo === 1) {\n element[\"startBtnVisible\"] = false\n }\n }\n }\n\n if (geoCode.toUpperCase() !== \"APAC\") {\n element[\"endDateVisible\"] = false;\n }\n else {\n element[\"endDateVisible\"] = true;\n }\n\n if (orgCode && (orgCode === \"1000\" || orgCode === \"7000\")) {\n element[\"endDateVisible\"] = false;\n }\n else {\n element[\"endDateVisible\"] = true;\n }\n\n if (geoCode.toUpperCase() === \"EMEA\") {\n element[\"endDateVisible\"] = false;\n }\n else {\n element[\"endDateVisible\"] = true;\n }\n\n return element;\n })\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: newData });\n setLoaderActivity(false)\n } else {\n setLoaderActivity(false)\n }\n }\n },\n err => {\n console.error(\"Error in retrieving the Approve RM Table Date\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Approve RM Table Date\", err);\n });\n } else {\n setLoaderActivity(false)\n }\n\n }, [dispatch, associateId, geoCode]);\n\n useEffect(() => {\n console.log(\"In Approve RM getFieldChooserData\")\n if (!approveFCData.length && geoCode && apacEmea !== null) {\n getFieldChooserData(apacEmea ? \"APACEMEA\" : geoCode, associateId).then(\n resp => {\n if (resp.success && resp.statusCode === 200) {\n if (resp.data) {\n dispatch({ type: APPROVE_FIELD_CHOOSER_DATA, payload: resp.data.FCData });\n }\n }\n },\n err => {\n console.error(\"Error in retrieving the Field chooser data\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Field chooser data\", err);\n });\n }\n\n }, [associateId, dispatch, geoCode, approveFCData, apacEmea]);\n\n useEffect(() => {\n console.log(\"In Approve RM reasonForTimesheetHoursChange\")\n getReasonList().then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.reasonForTimesheetHoursChange.length !== 0) {\n setReasonList(res.data.reasonForTimesheetHoursChange);\n }\n }\n },\n err => {\n console.error(\"Error in retrieving the Reason List\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Reason List\", err);\n });\n\n }, []);\n\n useEffect(() => {\n return () => {\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: [] });\n };\n\n }, [dispatch]);\n\n useEffect(()=> {\n\t\tif(pageIndex === rmChckdPageIdx) {\n\t\t\tsetApproveCheckedAll(true);\n\t\t} else {\n\t\t\tsetApproveCheckedAll(false);\n\t\t}\n\t},[pageIndex, rmChckdPageIdx]);\n\n\tuseEffect(()=> {\n\t\tif(pageIndex === rmRjctPageIdx) {\n\t\t\tsetRjctCheckedAll(true);\n\t\t} else {\n\t\t\tsetRjctCheckedAll(false);\n\t\t}\n\t},[pageIndex, rmRjctPageIdx]);\n\n const arr = [];\n approveFCData.filter(data => !data.Check &&\n arr.push(data.Item)\n )\n\n const timeSpentRMArr = [];\n\n if (approveTableDetails.length > 0) {\n approveTableDetails.map(data =>\n (data.rejectCB || data.approveCB) && timeSpentRMArr.push(Number.parseFloat(data.timespent).toFixed(2))\n )\n }\n\n const toggleApproveCheckedAll = useCallback((e) => {\n if (e.target.checked) {\n setRmChckdPageIdx(pageIndex)\n if (approveTableDetails.length > 0) {\n const data = JSON.parse(JSON.stringify(approveTableDetails))\n const startVal=pageIndex*pagingSize;\n\t\t\t\tconst endVal=(startVal+pagingSize)-1;\n // const newData = data.map((element) => (\n // { ...element, approveCB: true, rejectCB: false }\n // ))\n const newData = data.map((element,idx) => {\n if(idx>=startVal && idx<=endVal)\n {\n return\t({\n ...element, \n approveCB: true, \n rejectCB: false\n })\n }\n return\t({\n ...element,\n approveCB: false,\n rejectCB: false\n })\n \n \n });\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: newData });\n }\n setApproveCheckedAll(true);\n setRjctCheckedAll(false)\n setRmRjctPageIdx(\"\");\n }\n else {\n if (approveTableDetails.length > 0) {\n const data = JSON.parse(JSON.stringify(approveTableDetails))\n // const newData = data.map((element) => (\n // { ...element, approveCB: false }\n // ))\n const startVal=pageIndex*pagingSize;\n\t\t\t\tconst endVal=(startVal+pagingSize)-1;\n\t\t\t\tconst newData = data.map((element,idx) => {\n if(idx>=startVal && idx<=endVal)\n {\n return ({\n ...element,\n approveCB: false\n })\n }\n\t\t\t\t\t\t\treturn element;\n\t\t\t\t});\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: newData });\n }\n setApproveCheckedAll(false);\n setRjctCheckedAll(false)\n setRmChckdPageIdx(\"\");\n setRmRjctPageIdx(\"\");\n }\n }, [dispatch, approveTableDetails]);\n\n const toggleRejectCheckedAll = useCallback((e) => {\n if (e.target.checked) {\n setRmRjctPageIdx(pageIndex)\n if (approveTableDetails.length > 0) {\n const data = JSON.parse(JSON.stringify(approveTableDetails))\n // const newData = data.map((element) => (\n // { ...element, approveCB: false, rejectCB: true }\n // ))\n\n const startVal=pageIndex*pagingSize;\n\t\t\t\tconst endVal=(startVal+pagingSize)-1;\n\t\t\t\tconst newData = data.map((element,idx) => {\n\t\t\t\t if(idx>=startVal && idx<=endVal)\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\treturn\t({\n\t\t\t\t\t\t\t\t...element,\n approveCB: false,\n rejectCB: true\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn\t({\n\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\tapproveCB: false,\n\t\t\t\t\t\t\trejectCB: false,\n\t\t\t\t\t\t})\n\t\t\t\t\t});\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: newData });\n }\n setRjctCheckedAll(true);\n setApproveCheckedAll(false)\n setRmChckdPageIdx(\"\")\n }\n else {\n if (approveTableDetails.length > 0) {\n const data = JSON.parse(JSON.stringify(approveTableDetails))\n // const newData = data.map((element) => (\n // { ...element, rejectCB: false }\n // ))\n const startVal=pageIndex*pagingSize;\n\t\t\t\tconst endVal=(startVal+pagingSize)-1;\n\t\t\t\tconst newData = data.map((element,idx) => {\n\t\t\t\t\t\tif(idx>=startVal && idx<=endVal)\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\treturn\t({\n\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\trejectCB: false,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn element;\n\t\t\t\t\t});\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: newData });\n }\n setRjctCheckedAll(false);\n setApproveCheckedAll(false)\n setRmChckdPageIdx(\"\");\n setRmRjctPageIdx(\"\");\n }\n }, [dispatch, approveTableDetails]);\n\n const handleApproveCheck = useCallback((e, data) => {\n approveTableDetails.forEach((element, index) => {\n if (element.transid === data?.transid) {\n const rec = { ...element, approveCB: !data.approveCB, rejectCB: false };\n approveTableDetails[index] = rec\n } else {\n approveTableDetails[index] = { ...element, rejectCB: false }\n }\n })\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n setRjctCheckedAll(false)\n }, [dispatch, approveTableDetails]);\n\n const handleRejectCheck = useCallback((data) => {\n approveTableDetails.forEach((element, index) => {\n if (element.transid === data?.transid) {\n const rec = { ...element, approveCB: false, rejectCB: !data.rejectCB };\n approveTableDetails[index] = rec\n } else {\n approveTableDetails[index] = { ...element, approveCB: false }\n }\n });\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n setApproveCheckedAll(false);\n }, [dispatch, approveTableDetails]);\n\n const columns = useMemo(() => (\n [\n {\n Header: () => (\n <>\n Approve \n toggleApproveCheckedAll(e)}\n checked={approvecheckedAll}\n type=\"checkbox\"\n className=\"custom-input-checkbox-style all\"\n />\n \n ),\n accessor: \"sno\",\n disableSortBy: true,\n sortble: false,\n width: \"40%\",\n Cell: ({ row: { original } }) =>\n (\n \n handleApproveCheck(e, original)}\n className=\"custom-input-checkbox-style\"\n type=\"checkbox\"\n />\n
\n ),\n },\n {\n Header: () => (\n <>\n Reject \n toggleRejectCheckedAll(e)}\n checked={rjctcheckedAll}\n type=\"checkbox\"\n className=\"custom-input-checkbox-style all\"\n />\n \n ),\n accessor: \"sno1\",\n disableSortBy: true,\n sortble: false,\n width: \"40%\",\n Cell: ({ row: { original } }) => {\n return (\n \n handleRejectCheck(original)}\n className=\"custom-input-checkbox-style\"\n type=\"checkbox\"\n disabled={original.rjctChckDisable}\n />\n
\n )\n }\n },\n {\n id: \"associate\",\n Header: \"Associate\",\n accessor: \"associate\",\n Cell: ({ row: { original } }) => {\n return (\n {original.associate} \n )\n }\n },\n {\n Header: \"Start Date and Time\",\n accessor: \"datec\",\n Cell: ({ row: { original } }) => {\n const handleClockClick = () => {\n approveTableDetails.forEach((element, index) => {\n if (element.transid === original.transid) {\n const rec = { ...element, startTimeModal: !element.startTimeModal };\n approveTableDetails[index] = rec\n }\n });\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n }\n\n return (\n <>\n {original.datec} \n {(original.geo === \"APAC\" || original.startBtnVisible) && (\n <>\n \n
\n \n \n
{original.datec} \n // )\n }\n },\n {\n Header: \"Shift\",\n accessor: \"Shift\",\n Cell: ({ row: { original } }) => {\n return (\n {original.Shift} \n )\n }\n },\n {\n id: \"Swipe In\",\n Header: \"Swipe In\",\n accessor: \"SwipeIn\",\n Cell: ({ row: { original } }) => {\n return (\n {original.SwipeIn} \n )\n }\n },\n {\n id: \"Swipe Out\",\n Header: \"Swipe Out\",\n accessor: \"SwipeOut\",\n Cell: ({ row: { original } }) => {\n return (\n {original.SwipeOut} \n )\n }\n },\n {\n id: \"Swipe Hrs\",\n Header: \"Swipe Hrs\",\n accessor: \"swipehrs\",\n Cell: ({ row: { original } }) => {\n return (\n {original.swipehrs} \n )\n }\n },\n {\n\n id: \"Swipe Status\",\n Header: \"Swipe Status\",\n accessor: \"SwipeStatus\",\n Cell: ({ row: { original } }) => {\n return (\n {original.SwipeStatus} \n )\n }\n },\n {\n Header: \"Project\",\n accessor: \"project_code_name\",\n Cell: ({ row: { original } }) => {\n return (\n {original.project_code_name} \n )\n }\n },\n {\n id: \"Process\",\n Header: \"Process\",\n accessor: \"process\",\n Cell: ({ row: { original } }) => {\n return (\n {original.process} \n )\n }\n },\n {\n Header: \"WBS\",\n accessor: \"uop\",\n Cell: ({ row: { original } }) => {\n return (\n {original.uop} \n )\n }\n },\n {\n Header: \"Activity\",\n accessor: \"activity\",\n Cell: ({ row: { original } }) => {\n return (\n {original.activity} \n )\n }\n },\n {\n Header: \"Activity Type\",\n Cell: ({ row: { original } }) => {\n return (\n \n {original.Is_Billable === true ? \"Billable\" : \"Non-Billable\"}\n
\n )\n },\n },\n {\n id: \"Status\",\n Header: \"Status\",\n accessor: \"activitiy_status\",\n Cell: ({ row: { original } }) => {\n return (\n {original.activitiy_status} \n )\n }\n },\n {\n id: \"Under Cost Of\",\n Header: \"Under Cost Of\",\n accessor: \"under_cost_of\",\n Cell: ({ row: { original } }) => {\n return (\n {original.under_cost_of} \n )\n }\n },\n {\n Header: \"Total Hrs Per Day\",\n accessor: \"tottimespent\",\n Cell: ({ row: { original } }) => {\n return (\n {original.tottimespent} \n )\n }\n },\n {\n Header: \"Total Hrs Per Week\",\n accessor: \"total\",\n Cell: ({ row: { original } }) => {\n return (\n {original.total} \n )\n }\n },\n {\n Header: \"Actual Hrs\",\n accessor: \"timespent\",\n Cell: ({ row }) => {\n const [actualHrs, setActualHrs] = useState( Number.parseFloat(row.original.timespent).toFixed(2));\n\n const handleTimeSpentChange = (e) => {\n setActualHrs(e.target.value);\n };\n\n const handlePayCodeOnBlur = () => {\n const tTs = (Number.parseFloat(row.original.tottimespent) + Number.parseFloat(actualHrs) - Number.parseFloat(row.original.timespent));\n\n\t\t\t\t\t\tconst remdaycap = Number.parseFloat(row.original.daycap) - Number.parseFloat(row.original.tottimespent);\n\n\t\t\t\t\t\tconst tWTS = ((Number.parseFloat(row.original.total) + Number.parseFloat(actualHrs)) - Number.parseFloat(row.original.timespent));\n\n\t\t\t\t\t\tconst remweekcap = Number.parseFloat(row.original.weekcap) - Number.parseFloat(row.original.total);\n\n\t\t\t\t\t\tif(geoCode.toUpperCase() === \"EMEA\" || geoCode.toUpperCase() === 'APAC' || geoCode.toUpperCase() === \"INDIA\") {\n\t\t\t\t\t\t\tif(geoCode.toUpperCase() === \"INDIA\") {\n\t\t\t\t\t\t\t\tif (!actualHrs || actualHrs <= 0) {\n\t\t\t\t\t\t\t\t\ttoast.error(\n\t\t\t\t\t\t\t\t\t\t\"Time Spent should be greater than zero\",\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.timespent).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\t\ttype: APPROVE_RM_TABLE_DATA,\n\t\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t} else if(row.original.MinFlexActivityHrs !== \"\" && (Number.parseFloat(row.original.MinFlexActivityHrs).toFixed(2) > 0 && (Number.parseFloat(actualHrs).toFixed(2) < Number.parseFloat(row.original.MinFlexActivityHrs).toFixed(2)))) {\n\t\t\t\t\t\t\t\t\ttoast.error(\n\t\t\t\t\t\t\t\t\t\t`Minimum hours on Flex hours off activity must be ${row.original.MinFlexActivityHrs} hours.`\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.timespent).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\t\ttype: APPROVE_RM_TABLE_DATA,\n\t\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\treturn false;\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif(Number.parseFloat(row.original.daycap) < Number.parseFloat(tTs)) {\n\t\t\t\t\t\t\t\ttoast.error(`Total time for the day exceeds ${row.original.daycap} hours. only ${remdaycap} hours remaining for the day.`);\n\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.timespent).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\ttype: APPROVE_RM_TABLE_DATA,\n\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\treturn false\n\t\t\t\t\t\t\t// eslint-disable-next-line no-else-return\n\t\t\t\t\t\t\t} else if(Number.parseFloat(tWTS) > Number.parseFloat(row.original.weekcap)) {\n\t\t\t\t\t\t\t\ttoast.error(`Total time for the week exceeds ${row.original.weekcap} hours. only ${remweekcap} hours remaining for the week.`);\n\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.timespent).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\ttype: APPROVE_RM_TABLE_DATA,\n\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\treturn false\n\t\t\t\t\t\t\t} else if(row.original.companycode === \"1000\" && row.original.MinFlexActivityHrs !== \"\") {\n\t\t\t\t\t\t\t\tif(Number.parseFloat(tTs) > (Number.parseFloat(row.original.MinFlexActivityHrs) + Number.parseFloat(row.original.tottimespent))) {\n\t\t\t\t\t\t\t\t\ttoast.error(`Timespent on flex activity exceeds maximum debit hours limit. Associate has ${Number.parseFloat(row.original.MinFlexActivityHrs)} hours remaining on total flex entry limit`);\n\t\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.timespent).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\t\ttype: APPROVE_RM_TABLE_DATA,\n\t\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\treturn false\n\t\t\t\t\t\t\t\t// eslint-disable-next-line no-else-return\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} \n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// eslint-disable-next-line no-lonely-if\n\t\t\t\t\t\t\tif (!actualHrs || actualHrs <= 0) {\n\t\t\t\t\t\t\t\ttoast.error(\n\t\t\t\t\t\t\t\t\t\"Time Spent should be greater than zero\",\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.timespent).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\ttype: APPROVE_RM_TABLE_DATA,\n\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t} else if (!actualHrs || actualHrs > 17) {\n\t\t\t\t\t\t\t\ttoast.error(\n\t\t\t\t\t\t\t\t\t\"Time Spent should not be greater than 17\",\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.timespent).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\ttype: APPROVE_RM_TABLE_DATA,\n\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\telse if (actualHrs !== row.original.timespent) {\n\t\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\ttype: APPROVE_RM_TABLE_DATA,\n\t\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} \n\t\t\t\t\t\tif(row.original.companycode === \"4000\" && Number.parseFloat(tWTS) > 48 ) {\n\t\t\t\t\t\t\ttoast.error(\"Please note that associate has exceeded 48 hours for this week\");\n\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(element.timespent).toFixed(2),\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\ttype: APPROVE_RM_TABLE_DATA,\n\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn false\n\t\t\t\t\t\t// eslint-disable-next-line no-else-return\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tapproveTableDetails.forEach((element, index) => {\n\t\t\t\t\t\t\t\tif (element.transid === row.original?.transid) {\n\t\t\t\t\t\t\t\t\tconst rec = {\n\t\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\t\ttimespent: Number.parseFloat(actualHrs).toFixed(2),\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tapproveTableDetails[index] = rec;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\ttype: APPROVE_RM_TABLE_DATA,\n\t\t\t\t\t\t\t\tpayload: approveTableDetails,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n // if (!actualHrs || actualHrs <= 0) {\n // toast.error(\"Time Spent should be greater than zero\");\n // approveTableDetails.forEach((element, index) => {\n // if (element.transid === row.original?.transid) {\n // const rec = { ...element, timespent: element.timespent };\n // approveTableDetails[index] = rec\n // }\n // });\n // dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n // }\n // else if (!actualHrs || actualHrs > 17) {\n // toast.error(\"Time Spent should not be greater than 17\");\n // approveTableDetails.forEach((element, index) => {\n // if (element.transid === row.original?.transid) {\n // const rec = { ...element, timespent: element.timespent };\n // approveTableDetails[index] = rec\n // }\n // });\n // dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n // } else if (actualHrs !== row.original.timespent) {\n // approveTableDetails.forEach((element, index) => {\n // if (element.transid === row.original?.transid) {\n // const rec = { ...element, timespent: actualHrs };\n // approveTableDetails[index] = rec\n // }\n // });\n // dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n // }\n }\n\n const handleClockClick = () => {\n approveTableDetails.forEach((element, index) => {\n if (element.transid === row.original.transid) {\n const rec = { ...element, modalShow: !element.modalShow };\n approveTableDetails[index] = rec\n }\n });\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n }\n return (\n \n
handleTimeSpentChange(e)}\n onBlur={handlePayCodeOnBlur}\n style={row.original.textStyle || {}}\n disabled={row.original.timeSpentDisable}\n readOnly={actualHrs !== null}\n />\n\n {row.original.companycode && row.original.companycode === \"7000\" &&\n <>\n \n
\n handleClockClick()}\n disabled={row.original.payCodeBtnDisable}\n >\n \n
({\n label: details.ReasonDesc,\n value: details.ReasonID\n })\n )\n }\n value={reason}\n onChange={handleReasonChange}\n onBlur={handleSelectOnBlur}\n className='react-select-container'\n classNamePrefix=\"react-select\"\n menuPortalTarget={document.body}\n styles={{ menuPortal: base => ({ ...base, zIndex: 9999 }) }}\n isDisabled={original.Reason_for_Timesheet_Hrs_change_disabled}\n // menuIsOpen ={reasonlist.length !== 0 && true }\n />\n \n )\n },\n },\n {\n id: \"Est.UOM1\",\n Header: \"Est.UOM1\",\n accessor: \"uom1_est\",\n Cell: ({ row: { original } }) => {\n return (\n {original.uom1_est} \n )\n }\n },\n {\n id: \"UOM1\",\n Header:() => UOM1
,\n Cell: ({ row: { original } }) => {\n\n const [uom1Compval, setUom1Compval] = useState(original.uom1_comp);\n const handleUom1CompChange = (e) => {\n setUom1Compval(Number.parseInt(e.target.value, 10))\n };\n\n const handleUom1CompOnBlur = () => {\n\n if (uom1Compval !== original.uom1_comp) {\n approveTableDetails.forEach((element, index) => {\n if (element.transid === original?.transid) {\n const rec = { ...element, uom1_comp: uom1Compval };\n approveTableDetails[index] = rec\n }\n });\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n }\n }\n\n return (\n <>\n\n handleUom1CompChange(e)}\n onBlur={handleUom1CompOnBlur}\n style={original.textStyle || {}}\n disabled={original.uom1_disabled}\n />\n \n )\n },\n },\n\n {\n id: \"Est.UOM2\",\n Header: \"Est.UOM2\",\n accessor: \"uom2_est\",\n Cell: ({ row: { original } }) => {\n return (\n {original.uom2_est} \n )\n }\n },\n {\n id: \"UOM2\",\n Header:() => UOM2
,\n accessor: \"uom2_comp\",\n Cell: ({ row: { original } }) => {\n\n const [uom2Compval, setUom2Compval] = useState(original.uom2_comp);\n const handleUom2CompChange = (e) => {\n setUom2Compval(Number.parseInt(e.target.value, 10))\n };\n\n const handleUom2CompOnBlur = () => {\n\n if (uom2Compval !== original.uom2_comp) {\n approveTableDetails.forEach((element, index) => {\n if (element.transid === original?.transid) {\n const rec = { ...element, uom2_comp: uom2Compval };\n approveTableDetails[index] = rec\n }\n });\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n }\n }\n\n return (\n <>\n\n handleUom2CompChange(e)}\n onBlur={handleUom2CompOnBlur}\n style={original.textStyle || {}}\n disabled={original.uom2_disabled}\n />\n \n )\n },\n },\n {\n id: \"Est.UOM3\",\n Header: \"Est.UOM3\",\n accessor: \"uom3_est\",\n Cell: ({ row: { original } }) => {\n return (\n {original.uom3_est} \n )\n }\n },\n {\n id: \"UOM3\",\n Header:() => UOM3
,\n accessor: \"uom3_comp\",\n Cell: ({ row: { original } }) => {\n\n const [uom3Compval, setUom3Compval] = useState(original.uom3_comp);\n const handleUom3CompChange = (e) => {\n setUom3Compval(Number.parseInt(e.target.value, 10))\n };\n\n const handleUom3CompOnBlur = () => {\n\n if (uom3Compval !== original.uom3_comp) {\n approveTableDetails.forEach((element, index) => {\n if (element.transid === original?.transid) {\n const rec = { ...element, uom3_comp: uom3Compval };\n approveTableDetails[index] = rec\n }\n });\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n }\n }\n\n return (\n <>\n\n handleUom3CompChange(e)}\n onBlur={handleUom3CompOnBlur}\n style={original.textStyle || {}}\n disabled={original.uom3_disabled}\n />\n \n )\n },\n },\n {\n id: \"Est.UOM4\",\n Header: \"Est.UOM4\",\n accessor: \"uom4_est\",\n Cell: ({ row: { original } }) => {\n return (\n {original.uom4_est} \n )\n }\n },\n {\n id: \"UOM4\",\n Header:() => UOM4
,\n accessor: \"uom4_comp\",\n Cell: ({ row: { original } }) => {\n\n const [uom4Compval, setUom4Compval] = useState(original.uom4_comp);\n const handleUom4CompChange = (e) => {\n setUom4Compval(Number.parseInt(e.target.value, 10))\n };\n\n const handleUom4CompOnBlur = () => {\n\n if (uom4Compval !== original.uom4_comp) {\n approveTableDetails.forEach((element, index) => {\n if (element.transid === original?.transid) {\n const rec = { ...element, uom4_comp: uom4Compval };\n approveTableDetails[index] = rec\n }\n });\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n }\n }\n\n return (\n <>\n\n handleUom4CompChange(e)}\n onBlur={handleUom4CompOnBlur}\n style={original.textStyle || {}}\n disabled={original.uom4_disabled}\n />\n \n )\n },\n },\n {\n id: \"Est.UOM5\",\n Header: \"Est.UOM5\",\n accessor: \"uom5_est\",\n Cell: ({ row: { original } }) => {\n return (\n {original.uom5_est} \n )\n }\n },\n {\n id: \"UOM5\",\n Header:() => UOM5
,\n accessor: \"uom5_comp\",\n Cell: ({ row: { original } }) => {\n\n const [uom5Compval, setUom5Compval] = useState(original.uom5_comp);\n const handleUom5CompChange = (e) => {\n setUom5Compval(Number.parseInt(e.target.value, 10))\n };\n\n const handleUom5CompOnBlur = () => {\n\n if (uom5Compval !== original.uom5_comp) {\n approveTableDetails.forEach((element, index) => {\n if (element.transid === original?.transid) {\n const rec = { ...element, uom5_comp: uom5Compval };\n approveTableDetails[index] = rec\n }\n });\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n }\n }\n\n return (\n <>\n\n handleUom5CompChange(e)}\n onBlur={handleUom5CompOnBlur}\n style={original.textStyle || {}}\n disabled={original.uom5_disabled}\n />\n \n )\n },\n },\n {\n id: \"TM\",\n Header: \"TM\",\n accessor: \"tm\",\n Cell: ({ row: { original } }) => {\n return (\n {original.tm} \n )\n }\n },\n {\n id: \"GL\",\n Header: \"GL\",\n accessor: \"gl\",\n Cell: ({ row: { original } }) => {\n return (\n {original.gl} \n )\n }\n },\n {\n id: \"Remarks\",\n Header: \"Remarks\",\n Cell: ({ row: { original } }) => {\n const [remarksval, setRemarks] = useState(original.remarks);\n const handleRemarksChange = (e) => {\n setRemarks(e.target.value)\n };\n\n const handleRemarksOnBlur = () => {\n\n if (remarksval !== original.remarks) {\n approveTableDetails.forEach((element, index) => {\n if (element.transid === original?.transid) {\n const rec = { ...element, remarks: remarksval };\n approveTableDetails[index] = rec\n }\n });\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: approveTableDetails });\n }\n }\n\n return (\n <>\n\n handleRemarksChange(e)}\n onBlur={handleRemarksOnBlur}\n style={original.textStyle || {}}\n readOnly={original.remarks !== null}\n />\n\n \n )\n },\n },\n ]\n ), [rjctcheckedAll, approvecheckedAll, toggleApproveCheckedAll, toggleRejectCheckedAll, approveTableDetails, dispatch, handleApproveCheck, handleRejectCheck, reasonlist]);\n\n const excelColumns = [\n {\n label: \"Associate\",\n value: \"associate\"\n },\n {\n label: \"Start Date and Time\",\n value: \"datec\"\n },\n {\n label: \"Shift\",\n value: \"Shift\"\n },\n {\n label: \"Swipe In\",\n value: \"SwipeIn\"\n },\n {\n label: \"Swipe Out\",\n value: \"SwipeOut\"\n },\n {\n label: \"Swipe Hrs\",\n value: \"swipehrs\"\n },\n {\n label: \"Swipe Status\",\n value: \"SwipeStatus\"\n },\n {\n label: \"Project\",\n value: \"project_code_name\"\n },\n {\n label: \"Process\",\n value: \"process\"\n },\n {\n label: \"WBS\",\n value: \"uop\",\n },\n {\n label: \"Activity\",\n value: \"activity\",\n },\n // {\n // label: \"Activity Type\",\n // Cell: ({ row: {original} }) => {\n // return (\n // \n // {original.Is_Billable === true ? \"Billable\" : \"Non-Billable\"}\n //
\n // )\n // },\n // },\n {\n label: \"Status\",\n value: \"status\",\n },\n {\n label: \"Under Cost Of\",\n value: \"under_cost_of\",\n },\n {\n label: \"Total Hrs Per Day\",\n value: \"tottimespent\",\n },\n {\n label: \"Total Hrs Per Week\",\n value: \"total\",\n },\n {\n label: \"Actual Hrs\",\n value: \"timespent\",\n },\n // {\n // label: \"Reason for Timesheet Hrs change\",\n\n // },\n {\n label: \"Est.UOM1\",\n value: \"uom1_est\",\n },\n {\n label: \"UOM1\",\n value: \"uom1_comp\",\n },\n\n {\n label: \"Est.UOM2\",\n value: \"uom2_est\",\n },\n {\n label: \"UOM2\",\n value: \"uom2_comp\",\n },\n {\n label: \"Est.UOM3\",\n value: \"uom3_est\",\n },\n {\n label: \"UOM3\",\n value: \"uom3_comp\",\n },\n {\n label: \"Est.UOM4\",\n value: \"uom4_est\",\n },\n {\n label: \"UOM4\",\n value: \"uom4_comp\",\n },\n {\n label: \"Est.UOM5\",\n value: \"uom5_est\",\n },\n {\n label: \"UOM5\",\n value: \"uom5_comp\",\n },\n {\n label: \"TM\",\n value: \"tm\",\n },\n {\n label: \"GL\",\n value: \"gl\",\n },\n {\n label: \"Remarks\",\n value: \"remarks\"\n }\n\n ]\n\n\n console.log(\"In Approve RM component\")\n console.log(\"In Approve RM loaderActivity\", loaderActivity, geoCode)\n\n return (\n <>\n {loaderActivity || !geoCode ? (\n\t\t\t\t\n\t\t\t\t\tLoading…\n\t\t\t\t
\n\t\t\t) : (\n\t\t\t\t\"\"\n\t\t\t)}\n \n
\n
Selected Timespent: {timeSpentRMArr.length > 0 && timeSpentRMArr.reduce((accumulator, currentValue) => (Number.parseFloat(accumulator) + Number.parseFloat(currentValue))?.toFixed(2))}\n \n \n
\n
\n
\n\t\t\t\t\tLoading…\n\t\t\t\t
\n\t\t\t) : (\n\t\t\t\t\"\"\n\t\t\t)}\n\t\t\t{approveTableDetails.length !== 0 && (\n\t\t\t\t\n\t\t\t\t\tApprove/Reject\n\t\t\t\t\n\t\t\t)}\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tReason\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tGo\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tClose\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t \n\t\t\t\n\t\t\n\t);\n};\n\nexport default PMApproveRejectBtn;\n","import React, {useState, useMemo, useCallback} from 'react';\nimport Modal from \"react-bootstrap/Modal\";\nimport {getCheckGeoCode, getFieldChooserData, saveFieldChooser} from \"components/actions/timesheetApprove\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {APPROVE_FIELD_CHOOSER_DATA} from \"reducers/constants\";\nimport Table from \"components/common/Table/Table\";\nimport { toast } from \"react-toastify\";\n\nconst FieldChooser = ({viewAs}) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n\n const [fieldChooserModal, setFieldChooserModal] = useState(false);\n\n const [loaderActivity, setLoaderActivity] = useState(false); \n\n const approveFCData= useSelector(state => {\n return JSON.parse(JSON.stringify(state.approveFieldChooser.approveFCTable))\n });\n\n const approveTableDetails = useSelector((state) => {\n\t\treturn JSON.parse(JSON.stringify(state.approveTs.approveTableData));\n\t});\n\n const approveRmTableDetails = useSelector(state => {\n return JSON.parse(JSON.stringify(state.approveRM.approveRMTable))\n });\n\n const dispatch = useDispatch();\n\n const toggleFieldChooseModal = useCallback(() => {\n setFieldChooserModal(show => !show) \n setLoaderActivity(true);\n getCheckGeoCode(associateId).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.geoCode) {\n getFieldChooserData(res.data.apacEmea ? \"APACEMEA\" : res.data.geoCode, associateId).then(\n resp => {\n if (resp.success && resp.statusCode === 200) {\n if (resp.data) {\n setLoaderActivity(false);\n dispatch({ type: APPROVE_FIELD_CHOOSER_DATA, payload: resp.data.FCData});\n } else {\n setLoaderActivity(false);\n }\n }\n },\n err => {\n setLoaderActivity(false);\n console.error(\"Error in retrieving the Field chooser data\", err);\n }\n ).catch(err => {\n setLoaderActivity(false);\n console.error(\"Error in retrieving the Field chooser data\", err);\n });\n }\n }\n },\n err => {\n console.error(\"Error in retrieving the getCheckGeoCode\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the getCheckGeoCode\", err);\n }); \n },[associateId, dispatch]);\n\n const handleFieldCheck = useCallback((data) => {\n approveFCData.forEach((element, index) => {\n if(element.Item === data?.Item) {\n const rec = {...element, Check: !data.Check};\n approveFCData[index] = rec\n }\n });\n dispatch({ type: APPROVE_FIELD_CHOOSER_DATA, payload: approveFCData});\n },[approveFCData, dispatch]);\n\n const columns = useMemo(() => (\n [\n {\n Header: \"Show\",\n Cell: ({row: {original}}) => {\n return (\n <>\n \n
\n \n )\n },\n \n },\n {\n Header: \"Columns\",\n accessor: \"Item\",\n },\n \n ]\n ),[handleFieldCheck]);\n\n const handleSaveField = () => {\n saveFieldChooser(associateId, approveFCData).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.Result) {\n setFieldChooserModal(show => !show);\n } else {\n toast.warn(res.data.Result);\n }\n }\n },\n err => {\n console.error(\"Error in retrieving the getCheckGeoCode\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Timezone Date\", err);\n }); \n }\n\n return (\n <>\n {\n loaderActivity ? Loading…
: \"\"\n }\n {\n (viewAs.toUpperCase() === \"PROJECTMANAGER\" ? !!approveTableDetails.length : !!approveRmTableDetails.length ) &&\n <>\n \n Field Chooser\n \n \n
\n
\n
\n Note : \n \n
\n
\n 1. You cannot Approve\n and Reject timesheets at\n a time\n \n \n 2. Bulk approval is not\n allowed, as the swipe\n hours are less than the\n timesheet hours for the\n day, hence request you\n to check record by\n record and approve.\n \n {\" \"}\n (Applicable for\n India Associates)\n \n \n \n
\n
\n
\n \n \n \n Choose Columns To Show \n \n \n \n \n
\n
\n
\n \n Save\n \n \n close\n \n
\n
\n
\n \n \n )\n}\n\nexport default FieldChooser;","import React, {useState} from \"react\";\nimport * as moment from \"moment\";\nimport {getApproveTableData} from \"components/actions/timesheetApprove\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {APPROVE_TS_TABLE_DATA} from \"reducers/constants\";\nimport { toast } from \"react-toastify\";\n\nconst PmGoBtn = ({\n geoCode,\n selectedPrjcGrp,\n selectedProject,\n selectedProcess,\n selectedGL,\n selectedTM,\n selectedWBS,\n selectedActivity,\n selectedAssociate,\n fromDate,\n toDate,\n setFormDate,\n setToDate,\n setSelectedPrjcGrp,\n setSelectedProject,\n setSelectedProcess,\n setSelectedWBS,\n setSelectedActivity,\n setSelectedTM,\n setSelectedGL,\n setSelectedAssociate,\n setSelectedAssociateName,\n selectedAssociateName\n}) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n const orgCode = useSelector(state => state.user.userProjDetails?.currentProject?.Org_code);\n\n const [loaderActivity, setLoaderActivity] = useState(false); \n\n const dispatch = useDispatch();\n\n let isDataVal=true;\n const handleGoClick = () => {\n\n const dt = moment(fromDate).format(\"DD-MMM-YYYY\");\n const todayDate = moment(toDate).format(\"DD-MMM-YYYY\");\n if((fromDate===null || fromDate===\"\") && (toDate!==null && toDate!==\"\"))\n {\n toast.warn(\"select From Date\");\n isDataVal=false;\n }\n else if (moment(dt, \"DD-MMM-YYYY\").isAfter(todayDate)) {\n toast.warning(\"From date cannot be future date\");\n isDataVal=false;\n }\n \n if((toDate===null || toDate===\"\") && (fromDate!==null && fromDate!==\"\"))\n {\n toast.warn(\"select To Date\");\n isDataVal=false;\n }\n else if (toDate !== \"\" && moment(dt, \"DD-MMM-YYYY\").isAfter(toDate)) {\n toast.warning(\"From Date should be lessthan todate\");\n isDataVal=false;\n\t\t}\n\n if(isDataVal)\n {\n setLoaderActivity(true)\n let glId = selectedGL.value\n let tmId = selectedTM.value\n let assocId = selectedAssociate.value\n if(selectedAssociateName !== \"\") {\n // eslint-disable-next-line prefer-destructuring\n assocId = selectedAssociateName.value.split(\"-\")[1].trim()\n glId = \"All\"\n tmId = \"All\"\n setSelectedAssociate(selectedAssociateName)\n }\n if(geoCode) {\n getApproveTableData(selectedPrjcGrp.value, selectedProject.value, selectedProcess.value, \"All\", glId, tmId, associateId, assocId, fromDate, toDate, \"PM\", selectedWBS.value, selectedActivity.value).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.ApproveTimesheetsSwipeDetails.length !== 0) {\n const data = JSON.parse(JSON.stringify(res.data.ApproveTimesheetsSwipeDetails))\n // adding validations and few other fields to the received data, so that the grid is rendered accordingly\n const newData = data.map((element) => { \n element[\"approveCB\"] = false;\n element[\"rejectCB\"] = false;\n element[\"actualHrs\"] = element.timespent;\n element[\"modalShow\"] = false;\n \n if (element.geo === \"APAC\") {\n element[\"rowHrs\"] = (element.datec.split(\" \")[1])?.split(\":\")[0];\n element[\"rowMins\"] = (element.datec.split(\" \")[1])?.split(\":\")[1];\n element[\"startTime\"] = element.datec;\n element[\"endTime\"] = element.end_time1;\n }\n \n // if \"Is_Billable\" is false, disable \"Reason for Timesheet Hrs change\" drop down\n if (!element.Is_Billable) {\n element[\"Reason_for_Timesheet_Hrs_change_disabled\"] = true;\n }\n \n // validations based on process name starts\n if (element.process) {\n // if process is \"General\", disable uom1, uom2, uom3, uom4, uom5 input elements\n if (element.process === \"General\") {\n element[\"uom1_disabled\"] = true;\n element[\"uom2_disabled\"] = true;\n element[\"uom3_disabled\"] = true;\n element[\"uom4_disabled\"] = true;\n element[\"uom5_disabled\"] = true;\n }\n else { // this block executes when process is not \"General\"\n \n // when uomcnt holds value\n if (element.uomcnt) {\n for (let tcnt = element.uomcnt + 1; tcnt <= 5; tcnt+=1)\n {\n element[`uom${tcnt}_disabled`] = true;\n }\n }\n if ((element.geo !== \"APAC\" && element.geo !== \"EMEA\") && element.end_time) {\n element[\"textStyle\"] = { color: \"red\" };\n }\n }\n }\n // validations based on process name ends\n \n // validations based on SplAttenReq starts\n if ((element.geo !== \"APAC\" && element.geo !== \"EMEA\") && element.SplAttenReq === 1) {\n element[\"textStyle\"] = { color: \"red\" };\n }\n if ((element.geo !== \"APAC\" && element.geo !== \"EMEA\") && element.SplAttenReq === 2) {\n element[\"textStyle\"] = { color: \"blue\" };\n }\n // validations based on SplAttenReq ends\n \n if (element.geo === \"APAC\") {\n element[\"startTimeModal\"] = false\n }\n // validations based on datec starts \n \n if(element.datec !== null && element.Pay_lock !== null) {\n if(element.datec !== \"\" && element.Pay_lock !== \"\") {\n if(new Date(element.datec) < new Date(element.Pay_lock)) {\n element[\"timeSpentDisable\"] = true\n element[\"rjctChckDisable\"] = true\n element[\"payCodeBtnDisable\"] = true\n }\n }\n }\n \n if(element.datec !== null && element.Billable_Lock !== null) {\n if(element.datec !== \"\" && element.Billable_Lock !== \"\") {\n if(new Date(element.datec) < new Date(element.Billable_Lock)) {\n element[\"billableHrsDisable\"] = true\n }\n }\n }\n // validations based on datec ends\n if(element.companycode !== null) {\n if(element.nonapacgeo !== \"\" && element.nonapacgeo !== null) {\n if(element.nonapacgeo === 1) {\n element[\"startBtnVisible\"] = false\n }\n }\n }\n \n if (geoCode.toUpperCase() !== \"APAC\") {\n element[\"endDateVisible\"] = false;\n }\n else {\n element[\"endDateVisible\"] = true;\n }\n \n if (orgCode && (orgCode === \"1000\" || orgCode === \"7000\") ) {\n element[\"endDateVisible\"] = false;\n }\n else {\n element[\"endDateVisible\"] = true;\n }\n \n if (geoCode.toUpperCase() === \"EMEA\") {\n element[\"endDateVisible\"] = false;\n }\n else {\n element[\"endDateVisible\"] = true;\n }\n \n return element;\n })\n // const newData = data.map((element) => (\n // {...element, approveCB: false, rejectCB: false, actualHrs: element.timespent}\n // ))\n dispatch({ type: APPROVE_TS_TABLE_DATA, payload: newData});\n setLoaderActivity(false) \n }\n if(res.data.ApproveTimesheetsSwipeDetails.length === 0) {\n dispatch({ type: APPROVE_TS_TABLE_DATA, payload: res.data.ApproveTimesheetsSwipeDetails});\n setLoaderActivity(false) \n }\n setFormDate(fromDate)\n setToDate(toDate)\n const initialState = {label: \"All\", value: \"All\"}\n setSelectedPrjcGrp(initialState)\n setSelectedProject(initialState)\n setSelectedProcess(initialState)\n setSelectedWBS(initialState)\n setSelectedActivity(initialState)\n setSelectedTM(initialState)\n setSelectedGL(initialState)\n setSelectedAssociate(initialState)\n setSelectedAssociateName(\"\")\n }\n },\n err => {\n console.error(\"Error in retrieving the Approve Date\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Timezone Date\", err);\n });\n } \n }\n \n }\n\n return (\n <>\n {\n loaderActivity ? Loading…
: \"\"\n }\n \n \n )\n};\n\nexport default PmGoBtn;","import React, {useState} from \"react\";\nimport * as moment from \"moment\";\nimport {getApproveTableData} from \"components/actions/timesheetApprove\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {APPROVE_RM_TABLE_DATA} from \"reducers/constants\";\nimport { toast } from \"react-toastify\";\n\nconst RmGoBtn = ({\n geoCode,\n selectedRmAssociate,\n rmFromDate,\n rmToDate,\n setRmFormDate,\n setRmToDate\n}) => {\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n const orgCode = useSelector(state => state.user.userProjDetails?.currentProject?.Org_code);\n\n const dispatch = useDispatch();\n\n const [loaderActivity, setLoaderActivity] = useState(false); \n\n let isDataVal=true;\n const handleGoClick = () => {\n\n const dt = moment(rmFromDate).format(\"DD-MMM-YYYY\");\n const todayDate = moment(rmToDate).format(\"DD-MMM-YYYY\");\n\n if((rmFromDate===null || rmFromDate===\"\") && (rmToDate!==null && rmToDate!==\"\"))\n {\n toast.warn(\"select From Date\");\n isDataVal=false;\n }\n else if (moment(dt, \"DD-MMM-YYYY\").isAfter(todayDate)) {\n toast.warning(\"From date cannot be future date\");\n isDataVal=false;\n }\n \n if((rmToDate===null || rmToDate===\"\") && (rmFromDate!==null && rmFromDate!==\"\"))\n {\n toast.warn(\"select To Date\");\n isDataVal=false;\n }\n else if (rmToDate !== \"\" && moment(dt, \"DD-MMM-YYYY\").isAfter(rmToDate)) {\n toast.warning(\"From Date should be lessthan todate\");\n isDataVal=false;\n\t\t}\n\n if(isDataVal)\n {\n setLoaderActivity(true)\n if(geoCode) {\n getApproveTableData(\"All\", \"All\", \"All\", \"All\", \"All\", \"All\", associateId, selectedRmAssociate.value, rmFromDate, rmToDate, \"RM\", \"All\", \"All\").then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.ApproveTimesheetsSwipeDetails.length !== 0) {\n const data = JSON.parse(JSON.stringify(res.data.ApproveTimesheetsSwipeDetails))\n // adding validations and few other fields to the received data, so that the grid is rendered accordingly\n const newData = data.map((element) => { \n element[\"approveCB\"] = false;\n element[\"rejectCB\"] = false;\n element[\"actualHrs\"] = element.timespent;\n element[\"modalShow\"] = false;\n \n if (element.geo === \"APAC\") {\n element[\"rowHrs\"] = (element.datec.split(\" \")[1])?.split(\":\")[0];\n element[\"rowMins\"] = (element.datec.split(\" \")[1])?.split(\":\")[1];\n element[\"startTime\"] = element.datec;\n element[\"endTime\"] = element.end_time1;\n }\n \n // if \"Is_Billable\" is false, disable \"Reason for Timesheet Hrs change\" drop down\n if (!element.Is_Billable) {\n element[\"Reason_for_Timesheet_Hrs_change_disabled\"] = true;\n }\n \n // validations based on process name starts\n if (element.process) {\n // if process is \"General\", disable uom1, uom2, uom3, uom4, uom5 input elements\n if (element.process === \"General\") {\n element[\"uom1_disabled\"] = true;\n element[\"uom2_disabled\"] = true;\n element[\"uom3_disabled\"] = true;\n element[\"uom4_disabled\"] = true;\n element[\"uom5_disabled\"] = true;\n }\n else { // this block executes when process is not \"General\"\n \n // when uomcnt holds value\n if (element.uomcnt) {\n for (let tcnt = element.uomcnt + 1; tcnt <= 5; tcnt+=1)\n {\n element[`uom${tcnt}_disabled`] = true;\n }\n }\n if ((element.geo !== \"APAC\" && element.geo !== \"EMEA\") && element.end_time) {\n element[\"textStyle\"] = { color: \"red\" };\n }\n }\n }\n // validations based on process name ends\n \n // validations based on SplAttenReq starts\n if ((element.geo !== \"APAC\" && element.geo !== \"EMEA\") && element.SplAttenReq === 1) {\n element[\"textStyle\"] = { color: \"red\" };\n }\n if ((element.geo !== \"APAC\" && element.geo !== \"EMEA\") && element.SplAttenReq === 2) {\n element[\"textStyle\"] = { color: \"blue\" };\n }\n // validations based on SplAttenReq ends\n \n if (element.geo === \"APAC\") {\n element[\"startTimeModal\"] = false\n }\n \n // validations based on datec starts \n \n if(element.datec !== null && element.Pay_lock !== null) {\n if(element.datec !== \"\" && element.Pay_lock !== \"\") {\n if(new Date(element.datec) < new Date(element.Pay_lock)) {\n element[\"timeSpentDisable\"] = true\n element[\"rjctChckDisable\"] = true\n element[\"payCodeBtnDisable\"] = true\n }\n }\n }\n \n if(element.datec !== null && element.Billable_Lock !== null) {\n if(element.datec !== \"\" && element.Billable_Lock !== \"\") {\n if(new Date(element.datec) < new Date(element.Billable_Lock)) {\n element[\"billableHrsDisable\"] = true\n }\n }\n }\n // validations based on datec ends\n if(element.companycode !== null) {\n if(element.nonapacgeo !== \"\" && element.nonapacgeo !== null) {\n if(element.nonapacgeo === 1) {\n element[\"startBtnVisible\"] = false\n }\n }\n }\n \n if (geoCode.toUpperCase() !== \"APAC\") {\n element[\"endDateVisible\"] = false;\n }\n else {\n element[\"endDateVisible\"] = true;\n }\n \n if (orgCode && (orgCode === \"1000\" || orgCode === \"7000\") ) {\n element[\"endDateVisible\"] = false;\n }\n else {\n element[\"endDateVisible\"] = true;\n }\n \n if (geoCode.toUpperCase() === \"EMEA\") {\n element[\"endDateVisible\"] = false;\n }\n else {\n element[\"endDateVisible\"] = true;\n }\n return element;\n })\n // const newData = data.map((element) => (\n // {...element, approveCB: false, rejectCB: false}\n // ))\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: newData});\n setLoaderActivity(false) \n }\n if(res.data.ApproveTimesheetsSwipeDetails.length === 0) {\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: res.data.ApproveTimesheetsSwipeDetails});\n setLoaderActivity(false)\n }\n setRmFormDate(rmFromDate)\n setRmToDate(rmToDate)\n }\n },\n err => {\n console.error(\"Error in retrieving the Approve RM Table Date\", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the Approve RM Table Date\", err);\n });\n } \n }\n\n }\n\n return (\n <>\n {\n loaderActivity ? Loading…
: \"\"\n }\n \n \n )\n};\n\nexport default RmGoBtn;","import React, {useState} from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { \n approveTimesheet, \n rejectTimesheet} from \"components/actions/timesheetApprove\";\nimport {APPROVE_RM_TABLE_DATA} from \"reducers/constants\";\nimport { toast } from \"react-toastify\";\n// import * as moment from \"moment\";\nimport Modal from \"react-bootstrap/Modal\";\n\nconst RMApproveRejectBtn = ({ remainingTime, setRmChckdPageIdx, setRmRjctPageIdx}) => {\n\n const approveTableDetails= useSelector(state => {\n return JSON.parse(JSON.stringify(state.approveRM.approveRMTable))\n });\n\n const dispatch = useDispatch();\n\n const associateId = useSelector(state => state.user.userProjDetails?.associateId);\n\n const [rejectRsn, setRejectRsn] = useState(\"\");\n\n const [modalShow, setModalShow] = useState(false);\n\n const [loaderActivity, setLoaderActivity] = useState(false); \n\n const handleApproveReject = () => {\n const approveArr = [];\n const rejectArr = [];\n\n if(approveTableDetails.length > 0) { \n\n const details = approveTableDetails.filter((val)=> val.approveCB || val.rejectCB);\n\n if(details.length <= 0) {\n toast.error(\"Please Select Associate and continue\");\n return true\n }\n\n // approveTableDetails.some((data) => {\n // if(data.approveCB) {\n // if((data.timespent !== data.actualHrs) && !data.reasonForTimesheetHoursChange && data.Is_Billable === true) {\n // toast.error(\"Please select reason for timesheet hours change\"); \n // approveArr = []\n // return true\n // }\n // approveArr.push({\n // AssociateId: associateId,\n // transid: data.transid,\n // Remarks: data.remarks,\n // timespent: data.timespent.toString(),\n // Billable_hrs: data.Billable_hrs ? data.Billable_hrs : 0,\n // uom1_comp: data.uom1_comp === null ? 0 : data.uom1_comp,\n // uom2_comp: data.uom2_comp === null ? 0 : data.uom2_comp,\n // uom3_comp: data.uom3_comp === null ? 0 : data.uom3_comp,\n // uom4_comp: data.uom4_comp === null ? 0 : data.uom4_comp,\n // uom5_comp: data.uom5_comp === null ? 0 : data.uom5_comp,\n // ReasonId: data.reasonForTimesheetHoursChange ? data.reasonForTimesheetHoursChange.value: 0,\n // PayCodeTs: data.payCodeTS,\n // datec: data.datec,\n\t\t\t// \t\t\tassociate: data.associate,\n // })\n // } \n // if(data.rejectCB) {\n // rejectArr.push({\n // AssociateId: associateId,\n // transid: data.transid,\n // ReasonCode: rejectRsn \n // })\n // }\n // return \"\"\n\n // })\n\n if(approveTableDetails.some((data) => (\n\t\t\t\tdata.approveCB && (data.timespent !== data.actualHrs &&\n\t\t\t\t\t!data.reasonForTimesheetHoursChange &&\n\t\t\t\t\tdata.Is_Billable === true) )\n\t\t\t)) {\n\t\t\t\ttoast.error(\n\t\t\t\t\t\"Please select reason for timesheet hours change\",\n\t\t\t\t);\n\t\t\t} else if(remainingTime < 0) {\n\t\t\t\ttoast.error(\n\t\t\t\t\t\"Actual Time Spent exceeds Estimated Time. Do you want to continue?\",\n\t\t\t\t);\n\t\t\t\treturn true;\n\t\t\t} else {\n\t\t\t\tapproveTableDetails.map((data) => {\n\t\t\t\t\tif (data.approveCB) {\n\t\t\t\t\t\tapproveArr.push({\n\t\t\t\t\t\t\tAssociateId: associateId,\n\t\t\t\t\t\t\ttransid: data.transid,\n\t\t\t\t\t\t\tRemarks: data.remarks,\n\t\t\t\t\t\t\ttimespent: data.timespent.toString(),\n\t\t\t\t\t\t\t// Billable_hrs: data.Billable_hrs,\n Billable_hrs: data.Is_Billable === true ? Number.parseFloat(data.timespent) : data.Billable_hrs,\n\t\t\t\t\t\t\tuom1_comp: data.uom1_comp === null ? 0 : data.uom1_comp,\n\t\t\t\t\t\t\tuom2_comp: data.uom2_comp === null ? 0 : data.uom2_comp,\n\t\t\t\t\t\t\tuom3_comp: data.uom3_comp === null ? 0 : data.uom3_comp,\n\t\t\t\t\t\t\tuom4_comp: data.uom4_comp === null ? 0 : data.uom4_comp,\n\t\t\t\t\t\t\tuom5_comp: data.uom5_comp === null ? 0 : data.uom5_comp,\n\t\t\t\t\t\t\tReasonId: data.reasonForTimesheetHoursChange\n\t\t\t\t\t\t\t\t? data.reasonForTimesheetHoursChange.value\n\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\tPayCodeTs: data.payCodeTS,\n\t\t\t\t\t\t\tdatec: data.datec,\n\t\t\t\t\t\t\tassociate: data.associate,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tif (data.rejectCB) {\n\t\t\t\t\t\trejectArr.push({\n\t\t\t\t\t\t\tAssociateId: associateId,\n\t\t\t\t\t\t\ttransid: data.transid,\n\t\t\t\t\t\t\tReasonCode: rejectRsn,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\treturn \"\";\n\t\t\t\t});\n\t\t\t}\n\n if(approveArr.length){\n\t\t\t\tconst arr = [];\n\t\t\t\tapproveArr.forEach((data) => arr.push(data.transid));\n\t\t\t\tsetLoaderActivity(true);\n\t\t\t\tapproveTimesheet(approveArr)\n\t\t\t\t.then(\n\t\t\t\t\t(res) => {\n\t\t\t\t\t\tif (res.success && res.statusCode === 200) {\n\t\t\t\t\t\t\tif (res.data.Result === \"Approved Successfully\") {\n\t\t\t\t\t\t\t\ttoast.success(res.data.Result);\n\t\t\t\t\t\t\t\tconst result =\n\t\t\t\t\t\t\t\t\tapproveTableDetails.filter(\n\t\t\t\t\t\t\t\t\t\t(element) =>\n\t\t\t\t\t\t\t\t\t\t\t!arr.includes(\n\t\t\t\t\t\t\t\t\t\t\t\telement.transid,\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tsetLoaderActivity(false);\n\t\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\t\ttype: APPROVE_RM_TABLE_DATA,\n\t\t\t\t\t\t\t\t\tpayload: result,\n\t\t\t\t\t\t\t\t});\n setRmChckdPageIdx(\"\")\n setRmRjctPageIdx(\"\")\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetLoaderActivity(false);\n\t\t\t\t\t\t\t\ttoast.warn(res.data.Result)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\ttoast.error(\"Error in approving timesheet\");\n\t\t\t\t\t\t\tsetLoaderActivity(false);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t(err) => {\n\t\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\t\"Error in Approving timesheet\",\n\t\t\t\t\t\t\terr,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetLoaderActivity(false);\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t\t.catch((err) => {\n\t\t\t\t\tconsole.error(\"Error in Approving timesheet\", err);\n\t\t\t\t\tsetLoaderActivity(false);\n\t\t\t\t});\n\t\t\t}\n \n // if(approveArr.length > 0) {\n // const arr = []\n // approveArr.forEach(data => arr.push(data.transid));\n // // The validation is counted based on same day select.\n\t\t\t// \t// If the total hours from same day exceeds 17 hours, We should throw the error.\n\t\t\t// \tconst myArr = JSON.parse(JSON.stringify(approveArr));\n\t\t\t// \t// to keep a track of current copy index\n\t\t\t// \tconst nameHash = {};\n\t\t\t// \tlet validateTotal = parseFloat(0.0);\n\t\t\t// \tmyArr.map((ele) => {\n\t\t\t// \t\tconst noOccurence = myArr.filter(\n\t\t\t// \t\t\t(obj) =>\n\t\t\t// \t\t\t\tobj.datec === ele.datec &&\n\t\t\t// \t\t\t\tobj.associate === ele.associate,\n\t\t\t// \t\t).length;\n\t\t\t// \t\tif (noOccurence > 1) {\n\t\t\t// \t\t\t// if there are multiple occurences get the current index. If undefined take 1 as first copy index.\n\t\t\t// \t\t\tconst currentIndex = nameHash[ele.datec] || 1;\n\t\t\t// \t\t\tvalidateTotal += parseFloat(ele.timespent);\n\t\t\t// \t\t\tnameHash[ele.datec] = currentIndex + 1;\n\t\t\t// \t\t\tif (validateTotal > 17) {\n\t\t\t// \t\t\t\ttoast.error(\n\t\t\t// \t\t\t\t\t`Time Spent is more than 17hrs for:${ele.associate} on ${moment(ele.datec).format(\"DD-MMM-yyyy\")}`,\n\t\t\t// \t\t\t\t);\n\t\t\t// \t\t\t\treturn;\n\t\t\t// \t\t\t}\n\t\t\t// \t\t\treturn;\n\t\t\t// \t\t}\n\t\t\t// \t\treturn ele;\n\t\t\t// \t});\n // if (validateTotal <= 17 ) {\n // setLoaderActivity(true);\n // approveTimesheet(approveArr).then(\n // res => {\n // if (res.success && res.statusCode === 200) {\n // // toast.success(res.data.Result);\n // // const result = approveTableDetails.filter(element => !arr.includes(element.transid));\n // // setLoaderActivity(false);\n // // dispatch({ type: APPROVE_RM_TABLE_DATA, payload: result});\n // if (res.data.Result === \"Approved Successfully\") {\n // toast.success(res.data.Result);\n // const result =\n // approveTableDetails.filter(\n // (element) =>\n // !arr.includes(\n // element.transid,\n // ),\n // );\n // setLoaderActivity(false);\n // dispatch({\n // type: APPROVE_RM_TABLE_DATA,\n // payload: result,\n // });\n // } else {\n // setLoaderActivity(false);\n // toast.warn(res.data.Result)\n // }\n // } else {\n // toast.error(\"Error in approving timesheet\");\n // setLoaderActivity(false);\n // }\n // },\n // err => {\n // console.error(\"Error in Approving timesheet\", err);\n // setLoaderActivity(false);\n // }\n // ).catch(err => {\n // console.error(\"Error in Approving timesheet\", err);\n // setLoaderActivity(false);\n // });\n // }\n // }\n if(rejectArr.length > 0) {\n setModalShow(true)\n }\n }\n \n }\n\n const handleModalClose = () => {\n setModalShow(false)\n }\n\n const handleReasonChange = (e) => {\n setRejectRsn(e.target.value)\n }\n\n const handleRejectSubmit = () => {\n const rejectArr = [];\n if(approveTableDetails.length > 0) {\n approveTableDetails.filter(data => data.rejectCB && \n rejectArr.push({\n AssociateId: associateId,\n transid: data.transid,\n ReasonCode: rejectRsn \n })\n )\n }\n if(rejectArr.length > 0) {\n const arr = []\n rejectArr.forEach(data => arr.push(data.transid));\n setLoaderActivity(true);\n rejectTimesheet(rejectArr).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.Result) {\n toast.success(\"Rejected Successfully\");\n const result = approveTableDetails.filter(element => !arr.includes(element.transid));\n setLoaderActivity(false);\n dispatch({ type: APPROVE_RM_TABLE_DATA, payload: result});\n setRmRjctPageIdx(\"\")\n setRmChckdPageIdx(\"\")\n } else {\n toast.warn(res.data.Result);\n setLoaderActivity(false);\n }\n } else {\n toast.error(\"Error in reject timesheet\");\n setLoaderActivity(false);\n }\n },\n err => {\n console.error(\"Error in reject timesheet\", err);\n setLoaderActivity(false);\n }\n ).catch(err => {\n console.error(\"Error in reject timesheet\", err);\n setLoaderActivity(false);\n });\n }\n setModalShow(false)\n }\n\n return (\n <>\n {\n loaderActivity ? Loading…
: \"\"\n }\n {\n approveTableDetails.length!==0 && \n \n Approve/Reject\n \n }\n\n \n \n \n \n Reason \n \n \n \n \n \n \n Submit \n \n \n )\n}\nexport default Feedback;","import React from \"react\";\nimport Modal from \"react-bootstrap/Modal\";\n\nconst Contact = ({ show, handleClose }) => (\n \n \n \n Contact Us\n \n \n \n E3 Queries/Issues :\n Cyient PMO \n (OR) \n Submit GHD Ticket \n
\n E3 Access Issues :\n Submit GHD Ticket \n
\n Project Creation :\n Cyient PMO \n
\n \n \n)\n\nexport default Contact","import React, { useState,useMemo,useEffect } from \"react\";\n// import ListGroup from \"react-bootstrap/ListGroup\";\nimport Button from \"react-bootstrap/Button\";\nimport { useLocation } from \"react-router-dom\";\nimport footerImage from \"assets/images/footer@-icon.svg\";\nimport VersionHistory from \"./versionHistory\";\nimport KnowYourself from \"./knowYourself\";\nimport Feedback from \"./feedback\";\nimport Contact from \"./contact\";\n// import FAQ from '.../../assets/Documents/FAQ.pdf';\n\n\nconst Footer = () => {\n const location = useLocation();\n const [versionHistory, setVersionHistory] = useState(false);\n const [knowYourself, setKnowYourself] = useState(false);\n const [feedbackModal, setFeedback] = useState(false);\n const [contactModal, setContact] = useState(false);\n\n const toggleVersionModal = () => {\n setVersionHistory(show => !show);\n }\n\n const toggleKnowYourself = () => {\n setKnowYourself(show => !show);\n }\n\n const toggleFeedback = () => {\n setFeedback(show => !show);\n }\n\n const toggleContact = () => {\n setContact(show => !show);\n }\n const [pageFooter, setPageFooter] = useState(true);\n\n\tconst targetPages = useMemo(\n\t\t() => [\n\t\t\t// \"/cyient-intern-communication-survey\",\n\t\t\t// \"/info-page\",\n\t\t\t// \"/project-load\",\n\t\t\t// \"/no-active-projects\",\n\t\t\t// \"/e3-updates\",\n\t\t\t// \"/hana-documents\",\n\t\t\t\"/other-associate\"\n\t\t],\n\t\t[],\n\t);\n\n useEffect(() => {\n\t\tif (targetPages.includes(location.pathname)) {\n\t\t\tsetPageFooter(false);\n\t\t} else {\n\t\t\tsetPageFooter(true);\n\t\t}\n\t}, [location,targetPages]);\n\nif(pageFooter)\n return (\n \n \n
\n
\n
\n
\n
\n
\n
\n \n Privacy Policy\n ¦ \n \n {/* \n FAQ\n ¦ \n */}\n\n \n Version History¦ \n \n\n \n Know Yourself\n ¦ \n \n\n \n Contact\n ¦ \n \n \n Feedback\n \n
\n
\n
\n
\n )\n return null\n}\nexport default Footer;","import React from \"react\";\nimport Modal from \"react-bootstrap/Modal\";\nimport Button from \"react-bootstrap/Button\";\n\nconst PolicyAcceptanceModal = ({ show, handleClose }) => (\n \n \n \n Associate Acceptance\n \n \n \n By accessing Cyient's intranet computing environment, you agree to Cyient's acceptable\n use policy.here to navigate to MyCyient and accept the policy.\n \n \n Close \n \n \n \n \n);\nexport default PolicyAcceptanceModal;","export default __webpack_public_path__ + \"static/media/right-arrow-blue.2a2fc681.svg\";","export default __webpack_public_path__ + \"static/media/left-arrow-blue.e14a4d5e.svg\";","import React, { useState } from \"react\";\nimport PropTypes from 'prop-types';\nimport Card from \"react-bootstrap/Card\";\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport Button from \"react-bootstrap/Button\";\nimport Carousel from 'react-bootstrap/Carousel';\nimport rightArrowBlue from \"assets/images/right-arrow-blue.svg\";\nimport leftArrowBlue from \"assets/images/left-arrow-blue.svg\";\nimport ReactHtmlParser from \"react-html-parser\";\n\nconst ESInfo = ({ e3Info }) => {\n\n const [index, setIndex] = useState(0);\n\n const handlePrev = () => {\n setIndex(index === 0 ? e3Info.length - 1 : index - 1);\n }\n\n const handleNext = () => {\n setIndex(index === e3Info.length - 1 ? 0 : index + 1);\n }\n\n const handleSelect = (selectedIndex) => {\n setIndex(selectedIndex);\n };\n\n return (\n \n \n \n {\n e3Info.map((item, idx) => (\n \n {ReactHtmlParser(item)}\n \n ))\n }\n \n \n \n
\n \n
\n \n );\n}\nexport default ESInfo;\n\nESInfo.defaultProps = {\n e3Info: []\n};\n\nESInfo.propTypes = {\n e3Info: PropTypes.array\n};","import React from \"react\";\nimport Highcharts from \"highcharts\";\nimport HighchartsReact from \"highcharts-react-official\";\nimport HighchartsMore from \"highcharts/highcharts-more\";\n\nHighchartsMore(Highcharts);\n\nconst HighchartsTwoD = ({ chartOptions }) => {\n return (\n <>\n \",\n\t\t\tpointFormat: \"{point.name}: {point.text}
\",\n\t\t\tfollowPointer: true,\n\t\t},\n\t\ttitle: {\n\t\t\ttext: \"\",\n\t\t},\n\t\tlegend: {\n\t\t\tenabled: false,\n\t\t},\n\t\tcredits: {\n\t\t\tenabled: false,\n\t\t\tposition: {\n\t\t\t\talign: \"left\",\n\t\t\t\tverticalAlign: \"bottom\",\n\t\t\t},\n\t\t},\n\t\txAxis: {\n\t\t\tstartOnTick: false,\n\t\t\tendOnTick: false,\n\t\t\tmin: 0,\n\t\t\tmax: 100,\n\t\t},\n\t\tyAxis: {\n\t\t\tgridLineWidth: 0,\n\t\t\tstartOnTick: false,\n\t\t\tendOnTick: false,\n\t\t\tmin: 0,\n\t\t\tmax: 100,\n\t\t},\n\t\tseries: [\n\t\t\t{\n\t\t\t\tmarker: {\n\t\t\t\t\tfillOpacity: 1,\n\t\t\t\t},\n\t\t\t\tshowInLegend: false,\n\t\t\t\tsizeBy: \"width\",\n\t\t\t\tmaxSize: \"200\",\n\t\t\t\tminSize: \"25\",\n\t\t\t\tdataLabels: {\n\t\t\t\t\tzIndex: 1,\n\t\t\t\t\tenabled: true,\n\t\t\t\t\tuseHTML: true,\n\t\t\t\t\theaderFormat: \"\",\n\t\t\t\t\tformat: '',\n\t\t\t\t},\n\t\t\t\tdata: HighChartValues,\n\t\t\t},\n\t\t],\n\t};\n\n\treturn (\n\t\t\n\t\t\t{loaderActivity ? (\n\t\t\t\t\n\t\t\t\t\tLoading…\n\t\t\t\t
\n\t\t\t) : (\n\t\t\t\t\"\"\n\t\t\t)}\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\tYour Performance\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\tCOE\n\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\t{CDEUPercent.map((coe) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\tTS Compliance\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{coe.TSCompliancePer_COE}%\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleShow(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"TSCompliance\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMore Info\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{apiLinkData && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMy Team\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\tDeployment\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{coe.DeploymentPer_COE}%\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleShow(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Deployment\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMore Info\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{apiLinkData && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMy Team\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\tEfficiency\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{coe.EfficiencyPer_COE}%\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleShow(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Efficiency\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMore Info\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{apiLinkData && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMy Team\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\tBillable Utilization\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{coe.UtilizationPer_COE}%\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleShow(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"BillableUtilization\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMore Info\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{apiLinkData && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMy Team\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\tBillability\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{coe.AscBillabilityPer}\n\t\t\t\t\t\t\t\t\t\t\t\t{coe.AscBillabilityPer !==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"NA\" && \"%\"}{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{coe?.BillMoreInfoVis === \"0\" && !apiLinkData ? \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{coe?.BillMoreInfoVis !==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"0\" && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleShow(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Billability\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMore Info\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{apiLinkData && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMy Team\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tMetrics\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tFinancial Year\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{performanceFinancialYears.map(\n\t\t\t\t\t\t\t\t\t\t\t\t(finYear) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfinYear.FinYear\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tChart Type\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tColumn\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tColumn 3D\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\tPie \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tPie 3D\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\tLine \n\t\t\t\t\t\t\t\t\t\t\tBar \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{apiDynamicChartsData &&\n\t\t\t\t\t\t\t\t\t\t\t\tapiDynamicChartsData?.MyUtilXML && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{apiDynamicChartsData &&\n\t\t\t\t\t\t\t\t\t\t\t\tapiDynamicChartsData?.MyComplXML && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{apiDynamicChartsData &&\n\t\t\t\t\t\t\t\t\t\t\t\tapiDynamicChartsData?.MyDeployXML && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{apiDynamicChartsData &&\n\t\t\t\t\t\t\t\t\t\t\t\tapiDynamicChartsData?.MyEfficXML && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{apiDynamicChartsData &&\n\t\t\t\t\t\t\t\t\t\t\tapiDynamicChartsData?.MyBillXML && (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t \n\t);\n};\nexport default Performance;\n","export default __webpack_public_path__ + \"static/media/g-play-mobile-app.a19ec7b6.svg\";","export default __webpack_public_path__ + \"static/media/e3-mobile-app-logo.0d7daad5.svg\";","import React from \"react\";\n\n// import AppStoreImg from \"assets/images/app-store-mobile-app.svg\";\nimport GPlayImg from \"assets/images/g-play-mobile-app.svg\";\nimport E3MobileAppLogo from \"assets/images/e3-mobile-app-logo.svg\";\nimport { Link } from \"react-router-dom\";\n\nconst MobileAppDtls = () => {\n\t// const ascId = useSelector(\n\t// \t(state) => state.user.userProjDetails?.associateId,\n\t// );\n\t// const corpId = useSelector((state) => state.user.userDetails?.corpId);\n\t// const e3DocLink = `${process.env.REACT_APP_REDIRECT_URL}ReactRoute.aspx?CorpId=${corpId}&AssociateId=${ascId}&Page=WhatsNew.aspx`;\n\t// const hanaDocLink = `${process.env.REACT_APP_REDIRECT_URL}ReactRoute.aspx?CorpId=${corpId}&AssociateId=${ascId}&Page=EthreeDocs.aspx`;\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tMobile App for Timesheets\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tLogin using your Corp ID & Password\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tAfter installation, click on MyTime app, if you\n\t\t\t\t\t\t\treceive message\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\t\t\"Untrusted Enterprise Developer\"\n\t\t\t\t\t\t\t {\" \"}\n\t\t\t\t\t\t\tfollow the steps below .\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t{/*
\n\t\t\t\t\t\tE3/ S4 HANA Documents\n\t\t\t\t\t */}\n\t\t\t\t\t\n\t\t\t\t\t\tE3/ S4 HANA Documents\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\tE3 Updates\n\t\t\t\t\t\n\t\t\t\t\t{/* \n\t\t\t\t\t\tE3 Updates\n\t\t\t\t\t */}\n\t\t\t\t \n\t\t\t
\n\t\t
\r\n \r\n \r\n {popupData[0]?.PopupTitle}\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n popupData?.length===2 && <>\r\n \r\n \r\n {popupData[1]?.PopupTitle}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n }\r\n \r\n Close \r\n \r\n \r\n );\r\n}\r\nexport default RemainderPopup;","export default __webpack_public_path__ + \"static/media/right-arrow-white-icon.811138e5.svg\";","export default __webpack_public_path__ + \"static/media/left-arrow-white-icon.d994a5ad.svg\";","import React, { useState, useCallback } from \"react\";\nimport Carousel from 'react-bootstrap/Carousel';\nimport PropTypes from 'prop-types';\nimport Card from \"react-bootstrap/Card\";\nimport Button from \"react-bootstrap/Button\";\nimport rightArrowWhite from \"assets/images/right-arrow-white-icon.svg\";\nimport leftArrowWhite from \"assets/images/left-arrow-white-icon.svg\";\nimport ReactHtmlParser from \"react-html-parser\"; \nimport { Modal } from \"react-bootstrap\";\n\nconst NewsCarousel = ({ news }) => {\n const [index, setIndex] = useState(0);\n const [show, setShow] = useState(false);\n const [slideValue, setSlideValue] = useState(5000)\n\n const handleClose = () => {\n setSlideValue(5000)\n setShow(false)\n }\n const handleShow = () => {\n setSlideValue(null)\n setShow(true)\n };\n\n\n const handlePrev = () => {\n setIndex(index === 0 ? news.length - 1 : index - 1);\n }\n\n const handleNext = () => {\n setIndex(index === news.length - 1 ? 0 : index + 1);\n }\n\n const handleSelect = useCallback(selectedIndex => {\n setIndex(selectedIndex);\n }, []);\n \n return (\n \n \n
E3 News \n
\n
\n \n
\n \n
\n
\n {\n news.map((item, idx) => (\n \n \n { \n ((item).length>120) ? \n \n {ReactHtmlParser(item.substring(0,80))}...\n
\n Read more \n
\n \n : {ReactHtmlParser(item)}
\n }\n \n \n \n ))\n }\n \n \n \n \n E3 News \n \n
\n \n
\n \n
\n {\n news.map((item, idx) => (\n \n \n \n
{ReactHtmlParser(item)}
\n
\n \n \n \n )\n}\nexport default NewsCarousel;\nNewsCarousel.defaultProps = {\n news: []\n};\n\nNewsCarousel.propTypes = {\n news: PropTypes.array\n};","import React, { useState, useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { getProjectNews } from \"components/actions/home\";\nimport NewsCarousel from \"./newsCarousel\";\n\n\nconst E3News = () => {\n\n const ascId = useSelector(state => state.user.userProjDetails?.associateId);\n const orgId = useSelector(state => state.user.userProjDetails?.currentProject?.Org_code);\n const projectCode = useSelector(state => state.user.userProjDetails?.currentProject?.Project_Code);\n // const [index, setIndex] = useState(0);\n const [projectNews, setProjectNews] = useState([]);\n\n useEffect(() => {\n const defaultNews = [\n Q : How many hours have to be updated in e3? ,\n Q : How can I update e3 if I have missed updating after the cut-off date? ,\n Q : When will e3 access be issued to new associates? \n ];\n\n getProjectNews(projectCode, orgId, ascId).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.projectNews) {\n setProjectNews(res.data.projectNews);\n }\n else\n setProjectNews(defaultNews);\n }\n },\n err => {\n console.error(\"Error in retrieving the project news \", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the project news \", err);\n });\n }, [projectCode, orgId, ascId]);\n\n return (\n \n
No Timesheet (as on date): \n
{noTsDaysCount}
\n
\n
Public holidays : \n
{calendarHolidayDt.length}
\n
\n
Less hrs : \n
{lessHrsDates.filter(ele => (!weekOffDt.includes(ele) && !hldDays.includes(ele) && !calendarHolidays.includes(ele))).length}
\n
\n
Summary \n
\n {weeklyOffDates.length !==0 &&\n
\n
Weekly Offs : \n
{weeklyOffDates.length}
\n
\n }\n
\n {approvedDates.length !==0 &&\n
\n
Approved Leaves : \n
{approvedDates.length}
\n
\n }\n
\n
\n {pendingDates.length !==0 &&\n
\n
Pending Leaves : \n
{pendingDates.length}
\n
\n }\n {rejectedDates.length !==0 &&\n
\n
Halfday Leaves : \n
{rejectedDates.length}
\n
\n }\n
\n
\n {holiday[holidaydates.findIndex((element)=> element === contentDate)].holiday_desc}\n \n } >\n element === contentDate)].timespent < timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].capacity ?\n // // val.timespent < val.capacity ? \n // \"less-hour\" : \"timespent-hours\"\n // }\n variant=\"link\"\n type=\"button\"\n onClick={(e)=>handleOnClickTimeSpent(e, contentDate)}\n >\n {\n `${myCalendarData.holiday[calendarHolidayDt.findIndex((element)=> element === contentDate)].HolidayCapHrs.toFixed(2)} (${timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].timespent.toFixed(2)})`\n }\n \n \n \n )\n }\n if(holidaydates.includes(contentDate)) {\n return(\n <>\n \n {holiday[holidaydates.findIndex((element)=> element === contentDate)].holiday_desc}\n \n } >\n element === contentDate)].timespent < timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].capacity ?\n // // val.timespent < val.capacity ? \n // \"less-hour\" : \"timespent-hours\"\n // }\n variant=\"link\"\n type=\"button\"\n onClick={(e)=>handleOnClickTimeSpent(e, contentDate)}\n >\n {timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].timespent.toFixed(2)}\n \n \n \n )\n }\n if(approvedDates.includes(contentDate)) {\n return(\n <>\n \n Leave\n \n } >\n element === contentDate)].timespent < timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].capacity ?\n \"less-hour\" : \"timespent-hours\"\n }\n variant=\"link\"\n type=\"button\"\n onClick={(e)=>handleOnClickTimeSpent(e, contentDate)}\n >\n {timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].timespent.toFixed(2)}\n \n \n \n )\n }\n if(weeklyOffDates.includes(contentDate)) {\n return(\n <>\n element === contentDate)].timespent < timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].capacity ?\n // \"less-hour\" : \"timespent-hours\"\n // }\n variant=\"link\"\n type=\"button\"\n onClick={(e)=>handleOnClickTimeSpent(e, contentDate)}\n >\n {timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].timespent.toFixed(2)}\n \n \n )\n }\n if(rejectedDates.includes(contentDate)) {\n return(\n <>\n {/* \n pendingleave\n \n } > */}\n element === contentDate)].timespent < timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].capacity ?\n \"less-hour\" : \"timespent-hours\"\n }\n variant=\"link\"\n type=\"button\"\n onClick={(e)=>handleOnClickTimeSpent(e, contentDate)}\n >\n {timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].timespent.toFixed(2)}\n \n {/* */}\n \n )\n }\n return(\n <>\n element === contentDate)].timespent < timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].capacity ? \n \"less-hour\" : \"timespent-hours\"\n }\n variant=\"link\"\n type=\"button\"\n onClick={(e)=>handleOnClickTimeSpent(e, contentDate)}\n >\n {timeSpentHours[timeSpentDates.findIndex((element)=> element === contentDate)].timespent.toFixed(2)}\n \n \n )\n }\n if (holidaydates.includes(contentDate) && calendarHolidayDt.includes(contentDate)) {\n return(\n <>\n \n {holiday[holidaydates.findIndex((element)=> element === contentDate)].holiday_desc}\n \n } >\n handleOnClickTimeSpent(e, contentDate)}\n >\n {myCalendarData.holiday[calendarHolidayDt.findIndex((element)=> element === contentDate)].HolidayCapHrs.toFixed(2)}\n \n \n \n )\n }\n }\n const handleCellContentChange = ({ date, view }) => {\n let cellDate;\n if (date.getDate() < 10) {\n // cellDate = `0${date.getDate()}-${date.toLocaleDateString(\"en\", { month: \"short\" })}-${date.getFullYear()}`\n \n cellDate = moment(date).format(\"DD-MMM-yyyy\")\n }\n else {\n cellDate = moment(date).format(\"DD-MMM-yyyy\")\n // cellDate = `${date.getDate()}-${date.toLocaleDateString(\"en\", { month: \"short\" })}-${date.getFullYear()}`\n }\n return view === 'month' ? getTimeSpentContent(cellDate) : \"\" \n };\n\n const handleCellDisabled = ({ date}) => {\n // let cellCurrentDate;\n // if (date.getDate() < 10) {\n // // cellCurrentDate = `0${date.getDate()}-${date.toLocaleDateString(\"en\", { month: \"short\" })}-${date.getFullYear()}`\n // cellCurrentDate = moment(date).format(\"DD-MMM-yyyy\")\n // }\n // else {\n // cellCurrentDate = moment(date).format(\"DD-MMM-yyyy\")\n // // cellCurrentDate = `${date.getDate()}-${date.toLocaleDateString(\"en\", { month: \"short\" })}-${date.getFullYear()}`\n // }\n const cellCurrentDate = moment(date).format(\"DD-MMM-yyyy\");\n \n const isBetweenEnabledDates = moment(date, \"DD-MMM-yyyy\").isBetween(moment(enableDates.enableFromDT, \"DD-MMM-yyyy\").subtract(1, \"days\"), moment(enableDates.enableToDT, \"DD-MMM-yyyy\").add(1, 'days'));\n\n // console.log(\"isBetweenEnabledDates\", isBetweenEnabledDates)\n \n return (enableDates.enableFromDT &&\n enableDates.enableToDT) ?\n // (date < new Date(enableDates.enableFromDT) ||\n // date > new Date(enableDates.enableToDT)) ||\n !isBetweenEnabledDates ||\n // approved.length && approved.find(val => moment(val.leavedate, \"DD-MMM-yyyy\").isSame(cellCurrentDate)) ||\n // (pendingDates.length && pendingDates.find(val => moment(val.leavedate, \"DD-MMM-yyyy\").isSame(cellCurrentDate)))\n (approved.length && approved.find(val => val.leavedate === cellCurrentDate)) ||\n (pendingDates.length && pendingDates.find(val => val.leavedate === cellCurrentDate))\n // : (approved.length && approved.find(val => moment(val.leavedate, \"DD-MMM-yyyy\").isSame(cellCurrentDate))) ||\n // (pendingDates.length && pendingDates.find(val => moment(val.leavedate, \"DD-MMM-yyyy\").isSame(cellCurrentDate)));\n : (approved.length && approved.find(val => val.leavedate === cellCurrentDate)) ||\n (pendingDates.length && pendingDates.find(val => val.leavedate === cellCurrentDate));\n };\n\n const handleCellClassNameChange = ({ date, view }) => {\n let cellCurrentDate;\n let dateColor;\n if (date.getDate() < 10) {\n cellCurrentDate = moment(date).format(\"DD-MMM-yyyy\")\n // cellCurrentDate = `0${date.getDate()}-${date.toLocaleDateString(\"en\", { month: \"short\" })}-${date.getFullYear()}`\n }\n else {\n cellCurrentDate = moment(date).format(\"DD-MMM-yyyy\")\n\n // cellCurrentDate = `${date.getDate()}-${date.toLocaleDateString(\"en\", { month: \"short\" })}-${date.getFullYear()}`\n }\n if (view === 'month') {\n if (holidaydates.includes(cellCurrentDate)) {\n dateColor = \"holidayColor\"\n } else if (approvedDates.includes(cellCurrentDate)) {\n dateColor = \"approvedLeaveColor\"\n } else if (weeklyOffDates.includes(cellCurrentDate)) {\n dateColor = \"weeklyOffColor\"\n } else if (pendingDates.includes(cellCurrentDate)) {\n dateColor = \"pendingLeaveColor\"\n } else if (rejectedDates.includes(cellCurrentDate)) {\n dateColor = \"rejectedLeaveColor\"\n } else if (!moment(date, \"DD-MMM-yyyy\").isBetween(moment(enableDates.enableFromDT, \"DD-MMM-yyyy\").subtract(1, \"days\"), moment(enableDates.enableToDT, \"DD-MMM-yyyy\").add(1, 'days'))) {\n dateColor = \"disableDateColor\"\n }\n }\n return dateColor\n };\n\n const handleOnClick = ( val) => {\n localStorage.setItem(\"tsDate\",val); \n localStorage.setItem(\"tsRedirectDate\",\"tsHome\");\n localStorage.setItem(\"e3redirect\",\"e3redirect\"); \n localStorage.setItem(\"newAssociateId\", localStorage.getItem(\"associateId\"))\n localStorage.setItem(\"subMenuId\",\"1\");\n // const cellCurrentDate = moment(date).format(\"DD-MMM-yyyy\");\n // const clickedDate = `${val.getDate()}-${val.getMonth() + 1}-${val.getFullYear()}`;\n // const timesheet = localStorage.getItem(\"timesheet\");\n let path;\n if (apacEmeaSupport) {\n \n if(weeklyOffDates.includes(formatDate(val)))\n {\n path= `${process.env.REACT_APP_REDIRECT_URL}ReactRoute.aspx?CorpId=${sessionStorage.getItem(\"corpId\")}&AssociateId=${localStorage.getItem(\"associateId\")}&Page=TimeSheet_Single.aspx$fromJS=1$Date=${formatDate(val)}`\n }\n else\n {\n path = `${process.env.REACT_APP_REDIRECT_URL}ReactRoute.aspx?CorpId=${sessionStorage.getItem(\"corpId\")}&AssociateId=${localStorage.getItem(\"associateId\")}&Page=APAC_Timesheet_EMEA.aspx$Date=${formatDate(val)}`\n }\n // path = `${process.env.REACT_APP_REDIRECT_URL}ReactRoute.aspx?CorpId=${sessionStorage.getItem(\"corpId\")}&AssociateId=${localStorage.getItem(\"associateId\")}&Page=APAC_Timesheet_EMEA.aspx$Date=${formatDate(val)}`\n } else { \n path = `${process.env.REACT_APP_REDIRECT_URL}ReactRoute.aspx?CorpId=${sessionStorage.getItem(\"corpId\")}&AssociateId=${localStorage.getItem(\"associateId\")}&Page=TimeSheet_Single.aspx$fromJS=1$Date=${formatDate(val)}`\n\n console.log(\"timesheet daily path\", path)\n // path = `${CYIENT_BASEURL}${timesheet}$fromJS=1$Date=${formatDate(val)}`\n // path = `/timesheets-daily/${moment(val).format(\"yyyy-MM-DD\")}`\n }\n window.location.href = `${path}`;\n // return history.push({\n // pathname: path,\n // state: { tsDate: formatDate(val)}\n // });\n \n \n };\n\n \n return (\n \n ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'][date.getDay()]}\n tileContent={handleCellContentChange}\n tileDisabled={handleCellDisabled}\n tileClassName={handleCellClassNameChange}\n onActiveStartDateChange={({ activeStartDate}) => setDateValue(activeStartDate)}\n view=\"month\"\n next2Label={null}\n prev2Label={null}\n />\n !weeklyOffDates.includes(ele) || !holidaydates.includes(ele) || !calendarHolidayDt.includes(ele))} \n />\n
\n );\n}\n\nexport default HomeCalendar;","import React from \"react\";\nimport HomeCalendar from './Components/HomeCalendar/index';\n// import HomeCalendarLegend from './Components/HomeCalendarLegend';\n\nconst Calendar = () => (\n \n);\nexport default Calendar;","import React, {useState, useCallback} from \"react\";\nimport Carousel from 'react-bootstrap/Carousel';\nimport PropTypes from 'prop-types';\nimport Card from \"react-bootstrap/Card\";\nimport Button from \"react-bootstrap/Button\";\nimport rightArrowWhite from \"assets/images/right-arrow-white-icon.svg\";\nimport leftArrowWhite from \"assets/images/left-arrow-white-icon.svg\";\n\nconst HolidaysCarousel = ({ holidays }) => {\n const [index, setIndex] = useState(0);\n\n const handlePrev = () => {\n setIndex(index === 0 ? holidays.length - 1 : index - 1);\n }\n\n const handleNext = () => {\n setIndex(index === holidays.length - 1 ? 0 : index + 1);\n }\n\n const handleSelect = useCallback( selectedIndex => {\n setIndex(selectedIndex);\n }, []);\n\n return (\n \n \n
Holidays \n
\n
\n \n
\n \n
\n
\n { \n holidays.length> 0 ? (\n holidays.map((item, idx) => (\n \n \n
\n
{item.DESCRIPTION} \n Date:{item.HolidayList} \n \n \n
\n
\n
No Holidays Found! \n \n
\n )\n}\nexport default HolidaysCarousel;\nHolidaysCarousel.defaultProps = {\n holidays: []\n};\n \nHolidaysCarousel.propTypes = {\n holidays: PropTypes.array\n};","import React, { useState, useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { getHolidaysList } from \"components/actions/home\";\nimport HolidaysCarousel from \"./HolidayCarousel\";\n\nconst Holidays = () => {\n const ascId = useSelector(state => state.user.userProjDetails?.associateId);\n // const [index, setIndex] = useState(0);\n const [holidays, setHolidaysList] = useState([]);\n\n useEffect(() => {\n\n getHolidaysList(ascId).then(\n res => {\n if (res.success && res.statusCode === 200) {\n if (res.data.holidaysDetail) {\n console.log(res.data.holidaysDetail);\n setHolidaysList(res.data.holidaysDetail);\n }\n }\n },\n err => {\n console.error(\"Error in retrieving the project news \", err);\n }\n ).catch(err => {\n console.error(\"Error in retrieving the project news \", err);\n });\n }, [ascId]);\n\n return (\n \n\t\t\t\t\n\t\t\t\t\tAttention Required\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t{/* \n\t\t\t\t\t\t \n\t\t\t\t\t */}\n\t\t\t\t\t{loaderActivity ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tLoading…\n\t\t\t\t\t\t\n\t\t\t\t\t) : (\n\t\t\t\t\t\t\"\"\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\tAttention Required\n\t\t\t \n\t\t\t\n\t\t\t\t{loaderActivity ? (\n\t\t\t\t\t\n\t\t\t\t\t\tLoading…\n\t\t\t\t\t\n\t\t\t\t) : (\n\t\t\t\t\t\"\"\n\t\t\t\t)}\n\t\t\t\t{combinedAttentionList.length > 0 ? (\n\t\t\t\t\tcombinedAttentionList.map((item) => {\n\t\t\t\t\t\tconst target =\n\t\t\t\t\t\t\trouteMapping(item.pagename) === \"e3Route\"\n\t\t\t\t\t\t\t\t? `${process.env.REACT_APP_REDIRECT_URL}ReactRoute.aspx?CorpId=${corpId}&AssociateId=${ascId}&Page=${item.pagename.replace(/[?&]/g, '$')}`\n\t\t\t\t\t\t\t\t: routeMapping(item.pagename);\n\n\t\t\t\t\t\tif (routeMapping(item.pagename) !== \"e3Route\") {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{item.titlename} (\n\t\t\t\t\t\t\t\t\t\t\t\t{item.Countval})\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\twindow.location.href = `${target}`;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{item.titlename}({item.Countval})\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t) : (\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{defaultIcon.title}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t
\n\t\t\n\t);\n};\nexport default AttentionRequired;\n","import { request, fileUploadRequestJSON } from \"utilities/apiHelper\";\nimport { BASEURL } from \"utilities/constants\";\n\nconst BASE_URI = `${BASEURL}/api/Workload/`;\nconst BASE_URI_TIMESHEET = `${BASEURL}/api/Timesheet/`;\n\n\nexport const getWorkloadDetails = (ascId, projectCode) =>\n\trequest({\n\t\turl: `${BASE_URI}WorkloadDataNew?asscId=${ascId}&projectCode=${projectCode}`,\n\t\tmethod: \"GET\",\n\t});\n\nexport const updateAllocateWork = (processID, asscID) =>\n\trequest({\n\t\turl: `${BASE_URI}autoWorkAllocate?processID=${processID}&asscID=${asscID}`,\n\t\tmethod: \"GET\",\n\t});\nexport const getWorkloadDataNew = (asscId, projCode, projectGroup) =>\n\trequest({\n\t\turl: `${BASE_URI}WorkloadDataNew?asscId=${asscId}&projCode=${projCode}&projectGroup=${projectGroup}`,\n\t\tmethod: \"GET\",\n\t});\nexport const getAssociatesByProject = (asscId, projectCode) =>\n\trequest({\n\t\turl: `${BASE_URI}AssociatesByProject?assocId=${asscId}&projCode=${projectCode}`,\n\t\tmethod: \"GET\",\n\t});\n\nexport const getPaymentMode = () =>\n\trequest({\n\t\turl: `${BASE_URI}DistrictByUopId`,\n\t\tmethod: \"GET\",\n\t});\n\nexport const getAdditionalInfomation = (projectCode, uopId) =>\n\trequest({\n\t\turl: `${BASE_URI}RakeOffAdditionalInfo?projectCode=${projectCode}&uopId=${uopId}`,\n\t\tmethod: \"GET\",\n\t});\n\nexport const getItemList = (projectCode, district, uopId) =>\n\trequest({\n\t\turl: `${BASE_URI}RakeOffItem?projectCode=${projectCode}&district=${district}&uopId=${uopId}`,\n\t\tmethod: \"GET\",\n\t});\n\nexport const getRfcDataList = (projectCode, district, item) =>\n\trequest({\n\t\turl: `${BASE_URI}RakeOffFrcData?projectCode=${projectCode}&district=${district}&item=${item}`,\n\t\tmethod: \"GET\",\n\t});\n\nexport const getProjectList = (projectCode) =>\n\trequest({\n\t\turl: `${BASE_URI_TIMESHEET}ProcessDetailsVersion?projectCode=${projectCode}`,\n\t\tmethod: \"GET\",\n\t});\n\nexport const getWBSList = (processId) =>\n\trequest({\n\t\turl: `${BASE_URI}ActivitiesByProcessPa?processId=${processId}`,\n\t\tmethod: \"GET\",\n\t});\n\nexport const getUploadedFilesDtls = (uopId) => (\n\trequest({\n\t\turl: `${BASE_URI}RakeOffUploadDetails?uopId=${uopId}`\n\t})\n);\n\nexport const deleteUploadedFile = (data) => (\n\tfileUploadRequestJSON({\n\t\turl: `${BASE_URI}RakeOffUploadDelete`,\n\t\tmethod: \"POST\",\n\t\tbody: data\n\t})\n)\n\nexport const getRakeOffItemDetails = (projCode, itemId, qty, payMode) =>\n\trequest({\n\t\turl: `${BASE_URI}RakeoffItemDetails?projCode=${projCode}&itemId=${itemId}&qty=${qty}&payModeDistrict=${payMode}`,\n\t\tmethod: \"GET\",\n\t});\n\nexport const saveRakeOfManualEntry = (data) => (\n\trequest({\n\t\turl: `${BASE_URI}RakeoffManualEntryNew`,\n\t\tmethod: \"POST\",\n\t\tbody: JSON.stringify(\n\t\t\tdata\n\t\t)\n\t})\n)\nexport const getLoadRakeOfManualEntry = (projCode, uopId, roleId) => (\n\trequest({\n\t\turl: `${BASE_URI}LoadRakeOffManualEntry?projCode=${projCode}&uopId=${uopId}&roleId=${roleId}`,\n\t\tmethod: \"GET\",\n\t})\n)\n\nexport const getLoadRakeOffUpload = (projCode, uopId, activityId, assocId, roleId) => (\n\trequest({\n\t\turl: `${BASE_URI}LoadRakeOffUpload?projectCode=${projCode}&uopId=${uopId}&activityId=${activityId}&assocId=${assocId}&roleId=${roleId}`,\n\t\tmethod: \"GET\",\n\t})\n)\n\nexport const getLoadEditRakeOff = (uopId, projCode, roleId, rakeId) => (\n\trequest({\n\t\turl: `${BASE_URI}LoadEditRakeOff?uopId=${uopId}&projCode=${projCode}&roleId=${roleId}&rakeoffId=${rakeId}`,\n\t\tmethod: \"GET\",\n\t})\n)\n\nexport const getEditRakeOffItem = (projectCode, district) => (\n\trequest({\n\t\turl: `${BASE_URI}EditRakeOffItem?projectCode=${projectCode}&district=${district}`,\n\t\tmethod: \"GET\",\n\t})\n)\n\nexport const getRakeOffFrcData = (projectCode, district, item) => (\n\trequest({\n\t\turl: `${BASE_URI}RakeOffFrcData?projectCode=${projectCode}&district=${district}&item=${item}`,\n\t\tmethod: \"GET\",\n\t})\n)\n\nexport const getDownloadFile = (projectCode, attachName, fileName) => (\n\trequest({\n\t\turl: `${BASE_URI}DownloadImgAttachmentLink?project=${projectCode}&attachment=${attachName}&fileName=${fileName}`,\n\t\tmethod: \"GET\",\n\t})\n)","import React, { useState } from \"react\";\nimport Select from 'react-select';\nimport { useSelector } from \"react-redux\";\nimport { updateAllocateWork } from \"components/actions/workLoad\";\nimport { Form } from 'react-bootstrap';\nimport { toast } from \"react-toastify\";\n\nconst ProcessSelect = ({ setHeight,processList }) => {\n\n const [selectedValue, setSelectedValue] = useState(''); \n const [processId, setProcessId] = useState('');\n const ascId = useSelector(state => state.user.userProjDetails?.associateId);\n const [loaderActivity, setLoaderActivity] = useState(false);\n\n \n const handleSelectChange = (value) => {\n setSelectedValue(value)\n setProcessId(value.value)\n setHeight(false)\n }\n\n const handleAllocateWork = () => {\n if(processId===null || processId===\"\")\n {\n toast.warn(\"Please Select Process\");\n }\n else\n {\n setLoaderActivity(true);\n\n updateAllocateWork(processId, ascId).then(\n res => {\n if (res.success && res.statusCode === 200) {\n toast.success(\"Allocated work successfully\");\n setSelectedValue(\"\")\n setProcessId(\"\")\n setLoaderActivity(false);\n }\n },\n err => {\n console.error(\"Error in updating the Allocate work\", err);\n setLoaderActivity(false);\n }\n ).catch(err => {\n console.error(\"Error in updating the Allocate work\", err);\n setLoaderActivity(false);\n })\n }\n }\n\n const handleOpenOptions = () => {\n setHeight(true)\n }\n\n const handleOnBlur = () => {\n setHeight(false)\n }\n\n return (\n <>\n {loaderActivity ? (\n \n Loading…\n
\n ) : (\n \"\"\n )}\n \n Process \n \n (\n {\n value: option.Process_ID,\n label: option.Process_name\n }\n )\n )\n : []\n }\n />\n
\n \n Allocate Work To Me \n
\n \n )\n}\nexport default ProcessSelect","export default __webpack_public_path__ + \"static/media/rake-off-icon.8342c5e7.svg\";","export default __webpack_public_path__ + \"static/media/search-icon-table.3e586a9e.svg\";","export default __webpack_public_path__ + \"static/media/view-matrix-icon.3a7f33f5.svg\";","export default __webpack_public_path__ + \"static/media/search-icon-white.52f49639.svg\";","import {\n request,\n} from \"utilities/apiHelper\";\nimport { BASEURL } from \"utilities/constants\";\n\nconst BASE_URI = `${BASEURL}/api/TimesheetSearch/`;\n\nexport const workLoadTimeSheetModalSearchJob = (projGroup, groupProfile, project, searchText, isLikeSearch) => ( // project=CP-19-00203.1&searchText=P1&isLikeSearch=false\n request({\n url: `${BASE_URI}ProcessUopsSearch?projGroup=${projGroup}&groupProfile=${groupProfile}&project=${project}&searchText=${searchText}&isLikeSearch=${isLikeSearch}`,\n method: \"GET\"\n })\n);\n\nexport const getUopGrid = (id) => ( // 1122975706\n request({\n url: `${BASE_URI}TimeSheetsofUopWellsco?uopId=${id}&projGroup=NA`\n })\n)\n\nexport const getProjectList = (projGroup, assocId) => (\n request({\n url: `${BASE_URI}ProjectsByProjectGroupWellsco?projGroup=${projGroup}&assocId=${assocId}`,\n method: \"GET\"\n })\n);","import React, { useState, useEffect } from \"react\";\nimport Select from \"react-select\";\nimport { getProjectList } from \"components/actions/timesheetSearch\";\nimport { useSelector } from \"react-redux\";\n\nconst Projectddl = ({ selectedProject, setSelectedProject }) => {\n\tconst [projectList, setProjectList] = useState([]);\n\n\t// const projectCode = useSelector(\n\t// \t(state) => state.user.userProjDetails?.currentProject?.Project_Code,\n\t// );\n\n\tconst ascId = useSelector(state => state.user.userProjDetails?.associateId);\n\n\tconst projectGroup = useSelector(state => state.user.userProjDetails?.currentProject?.project_group);\n\n\tuseEffect(() => {\n\t\tgetProjectList(projectGroup, ascId)\n\t\t\t.then(\n\t\t\t\t(res) => {\n\t\t\t\t\tif (res.status.Success && res.status.StatusCode === 200) {\n\t\t\t\t\t\tif (res.data.Projects.length !== 0) {\n\t\t\t\t\t\t\tsetProjectList(res.data.Projects);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t(err) => {\n\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\"Error in retrieving the Project Details\",\n\t\t\t\t\t\terr,\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t)\n\t\t\t.catch((err) => {\n\t\t\t\tconsole.error(\"Error in retrieving the Project Details\", err);\n\t\t\t});\n\t}, [projectGroup, ascId]);\n\n\tconst handleProjectChange = (selected) => {\n\t\tsetSelectedProject(selected);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t ({\n\t\t\t\t\t\tlabel: details.project_name,\n\t\t\t\t\t\tvalue: details.project_code,\n\t\t\t\t\t}))\n\t\t\t\t}\n\t\t\t\tvalue={selectedProject}\n\t\t\t\tonChange={handleProjectChange}\n\t\t\t/>\n\t\t\n\t);\n};\n\nexport default Projectddl;\n","import React from \"react\";\nimport Select from \"react-select\";\n\nconst WBSddl = ({selectedWBS, setSelectedWBS}) => {\n\n const handleWBSChange = (selected) => {\n setSelectedWBS(selected)\n }\n\n return (\n <>\n setUopId(row.original.UOP_id)}>Select\n ),\n },\n {\n Header: \"Process Name\",\n accessor: \"Process_name\"\n },\n {\n Header: \"Project Name\",\n accessor: \"Project_Name\"\n },\n {\n Header: \"UOP\",\n accessor: \"UOP\"\n },\n {\n Header: \"CurrentActivity\",\n accessor: \"activity_name\"\n },\n ];\n\n const uopGridCols = [\n {\n Header: \"\",\n accessor: \"UOP_id\",\n Cell: ({ row }) => {\n const [filePath, setFilePath]= useState(null)\n if (!row.original.Attachmentname || !row.original.ActualAttachmentName) {\n return \"\";\n }\n const handleDownloadClick = () => {\n getDownloadFile(projCode, row.original.Attachmentname, row.original.ActualAttachmentName).then(\n res => {\n if (res.success && res.statusCode === 200 && res.data) {\n if(res.data.Type !== \"external\") {\n setFilePath(res.data.FilePath)\n }\n else {\n setFilePath(`https://e3.cyient.com/e3api/${res.data.FilePath}`)\n }\n }\n },\n err => {\n console.error(\"Error in downloading file in search modal\", err);\n toast.error(\"Error in downloading file in myworkload card - search modal\", err);\n }\n ).catch(\n err => {\n console.error(\"Error in downloading file in search modal\", err);\n }\n )\n }\n return (\n handleDownloadClick()}\n download\n >\n \n
\n
\n {\n uopId && (\n
\n )\n }\n
\n
\n \n \n Time Sheet\n \n \n \n Search Jobs \n \n \n Project \n \n \n \n Search WBS \n \n \n \n \n
{ setSearchStr(e.target.value) }}\n />\n
\n
\n \n
\n
\n \n
\n \n \n )\n}\n\nexport default SearchModal;","import React from \"react\";\nimport { useTable, useSortBy, usePagination } from \"react-table\";\n// import { Link } from \"react-router-dom\";\nimport { Form } from \"react-bootstrap\";\nimport \"./Table.css\";\n\n/* eslint no-unused-vars: [\"error\", { \"args\": \"none\" }] */\n\nconst Table = ({ columns, data, divClasses, tableClasses, tblBodyClasses, pagingSize, hiddenColumn }) => {\n\t// console.log(\"Dataaaaa\",data);\n\t// Use the state and functions returned from useTable to build your UI\n\tconst tableInstance = useTable(\n\t\t{\n\t\t\tcolumns,\n\t\t\tdata,\n\t\t\tinitialState: { pageIndex: 0, pageSize: pagingSize || 5, hiddenColumns: hiddenColumn},\n\t\t\tautoResetPage: true,\n\t\t},\n\t\tuseSortBy,\n\t\tusePagination,\n\t);\n\tconst {\n\t\tgetTableProps,\n\t\tgetTableBodyProps,\n\n\t\theaderGroups,\n\t\t/* eslint-disable */\n\t\trows,\n\t\tprepareRow, // Prepare the row (this function needs to be called for each row before getting the row props)\n\n\t\tpage,\n\t\tcanPreviousPage,\n\t\tcanNextPage,\n\t\tpageOptions,\n\t\tpageCount,\n\t\tgotoPage,\n\t\tnextPage,\n\t\tpreviousPage,\n\t\tsetPageSize,\n\t \n\t\tstate: { pageIndex, pageSize },\n\t\tfooterGroups,\n\t\tsetHiddenColumns\n\t\t/* eslint-disable */\n\t} = tableInstance;\n\n\tReact.useEffect(() => {\n\t\tsetHiddenColumns(hiddenColumn)\n\t }, [hiddenColumn])\n\n\t// Render the UI for your table\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{headerGroups.map((headerGroup) => (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{column.render(\"Header\")}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{column.isSorted\n\t\t\t\t\t\t\t\t\t\t\t? column.isSortedDesc\n\t\t\t\t\t\t\t\t\t\t\t\t? \" 🔽\"\n\t\t\t\t\t\t\t\t\t\t\t\t: \" 🔼\"\n\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t \n\t\t\t\t\t))}\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t{page.map((row, i) => {\n\t\t\t\t\t\tprepareRow(row);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{cell.render(\"Cell\")}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{footerGroups.map((group) => (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{group.headers.map((column) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{column.render(\"Footer\")}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t \n\t\t\t\t\t))}\n\t\t\t\t \n\t\t\t\n\t\t\t{data.length > 5 ? (\n\t\t\t\t\n\t\t\t\t\t
{\n\t\t\t\t\t\t\tsetPageSize(Number(e.target.value));\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={{ width: \"120px\", height: \"38px\" }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{[5, 10, 20, 30, 40, 50].map((pageSize) => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{pageSize}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t gotoPage(0)}\n\t\t\t\t\t\t\tdisabled={!canPreviousPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tFirst \n\t\t\t\t\t\t\n\t\t\t\t\t\t previousPage()}\n\t\t\t\t\t\t\tdisabled={!canPreviousPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\"<\"} \n\t\t\t\t\t\t\n\t\t\t\t\t\t nextPage()}\n\t\t\t\t\t\t\tdisabled={!canNextPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\">\"} \n\t\t\t\t\t\t\n\t\t\t\t\t\t gotoPage(pageCount - 1)}\n\t\t\t\t\t\t\tdisabled={!canNextPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tLast \n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tPage{\" \"}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{pageIndex + 1} of {pageOptions.length}\n\t\t\t\t\t\t\t\t {\" \"}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{/* {\n const page = e.target.value ? Number(e.target.value) - 1 : 0\n gotoPage(page)\n }}\n \n />\n */}\n\t\t\t\t\t\t {\" \"}\n\t\t\t\t\t \n\t\t\t\t {\n\t\t\t\t\tdata.length > 0 ? \"\" : \"No Data Found!\"\t\n\t\t\t\t}
\n\t\t\t)}\n\t\t\n\t);\n};\nexport default Table;\n","import React, { useState, useEffect } from \"react\";\n// import Table from \"components/common/Table/Table\";\nimport { useSelector } from \"react-redux\";\nimport rakeOff from \"assets/images/rake-off-icon.svg\";\nimport search from \"assets/images/search-icon-table.svg\";\nimport view from \"assets/images/view-matrix-icon.svg\";\n// import { CYIENT_BASEURL } from \"utilities/constants\";\n// import RakeOffUpload from \"./rakeOffUploadModal\";\nimport SearchModal from \"./searchModal\";\nimport Table from \"./Table/Table\";\n// import RakeOffModal from \"./RakeOffModal\";\n\n/* eslint-disable */\nconst WorkLoadTable = ({ workLoadTableData, viewBillngTSDtlsFlag, wbsPlannning }) => {\n\t// const [rakeOffUploadModal, setRakeOffUploadModal] = useState({show:false, data: null});\n\t// const [rakeOffModal, setRakeOffModal] = useState({show:false, data: null});\n\tconst [searchModal, setSearchModal] = useState({ show: false, data: null});\n\tconst [hideCol, setHideCol] = useState([])\n\tconst projGrpProfile = useSelector(state => state.user.userProjDetails?.currentProject?.proj_group_profile);\n\tconst projGroup = useSelector(state => state.user.userProjDetails?.currentProject?.project_group);\n\tconst corpId = useSelector(state => state.user.userDetails?.corpId);\n\tconst ascId = useSelector((state) => state.user.userProjDetails?.associateId);\n\tconst projectCode = useSelector(state => state.user.userProjDetails?.currentProject?.Project_Code);\n\tlocalStorage.setItem(\"associateId\",ascId)\n\tsessionStorage.setItem(\"corpId\",corpId)\n\tlocalStorage.setItem(\"corpId\",corpId)\n\n\tconst Redirect_url = `${process.env.REACT_APP_REDIRECT_URL}ReactRoute.aspx?CorpId=${corpId}&AssociateId=${ascId}&Page=`\n\n\tuseEffect(()=> {\n\t\tconst projectGrp = [ \"NATEC Bartech\", \"NATEC-CA Engineering\", \"NATEC-HiCaps Engeering\", \"NATEC-MS Engineering\", \"NATEC-PA Engineering\", \"NATEC-TX Engineering\", \"NATEC-VA ENgineering\", \"NATEC Design Center\", \"NATEC-NC Engineering\"];\n\t\tif(projectGrp.includes(projGroup) || projGrpProfile === \"IEA Engineering\") {\n\t\t\tsetHideCol([]);\n\t\t} else {\n\t\t\tsetHideCol([\"Search\"]);\n\t\t}\n\t},[projGroup, projGrpProfile])\n\n\t// const toggleUploadRakeOffModal = (row) => {\n\t// \t// console.log(\"[workdloadTable]upload rake off row details \", row);\n\t// \tsetRakeOffUploadModal({show:!rakeOffUploadModal.show, data: !row ? null : row.original});\n\t// };\n\n\t// const toggleRakeOffModal = (row) => {\n\t// \tconsole.log(\"in toggle\")\n\t// \t// console.log(\"[workdloadTable]upload rake off row details \", row);\n\t// \tsetRakeOffModal({show:!rakeOffModal.show, data: !row ? null : row.original});\n\t// };\n\n\tconst toggleSearchModals = (row) => {\n\t\tsetSearchModal({show: !searchModal.show, data: row.original});\n\t};\n\n\tconst closeSearchModal = () => {\n\t\tsetSearchModal((show) => !show);\n\t};\n\tconst COLUMNS = [\n\t\t{\n\t\t\t// Header: \"Select Billing Matrix\",\n\t\t\tHeader: () => {\n\t\t\t\tconst projectGrp = [ \"NATEC Bartech\", \"NATEC-CA Engineering\", \"NATEC-HiCaps Engeering\", \"NATEC-MS Engineering\", \"NATEC-PA Engineering\", \"NATEC-TX Engineering\", \"NATEC-VA ENgineering\", \"NATEC Design Center\", \"NATEC-NC Engineering\"];\n\t\t\t\tif(projectGrp.includes(projGroup) || projGrpProfile === \"IEA Engineering\") {\n\t\t\t\t\treturn \"Select Billing Matrix\"\n\t\t\t\t} else {\n\t\t\t\t\treturn \"Select\"\n\t\t\t\t}\n\t\t\t},\n\t\t\taccessor: \"billing\",\n\t\t\twidth: 50,\n\t\t\tCell: ({ row }) => {\n\t\t\t\t// conditionally show/hide the billing matrix icon\n\t\t\t\tconst projGrpProfile = useSelector(state => state.user.userProjDetails?.currentProject?.proj_group_profile);\n\t\t\t\tconst projectName = useSelector(state => state.user.userProjDetails?.currentProject?.project_name);\n\t\t\t\tconst prjList = [\"PA Engineering\", \"ATT MS - Mini Master-UNIT\", \"CA Engineering\", \"TX Engineering\", \"CA HiCaps_JPA\",\n\t\t\t\t\t\"NATEC-NY Eng - VZ\", \"NATEC-VA Eng - VZ\", \"NATEC-DC VZ Drafting\",\n\t\t\t\t\t\"NATEC-DC ATT Drafting\", \"NATEC-TX Eng - WIN\", \"NATEC-DC VZ Drafting\",\n\t\t\t\t\t\"NATEC-MS Eng - ATT\", \"NATEC-PA Eng - VZ\", \"NATEC-TX Eng - VZ\", \"NATEC-TX Eng - ATT\",\n\t\t\t\t\t\"NATEC-CA Eng - VZ\", \"NATEC-PA Eng - Lumos\", \"NATEC-NC Eng - ATT\",\n\t\t\t\t\t\"NATEC-CA Eng - Frontier\", \"NATEC-TX Eng - Frontier\", \"NATEC-CA Eng - Frontier CAFII\",\n\t\t\t\t\t\"NATEC-MS Eng - ATT CAFII\", \"NATEC-TX Eng - Frontier CAFII\", \"NATEC-Butler Eng - Frontier ISP CAFII\"\n\t\t\t\t];\n\t\t\t\tlet showIcon = false;\n\t\t\t\tif (\n\t\t\t\t\t(projGrpProfile && projGrpProfile === \"IEA Engineering\") ||\n\t\t\t\t\tprjList.includes(projectName)\n\t\t\t\t) {\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\tif(projectName === \"PA Engineering\" || projectName === \"NATEC-PA Eng - VZ\") {\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t} \n\t\t\t\telse if (projectName === \"NATEC-Butler Eng - Frontier ISP CAFII\" && row.original.Process_ID !== 1000000727 && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-CA Eng - Frontier CAFII\" && (row.original.activityid === 2 || lblActivityID.Text.ToString() == 4))\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-MS Eng - ATT CAFII\" && row.original.Process_ID !== 1000000727 && row.original.activityid === 3)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\n\t\t\t\telse if (projectName === \"NATEC-MS Eng - ATT\" && row.original.Process_ID !== 1000000727 && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-MS Eng - ATT\" && row.original.Process_ID === 1000000522 && row.original.activityid === 1)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\n\t\t\t\telse if (projectName === \"NATEC-TX Eng - ATT\" && row.original.Process_ID === 1000006265 && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-MS Eng - ATT\" && row.original.Process_ID !== 1000000727 && row.original.activityid === 13)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\n\t\t\t\telse if (projectName === \"NATEC-TX Eng - ATT\" && row.original.Process_ID === 1000006265 && row.original.activityid === 13)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\n\t\t\t\telse if (projectName === \"ATT MS - Mini Master-UNIT\" && row.original.Process_ID !== 1000000727 && row.original.activityid === 3)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-MS Eng - ATT\" && row.original.Process_ID !== 1000000727 && row.original.activityid === 3)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-NC Eng - ATT\" && (row.original.activityid === 1 || row.original.activityid === 2 || row.original.activityid === 3 || row.original.activityid === 13))\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-TX Eng - ATT\" && row.original.Process_ID === 1000006265 && row.original.activityid === 3)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"ATT MS - Mini Master-UNIT\" && row.original.Process_ID === 1000000727 && (row.original.activityid === 2 || row.original.activityid === 3))\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-MS Eng - ATT\" && row.original.Process_ID === 1000000727 && (row.original.activityid === 2 || row.original.activityid === 3))\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"CA Engineering\" && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-CA Eng - VZ\" && (row.original.activityid === 2 || lblActivityID.Text.ToString() == 4))\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-CA Eng - Frontier\" && (row.original.activityid === 2 || row.original.activityid === 4))\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-TX Eng - Frontier\" && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-TX Eng - Frontier CAFII\" && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"CA HiCaps_JPA\" && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"TX Engineering\" && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-TX Eng - VZ\" && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-TX Eng - ATT\" && row.original.Process_ID !== 1000006265 && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-TX Eng - WIN\" && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-NY Eng - VZ\" && row.original.Process_ID === 1000002270 && (row.original.activityid === 2 || row.original.activityid === 3))\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-VA Eng - VZ\")\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-DC VZ Drafting\" && row.original.Process_ID === 1000002545 && row.original.activityid === 1)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-DC ATT Drafting\" && row.original.Process_ID === 1000003707 && (row.original.activityid == 1 || row.original.activityid == 3))\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projectName === \"NATEC-DC VZ Drafting\" && row.original.Process_ID === 1000003708 && row.original.activityid === 1)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projGroup === \"NATEC Design Center\" && row.original.activityid === 4)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projGroup === \"NATEC Design Center\" && row.original.activityid === 1)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\n\t\t\t\telse if (projGroup === \"NATEC Design Center\" && row.original.activityid === 1)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projGroup === \"NATEC-NY Engineering\" && row.original.activityid === 1)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projGroup === \"NATEC-NY Engineering\" && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projGroup === \"NATEC-NY Engineering\" && row.original.activityid === 3)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\n\t\t\t\telse if (projGroup === \"NATEC-NY Engineering\" && row.original.activityid === 4)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\n\t\t\t\telse if (projGroup === \"NATEC-VA ENgineering\" && row.original.activityid === 1)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projGroup === \"NATEC-VA ENgineering\" && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projGroup === \"NATEC-VA ENgineering\" && row.original.activityid === 3)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projGroup === \"NATEC-VA ENgineering\" && row.original.activityid === 4)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\n\t\t\t\telse if (projGroup === \"NATEC-PA Engineering\" && row.original.activityid === 1)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projGroup === \"NATEC-PA Engineering\" && row.original.activityid === 2)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projGroup === \"NATEC-PA Engineering\" && row.original.activityid === 3)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse if (projGroup === \"NATEC-PA Engineering\" && row.original.activityid === 41)\n\t\t\t\t{\n\t\t\t\t\tshowIcon = true;\n\t\t\t\t}\n\t\t\t\telse\n\t\t\t\t{\n\t\t\t\t\tshowIcon = false;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tshowIcon && (\n\t\t\t\t\t\t\t\t// DO NOT DELETE THIS COMMENT \n\t\t\t\t\t\t\t\t//
toggleUploadRakeOffModal(row)} alt=\"\" />\n\t\t\t\t\t\t\t//
toggleRakeOffModal(row)} alt=\"\" />\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tshowIcon && (\n\t\t\t\t\t\t\t\t
toggleSearchModals(row)} alt=\"\" />\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t
{original.processname}
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"Activity\",\n\t\t\taccessor: \"activity\",\n\t\t\tCell: ({ row: { original } }) => (\n\t\t\t\t{original.activity}
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"WBS\",\n\t\t\taccessor: \"column1\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tconst { UOP_id, activity_id, Process_ID, status, ActivityRemarks, activityid} = row.original;\n\t\t\t\tconst prjctProfile = [\"IEA Engineering\", \"NATEC Bartech\", \"NATEC-CA Engineering\", \"NATEC-HiCaps Engeering\", \"NATEC-MS Engineering\", \"NATEC-TX Engineering\", \"NATEC-VA ENgineering\" , \"NATEC Design Center\", \"NATEC-NC Engineering\"]\n\t\t\t\tif(status !== \"Unattended\") {\n\t\t\t\t\tif(prjctProfile.includes(projGrpProfile)) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t{row.original.column1}\n\t\t\t\t\t\t)\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t{row.original.column1}\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tHeader: \"Elapsed Hrs\",\n\t\t\taccessor: \"elapsedmins\",\n\t\t\tCell: ({ row: { original } }) => (\n\t\t\t\t{original.elapsedmins ? original.elapsedmins : 0}
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"Estimated Delivery Date\",\n\t\t\taccessor: \"estimated_delivery_date\",\n\t\t},\n\t\t{\n\t\t\tHeader: \"Planned Completion Date\",\n\t\t\taccessor: \"planned_compdate\",\n\t\t\tCell: ({ row: { original } }) => (\n\t\t\t\t\n\t\t\t\t\t{original.planned_compdate\n\t\t\t\t\t\t? original.planned_compdate\n\t\t\t\t\t\t: \"N/A\"}\n\t\t\t\t
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"Task Description\",\n\t\t\taccessor: \"ActivityRemarks\",\n\t\t\tCell: ({ row: { original } }) => (\n\t\t\t\t\n\t\t\t\t\t{original.ActivityRemarks\n\t\t\t\t\t\t? original.ActivityRemarks\n\t\t\t\t\t\t: \"N/A\"}\n\t\t\t\t \n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"Current Activity Status\",\n\t\t\taccessor: \"Current_Status\",\n\t\t},\n\t];\n\n\tif (workLoadTableData && viewBillngTSDtlsFlag !== \"Not Exist\") {\n\t\tCOLUMNS.splice(2, 0, {\n\t\t\tHeader: \"View Billing and Timesheet Details\",\n\t\t\taccessor: \"UOP_id\",\n\t\t\tCell: ({ row }) => {\n\t\t\t\tconst { UOP_id, Process_ID, Project_code, processname} = row.original;\n\t\t\t\tconsole.log(\"url== \", `${process.env.REACT_APP_REDIRECT_URL}ReactRoute.aspx?CorpId=${corpId}&AssociateId=${ascId}&Page=timesheetBind_uop.aspx?uop_id=${UOP_id}&processid=${Process_ID}&projectcode=${Project_code}&processname=${processname}&wbs_plannning=${wbsPlannning},\"timesheet\", 'toolbar=no, location=0, directories=no, status=0, menubar=0, scrollbars=no, resizable=yes, copyhistory=no, width=' + scrnWidth + ', height=' + scrnHeight + ', top=' + top + ', left=' + left`)\n\t\t\t\treturn (\n\t\t\t\t\t (\n \n \n Delete Quick List \n \n \n Are you sure you want to delete the page link from Quick List ?
\n \n Cancel\n \n \n OK\n \n \n \n \n)\nexport default DeleteQL;\n\nDeleteQL.defaultProps = {\n show: false,\n handleClose: () => {},\n handleDelete: () => {}\n};\n \nDeleteQL.propTypes = {\n show: PropTypes.bool,\n handleClose: PropTypes.func,\n handleDelete: PropTypes.func\n};","import React, { useState } from \"react\";\nimport Button from \"react-bootstrap/Button\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { USER_QUICKLINKS } from \"reducers/constants\";\nimport { toast } from \"react-toastify\";\nimport rightArrowWhite from \"assets/images/right-arrow-white-icon.svg\";\nimport leftArrowWhite from \"assets/images/left-arrow-white-icon.svg\";\nimport { deleteQl } from \"components/actions/home\";\nimport Row from \"react-bootstrap/Row\";\nimport Col from \"react-bootstrap/Col\";\nimport { apiRouteHandler } from \"utilities/apiRouteHandler\";\nimport closeIcon from \"assets/images/slider-cross-white-icon.svg\";\nimport ReactTooltip from \"react-tooltip\";\nimport { Link } from \"react-router-dom\";\nimport DeleteQl from \"./deleteQL\";\n\n\nconst QuickList = () => {\n\tconst [index, setIndex] = useState(0);\n\tconst dispatch = useDispatch();\n\tconst [loaderActivity, setLoaderActivity] = useState(false);\n\tconst ascId = useSelector(\n\t\t(state) => state.user.userProjDetails?.associateId,\n\t);\n\tconst quickLists = useSelector((state) =>\n\t\tstate.user.userQuickLinks\n\t);\n\t\n\t// delete quicklink modal\n\tconst [modalProps, setModalProps] = useState({ show: false, id: null, idx: null });\n\n\tconst handlePrev = () => {\n\t\tsetIndex(index - 4);\n\t};\n\n\tconst handleNext = () => {\n\t\tsetIndex(index + 4);\n\t};\n\n\tconst handleClose = () => setModalProps({ show: false, id: null, idx: null });\n\n\tconst handleShow = (id, idx) => {\n\t\tsetModalProps({ show: true, id, idx });\n\t};\n\n\tconst handleDeleteQl = () => {\n\t\tsetLoaderActivity(true);\n\t\tdeleteQl(modalProps.id, ascId)\n\t\t\t.then(\n\t\t\t\t(res) => {\n\t\t\t\t\tif (res.success && res.statusCode === 200) {\n\t\t\t\t\t\ttoast.success(\"Quick Link deleted successfully\");\n\t\t\t\t\t\t\n\t\t\t\t\t\tif (modalProps.idx === 0) {\n\t\t\t\t\t\t\tsetIndex(index - 4);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst updatedQL = quickLists.filter(\n\t\t\t\t\t\t\t(item) => item.Sub_MenuID !== modalProps.id,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tdispatch({ type: USER_QUICKLINKS, payload: updatedQL });\t\t\t\t\t\t\n\t\t\t\t\t\tsetModalProps({ show: false, id: null, idx: null });\n\t\t\t\t\t}\n\t\t\t\t\tsetLoaderActivity(false);\n\t\t\t\t},\n\t\t\t\t(err) => {\n\t\t\t\t\ttoast.error(\"Error in deleting quicklink \", err);\n\t\t\t\t\tconsole.error(\"Error in deleting the quicklink \", err);\n\t\t\t\t\tsetLoaderActivity(false);\n\t\t\t\t},\n\t\t\t)\n\t\t\t.catch((err) => {\n\t\t\t\tconsole.error(\"Error in deleting the quicklink \", err);\n\t\t\t\tsetLoaderActivity(false);\n\t\t\t});\n\t};\n\n\tconst renderQuickList = () => {\n\t\t// render 4 items from current index\n\t\treturn [\n\t\t\tquickLists.slice(index, index + 2),\n\t\t\tquickLists.slice(index + 2, index + 4),\n\t\t].map((list) => (\n\t\t\t\n\t\t\t\t{list.map((item,idx) => {\n\t\t\t\t\t\n\t\t\t\t\tconst target = !apiRouteHandler[`${item.SUB_MENU}`]\n\t\t\t\t\t\t? `${process.env.REACT_APP_REDIRECT_URL}ReactRoute.aspx?CorpId=${sessionStorage.getItem(\"corpId\")}&AssociateId=${localStorage.getItem(\"associateId\")}&Page=${item.SOURCE_PAGE}`\n\t\t\t\t\t\t: apiRouteHandler[`${item.SUB_MENU}`];\n\n\t\t\t\t\tif (!apiRouteHandler[`${item.SUB_MENU}`]) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{item.SUB_MENU}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{item.IsDeletable && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\thandleShow(item.Sub_MenuID, idx)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tDelete\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{item.SUB_MENU}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{item.IsDeletable && (\n\t\t\t\t\t\t\t\t handleShow(item.Sub_MenuID, idx)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tDelete\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\n\t\t));\n\t};\n\n\treturn (\n\n\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tQuick Lists\n\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t= quickLists.length - 1}\n\t\t\t\t\t>\n\t\t\t\t\t\t \n\t\t\t
\n\t\t\t{renderQuickList()}\n\t\t\t{loaderActivity ? (\n\t\t\t
\n\t\t\t\tLoading…\n\t\t\t
\n\t\t) : (\n\t\t\t\"\"\n\t\t)}\n\t\t\t
\n\t\t
\r\n
Attention! – No Project Allocation \r\n
You have some associates without project assignments. Click here
\r\n
\r\n Close \r\n
\r\n
\n\t\t\t{e3Info.length > 0 &&
}\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t{!showAcceptPolicyAlert && showPopAssociateDetails && notifyPopAssociateDetails()}\n\t\t
\n
\n
\n \n
\n
\n
\n
\n
Filters \n \n
\n
\n Project \n\n (\n {\n value: pr.project_code,\n label: pr.projectname\n }\n ))}\n />\n \n \n Confirm default project \n \n Set this project as default ? \n \n \n Cancel\n \n \n OK\n \n \n \n
\n
\n
\n
\n
\n
\n
\n \n
\n
Final Payments Upload \n |
\n \n
\n \n );\n}\n\nexport default FinalPaymentsUpload;","import React from \"react\";\nimport Row from 'react-bootstrap/Row';\nimport BreadCrumb from \"components/common/BreadCrumb/breadCrumb\";\n\nconst FinalPaymentsReport = () => {\n\n return (\n <>\n \n \n \n
\n
Final Payments Upload \n |
\n \n
\n \n );\n}\n\nexport default FinalPaymentsReport;","import React from \"react\";\nimport {\n Route\n}\nfrom \"react-router-dom\";\nimport FinalPaymentsUpload from \"components/Reports/PLI/FinalPaymentsUpload/FinalPaymentsUpload\";\nimport FinalPaymentsReport from \"components/Reports/PLI/FinalPaymentsReport/FinalPaymentsReport\";\n \nexport default [\n You are not authorized to view this page : \"\"\n\n);\nexport default NotAuthorized;\n","/* eslint-disable jsx-a11y/label-has-associated-control */\nimport React from \"react\";\nimport Select from \"react-select\";\nimport ReactTooltip from \"react-tooltip\";\n\nconst ProjectsDdl = React.memo(({ projects, selProject, handleProject}) => {\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\tProject \n\t\t\t\t ({\n\t\t\t\t\t\tlabel: pr.projectname,\n\t\t\t\t\t\tvalue: pr.ProjectCode,\n\t\t\t\t\t}))}\n\t\t\t\t\tvalue={selProject}\n\t\t\t\t\tonChange={handleProject}\n\t\t\t\t/>\n\t\t\t
\n\t\t\t
\n\t\t\tSelect Project\n\t\t\t\n\n\t\t \n\t\t\t
\n\t\t\t\tShift * \n\t\t\t\t ({\n\t\t\t\t\t\tlabel: pr.shift_name,\n\t\t\t\t\t\tvalue: pr.shift_id,\n\t\t\t\t\t}))}\n\t\t\t\t\tvalue={selShift}\n\t\t\t\t\tonChange={handleShift}\n\t\t\t\t/>\n\t\t\t
\n\t\t
\n
Note : \n
\n
\n
\n
\n
\n
Half Day Leave
\n
\n
\n
\n
\n
\n
\n
Location or Cost Category Mismatch or Service Line Mismatch
\n
\n
\n
\n\n\n
\n
\n
\n
\n
\n
Project not Assigned
\n
\n
\n
\n
\n
On Business VISA
\n
\n
\n
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tPay code Wise Time\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tCancel\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tSave\n\t\t\t\t\n\t\t\t \n\t\t\n\t);\n};\n\nexport default HeaderModal;\n","import React, { useState } from \"react\";\nimport { Modal } from \"react-bootstrap\";\nimport Select from \"react-select\";\nimport Button from \"react-bootstrap/Button\";\nimport * as moment from \"moment\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { TS_WEEKLY_START_TIME_DATA, } from \"reducers/constants\";\n\nconst HoursList = [\n { label: \"00\", value: \"00\" },\n { label: \"01\", value: \"01\" },\n { label: \"02\", value: \"02\" },\n { label: \"03\", value: \"03\" },\n { label: \"04\", value: \"04\" },\n { label: \"05\", value: \"05\" },\n { label: \"06\", value: \"06\" },\n { label: \"07\", value: \"07\" },\n { label: \"08\", value: \"08\" },\n { label: \"09\", value: \"09\" },\n { label: \"10\", value: \"10\" },\n { label: \"11\", value: \"11\" },\n { label: \"12\", value: \"12\" },\n { label: \"13\", value: \"13\" },\n { label: \"14\", value: \"14\" },\n { label: \"15\", value: \"15\" },\n { label: \"16\", value: \"16\" },\n { label: \"17\", value: \"17\" },\n { label: \"18\", value: \"18\" },\n { label: \"19\", value: \"19\" },\n { label: \"20\", value: \"20\" },\n { label: \"21\", value: \"21\" },\n { label: \"22\", value: \"22\" },\n { label: \"23\", value: \"23\" },\n];\n\nconst MintsList = [\n { label: \"00\", value: \"00\" },\n { label: \"01\", value: \"01\" },\n { label: \"02\", value: \"02\" },\n { label: \"03\", value: \"03\" },\n { label: \"04\", value: \"04\" },\n { label: \"05\", value: \"05\" },\n { label: \"06\", value: \"06\" },\n { label: \"07\", value: \"07\" },\n { label: \"08\", value: \"08\" },\n { label: \"09\", value: \"09\" },\n { label: \"10\", value: \"10\" },\n { label: \"11\", value: \"11\" },\n { label: \"12\", value: \"12\" },\n { label: \"13\", value: \"13\" },\n { label: \"14\", value: \"14\" },\n { label: \"15\", value: \"15\" },\n { label: \"16\", value: \"16\" },\n { label: \"17\", value: \"17\" },\n { label: \"18\", value: \"18\" },\n { label: \"19\", value: \"19\" },\n { label: \"20\", value: \"20\" },\n { label: \"21\", value: \"21\" },\n { label: \"22\", value: \"22\" },\n { label: \"23\", value: \"23\" },\n { label: \"24\", value: \"24\" },\n { label: \"25\", value: \"25\" },\n { label: \"26\", value: \"26\" },\n { label: \"27\", value: \"27\" },\n { label: \"28\", value: \"28\" },\n { label: \"29\", value: \"29\" },\n { label: \"30\", value: \"30\" },\n { label: \"31\", value: \"31\" },\n { label: \"32\", value: \"32\" },\n { label: \"33\", value: \"33\" },\n { label: \"34\", value: \"34\" },\n { label: \"35\", value: \"35\" },\n { label: \"36\", value: \"36\" },\n { label: \"37\", value: \"37\" },\n { label: \"38\", value: \"38\" },\n { label: \"39\", value: \"39\" },\n { label: \"40\", value: \"40\" },\n { label: \"41\", value: \"41\" },\n { label: \"42\", value: \"42\" },\n { label: \"43\", value: \"43\" },\n { label: \"44\", value: \"44\" },\n { label: \"45\", value: \"45\" },\n { label: \"46\", value: \"46\" },\n { label: \"47\", value: \"47\" },\n { label: \"48\", value: \"48\" },\n { label: \"49\", value: \"49\" },\n { label: \"50\", value: \"50\" },\n { label: \"51\", value: \"51\" },\n { label: \"52\", value: \"52\" },\n { label: \"53\", value: \"53\" },\n { label: \"54\", value: \"54\" },\n { label: \"55\", value: \"55\" },\n { label: \"56\", value: \"56\" },\n { label: \"57\", value: \"57\" },\n { label: \"58\", value: \"58\" },\n { label: \"59\", value: \"59\" },\n];\n\nconst ApacUserModal = ({ modalState, closeAPACModal, tblTimings }) => {\n\n const dispatch = useDispatch();\n\n const { dayTotal, index, CurrDate, disableHoursDd } = modalState;\n \n // retrieves stratEndTimeAPAC received from API and stored in redux\n const startEndtimeAPAC = useSelector(state => state.tsWeeklyTable.startEndtimeAPAC);\n\n const currHourInitialState = startEndtimeAPAC[index]?.StartDate ?\n { label: moment(startEndtimeAPAC[index].StartDate).get('hour'), value:moment(startEndtimeAPAC[index].StartDate).get('hour') }\n : { value: \"00\", label: \"Select\" };\n const [currHour, setcurrHour] = useState(currHourInitialState);\n\n const currMinutesInitialState = startEndtimeAPAC[index]?.StartDate ?\n { label: moment(startEndtimeAPAC[index].StartDate).get('minute'), value:moment(startEndtimeAPAC[index].StartDate).get('minute') }\n : { value: \"00\", label: \"Select\" };\n const [currMint, setcurrMint] = useState(currMinutesInitialState);\n \n const [currStartTime, setCurrStartTime] = useState(startEndtimeAPAC[index].StartDate);\n const [currEndTime, setCurrEndTime] = useState(startEndtimeAPAC[index].EndDate);\n\n // handler for changes in hours drop down\n const handleHours = (selection) => {\n setcurrHour(selection);\n const newStartTime = moment(CurrDate).set({ hour: selection.value, minute: currMint.value });\n setCurrStartTime(`${moment(newStartTime).format(\"DD-MMM-yyyy HH:mm:ss\")}`);\n if (currEndTime) {\n const result = Math.round(dayTotal * 100) / 100;\n // console.log(\"result \", result);\n // console.log(\"dayTotal \", dayTotal);\n const d1 = result.toFixed(2).split(\".\", 2);\n // console.log(\"d1 \", d1);\n const hr = (parseFloat(selection.value) + parseFloat(d1[0]));\n // console.log(\"hr \", hr);\n let mi = 0;\n const breakhrs = 30;\n if (parseFloat(dayTotal) >= 4.5) {\n mi = ((parseFloat(currMint.value) + parseFloat(breakhrs) + (parseFloat(d1[1]) * 60) / 100));\n }\n else {\n mi = ((parseFloat(currMint.value) + (parseFloat(d1[1]) * 60) / 100));\n }\n const m = moment(CurrDate).set({hour: hr, minute: mi});\n setCurrEndTime(m); \n }\n \n }\n\n // handler for changes in minutes drop down\n const handleMints = (selection) => {\n setcurrMint(selection);\n setCurrStartTime(`${moment(modalState.CurrDate).format(\"DD-MMM-yyyy\")} ${currHour.value}:${selection.value}`);\n if (currEndTime) {\n const result = Math.round(dayTotal * 100) / 100;\n const d1 = result.toFixed(2).split(\".\", 2);\n const hr = (parseFloat(currHour.value) + parseFloat(d1[0]));\n let mi = 0;\n const breakhrs = 30;\n if (parseFloat(dayTotal) >= 4.5) {\n mi = ((parseFloat(selection.value) + parseFloat(breakhrs) + (parseFloat(d1[1]) * 60) / 100));\n }\n else {\n mi = ((parseFloat(selection.value) + (parseFloat(d1[1]) * 60) / 100));\n }\n const m = moment(CurrDate).set({hour: hr, minute: mi}); // .format('dd-MMM-YYYY HH:mm:ss ZZ');\n setCurrEndTime(m); \n }\n }\n\n // start time modal changes save handler\n const saveStartTime = () => {\n // console.log(currHour)\n // console.log(currMint)\n // console.log(currStartTime)\n tblTimings(currStartTime);\n const payload = startEndtimeAPAC.map((item, idx) => {\n const newItem = JSON.parse(JSON.stringify(item));\n if (idx === index) {\n // if(item.StartDate)\n newItem.StartDate = currStartTime;\n // else\n // newItem.StartDate = \n }\n else {\n newItem.StartDate = item.StartDate ? moment(item.StartDate).format(\"DD-MMM-yyyy HH:mm:ss\") : item.StartDate;\n }\n console.log(\"item \", item);\n console.log(\"newItem \", newItem);\n return newItem;\n });\n console.log(\"payload \", payload);\n dispatch({ type: TS_WEEKLY_START_TIME_DATA, payload });\n closeAPACModal();\n }\n\n return (\n \n \n \n Select Start Time\n\t\t\t\t \n \n \n \n \n \n \n Save & Close\n\t\t\t\t\n \n \n );\n}\n\nexport default ApacUserModal;","import React, {useState, useEffect, useMemo, useRef} from \"react\";\nimport Modal from \"react-bootstrap/Modal\";\nimport Button from \"react-bootstrap/Button\";\nimport Table from \"components/common/Table/Table\";\nimport { toast } from \"react-toastify\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {TS_WEEKLY_TABLE_DATA} from \"reducers/constants\";\n\nconst DayWisePayCodeMdl = ({ modalState, closeDayModal, tblData, geoCode }) => {\n\n const regularRef = useRef();\n const otRef = useRef();\n const payRef = useRef();\n const excessRef = useRef();\n\n const tsWeeklyTableData= useSelector(state => {\n return JSON.parse(JSON.stringify(state.tsWeeklyTable.tsWeeklyTableData))\n });\n\n const dispatch = useDispatch();\n\n const [payCodeData, setPayCodeData] = useState({\n regularTs: 0,\n overtime: 0,\n payrate: 0,\n Excess: 0\n });\n\n const [tableFields, setTableFields] = useState([]);\n\n const [remarkData, setRemarkData] = useState();\n\n useEffect(() => {\n setTableFields(tblData)\n },[tblData])\n\n useEffect(() => {\n if(modalState.headerString.split(\" \")[1] === \"Mon\") {\n if(modalState.data.MonPayCode != \"\" && modalState.data.MonPayCode != null) {\n const strPayTime = modalState.data.MonPayCode.split(',');\n let regular;\n if(strPayTime[0] === \"0\" && modalState.data.Mon === null) {\n regular = Number.parseFloat(0)\n } else if(strPayTime[0] === \"0\") {\n regular = modalState.data.Mon\n } else {\n regular = Number.parseFloat(strPayTime[0])\n }\n setPayCodeData({\n regularTs: regular ,\n overtime: Number.parseFloat(strPayTime[1]),\n payrate: Number.parseFloat(strPayTime[2]),\n Excess: Number.parseFloat(strPayTime[3])\n });\n setRemarkData(modalState.data.MonRemarks)\n }\n } else if(modalState.headerString.split(\" \")[1] === \"Tue\") {\n if(modalState.data.TuePayCode != \"\" && modalState.data.TuePayCode != null) {\n const strPayTime = modalState.data.TuePayCode.split(',');\n let regular;\n if(strPayTime[0] === \"0\" && modalState.data.Tue === null) {\n regular = Number.parseFloat(0)\n } else if(strPayTime[0] === \"0\") {\n regular = modalState.data.Tue\n } else {\n regular = Number.parseFloat(strPayTime[0])\n }\n setPayCodeData({\n regularTs: regular ,\n overtime: Number.parseFloat(strPayTime[1]),\n payrate: Number.parseFloat(strPayTime[2]),\n Excess: Number.parseFloat(strPayTime[3])\n });\n setRemarkData(modalState.data.TueRemarks)\n }\n } else if(modalState.headerString.split(\" \")[1] === \"Wed\") {\n if(modalState.data.WedPayCode != \"\" && modalState.data.WedPayCode != null) {\n const strPayTime = modalState.data.WedPayCode.split(',');\n let regular;\n if(strPayTime[0] === \"0\" && modalState.data.Wed === null) {\n regular = Number.parseFloat(0)\n } else if(strPayTime[0] === \"0\") {\n regular = modalState.data.Wed\n } else {\n regular = Number.parseFloat(strPayTime[0])\n }\n setPayCodeData({\n regularTs: regular ,\n overtime: Number.parseFloat(strPayTime[1]),\n payrate: Number.parseFloat(strPayTime[2]),\n Excess: Number.parseFloat(strPayTime[3])\n });\n setRemarkData(modalState.data.WedRemarks)\n }\n } else if(modalState.headerString.split(\" \")[1] === \"Thu\") {\n if(modalState.data.ThuPayCode != \"\" && modalState.data.ThuPayCode != null) {\n const strPayTime = modalState.data.ThuPayCode.split(',');\n let regular;\n if(strPayTime[0] === \"0\" && modalState.data.Thu === null) {\n regular = Number.parseFloat(0)\n } else if(strPayTime[0] === \"0\") {\n regular = modalState.data.Thu\n } else {\n regular = Number.parseFloat(strPayTime[0])\n }\n setPayCodeData({\n regularTs: regular,\n overtime: Number.parseFloat(strPayTime[1]),\n payrate: Number.parseFloat(strPayTime[2]),\n Excess: Number.parseFloat(strPayTime[3])\n });\n setRemarkData(modalState.data.ThuRemarks)\n }\n } else if(modalState.headerString.split(\" \")[1] === \"Fri\") {\n if(modalState.data.FriPayCode != \"\" && modalState.data.FriPayCode != null) {\n const strPayTime = modalState.data.FriPayCode.split(',');\n let regular;\n if(strPayTime[0] === \"0\" && modalState.data.Fri === null) {\n regular = Number.parseFloat(0)\n } else if(strPayTime[0] === \"0\") {\n regular = modalState.data.Fri\n } else {\n regular = Number.parseFloat(strPayTime[0])\n }\n setPayCodeData({\n regularTs: regular,\n overtime: Number.parseFloat(strPayTime[1]),\n payrate: Number.parseFloat(strPayTime[2]),\n Excess: Number.parseFloat(strPayTime[3])\n });\n setRemarkData(modalState.data.FriRemarks)\n }\n } else if(modalState.headerString.split(\" \")[1] === \"Sat\") {\n if(modalState.data.SatPayCode != \"\" && modalState.data.SatPayCode != null) {\n const strPayTime = modalState.data.SatPayCode.split(',');\n let regular;\n if(strPayTime[0] === \"0\" && modalState.data.Sat === null) {\n regular = Number.parseFloat(0)\n } else if(strPayTime[0] === \"0\") {\n regular = modalState.data.Sat\n } else {\n regular = Number.parseFloat(strPayTime[0])\n }\n setPayCodeData({\n regularTs: regular,\n overtime: Number.parseFloat(strPayTime[1]),\n payrate: Number.parseFloat(strPayTime[2]),\n Excess: Number.parseFloat(strPayTime[3])\n });\n setRemarkData(modalState.data.SatRemarks)\n }\n } else if(modalState.headerString.split(\" \")[1] === \"Sun\") {\n if(modalState.data.SunPayCode != \"\" && modalState.data.SunPayCode != null) {\n const strPayTime = modalState.data.SunPayCode.split(',');\n let regular;\n if(strPayTime[0] === \"0\" && modalState.data.Sun === null) {\n regular = Number.parseFloat(0)\n } else if(strPayTime[0] === \"0\") {\n regular = modalState.data.Sun\n } else {\n regular = Number.parseFloat(strPayTime[0])\n }\n setPayCodeData({\n regularTs: regular,\n overtime: Number.parseFloat(strPayTime[1]),\n payrate: Number.parseFloat(strPayTime[2]),\n Excess: Number.parseFloat(strPayTime[3])\n });\n setRemarkData(modalState.data.SunRemarks)\n }\n }\n }, [modalState.headerString, modalState.data]);\n\n const columns = useMemo(() => (\n [\n {\n Header: \"Pay Code\",\n accessor: \"PayCodeDesc\",\n },\n {\n Header: \"Time Spent\",\n Cell: ({row: {original}}) => {\n const [payCodevalues, setPayCode] = useState({\n regularTs: payCodeData.regularTs,\n overtime: payCodeData.overtime,\n payrate: payCodeData.payrate,\n Excess: payCodeData.Excess\n })\n\n const handlePayCodeChange = (e) => {\n\n setPayCode((prevState) => {\n return {\n ...prevState, [e.target.name]: e.target.value\n }\n })\n }\n\n const handleregularTsPayCodeOnBlur = (e) => { \n\n if(!payCodevalues.regularTs) {\n setPayCode({...payCodevalues, [e.target.name]: 0})\n }\n\n if(payCodevalues.regularTs >= 17)\n {\n toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n setPayCode({...payCodevalues, [e.target.name]: payCodeData.regularTs})\n }\n }\n\n const handleovertimePayCodeOnBlur = (e) => {\n\n if(!payCodevalues.overtime) {\n setPayCode({...payCodevalues, [e.target.name]: 0})\n }\n\n if(payCodevalues.overtime >= 17)\n {\n toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n setPayCode({...payCodevalues, [e.target.name]: payCodeData.overtime})\n }\n }\n const handlepayratePayCodeOnBlur = (e) => {\n\n if(!payCodevalues.payrate) {\n setPayCode({...payCodevalues, [e.target.name]: 0})\n }\n\n if(payCodevalues.payrate>=17)\n {\n toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n setPayCode({...payCodevalues, [e.target.name]: payCodeData.payrate})\n }\n }\n const handleExcessPayCodeOnBlur = (e) => {\n\n if(!payCodevalues.Excess) {\n setPayCode({...payCodevalues, [e.target.name]: 0})\n }\n\n if(payCodevalues.Excess>=17)\n {\n toast.warning(\"Total day value should be in between 0.0-17.0 Timespent\");\n setPayCode({...payCodevalues, [e.target.name]: payCodeData.Excess})\n }\n }\n\n return (\n <>\n {original.PayCode === 101 &&\n \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{modalState.headerString} -- Remarks\n\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t\t handleChange(e)}\n\t\t\t\t\t\t>\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\t\t\t updateRemarks()}\n\t\t\t\t>\n\t\t\t\t\tSave & Close\n\t\t\t\t\n\t\t\t \n\t\t\n \n )\n};\n\nexport default DayWisePayCodeMdl;","import React, { useMemo, useState, useEffect } from \"react\";\nimport Table from \"components/common/Table/Table\";\nimport clockBlueIcon from \"assets/images/clock-fill-blue-icon.svg\";\nimport clockGreyIcon from \"assets/images/clock-fill-grey-icon.svg\";\nimport clockWhiteIcon from \"assets/images/clock-fill-white-icon.svg\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport Select from \"react-select\";\nimport * as moment from \"moment\";\nimport { toast } from \"react-toastify\";\nimport {\n\tSaveTsWeeklyData,\n\t// getAbsentData,\n\tgetPayCodeData,\n} from \"components/actions/timesheetWeekly\";\n// import { v4 as uuidv4 } from \"uuid\"; \nimport {TS_WEEKLY_TABLE_DATA} from \"reducers/constants\";\n// import Select from \"react-select\";\n// import DayWiseModal from \"./dayWiseModel\";\nimport HeaderModal from \"./headerModal\";\nimport ApacUserModal from \"./apacModel\";\nimport DayWisePayCodeMdl from \"./DayWisePayCodeMdl\";\n\nconst dayDetails = {\n \"Mon\": [\"MO\", 6],\n \"Tue\": [\"TU\", 5],\n \"Wed\": [\"WE\", 4],\n \"Thu\": [\"TH\", 3],\n \"Fri\": [\"FR\", 2],\n \"Sat\": [\"SA\", 1],\n \"Sun\": [\"SU\", 0]\n}\n\nconst daysOfWeek = [\n\t\"Mon\",\n\t\"Tue\",\n\t\"Wed\",\n\t\"Thu\",\n\t\"Fri\",\n\t\"Sat\",\n\t\"Sun\",\n];\n\n/* eslint-disable */\nconst TsWeeklyTable = ({\n\tdata,\n\tholidaysData,\n\tleavesData,\n\tweekdate,\n\tseldShift,\n\tgridData,\n\tgetCalendarWeeklyDetails,\n\tgeoCode\n}) => {\n\n\tconst SelectedDate = weekdate;\n\t// const lockDate = initialData.lockDate;\n\t// let payLockDate = initialData.payLockDate;\n\tconst [tableData, setTableData] = useState([]);\n\n\tconst { daycap, weekcap, dayCapByFlexEntryMtoS } = gridData;\n\n\t// console.log(\"daycap \", daycap);\n\t// console.log(\"weekcap \", weekcap);\n\t// console.log(\"leavesData \", leavesData);\n\n\tconst [loaderActivity, setLoaderActivity] = useState(false);\n\tconst ascId = useSelector(\n\t\t(state) => state.user.userProjDetails?.associateId,\n\t);\n\tconst [payCodeData, setPayCodeData] = useState([]);\n\t// const [geoCode, setGeoCode] = useState(null);\n\tconst [currStartEndTime, setcurrStartEndTime] = useState(null);\n\n\tconst tsWeeklyTableData= useSelector(state => {\n return JSON.parse(JSON.stringify(state.tsWeeklyTable.tsWeeklyTableData))\n\t});\n\n\tconsole.log(\"ts weekly data from redux \", tsWeeklyTableData);\n\n\t // retrieves stratEndTimeAPAC received from API and stored in redux\n\t const startEndtimeAPAC = useSelector(state => state.tsWeeklyTable.startEndtimeAPAC);\n\t\n\tconst CompCode = useSelector(state => state.user.userProjDetails.currentProject?.Org_code);\n\n\tconst dispatch = useDispatch();\n\n\t// table Status column select options\n\tconst StatusList = [\n\t\t{ Abs_Type_ID: \"Select\", Abs_type_desc: \"\" },\n\t\t{ Abs_Type_ID: \"Completed\", Abs_type_desc: \"C\" },\n\t\t{ Abs_Type_ID: \"In Progress\", Abs_type_desc: \"I\" },\n\t\t{ Abs_Type_ID: \"Rejected\", Abs_type_desc: \"R\" },\n\t];\n\n\tconst [dayWiseModal, setDayWiseModal] = useState({\n\t\tshow: false,\n\t\tdata: null,\n\t\theaderString: null,\n\t});\n\tconst [apacWiseModal, setAPACWiseModal] = useState({\n\t\tshow: false,\n\t\tdata: null,\n\t\theaderString: null,\n\t});\n\tconst [headerTableModal, setHeaderTableModal] = useState({\n\t\tshow: false,\n\t\tdata: null,\n\t});\n\n\tuseEffect(() => {\n\t\tsetTableData(JSON.parse(JSON.stringify(data)));\n\t},[data]);\n\n\tconst toggleDayWiseModals = (row, DayString) => {\n\t\tsetDayWiseModal({\n\t\t\tshow: !dayWiseModal.show,\n\t\t\tdata: row.original,\n\t\t\theaderString: DayString,\n\t\t});\n\t};\n\n\tconst toggleAPACWiseModals = (DayString, CurrDate, index, day, dayTotal, disableHoursDd) => {\n\t\tsetAPACWiseModal({\n\t\t\tshow: !apacWiseModal.show,\n\t\t\theaderString: DayString,\n\t\t\tCurrDate: CurrDate,\n\t\t\tindex,\n\t\t\tday,\n\t\t\tdayTotal,\n\t\t\tdisableHoursDd\n\t\t});\n\t};\n\n\tconst closeDayWiseModal = () => {\n\t\tsetDayWiseModal((show) => !show);\n\t};\n\n\tconst closeAPACWiseModal = () => {\n\t\tsetAPACWiseModal((show) => !show);\n\t\tdata.map((item) => {\n\t\t\titem.StarttimeMon =\n\t\t\t\tapacWiseModal.headerString == \"MO\"\n\t\t\t\t\t? currStartEndTime\n\t\t\t\t\t: item.StarttimeMon;\n\t\t\titem.StarttimeTue =\n\t\t\t\tapacWiseModal.headerString == \"TU\"\n\t\t\t\t\t? currStartEndTime\n\t\t\t\t\t: item.StarttimeTue;\n\t\t\titem.StarttimeWed =\n\t\t\t\tapacWiseModal.headerString == \"WE\"\n\t\t\t\t\t? currStartEndTime\n\t\t\t\t\t: item.StarttimeWed;\n\t\t\titem.StarttimeThu =\n\t\t\t\tapacWiseModal.headerString == \"TH\"\n\t\t\t\t\t? currStartEndTime\n\t\t\t\t\t: item.StarttimeThu;\n\t\t\titem.StarttimeFri =\n\t\t\t\tapacWiseModal.headerString == \"FR\"\n\t\t\t\t\t? currStartEndTime\n\t\t\t\t\t: item.StarttimeFri;\n\t\t\titem.StarttimeSat =\n\t\t\t\tapacWiseModal.headerString == \"SAT\"\n\t\t\t\t\t? currStartEndTime\n\t\t\t\t\t: item.StarttimeSat;\n\t\t\titem.StarttimeSun =\n\t\t\t\tapacWiseModal.headerString == \"SUN\"\n\t\t\t\t\t? currStartEndTime\n\t\t\t\t\t: item.StarttimeSun;\n\t\t});\n\t};\n\n\tconst toggleHeaderModals = (col) => {\n\t\tsetHeaderTableModal({\n\t\t\tshow: !headerTableModal.show,\n\t\t\tdata: col,\n\t\t});\n\t};\n\n\tconst closeHeaderModal = () => {\n\t\tsetHeaderTableModal((show) => !show);\n\t};\n\n\tconst findDayDates = (Day) => {\n\t\tvar currentDate = new Date(SelectedDate);\n\t\tvar firstday = new Date(\n\t\t\tcurrentDate.setDate(currentDate.getDate() - Day),\n\t\t);\n\t\treturn firstday;\n\t};\n\n\tuseEffect(() => {\n\t\tgetPayCodeDetails();\n\t}, []);\n\n\tconst getPayCodeDetails = () => {\n\t\t// get paycode Data\n\t\tgetPayCodeData()\n\t\t\t.then(\n\t\t\t\t(res) => {\n\t\t\t\t\tif (res.success && res.statusCode === 200) {\n\t\t\t\t\t\tsetPayCodeData(res.data.payType);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t(err) => {\n\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\"Error in retrieving the getPayCodeDetails \",\n\t\t\t\t\t\terr,\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t)\n\t\t\t.catch((err) => {\n\t\t\t\tconsole.error(\n\t\t\t\t\t\"Error in retrieving the getPayCodeDetails \",\n\t\t\t\t\terr,\n\t\t\t\t);\n\t\t\t});\n\t\t// end get paycode Data\n\t};\n\n\tconst getWeekDays = (wkNo, wkName) => {\n var currentDate = new Date(weekdate);\n var firstday = new Date(\n currentDate.setDate(currentDate.getDate() - wkNo),\n );\n var getWkDate = `${firstday.getDate()}`.padStart(2, \"0\");\n var finalDayString =\n ` ` + wkName + ` (${getWkDate})`;\n return finalDayString;\n };\n\n\tconst deepCompare = (arg1, arg2) => {\n if (Object.prototype.toString.call(arg1) === Object.prototype.toString.call(arg2)){\n if (Object.prototype.toString.call(arg1) === '[object Object]' || Object.prototype.toString.call(arg1) === '[object Array]' ){\n if (Object.keys(arg1).length !== Object.keys(arg2).length ){\n return false;\n }\n return (Object.keys(arg1).every(function(key){\n return deepCompare(arg1[key],arg2[key]);\n }));\n }\n return (arg1===arg2);\n }\n return false;\n\t}\n\t\n\tconst saveTsDetails = () => {\n\t\tsetLoaderActivity(true);\n\t\tif (deepCompare(tableData, tsWeeklyTableData)) {\n\t\t\tsetLoaderActivity(false);\n\t\t\ttoast.warn(\"Please modify hours or remarks to update Shift across the week\");\n\t\t}\n\t\telse {\n\t\t\tif (seldShift.value === \"\") {\n\t\t\t\ttoast.warning(\"Please select shift\");\n\t\t\t\tsetLoaderActivity(false);\n\t\t\t} else {\n\t\t\t\tlet WeeklyList = [];\n\t\t\t\t// const tbDataCopy = JSON.parse(JSON.stringify(tableData));\n\t\t\t\t// console.log(\"Table dataCopy\", tbDataCopy);\n\t\n\t\t\t\ttsWeeklyTableData.map((item) => {\n\t\t\t\t\tconst wkObj = {\n\t\t\t\t\t\tProcessId: item.ProcessId ? item.ProcessId.toString() : \"\",\n\t\t\t\t\t\tActivityId: item.ActivityId\n\t\t\t\t\t\t\t? item.ActivityId.toString()\n\t\t\t\t\t\t\t: \"\",\n\t\t\t\t\t\tProjectCode: item.ProjectCode\n\t\t\t\t\t\t\t? item.ProjectCode.toString()\n\t\t\t\t\t\t\t: \"\",\n\t\t\t\t\t\tUopId: item.UopId ? item.UopId?.toString() : \"\",\n\t\t\t\t\t\tMon: item.Mon ? item.Mon.toString() : \"0\",\n\t\t\t\t\t\tTue: item.Tue ? item.Tue.toString() : \"0\",\n\t\t\t\t\t\tWed: item.Wed ? item.Wed.toString() : \"0\",\n\t\t\t\t\t\tThu: item.Thu ? item.Thu.toString() : \"0\",\n\t\t\t\t\t\tFri: item.Fri ? item.Fri.toString() : \"0\",\n\t\t\t\t\t\tSat: item.Sat ? item.Sat.toString() : \"0\",\n\t\t\t\t\t\tSun: item.Sun ? item.Sun.toString() : \"0\",\n\t\t\t\t\t\tMonRemarks: item.MonRemarks ? item.MonRemarks : \"\",\n\t\t\t\t\t\tTueRemarks: item.TueRemarks ? item.TueRemarks : \"\",\n\t\t\t\t\t\tWedRemarks: item.WedRemarks ? item.WedRemarks : \"\",\n\t\t\t\t\t\tThuRemarks: item.ThuRemarks ? item.ThuRemarks : \"\",\n\t\t\t\t\t\tFriRemarks: item.FriRemarks ? item.FriRemarks : \"\",\n\t\t\t\t\t\tSatRemarks: item.SatRemarks ? item.SatRemarks : \"\",\n\t\t\t\t\t\tSunRemarks: item.SunRemarks ? item.SunRemarks : \"\",\n\t\t\t\t\t\tStatusDdl: \"\",\n\t\t\t\t\t\tAccessField: true,\n\t\t\t\t\t\tStatus: \"\",\n\t\t\t\t\t\tWorkAllotmentId: item.WorkAllotmentId\n\t\t\t\t\t\t\t? item.WorkAllotmentId\n\t\t\t\t\t\t\t: \"\",\n\t\t\t\t\t\tWbsPlanning: item.WbsPlanning ? item.WbsPlanning : \"\",\n\t\t\t\t\t\tMonPayTS: item.MonPayTS ? item.MonPayTS : \"\",\n\t\t\t\t\t\tTuePayTS: item.TuePayTS ? item.TuePayTS : \"\",\n\t\t\t\t\t\tWedPayTS: item.WedPayTS ? item.WedPayTS : \"\",\n\t\t\t\t\t\tThuPayTS: item.ThuPayTS ? item.ThuPayTS : \"\",\n\t\t\t\t\t\tFriPayTS: item.FriPayTS ? item.FriPayTS : \"\",\n\t\t\t\t\t\tSatPayTS: item.SatPayTS ? item.SatPayTS : \"\",\n\t\t\t\t\t\tSunPayTS: item.SunPayTS ? item.SunPayTS : \"\",\n\t\t\t\t\t\tMonPayCode: item.MonPayTS\n\t\t\t\t\t\t\t? \"101, 102, 103, 104\"\n\t\t\t\t\t\t\t: \"0,0,0,0\",\n\t\t\t\t\t\tTuePayCode: item.TuePayTS\n\t\t\t\t\t\t\t? \"101, 102, 103, 104\"\n\t\t\t\t\t\t\t: \"0,0,0,0\",\n\t\t\t\t\t\tWedPayCode: item.WedPayTS\n\t\t\t\t\t\t\t? \"101, 102, 103, 104\"\n\t\t\t\t\t\t\t: \"0,0,0,0\",\n\t\t\t\t\t\tThuPayCode: item.ThuPayTS\n\t\t\t\t\t\t\t? \"101, 102, 103, 104\"\n\t\t\t\t\t\t\t: \"0,0,0,0\",\n\t\t\t\t\t\tFriPayCode: item.FriPayTS\n\t\t\t\t\t\t\t? \"101, 102, 103, 104\"\n\t\t\t\t\t\t\t: \"0,0,0,0\",\n\t\t\t\t\t\tSatPayCode: item.SatPayTS\n\t\t\t\t\t\t\t? \"101, 102, 103, 104\"\n\t\t\t\t\t\t\t: \"0,0,0,0\",\n\t\t\t\t\t\tSunPayCode: item.SunPayTS\n\t\t\t\t\t\t\t? \"101, 102, 103, 104\"\n\t\t\t\t\t\t\t: \"0,0,0,0\",\n\t\t\t\t\t\tStarttimeMon: startEndtimeAPAC[0]?.StartDate,\n\t\t\t\t\t\tStarttimeTue: startEndtimeAPAC[1]?.StartDate,\n\t\t\t\t\t\tStarttimeWed: startEndtimeAPAC[2]?.StartDate,\n\t\t\t\t\t\tStarttimeThu: startEndtimeAPAC[3]?.StartDate,\n\t\t\t\t\t\tStarttimeFri: startEndtimeAPAC[4]?.StartDate,\n\t\t\t\t\t\tStarttimeSat: startEndtimeAPAC[5]?.StartDate,\n\t\t\t\t\t\tStarttimeSun: startEndtimeAPAC[6]?.StartDate,\n\t\t\t\t\t\tMonEnabled: true,\n\t\t\t\t\t\tTueEnabled: true,\n\t\t\t\t\t\tWedEnabled: true,\n\t\t\t\t\t\tThuEnabled: true,\n\t\t\t\t\t\tFriEnabled: true,\n\t\t\t\t\t\tSatEnabled: true,\n\t\t\t\t\t\tSunEnabled: true,\n\t\t\t\t\t\tAssignmentUid: item.AssignmentUID ? item.AssignmentUID : \"\",\n\t\t\t\t\t};\n\t\t\t\t\tWeeklyList.push(wkObj);\n\t\t\t\t});\n\t\n\t\t\t\tconst currDate = new Date();\n\t\t\t\tconst timeSheetObj = {\n\t\t\t\t\tAssociateId: ascId,\n\t\t\t\t\tDateSelected: moment(SelectedDate).format(\"yyyy-MM-DD\"),\n\t\t\t\t\tShift: seldShift.value.toString(),\n\t\t\t\t\tApacUser: geoCode,\n\t\t\t\t\tClientSystemDate: moment(currDate).format(\"yyyy-MM-DD\"),\n\t\t\t\t\tWeeklyList: WeeklyList,\n\t\t\t\t};\n\t\t\t\t// save tsWeekly\n\t\t\t\tSaveTsWeeklyData(timeSheetObj)\n\t\t\t\t\t.then(\n\t\t\t\t\t\t(res) => {\n\t\t\t\t\t\t\tif (res.success && res.statusCode === 200) {\n\t\t\t\t\t\t\t\tsetLoaderActivity(false);\n\t\t\t\t\t\t\t\tgetCalendarWeeklyDetails(new Date(weekdate))\n\t\t\t\t\t\t\t\ttoast.success(\"Saved Successfully\");\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\t(err) => {\n\t\t\t\t\t\t\tsetLoaderActivity(false);\n\t\t\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\t\t\"Error in retrieving the SaveTsWeeklyData \",\n\t\t\t\t\t\t\t\terr,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t},\n\t\t\t\t\t)\n\t\t\t\t\t.catch((err) => {\n\t\t\t\t\t\tsetLoaderActivity(false);\n\t\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\t\"Error in retrieving the SaveTsWeeklyData \",\n\t\t\t\t\t\t\terr,\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\t\n\t\t// end save tsWeekly\n\t};\n\n\tconst isNanOrIsNull = (Value) => {\n\t\tif (isNaN(Value) || Value === null || Value === \"\") {\n\t\t\treturn 0;\n\t\t}\n\t\treturn Value;\n\t};\n\n\tconst HeaderCell = (props) => {\n\t\t\n\t\tconst { column, data } = props;\n\n\t\tconst disableStartTimeButton = useMemo(() => {\n\t\t\t// column.id give the day of the column like \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"\n\t\t\t// disable the start time icon/button on the header,\n\t\t\t// run the loop on data array and keep refreshing the disabled state based on the disabled states of text inputs for that day are disabled\n\t\t\t// i.e., if column.id is \"Sun\", look for \"sunInputDisable\" in each of the rows.\n\t\t\tlet disabled = true;\n\t\t\tdata.map((row) => {\n\t\t\t\tif (!row[`${column.id.toLowerCase()}InputDisable`])\n\t\t\t\t\tdisabled = false;\n\t\t\t })\n\t\t\treturn disabled;\n\t\t}, []);\n\n\t\t// calculate total hours for the day(table footer value for the day) from table data\n\t\tconst getColumnTotal = (day) => {\n\t\t\t// loop through the row, sum the hours of the day, for all rows except the row with ActivityName as Total\n\t\t\tlet dayTotal = 0;\n\t\t\tdata.forEach(row => {\n\t\t\t\tif (data.ActivityName !== \"Total\")\n\t\t\t\t\tdayTotal += row[day];\n\t\t\t});\n\t\t\treturn dayTotal;\n\t\t}\n\n\t\t// method to disable hours handler\n\t\tconst isHoursDdlDisabled = () => {\n\t\t\t// 1. get the day(example Mon)\n\t\t\t// 2. if any of the row has MonApprovedHrs greater than zero\n\t\t\t// 3. disable the drop down by returning true\n\t\t\tlet disableHours = false;\n\t\t\tdisableHours = data.some(row => {\n\t\t\t\treturn row[`${column.id}ApprovedHrs`] > 0\n\t\t\t});\n\t\t\treturn disableHours;\n\t\t}\n\t\t\n return (\n \n
\n {geoCode.toUpperCase() == \"APAC\" && (\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\ttoggleAPACWiseModals(\n\t\t\t\t\t\t\t\t\t\t\tdayDetails[column.id][0], // \"MO\"\n\t\t\t\t\t\t\t\t\t\t\t`${findDayDates(dayDetails[column.id][1])}`, // 6\n\t\t\t\t\t\t\t\t\t\t\tdaysOfWeek.indexOf(column.id), // this index is needed in the startTimeModal for picking the data\n\t\t\t\t\t\t\t\t\t\t\tcolumn.id, // this is the day like \"Mon\", \"Sun\"... need in the modal to calculate the day total that is seen in the footer\n\t\t\t\t\t\t\t\t\t\t\tgetColumnTotal(column.id),\n\t\t\t\t\t\t\t\t\t\t\tisHoursDdlDisabled(),\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t \n
\n\t\t\t\t\t\t\t
onInputChange(e)}\n\t\t\t\t\t\t\t\t// onBlur={(e)=>handleMonBlur(e)}\n\t\t\t\t\t\t\t\tonBlur={e => {\n\t\t\t\t\t\t\t\t\t\tcheckSeventeenhours(monCellData, \"Mon\", row.id);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={row.original.monInputDisable || row.original.rowDisable}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n toggleDayWiseModals(\n row,\n getWeekDays(dayDetails[column.id][1], column.id)\n )\n }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
onInputChange(e)}\n\t\t\t\t\t\t\t\t// onBlur={(e)=>handleTueBlur(e)}\n\t\t\t\t\t\t\t\tonBlur={() => checkSeventeenhours(tueCellData, \"Tue\", row.id)}\n\t\t\t\t\t\t\t\tdisabled={row.original.tueInputDisable || row.original.rowDisable}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n toggleDayWiseModals(\n\n row,\n\n getWeekDays(dayDetails[column.id][1], column.id)\n\n )\n\n }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
onInputChange(e)}\n\t\t\t\t\t\t\t\t// onBlur={(e)=>handleWedBlur(e)}\n\t\t\t\t\t\t\t\tonBlur={() => checkSeventeenhours(wedValue, \"Wed\", row.id)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n toggleDayWiseModals(\n row,\n getWeekDays(dayDetails[column.id][1], column.id)\n )\n }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
onInputChange(e)}\n\t\t\t\t\t\t\t\t// onBlur={(e)=>handleThuBlur(e)}\n\t\t\t\t\t\t\t\tonBlur={() => checkSeventeenhours(thuValue, \"Thu\", row.id)}\n\t\t\t\t\t\t\t\tdisabled={row.original.thuInputDisable || row.original.rowDisable}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n toggleDayWiseModals(\n row,\n getWeekDays(dayDetails[column.id][1], column.id)\n )\n\n }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
onInputChange(e)}\n\t\t\t\t\t\t\t\t// onBlur={(e)=>handleFriBlur(e)}\n\t\t\t\t\t\t\t\tonBlur={() => checkSeventeenhours(friValue, \"Fri\", row.id)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n toggleDayWiseModals(\n\n row,\n\n getWeekDays(dayDetails[column.id][1], column.id)\n\n )\n\n }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
onInputChange(e)}\n\t\t\t\t\t\t\t\t// onBlur={(e)=>handleSatBlur(e)}\n\t\t\t\t\t\t\t\tonBlur={() => checkSeventeenhours(satValue, \"Sat\", row.id)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n toggleDayWiseModals(\n row,\n getWeekDays(dayDetails[column.id][1], column.id)\n )\n }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
onInputChange(e)}\n\t\t\t\t\t\t\t\t// onBlur={(e)=>handleSunBlur(e)}\n\t\t\t\t\t\t\t\tonBlur={() => checkSeventeenhours(sunValue, \"Sun\", row.id)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n toggleDayWiseModals(\n\n row,\n\n getWeekDays(dayDetails[column.id][1], column.id)\n\n )\n\n }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t {Number.parseFloat(total).toFixed(2)} ;\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: \"Status\",\n\t\t\t\tCell: ({ row }) => {\n\t\t\t\t\tconst [currAbsStatus, setCurrAbsStatus] = useState({\n\t\t\t\t\t\tvalue: \"\",\n\t\t\t\t\t\tlabel: \"\",\n\t\t\t\t\t});\n\n\t\t\t\t\tuseEffect(() => {\n\t\t\t\t\t\trow.original.statusDdlList.map((optn) => {\n\t\t\t\t\t\t\tif (optn.Abs_Type_ID === row.original?.Status) {\n\t\t\t\t\t\t\t\tsetCurrAbsStatus({\n\t\t\t\t\t\t\t\t\tvalue: optn.Abs_Type_ID,\n\t\t\t\t\t\t\t\t\tlabel: optn.Abs_type_desc,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}, []);\n\n\t\t\t\t\tconst handleAbsStatus = (selection) => {\n\t\t\t\t\t\tsetCurrAbsStatus(selection);\n\t\t\t\t\t};\n\n\t\t\t\t\tif (row.original.ddlStatusVisible){\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t ({\n\t\t\t\t\t\t\t\t\t\tvalue: pr.Abs_Type_ID,\n\t\t\t\t\t\t\t\t\t\tlabel: pr.Abs_type_desc,\n\t\t\t\t\t\t\t\t\t}))}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\treturn null;\n\t\t\t\t\t\n\t\t\t\t},\n\t\t\t\tdisableSortBy: true,\n\t\t\t},\n\t\t],\n\t\t[SelectedDate],\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{loaderActivity ? (\n\t\t\t\t\n\t\t\t\t\tLoading…\n\t\t\t\t
\n\t\t\t) : (\n\t\t\t\t\"\"\n\t\t\t)}\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tSave\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t{loaderActivity ? (\n\t\t\t\t\t\n\t\t\t\t\t\tLoading…\n\t\t\t\t\t\n\t\t\t\t) : (\n\t\t\t\t\t\"\"\n\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t
Timesheet \n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tSelect Date\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tGO\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t */}\n\t\t\t\t\t\t{goClickData.bindGrid?.timesheetsEdgeViewJobs.length > 0 ? (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
No Records Found. \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{/* ) : (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\tNo Data Found!\n\t\t\t\t\t\t\t\t\t \n\t\t\n\t);\n};\nexport default TimeSheetWeekly;\n","import React, { useState } from \"react\";\nimport Calendar from 'react-calendar';\n\nconst ApacEmeaTsCalendar = () => {\n\n const disableDays = [2, 3, 4, 16, 17, 18]\n\n const resetDays = [31, 1, 2, 3, 4, 7, 8, 9, 10, 11, 21, 22, 23]\n\n const presentDays = [14, 15, 16, 17, 18, 24, 25, 28, 29, 30]\n\n const [value, setValue] = useState(new Date());\n\n const handleCellContentChange = ({ date, view }) => {\n if (view === 'month') {\n if (resetDays.find(day => date.getDate() === day)) {\n return (\n \n
\n Reset\n \n
present
\n
\n \n Present\n \n \n \n
\n )\n }\n }\n return null\n }\n\n const handleCellDisabled = (({ date }) =>\n disableDays.find(day => date.getDate() === day) ||\n date.getMonth() < new Date().getMonth() ||\n date.getMonth() > new Date().getMonth() ||\n date.getYear() < new Date().getYear() ||\n date.getYear() > new Date().getYear()\n );\n\n return (\n {\n // history.push('details')\n // }}\n tileContent={handleCellContentChange}\n tileDisabled={handleCellDisabled}\n />\n )\n}\nexport default ApacEmeaTsCalendar;","import React from \"react\";\n\nconst ApacEmeaLegend = () => \n \n
Legend
\n 10 Weekly Offs
\n 3 Holidays
\n 2 Halfday Leaves
\n
\n
Timesheet Batch/Flexi \n \n \n \n \n \n \n \n leaf3} />\n \n \n \n \n )\n}\n\nexport default TimeSheetsBatchFlexi\n","import {\n request,\n} from \"utilities/apiHelper\";\nimport { BASEURL } from \"utilities/constants\";\n\nconst BASE_URI = `${BASEURL}/api/`;\n\nexport const pageAccess = () => (\n request({\n url: `${BASE_URI}viewPageAccessRestricted`,\n method: \"GET\",\n })\n);\n\nexport const checkAccess = (winLogin,associateId) => (\n request({\n url: `${BASE_URI}Master/CheckAccess?winLogin=${winLogin}&associateId=${associateId}`,\n method: \"GET\",\n })\n);\n\nexport const getProjectLoad = () => (\n request({\n url: `${BASE_URI}projectLoad`,\n method: \"GET\",\n })\n)\n\nexport const selectDefaultProject = () => (\n request({\n url: `${BASE_URI}defaultProject`,\n method: \"POST\",\n })\n);\nexport const getTimezoneDate = (projectCode) => (\n request({\n url: `${BASE_URI}Master/GetTimezoneDate?projectCode=${projectCode}`,\n method: \"GET\",\n })\n); ","export default __webpack_public_path__ + \"static/media/word-file-icon.b9d953a3.svg\";","import React from 'react';\nimport wordIcon from \"assets/images/word-file-icon.svg\";\nimport Button from \"react-bootstrap/Button\";\n\nconst Word = ({wordData, title, columns}) => { \n const Export2Doc = ( element, filename,e ) => {\n e.preventDefault()\n\n let html = \"\";\n html = ''\n let link=\"\";\n let blob=\"\";\n let url=\"\";\n let css=\"\";\n const footer = \" 
\n\t\t\t\t\t\t\n\t\t\t\t\t