*/}\r\n {visible ?
: null\r\n\r\n }\r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n);\r\n\r\n}","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom';\r\nimport { FalconTagAmend,LeafAmendmentTagView } from './Pages';\r\n\r\nexport const FalconTagAmendRoutes = ({ match }) => (\r\n
\r\n \r\n)","import { CommonGet, CommonPost } from \"../../../../utils/CommonFetch\";\r\n\r\nexport default {\r\n\r\n getAlGroupsForDropdown,\r\n getFactoriesByGroupID,\r\n getAllRoutesByFactoryID,\r\n getAllCollectionTypesByoperationEntityID,\r\n getCustomerAccountData\r\n};\r\n\r\n\r\nasync function getAlGroupsForDropdown() {\r\n var groupArray = [];\r\n const response = await CommonGet('/api/Group/GetAllGroups', null)\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n groupArray[item[1][\"groupID\"]] = item[1][\"groupName\"]\r\n }\r\n }\r\n return groupArray;\r\n}\r\n\r\nasync function getFactoriesByGroupID(groupID) {\r\n const response = await CommonGet('/api/OperationEntity/GetFactoriesByGroupID', 'groupID=' + groupID);\r\n let array = []\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1]) {\r\n array[item[1][\"operationEntityID\"]] = item[1][\"operationEntityName\"]\r\n }\r\n }\r\n return array;\r\n}\r\n\r\n\r\nasync function getAllRoutesByFactoryID(factoryID) {\r\n var routeArray = [];\r\n const response = await CommonGet('/api/CollectionPoint/GetAllRoutesByFactoryID', 'factoryID=' + factoryID);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n routeArray[item[1][\"collectionPointID\"]] = item[1][\"collectionPointName\"]\r\n }\r\n }\r\n return routeArray;\r\n}\r\n\r\nasync function getAllCollectionTypesByoperationEntityID(operationEntityID) {\r\n var collectionTypeArray = [];\r\n const response = await CommonGet('/api/CollectionType/GetAllCollectionTypesByOperationEntityID', 'operationEntityID=' + operationEntityID);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1]) {\r\n collectionTypeArray[item[1][\"collectionTypeMasterID\"]] = item[1][\"collectionTypeName\"]\r\n }\r\n }\r\n return collectionTypeArray;\r\n}\r\n\r\n\r\nasync function getCustomerAccountData(data) {\r\n var model = {\r\n groupID: parseInt(data.groupID),\r\n factoryID: parseInt(data.factoryID),\r\n routeID: parseInt(data.routeID),\r\n isActive: parseInt(data.statusID),\r\n };\r\n const response = await CommonPost('/api/CustomerAccountReport/GetCustomerAccountReportDetails', null, model);\r\n return response.data;\r\n}\r\n","import Joi from '@hapi/joi'\r\n\r\nexport const CustomerAccountReportSchemaObject = {\r\n groupID: Joi.number().invalid(0).required().label(\"Group\").messages({\r\n \"any.invalid\": `Select group`,\r\n \"any.required\": `Group required`\r\n }),\r\n factoryID: Joi.number().invalid(0).required().label(\"Factory\").messages({\r\n \"any.invalid\": `Select Factory`,\r\n \"any.required\": `Factory required`\r\n }),\r\n routeID: Joi.number().allow(\"\", null).label(\"Route\"),\r\n\r\n statusID: Joi.number().allow(\"\", null).label(\"Status\")\r\n}","import React from \"react\";\r\nimport {\r\n TableContentCustomerAccount\r\n} from '../../../Common/Table/tableContent';\r\nimport {\r\n Box,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n Table\r\n} from '@material-ui/core';\r\n\r\nexport default class ComponentToPrint extends React.Component {\r\n render() {\r\n const searchData = this.props.searchData;\r\n const reportData = this.props.data;\r\n const contentRowNames = this.props.rowNames;\r\n\r\n return (\r\n
\r\n
Customer Account Report \r\n
\r\n
Group: {searchData.group}
\r\n
Factory: {searchData.factory}
\r\n
Collection Point: {searchData.route === undefined ? \"All Collection Points\" : searchData.route}
\r\n
Status: {searchData.status === undefined ? \"All Status\" : searchData.status}
\r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n \r\n \r\n Customer Code \r\n Customer Name \r\n Card Number \r\n Registration Number \r\n Collection Point \r\n Status \r\n \r\n \r\n \r\n {reportData.map((data, index) => (\r\n \r\n \r\n {data.customerCode}\r\n \r\n \r\n {data.firstName}\r\n \r\n \r\n {data.cardNumber}\r\n \r\n \r\n {data.registrationNumber}\r\n \r\n \r\n {data.collectionPointName}\r\n \r\n \r\n {data.isActive}\r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}","import React, { useEffect, useState, Fragment, useRef } from \"react\";\r\nimport { PageHeader } from '../../../../Common';\r\nimport services from \"../services\";\r\nimport authService from \"../../../Common/services\";\r\nimport { LoadingSpinerComponent } from \"../../../../Common/loader\";\r\nimport { trackPromise } from \"react-promise-tracker\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport Joi from \"@hapi/joi\";\r\nimport { CustomerAccountReportSchemaObject } from \"../customerAccountReportSchema\";\r\nimport { validateProperty, validate } from \"../../../Common\";\r\nimport tokenService from \"../../../../Common/tokenDecoder\";\r\nimport ReactToPrint from \"react-to-print\";\r\nimport CreatePdf from './createPdf';\r\nimport xlsx from 'json-as-xlsx';\r\nimport _ from 'lodash';\r\nimport { LoadingMaterialTable } from \"../../../../Common/table\";\r\n\r\nconst screenCode = \"CUSTOMERACCOUNTREPORT\";\r\n\r\nexport function CustomerAccountReport(props) {\r\n\r\n const componentRef = useRef();\r\n const [reportData, setReportData] = useState([]);\r\n const [groups, setGroups] = useState([]);\r\n const [factories, setFactories] = useState([]);\r\n const [routes, setRoutes] = useState([]);\r\n const [isTableHide, setIsTableHide] = useState(true);\r\n\r\n const [leafCollectionVariance, setLeafCollectionDetails] = useState({\r\n groupID: \"0\",\r\n factoryID: \"0\",\r\n routeID: \"0\",\r\n statusID: \"-1\"\r\n });\r\n\r\n const [selectedSearchValues, setSelectedSearchValues] = useState({\r\n group: \"0\",\r\n factory: \"0\",\r\n route: \"0\",\r\n status: \"-1\"\r\n });\r\n\r\n const [errors, setErrors] = useState({});\r\n\r\n const [permissionList, setPermissions] = useState({\r\n isAddEditEnabled: false,\r\n isGroupFilterEnabled: false,\r\n isOperationEntityFilterEnabled: false\r\n });\r\n\r\n const schema = Joi.object(CustomerAccountReportSchemaObject).options({ allowUnknown: true });\r\n\r\n const [contentRowNames, setContentRowNames] = useState([\"customerCode\", \"firstName\", \"cardNumber\", \"registrationNumber\", \"collectionPointName\"]);\r\n\r\n const initialCsvHeaders = [\r\n { label: \"Customer Code\", value: \"customerCode\" },\r\n { label: \"Customer Name\", value: \"firstName\" },\r\n { label: \"Card Number\", value: \"cardNumber\" },\r\n { label: \"Registration Number\", value: \"registrationNumber\" },\r\n { label: \"Collection Point\", value: \"collectionPointName\" },\r\n { label: \"Status\", value: \"isActive\" },\r\n \r\n ]\r\n const [csvHeaders, setCsvHeaders] = useState(initialCsvHeaders);\r\n const [csvData, setCsvData] = useState([]);\r\n useEffect(() => {\r\n trackPromise(getPermissions(),\r\n getGroupsForDropdown()\r\n );\r\n }, []);\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getFactoriesForDropdown(),\r\n )\r\n }, [leafCollectionVariance.groupID])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getRoutesForDropDown()\r\n )\r\n }, [leafCollectionVariance.factoryID])\r\n\r\n function handleGroupChange(target) {\r\n validateInputs(target);\r\n\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n groupID: target.value,\r\n factoryID: \"0\",\r\n routeID: \"0\"\r\n\r\n });\r\n setIsTableHide(true);\r\n }\r\n\r\n function handleFactoryChange(target) {\r\n validateInputs(target);\r\n\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n factoryID: target.value,\r\n routeID: \"0\"\r\n });\r\n setIsTableHide(true);\r\n }\r\n\r\n function handleRouteChange(target) {\r\n validateInputs(target);\r\n\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n routeID: target.value,\r\n });\r\n setIsTableHide(true);\r\n }\r\n\r\n function validateInputs(target) {\r\n const error = { ...errors };\r\n const errorMessage = validateProperty(target, CustomerAccountReportSchemaObject);\r\n errorMessage\r\n ? (error[target.name] = errorMessage)\r\n : delete error[target.name];\r\n\r\n setErrors(error);\r\n }\r\n\r\n \r\n function handleChange(e) {\r\n const target = e.target\r\n const value = target.name === 'isActive' ? target.checked : target.value\r\n\r\n const error = { ...errors }\r\n const errorMessage = validateProperty(target, CustomerAccountReportSchemaObject)\r\n errorMessage ? error[target.name] = errorMessage : delete error[target.name]\r\n\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n [e.target.name]: value\r\n })\r\n setErrors(error)\r\n }\r\n\r\n async function getPermissions() {\r\n var permissions = await authService.getPermissionsByScreen(screenCode);\r\n\r\n var isAuthorized = permissions.find(p => p.permissionCode == 'VIEWCUSTOMERACCOUNTREPORT');\r\n\r\n if (isAuthorized === undefined) {\r\n props.history.push('/unauthorized');\r\n }\r\n var isGroupFilterEnabled = permissions.find(p => p.permissionCode == 'GROUPDROPDOWN');\r\n\r\n var isOperationEntityFilterEnabled = permissions.find(p => p.permissionCode == 'OPERATIONENTITYDROPDOWN');\r\n\r\n\r\n setPermissions({\r\n ...permissionList,\r\n isGroupFilterEnabled: isGroupFilterEnabled !== undefined,\r\n isOperationEntityFilterEnabled:\r\n isOperationEntityFilterEnabled !== undefined,\r\n });\r\n var token = tokenService.getUserDetailsFromToken();\r\n\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n groupID: token.groupID,\r\n factoryID: token.operationEntityID\r\n });\r\n trackPromise(getGroupsForDropdown());\r\n }\r\n\r\n\r\n async function getGroupsForDropdown() {\r\n const result = await services.getAlGroupsForDropdown();\r\n setGroups(result);\r\n }\r\n\r\n async function getFactoriesForDropdown() {\r\n const data = await services.getFactoriesByGroupID(leafCollectionVariance.groupID);\r\n setFactories(data);\r\n }\r\n\r\n async function getRoutesForDropDown() {\r\n const data = await services.getAllRoutesByFactoryID(leafCollectionVariance.factoryID);\r\n setRoutes(data);\r\n }\r\n\r\n\r\n function generateDropDownMenu(data) {\r\n let items = [];\r\n if (data != null) {\r\n for (const [key, value] of Object.entries(data)) {\r\n items.push(\r\n
\r\n {value}\r\n \r\n );\r\n }\r\n }\r\n return items;\r\n }\r\n\r\n\r\n async function handleSearch(e) {\r\n e.preventDefault();\r\n setIsTableHide(false);\r\n\r\n const errorMessages = validate(schema, leafCollectionVariance);\r\n errorMessages !== null ? setErrors(errorMessages) : setErrors({});\r\n if (errorMessages) return;\r\n getSelectedDropdownValuesForReport(leafCollectionVariance);\r\n var res = await services.getCustomerAccountData(leafCollectionVariance);\r\n if (res != null || res.length != 0) {\r\n\r\n res.forEach(x => {\r\n x.isActive = x.isActive == true ? \"Active\" : \"InActive\"\r\n });\r\n\r\n setReportData(res);\r\n setCsvData(res);\r\n }\r\n\r\n\r\n }\r\n\r\n function createFile() {\r\n var settings = {\r\n sheetName: (\"Customer Account Report\"),\r\n fileName: (\"Customer Account Report\"),\r\n writeOptions: {}\r\n }\r\n\r\n xlsx(csvHeaders, csvData, settings, true)\r\n }\r\n\r\n function onCancelClick() {\r\n clearState();\r\n }\r\n\r\n function clearState() {\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n routeID: \"0\",\r\n date: \"\"\r\n });\r\n setIsTableHide(true);\r\n setErrors(\"\");\r\n }\r\n\r\n\r\n function getSelectedDropdownValuesForReport(searchForm) {\r\n setSelectedSearchValues({\r\n ...selectedSearchValues,\r\n group: groups[searchForm.groupID],\r\n factory: factories[searchForm.factoryID],\r\n route: routes[searchForm.routeID],\r\n status: searchForm.routeID,\r\n date: searchForm.date\r\n })\r\n }\r\n\r\n return (\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
handleSearch(e)}\r\n disabled={false}\r\n >\r\n \r\n\r\n
\r\n\r\n Group * \r\n\r\n handleGroupChange(e.target)}>\r\n --Select Group Name-- \r\n {generateDropDownMenu(groups)}\r\n \r\n\r\n {errors[\"groupID\"] && {errors[\"groupID\"]} }\r\n
\r\n\r\n
\r\n Factory * \r\n handleFactoryChange(e.target)}>\r\n --Select Factory-- \r\n {generateDropDownMenu(factories)}\r\n \r\n {errors[\"factoryID\"] && {errors[\"factoryID\"]} }\r\n\r\n
\r\n
\r\n Collection Point \r\n handleRouteChange(e.target)}\r\n >\r\n --Select Collection Point-- \r\n {generateDropDownMenu(routes)}\r\n \r\n {errors[\"routeID\"] && ({errors[\"routeID\"]} )}\r\n
\r\n\r\n
\r\n Status \r\n handleChange(e)}\r\n >\r\n --Select Status-- \r\n Active \r\n InActive \r\n \r\n \r\n
\r\n
\r\n trackPromise(handleSearch(e))}\r\n />\r\n\r\n
\r\n \r\n\r\n {isTableHide ? null :\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom';\r\nimport { CustomerAccountReport } from './Pages';\r\n\r\nexport const CustomerAccountReportRoutes = ({ match }) => (\r\n
\r\n \r\n)","import { CommonGet, CommonPost } from \"../../../../utils/CommonFetch\";\r\n\r\nexport default {\r\n\r\n getAlGroupsForDropdown,\r\n getFactoriesByGroupID,\r\n getAllRoutesByFactoryID,\r\n getAllCollectionTypesByoperationEntityID,\r\n getActiveSupplierCountData\r\n};\r\n\r\n\r\nasync function getAlGroupsForDropdown() {\r\n var groupArray = [];\r\n const response = await CommonGet('/api/Group/GetAllGroups', null)\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n groupArray[item[1][\"groupID\"]] = item[1][\"groupName\"]\r\n }\r\n }\r\n return groupArray;\r\n}\r\n\r\nasync function getFactoriesByGroupID(groupID) {\r\n const response = await CommonGet('/api/OperationEntity/GetFactoriesByGroupID', 'groupID=' + groupID);\r\n let array = []\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1]) {\r\n array[item[1][\"operationEntityID\"]] = item[1][\"operationEntityName\"]\r\n }\r\n }\r\n return array;\r\n}\r\n\r\n\r\nasync function getAllRoutesByFactoryID(factoryID) {\r\n var routeArray = [];\r\n const response = await CommonGet('/api/CollectionPoint/GetAllRoutesByFactoryID', 'factoryID=' + factoryID);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n routeArray[item[1][\"collectionPointID\"]] = item[1][\"collectionPointName\"]\r\n }\r\n }\r\n return routeArray;\r\n}\r\n\r\nasync function getAllCollectionTypesByoperationEntityID(operationEntityID) {\r\n var collectionTypeArray = [];\r\n const response = await CommonGet('/api/CollectionType/GetAllCollectionTypesByOperationEntityID', 'operationEntityID=' + operationEntityID);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1]) {\r\n collectionTypeArray[item[1][\"collectionTypeMasterID\"]] = item[1][\"collectionTypeName\"]\r\n }\r\n }\r\n return collectionTypeArray;\r\n}\r\n\r\n\r\nasync function getActiveSupplierCountData(data) {\r\n var model = {\r\n groupID: parseInt(data.groupID),\r\n factoryID: parseInt(data.factoryID),\r\n routeID: parseInt(data.routeID)\r\n };\r\n const response = await CommonPost('/api/ActiveSupplierCountReport/GetActiveSupplierCountReportDetails', null, model);\r\n return response.data;\r\n}\r\n","import Joi from '@hapi/joi'\r\n\r\nexport const activeSupplierCountReportSchemaObject = {\r\n groupID: Joi.number().invalid(0).required().label(\"Group\").messages({\r\n \"any.invalid\": `Select group`,\r\n \"any.required\": `Group required`\r\n }),\r\n factoryID: Joi.number().invalid(0).required().label(\"Factory\").messages({\r\n \"any.invalid\": `Select Factory`,\r\n \"any.required\": `Factory required`\r\n }),\r\n routeID: Joi.number().allow(\"\", null).label(\"Route\")\r\n}","import React from \"react\";\r\nimport {\r\n TableContentCustomerAccount\r\n} from '../../../Common/Table/tableContent';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport TablePagination from '@material-ui/core/TablePagination';\r\n\r\nexport default class ComponentToPrint extends React.Component {\r\n \r\n render() {\r\n \r\n \r\n const searchData = this.props.searchData;\r\n const reportData = this.props.data;\r\n const contentRowNames = this.props.rowNames;\r\n const totalActive = this.props.totalActive;\r\n const totalInActive = this.props.totalInActive;\r\n const finalTotal = this.props.finalTotal;\r\n\r\n return (\r\n
\r\n
Active Supplier Count Report \r\n
\r\n
Group: {searchData.group}
\r\n
Factory: {searchData.factory}
\r\n
Collection Point: {searchData.route === undefined ? \"All Collection Points\" : searchData.route}
\r\n
Date: {new Date().toLocaleString()}
\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n Route Name \r\n Active \r\n InActive \r\n Total \r\n \r\n \r\n \r\n {reportData.map((row, i) => (\r\n \r\n {row[0].collectionPointName} \r\n {row.active} \r\n {row.inActive} \r\n {row.total} \r\n\r\n \r\n\r\n )\r\n )}\r\n\r\n \r\n \r\n \r\n Total \r\n {totalActive} \r\n {totalInActive} \r\n {finalTotal} \r\n \r\n\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n
\r\n );\r\n }\r\n}","import React, { useEffect, useState, Fragment, useRef } from \"react\";\r\nimport { PageHeader } from '../../../../Common';\r\nimport services from \"../services\";\r\nimport authService from \"../../../Common/services\";\r\nimport { LoadingSpinerComponent } from \"../../../../Common/loader\";\r\nimport { trackPromise } from \"react-promise-tracker\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport Joi from \"@hapi/joi\";\r\nimport { activeSupplierCountReportSchemaObject } from \"../activeSupplierCountReportSchema\";\r\nimport { validateProperty, validate } from \"../../../Common\";\r\nimport tokenService from \"../../../../Common/tokenDecoder\";\r\nimport ReactToPrint from \"react-to-print\";\r\nimport CreatePdf from './createPdf';\r\nimport xlsx from 'json-as-xlsx';\r\nimport _, { map, set } from 'lodash';\r\nimport $ from 'jquery';\r\n\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport TablePagination from '@material-ui/core/TablePagination';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nconst screenCode = \"ACTIVESUPPLIERCOUNTREPORT\";\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n dialog1: {\r\n width: 850,\r\n }\r\n});\r\nexport function ActiveSupplierCountReport(props) {\r\n\r\n const componentRef = useRef();\r\n const classes = useStyles();\r\n const [limit, setLimit] = useState(10);\r\n const [page, setPage] = useState(0);\r\n const [reportData, setReportData] = useState([]);\r\n const [groups, setGroups] = useState([]);\r\n const [factories, setFactories] = useState([]);\r\n const [routes, setRoutes] = useState([]);\r\n const [isTableHide, setIsTableHide] = useState(true);\r\n\r\n const [totalActive, setTotalActive] = useState(0);\r\n const [totalInActive, setTotalInActive] = useState(0);\r\n const [finalTotal, setFinalTotal] = useState(0);\r\n\r\n\r\n\r\n const [accountSupplierCount, setAccountSupplierCount] = useState({\r\n groupID: \"0\",\r\n factoryID: \"0\",\r\n routeID: \"0\"\r\n });\r\n\r\n const [selectedSearchValues, setSelectedSearchValues] = useState({\r\n group: \"0\",\r\n factory: \"0\",\r\n route: \"0\"\r\n });\r\n\r\n const [errors, setErrors] = useState({});\r\n\r\n const [permissionList, setPermissions] = useState({\r\n isAddEditEnabled: false,\r\n isGroupFilterEnabled: false,\r\n isOperationEntityFilterEnabled: false\r\n });\r\n\r\n const schema = Joi.object(activeSupplierCountReportSchemaObject).options({ allowUnknown: true });\r\n\r\n const [contentRowNames, setContentRowNames] = useState([\"collectionPointName\", \"isActive\"]);\r\n\r\n const [csvHeaders, setCsvHeaders] = useState([]);\r\n const [csvData, setCsvData] = useState([]);\r\n\r\n const handleLimitChange = (event) => {\r\n setLimit(event.target.value);\r\n };\r\n const handlePageChange = (event, newPage) => {\r\n setPage(newPage);\r\n };\r\n useEffect(() => {\r\n createDataTable();\r\n trackPromise(getPermissions(),\r\n getGroupsForDropdown()\r\n );\r\n }, []);\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getFactoriesForDropdown(),\r\n )\r\n }, [accountSupplierCount.groupID])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getRoutesForDropDown()\r\n )\r\n }, [accountSupplierCount.factoryID])\r\n\r\n function handleGroupChange(target) {\r\n validateInputs(target);\r\n\r\n setAccountSupplierCount({\r\n ...accountSupplierCount,\r\n groupID: target.value,\r\n factoryID: \"0\",\r\n routeID: \"0\"\r\n\r\n });\r\n setIsTableHide(true);\r\n }\r\n\r\n function handleFactoryChange(target) {\r\n validateInputs(target);\r\n\r\n setAccountSupplierCount({\r\n ...accountSupplierCount,\r\n factoryID: target.value,\r\n routeID: \"0\"\r\n });\r\n setIsTableHide(true);\r\n }\r\n\r\n function handleRouteChange(target) {\r\n validateInputs(target);\r\n\r\n setAccountSupplierCount({\r\n ...accountSupplierCount,\r\n routeID: target.value,\r\n });\r\n setIsTableHide(true);\r\n }\r\n\r\n function validateInputs(target) {\r\n const error = { ...errors };\r\n const errorMessage = validateProperty(target, activeSupplierCountReportSchemaObject);\r\n errorMessage\r\n ? (error[target.name] = errorMessage)\r\n : delete error[target.name];\r\n\r\n setErrors(error);\r\n }\r\n\r\n\r\n async function getPermissions() {\r\n var permissions = await authService.getPermissionsByScreen(screenCode);\r\n\r\n var isAuthorized = permissions.find(p => p.permissionCode == 'VIEWACTIVESUPPLIERCOUNTREPORT');\r\n\r\n if (isAuthorized === undefined) {\r\n props.history.push('/unauthorized');\r\n }\r\n var isGroupFilterEnabled = permissions.find(p => p.permissionCode == 'GROUPDROPDOWN');\r\n\r\n var isOperationEntityFilterEnabled = permissions.find(p => p.permissionCode == 'OPERATIONENTITYDROPDOWN');\r\n\r\n\r\n setPermissions({\r\n ...permissionList,\r\n isGroupFilterEnabled: isGroupFilterEnabled !== undefined,\r\n isOperationEntityFilterEnabled:\r\n isOperationEntityFilterEnabled !== undefined,\r\n });\r\n var token = tokenService.getUserDetailsFromToken();\r\n\r\n setAccountSupplierCount({\r\n ...accountSupplierCount,\r\n groupID: token.groupID,\r\n factoryID: token.operationEntityID\r\n });\r\n trackPromise(getGroupsForDropdown());\r\n }\r\n\r\n\r\n async function getGroupsForDropdown() {\r\n const result = await services.getAlGroupsForDropdown();\r\n setGroups(result);\r\n }\r\n\r\n async function getFactoriesForDropdown() {\r\n const data = await services.getFactoriesByGroupID(accountSupplierCount.groupID);\r\n setFactories(data);\r\n }\r\n\r\n async function getRoutesForDropDown() {\r\n const data = await services.getAllRoutesByFactoryID(accountSupplierCount.factoryID);\r\n setRoutes(data);\r\n }\r\n\r\n\r\n function generateDropDownMenu(data) {\r\n let items = [];\r\n if (data != null) {\r\n for (const [key, value] of Object.entries(data)) {\r\n items.push(\r\n
\r\n {value}\r\n \r\n );\r\n }\r\n }\r\n return items;\r\n }\r\n\r\n async function handleSearch(e) {\r\n e.preventDefault();\r\n \r\n\r\n const errorMessages = validate(schema, accountSupplierCount);\r\n errorMessages !== null ? setErrors(errorMessages) : setErrors({});\r\n if (errorMessages) return;\r\n getSelectedDropdownValuesForReport(accountSupplierCount);\r\n var res = await services.getActiveSupplierCountData(accountSupplierCount);\r\n \r\n if (res != null || res.length != 0) {\r\n\r\n let lemp2 = _.groupBy(res, 'collectionPointName')\r\n const finalResult = Object.values(lemp2)\r\n\r\n finalResult.forEach(x => {\r\n let activeCount = 0;\r\n let inActiveCount = 0;\r\n\r\n x.forEach(y => {\r\n if (y.isActive == true) {\r\n activeCount = activeCount + 1;\r\n }\r\n else {\r\n inActiveCount = inActiveCount + 1;\r\n }\r\n x.active = activeCount;\r\n x.inActive = inActiveCount;\r\n x.total = activeCount + inActiveCount;\r\n x.collectionPointName = y.collectionPointName;\r\n });\r\n\r\n var totalActive = 0;\r\n var totalInActive = 0;\r\n var finalTotal = 0;\r\n finalResult.forEach(x => {\r\n totalActive = totalActive + x.active;\r\n totalInActive = totalInActive + x.inActive;\r\n finalTotal = finalTotal + x.total;\r\n });\r\n setTotalActive(totalActive);\r\n setTotalInActive(totalInActive);\r\n setFinalTotal(finalTotal);\r\n\r\n });\r\n\r\n const excelData = [\r\n { label: \"Route Name\", value: \"collectionPointName\"},\r\n { label: \"Active\", value: \"active\" },\r\n { label: \"InActive\", value: \"inActive\" },\r\n { label: \"Total\", value: \"total\" }\r\n \r\n ]\r\n\r\n setCsvHeaders(excelData);\r\n destroyDataTable();\r\n setReportData(finalResult);\r\n setCsvData(finalResult);\r\n setIsTableHide(false);\r\n createDataTable();\r\n \r\n }\r\n\r\n }\r\n\r\n function destroyDataTable() {\r\n $('#example').DataTable().destroy();\r\n }\r\n\r\n function createDataTable() {\r\n $('#example').DataTable({\r\n \"order\": [[0, \"asc\"]]\r\n });\r\n }\r\n\r\n function createFile() {\r\n var settings = {\r\n sheetName: (\"Active Supplier Count Report\"),\r\n fileName: (\"Active Supplier Count Report\" + ' ' + new Date().toLocaleString()),\r\n writeOptions: {}\r\n }\r\n\r\n var copyOfCsv = [...csvData]\r\n\r\n var newRow1 = {\r\n collectionPointName: \"Total\",\r\n active : totalActive,\r\n inActive: totalInActive,\r\n total : finalTotal\r\n }\r\n var newRow2 = {\r\n collectionPointName: \"Group :\" + selectedSearchValues.group,\r\n active: \"Factory : \" + selectedSearchValues.factory,\r\n inActive: \"Collection Point: \" + (selectedSearchValues.route === undefined ? \"All Collection Points\" : selectedSearchValues.route)\r\n }\r\n var newRow3 = {\r\n collectionPointName: \"Generated date/time : \" + new Date().toLocaleString()\r\n }\r\n copyOfCsv.push(newRow1)\r\n copyOfCsv.push({},newRow2)\r\n copyOfCsv.push(newRow3)\r\n xlsx(csvHeaders, copyOfCsv, settings, true)\r\n }\r\n\r\n function onCancelClick() {\r\n clearState();\r\n }\r\n\r\n function clearState() {\r\n setAccountSupplierCount({\r\n ...accountSupplierCount,\r\n routeID: \"0\",\r\n date: \"\"\r\n });\r\n setIsTableHide(true);\r\n setErrors(\"\");\r\n }\r\n\r\n\r\n function getSelectedDropdownValuesForReport(searchForm) {\r\n setSelectedSearchValues({\r\n ...selectedSearchValues,\r\n group: groups[searchForm.groupID],\r\n factory: factories[searchForm.factoryID],\r\n route: routes[searchForm.routeID],\r\n date: searchForm.date\r\n })\r\n }\r\n\r\n return (\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
handleSearch(e)}\r\n disabled={false}\r\n >\r\n \r\n\r\n
\r\n\r\n Group * \r\n\r\n handleGroupChange(e.target)}>\r\n --Select Group Name-- \r\n {generateDropDownMenu(groups)}\r\n \r\n\r\n {errors[\"groupID\"] && {errors[\"groupID\"]} }\r\n
\r\n\r\n
\r\n Factory * \r\n handleFactoryChange(e.target)}>\r\n --Select Factory-- \r\n {generateDropDownMenu(factories)}\r\n \r\n {errors[\"factoryID\"] && {errors[\"factoryID\"]} }\r\n\r\n
\r\n
\r\n Collection Point \r\n handleRouteChange(e.target)}\r\n >\r\n --Select Collection Point-- \r\n {generateDropDownMenu(routes)}\r\n \r\n {errors[\"routeID\"] && ({errors[\"routeID\"]} )}\r\n
\r\n\r\n
\r\n trackPromise(handleSearch(e))}\r\n />\r\n\r\n
\r\n \r\n\r\n { reportData.length != 0 ?\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n Route Name \r\n Active \r\n InActive \r\n Total \r\n \r\n \r\n \r\n {reportData.slice(page * limit, page * limit + limit).map((row, i) => (\r\n \r\n {row[0].collectionPointName} \r\n {row.active} \r\n {row.inActive} \r\n {row.total} \r\n\r\n \r\n\r\n )\r\n )}\r\n\r\n \r\n \r\n \r\n Total \r\n {totalActive} \r\n {totalInActive} \r\n {finalTotal} \r\n \r\n\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom';\r\nimport { ActiveSupplierCountReport } from './Pages';\r\n\r\nexport const ActiveSupplierCountReportRoutes = ({ match }) => (\r\n
\r\n \r\n)","import { CommonGet, CommonPost } from \"../../../utils/CommonFetch\";\r\nimport { parseInt } from \"lodash\";\r\n\r\n\r\nexport default {\r\n \r\n getAll,\r\n editData,\r\n getEstatesByGroupID,\r\n getPaymentCalculationData,\r\n getDivisionByEstateID,\r\n updatePaymentCalculation\r\n \r\n};\r\n\r\nasync function getAll(){\r\n const response = await CommonGet('/api/Group/GetAllGroups', null);\r\n return response.data;\r\n}\r\n\r\nasync function editData(data) {\r\n data.groupName = data.groupName.trim();\r\n data.modifiedDate = new Date().toISOString()\r\n const response = await CommonPost('/api/Group/UpdateGroup', null, data);\r\n return response;\r\n}\r\n\r\n\r\nasync function getEstatesByGroupID(id) {\r\n var estateArray = [];\r\n const response = await CommonGet('/api/OperationEntity/GetAllEstatesByGroupID', 'groupID=' + parseInt(id));\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n estateArray[item[1][\"operationEntityID\"]] = item[1][\"operationEntityName\"]\r\n }\r\n }\r\n return estateArray;\r\n}\r\n\r\nasync function getDivisionByEstateID(id) {\r\n var divisionArray = [];\r\n const response = await CommonGet('/api/CollectionPoint/GetAllDivisionsByEstateID', 'estateID=' + id);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n divisionArray[item[1][\"collectionPointID\"]] = item[1][\"collectionPointName\"]\r\n }\r\n }\r\n return divisionArray;\r\n}\r\n\r\n\r\nasync function getPaymentCalculationData(groupID, estate, divisionID, registrationNumber, date) {\r\n // var result = {\r\n // groupID : parseInt(data.groupID),\r\n // operationalEntityID : parseInt(data.estate),\r\n // collectionPointID : parseInt(data.divisionID),\r\n // registrationNumber : data.registrationNumber\r\n \r\n // }\r\n const response = await CommonGet('/api/RevenueSharedPaymentCalculation/GetDetailsForPaymentCalcualtion', 'groupID=' + groupID + '&estate=' + estate + '&divisionID=' + divisionID \r\n + '®istrationNumber=' + registrationNumber + '&date=' + date);\r\n return response.data;\r\n \r\n}\r\n\r\nasync function updatePaymentCalculation(paymentListModel) {\r\n \r\n let model = {\r\n paymentListModel: paymentListModel,\r\n \r\n // // accountID: parseInt(model.accountID),\r\n // // registrationNumber: model.registrationNumber,\r\n // // employeeCode: model.employeeCode,\r\n // // employeeName: model.firstName,\r\n // // cardNumber: model.cardNumber,\r\n // // harvesting: parseInt(model.harvesting),\r\n // // weedCondition: parseInt(model.weedCondition),\r\n // // conditionType: parseInt(model.conditionType),\r\n // // isActive: model.isActive,\r\n // // createdBy: model.getUserIDFromToken(),\r\n // // createdDate: new Date().toISOString(),\r\n }\r\n const response = await CommonPost('/api/RevenueSharedPaymentCalculation/UpdatePaymentCalculation', null, model);\r\n return response;\r\n }\r\n\r\n\r\n","import Joi from '@hapi/joi'\r\n\r\nexport const RevenueSharedPaymentCalculationSchemaObject = {\r\n groupID: Joi.number().invalid(0).required().label(\"Group\").messages({\r\n \"any.invalid\": `Group required`,\r\n \r\n }),\r\n estate: Joi.number().invalid(0).required().label(\"Estate\").messages({\r\n \"any.invalid\": `Estate required`,\r\n }),\r\n registrationNumber: Joi.string().allow(\"\", null).alphanum().max(10).required().label(\"Registration Number\").messages({\r\n \"string.pattern.base\": `Please enter valid Registration Number`,\r\n \"string.max\": `Please enter {#limit} characters.`\r\n }),\r\n weedCondition: Joi.string().allow(\"\", null).alphanum().max(10).required().label(\" Weed Condition\").messages({\r\n \"string.pattern.base\": `Please enter valid Weed Condition`,\r\n \"string.max\": `Please enter {#limit} characters.`\r\n }),\r\n date: Joi.string().invalid(\"\").label(\"Month\").messages({\r\n \"any.invalid\": `Date required`,\r\n })\r\n}","import React, { useEffect, useState, Fragment } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { Pagination, PageHeader, paginate } from '../../../Common';\r\nimport { TableContent } from '../../Common/Table/tableContent';\r\nimport services from '../services';\r\nimport { search, SearchFeild } from '../../Common';\r\nimport $ from 'jquery';\r\nimport authService from '../../Common/services';\r\nimport { LoadingSpinerComponent } from '../../../Common/loader'\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport groupService from '../../Group/services';\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport Select from '@material-ui/core/Select';\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Joi from '@hapi/joi'\r\nimport { RevenueSharedPaymentCalculationSchemaObject } from '../RevenueSharedPaymentCalculationSchema';\r\nimport { validateProperty, validate } from \"../../Common\";\r\n\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport TablePagination from '@material-ui/core/TablePagination';\r\nimport Autocomplete from '@material-ui/lab/Autocomplete';\r\nimport tokenService from \"../../../Common/tokenDecoder\";\r\nimport _, { set } from 'lodash';\r\nimport { yellow } from '@material-ui/core/colors';\r\n\r\n//import { LoadingSpinerComponent } from '../../../Common/loader'\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport Button from '@material-ui/core/Button';\r\nimport Box from '@material-ui/core/Box';\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { Divider } from \"@material-ui/core\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport { CommonDecryptParam } from \"../../../../utils/CommonParams\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport { Grid } from '@material-ui/core';\r\nimport { AlertDialog } from '../../../Common/AlertDialog';\r\n\r\nconst screenCode = 'REVENUESHAREDPAYMENTCALCULATION';\r\nconst useStyles = makeStyles((theme) => ({\r\n table: {\r\n minWidth: 650,\r\n },\r\n dialog1: {\r\n width: 850,\r\n },\r\n root: {\r\n flexGrow: 1,\r\n backgroundColor: \"#fffff\",\r\n },\r\n rootx: {\r\n display: \"flex\",\r\n \"& > * + *\": {\r\n marginLeft: theme.spacing(5),\r\n },\r\n },\r\n\r\n bar: {\r\n backgroundColor: \"#424242\",\r\n },\r\n txt: {\r\n color: \"#ffffff\",\r\n backgroundColor: \"#424242\",\r\n },\r\n paper: {\r\n backgroundColor: \"#424242\",\r\n },\r\n\r\n large: {\r\n width: theme.spacing(20),\r\n height: theme.spacing(20),\r\n },\r\n title: {\r\n fontSize: 14,\r\n },\r\n card1: {\r\n flexGrow: 1,\r\n backgroundColor: \"#ffffff\",\r\n paddingInlineStart: \"10px\",\r\n borderRadius: \"10px\",\r\n boxShadow: \" 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)\",\r\n maxHeight: 1000,\r\n height: 1000,\r\n },\r\n card2: {\r\n borderRadius: \"10px\",\r\n backgroundColor: \"#fffff\",\r\n paddingInlineStart: \"10px\",\r\n boxShadow: \" 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)\",\r\n\r\n height: 150,\r\n },\r\n\r\n card3: {\r\n borderRadius: \"10px\",\r\n backgroundColor: \"#fffff\",\r\n paddingInlineStart: \"10px\",\r\n boxShadow: \" 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)\",\r\n\r\n height: 150,\r\n },\r\n card4: {\r\n borderRadius: \"10px\",\r\n backgroundColor: \"#fffff\",\r\n paddingInlineStart: \"10px\",\r\n boxShadow: \" 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)\",\r\n\r\n height: 250,\r\n },\r\n centertitle: {\r\n color: \"#000000\",\r\n fontSize: 30,\r\n textAlign: \"center\",\r\n },\r\n\r\n profImage: {\r\n paddingLeft: \"50px\",\r\n },\r\n centertitleCurrency: {\r\n fontSize: 30,\r\n textAlign: \"center\",\r\n color: \"#000000\",\r\n },\r\n}));\r\n\r\nexport function RevenueSharedPaymentCalculation(props) {\r\n\r\n const classes = useStyles();\r\n const [openDialog, setOpenDialog] = React.useState(false);\r\n const [groups, setGroups] = useState([]);\r\n const [estates, setEstates] = useState();\r\n const [divisions, setDivisions] = useState([]);\r\n const [limit, setLimit] = useState(10);\r\n const [page, setPage] = useState(0);\r\n const [errors, setErrors] = useState({})\r\n const [finalData, setFinalData] = useState([])\r\n const [permissionList, setPermissions] = useState({\r\n isAddEditEnabled: false\r\n });\r\n const [istableHidden, setIstableHidden] = useState(true);\r\n const [attendance, setAttendance] = useState([]);\r\n const [paymentListModel, setPaymentListModel] = useState([]);\r\n\r\n const handleLimitChange = (event) => {\r\n setLimit(event.target.value);\r\n };\r\n const handlePageChange = (event, newPage) => {\r\n setPage(newPage);\r\n };\r\n const handleClose = () => {\r\n // setSupplierBio({});\r\n setOpenDialog(false);\r\n };\r\n // //POPUp start\r\n const [message, setMessage] = useState(\"Edit Confirmation\");\r\n const [EnableConfirmMessage, setEnableConfirmMessage] = useState(false);\r\n // //popUP end\r\n const contentRowNames = [\"employeeID\", \"cardNumber\", \"inTime\", \"outTime\"]\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getPermissions()\r\n )\r\n }, []);\r\n\r\n const [DailyAttendance, setDailyAttendance] = useState({\r\n groupID: '0',\r\n estate: '0',\r\n divisionID: '0',\r\n date: \"\",\r\n registrationNumber: \"\",\r\n harvesting: '0',\r\n weedCondition: '',\r\n conditionType: '0',\r\n isActive: true\r\n });\r\n\r\n const schema = Joi.object(RevenueSharedPaymentCalculationSchemaObject).options({ allowUnknown: true })\r\n\r\n useEffect(() => {\r\n getAllGroups();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (DailyAttendance.groupID != 0 || DailyAttendance.groupID != \"\") {\r\n getEstatesForDropdown();\r\n }\r\n }, [DailyAttendance.groupID]);\r\n\r\n useEffect(() => {\r\n trackPromise(getDivisionsForDropDown());\r\n }, [DailyAttendance.estate]);\r\n\r\n\r\n function handleGroupChange(target) {\r\n validateInputs(target);\r\n\r\n setDailyAttendance({\r\n ...DailyAttendance,\r\n groupID: target.value,\r\n estate: '0',\r\n divisionID: '0'\r\n })\r\n }\r\n\r\n //POPUP function\r\n async function handleDelete() {\r\n setEnableConfirmMessage(true);\r\n }\r\n function confirmData(y) {\r\n if (y) {\r\n // onCancelClick();\r\n }\r\n }\r\n\r\n //popUP End\r\n function handleEstateChange(target) {\r\n validateInputs(target);\r\n\r\n setDailyAttendance({\r\n ...DailyAttendance,\r\n estate: target.value,\r\n divisionID: '0'\r\n })\r\n }\r\n\r\n function handleDivisionChange(target) {\r\n //validateInputs(target);\r\n\r\n setDailyAttendance({\r\n ...DailyAttendance,\r\n divisionID: target.value,\r\n });\r\n }\r\n\r\n function handleChange(e) {\r\n const target = e.target\r\n const value = (target.name === 'isActive' || target.name === 'isErpEnabled') ? target.checked : target.value\r\n\r\n\r\n const error = { ...errors }\r\n const errorMessage = validateProperty(target, RevenueSharedPaymentCalculationSchemaObject)\r\n errorMessage ? error[target.name] = errorMessage : delete error[target.name]\r\n\r\n setDailyAttendance({\r\n ...DailyAttendance,\r\n [e.target.name]: value\r\n })\r\n\r\n setErrors(error)\r\n }\r\n\r\n function handleChange1(e, accountID) {\r\n \r\n const value = e.value\r\n const name = e.name\r\n //validateInputs(target);\r\n\r\n const newArr = [...attendance];\r\n var idx = newArr.findIndex(e => e.accountID == parseInt(accountID));\r\n newArr[idx] = { ...newArr[idx], [name]: value, isDefault : true};\r\n setAttendance(newArr)\r\n\r\n\r\n // const error = { ...errors }\r\n // const errorMessage = validateProperty(target, RevenueSharedPaymentCalculationSchemaObject)\r\n // errorMessage ? error[target.name] = errorMessage : delete error[target.name]\r\n\r\n // setErrors(error)\r\n }\r\n\r\n\r\n function handleDateChange(target) {\r\n validateInputs(target);\r\n\r\n setDailyAttendance({\r\n ...DailyAttendance,\r\n date: target.value\r\n })\r\n }\r\n function handleChangeTypes(target, accountID) {\r\n const value = target.value\r\n const name = target.name\r\n //validateInputs(target);\r\n\r\n const newArr = [...attendance];\r\n var idx = newArr.findIndex(e => e.accountID == parseInt(accountID));\r\n newArr[idx] = { ...newArr[idx], [name]: value == \"\" ? parseFloat(0) : parseFloat(value), isDefault : true };\r\n setAttendance(newArr)\r\n\r\n // setDailyAttendance({\r\n // ...DailyAttendance,\r\n // harvesting: target.value\r\n // })\r\n }\r\n function handleWeedConditonChange(target) {\r\n //validateInputs(target);\r\n\r\n setDailyAttendance({\r\n ...DailyAttendance,\r\n weedCondition: target.value\r\n })\r\n }\r\n function handleConditionTypeChange(target) {\r\n //validateInputs(target);\r\n\r\n setDailyAttendance({\r\n ...DailyAttendance,\r\n conditionType: target.value\r\n })\r\n }\r\n\r\n\r\n function validateInputs(target) {\r\n const error = { ...errors };\r\n const errorMessage = validateProperty(target, RevenueSharedPaymentCalculationSchemaObject);\r\n errorMessage ? error[target.name] = errorMessage : delete error[target.name];\r\n\r\n setErrors(error);\r\n\r\n }\r\n\r\n async function getPermissions() {\r\n var permissions = await authService.getPermissionsByScreen(screenCode);\r\n\r\n var isAuthorized = permissions.find(p => p.permissionCode == 'VIEWREVENUESHAREDPAYMENTCALCULATION');\r\n\r\n if (isAuthorized === undefined) {\r\n props.history.push('/unauthorized');\r\n }\r\n\r\n getAllGroups();\r\n\r\n }\r\n\r\n function destroyDataTable() {\r\n $('#example').DataTable().destroy();\r\n }\r\n\r\n function createDataTable() {\r\n $('#example').DataTable();\r\n }\r\n\r\n async function getAllGroups() {\r\n var data\r\n data = await groupService.getGroupsForDropdown();\r\n setGroups(data)\r\n }\r\n\r\n async function getEstatesForDropdown() {\r\n var data\r\n data = await services.getEstatesByGroupID(DailyAttendance.groupID);\r\n setEstates(data)\r\n }\r\n\r\n async function getDivisionsForDropDown() {\r\n const data = await services.getDivisionByEstateID(DailyAttendance.estate);\r\n setDivisions(data);\r\n }\r\n\r\n\r\n function generateDropDownMenu(data) {\r\n let items = [];\r\n if (data != null) {\r\n for (const [key, value] of Object.entries(data)) {\r\n items.push(
{value} );\r\n }\r\n }\r\n return items;\r\n }\r\n\r\n\r\n async function handleSearch(e) {\r\n e.preventDefault();\r\n\r\n const errorMessages = validate(schema, DailyAttendance);\r\n errorMessages !== null ? setErrors(errorMessages) : setErrors({});\r\n if (errorMessages) return;\r\n\r\n const response = await services.getPaymentCalculationData(DailyAttendance.groupID, DailyAttendance.estate, DailyAttendance.divisionID, DailyAttendance.registrationNumber, DailyAttendance.date);\r\n\r\n response.forEach(x => {\r\n x.employeeCode = x.employeeCode;\r\n x.firstName = x.firstName;\r\n x.registrationNumber = x.registrationNumber;\r\n x.targetValue = x.targetValue;\r\n x.totalAmount = x.totalAmount;\r\n });\r\n \r\n setIstableHidden(false);\r\n //destroyDataTable();\r\n \r\n // let lemp2 = _.groupBy(response, 'cardNumber')\r\n // const finalResult = Object.values(lemp2)\r\n\r\n \r\n \r\n\r\n // let targetValuetotal = 0;\r\n // response.forEach(x => {\r\n // let cropSum = x.reduce(function(prev, current) {\r\n // return prev + +current.targetValue\r\n // }, 0);\r\n // x.totalTarget = cropSum;\r\n // // x.forEach(y => {\r\n // // targetValuetotal += (y.targetValue);\r\n // // });\r\n\r\n // });\r\n // let cropTotal = 0;\r\n // response.forEach(x => {\r\n // let targetSum = x.reduce(function(prev, current) {\r\n // return prev + +current.totalAmount\r\n // }, 0);\r\n // x.totalCrop = targetSum;\r\n // // x.forEach(y => {\r\n // // cropTotal += (y.totalAmount );\r\n // // });\r\n\r\n // });\r\n\r\n response.forEach(x => {\r\n //x.totalTarget = sum;\r\n //x.totalCrop = cropTotal;\r\n \r\n x.harvestingPercentage = ((x.totalAmount / x.targetValue) * 100);\r\n\r\n });\r\n\r\n\r\n\r\n setAttendance(response);\r\n\r\n\r\n createDataTable();\r\n }\r\n\r\n async function paymentDetails() {\r\n \r\n }\r\n\r\n async function AddList() {\r\n setOpenDialog(true)\r\n\r\n //var newResult = attendance;\r\n var result = [...attendance];\r\n var result2 = result.filter(x=> x.isDefault == true)\r\n result2.forEach(x => {\r\n if(x.harvestingPercentage >= 80 && x.weedCondition >= 80 && x.conditionType == 1){\r\n x.payment = parseFloat(x.totalAmount * 60); \r\n }else if(x.harvestingPercentage < 80 && x.weedCondition >= 80 && x.conditionType == 2){\r\n x.payment = parseFloat(x.totalAmount * 55);\r\n }else if(x.harvestingPercentage < 80 && x.weedCondition < 80 && x.conditionType == 3){\r\n x.payment = parseFloat(x.totalAmount * 40);\r\n }else{\r\n x.payment = \" - \"\r\n }\r\n \r\n \r\n });\r\n setFinalData(result2);\r\n\r\n \r\n // let paymentModel = {\r\n // employeeCode: attendance[0].employeeCode,\r\n // registrationNumber: attendance[0].registrationNumber,\r\n // firstName: attendance[0].firstName,\r\n // cardNumber: attendance[0].cardNumber,\r\n // harvesting: parseInt(attendance[0].harvesting),\r\n // weedCondition: parseInt(attendance[0].weedCondition),\r\n // conditionType: parseInt(attendance[0].conditionType),\r\n // isActive: DailyAttendance.isActive,\r\n // createdBy: tokenService.getUserIDFromToken(),\r\n // createdDate: new Date().toISOString(),\r\n // }\r\n\r\n\r\n // setPaymentListModel(paymentListModel => [...paymentListModel, paymentModel]);\r\n //clearFormFields();\r\n }\r\n\r\n\r\n async function handleSave() {\r\n setOpenDialog(false)\r\n destroyDataTable();\r\n setIstableHidden(true)\r\n //clearState();\r\n //let model = {\r\n // accountID: parseInt(attendance.accountID),\r\n // registrationNumber: attendance.registrationNumber,\r\n // employeeCode: attendance.employeeCode,\r\n // employeeName: attendance.firstName,\r\n // cardNumber: attendance.cardNumber,\r\n // harvesting: parseInt(DailyAttendance.harvesting),\r\n // weedCondition: parseInt(DailyAttendance.weedCondition),\r\n // conditionType: parseInt(DailyAttendance.conditionType),\r\n //paymentListModel : paymentListModel,\r\n // isActive: DailyAttendance.isActive,\r\n // createdBy: tokenService.getUserIDFromToken(),\r\n // createdDate: new Date().toISOString(),\r\n //}\r\n //const response = await services.updatePaymentCalculation(paymentListModel);\r\n\r\n // if (response.statusCode == \"Success\") {\r\n // alert.success('Parameter Added Successfully');\r\n // }\r\n // else {\r\n\r\n // alert.error(response.message);\r\n // }\r\n\r\n }\r\n function clearState() {\r\n setDailyAttendance({\r\n ...DailyAttendance,\r\n groupID: \"0\",\r\n estate: \"0\",\r\n divisionID: \"0\",\r\n date: \"\",\r\n registrationNumber: \"\"\r\n });\r\n setErrors(\"\");\r\n //clearTableData();\r\n }\r\n\r\n return (\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n\r\n { attendance.length != 0 ? \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Emp Code \r\n Reg No \r\n Emp Name \r\n Card Number \r\n Todate Crop(Kg) \r\n Target Crop(Kg) \r\n Harvesting(%) \r\n Weed Condition(%) \r\n Condition Type \r\n \r\n \r\n \r\n \r\n {attendance.slice(page * limit, page * limit + limit).map((row, i) => (\r\n \r\n\r\n {row.employeeCode} \r\n {row.registrationNumber} \r\n {row.firstName} \r\n {row.cardNumber} \r\n {row.totalAmount.toFixed(2)} \r\n {row.targetValue.toFixed(2)} \r\n {row.harvestingPercentage.toFixed(2)} \r\n \r\n \r\n \r\n handleChange1(e.target, row.accountID)} />\r\n {errors[\"weedCondition\"] && {errors[\"weedCondition\"]} }\r\n
\r\n \r\n \r\n handleChangeTypes(e.target, row.accountID)}\r\n >\r\n --Condition Type-- \r\n Good \r\n Poor \r\n Bad \r\n \r\n\r\n \r\n\r\n )\r\n )}\r\n\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n {/*
\r\n \r\n \r\n\r\n EmployeeID \r\n Card number \r\n In time \r\n Out time \r\n\r\n {permissionList.isAddEditEnabled ? Actions : null}\r\n \r\n \r\n \r\n \r\n
*/}\r\n
\r\n \r\n
\r\n trackPromise(AddList(e))}\r\n />\r\n
\r\n {/*
\r\n trackPromise(handleSave(e))}\r\n />\r\n
*/}\r\n\r\n
\r\n : null }\r\n \r\n
\r\n {/* popUP Start */}\r\n
\r\n
\r\n\r\n
\r\n
\r\n Payments {\" \"}\r\n \r\n \r\n \r\n \r\n \r\n Emp Code \r\n Reg No \r\n Emp Name \r\n Card Number \r\n Payment (Rs) \r\n \r\n \r\n \r\n {finalData.slice(page * limit, page * limit + limit).map((row, i) => (\r\n \r\n\r\n {row.employeeCode} \r\n {row.registrationNumber} \r\n {row.firstName} \r\n {row.cardNumber} \r\n {row.payment == \" - \" ? \" - \" : row.payment.toFixed(2)} \r\n \r\n\r\n \r\n\r\n )\r\n )}\r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n trackPromise(handleSave(e))}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n {/* popup end */}\r\n
\r\n
\r\n
\r\n
\r\n )\r\n}\r\n\r\n\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom';\r\nimport { RevenueSharedPaymentCalculation } from './Pages';\r\n\r\nexport const RevenueSharedPaymentCalculationRoutes = ({ match }) => (\r\n
\r\n \r\n)","import { CommonGet, CommonPost } from \"../../../../utils/CommonFetch\";\r\n\r\nexport default {\r\n getOperationEntitiesByGroupForDropDown,\r\n getCollectionCategoryByOperationEntityForDropDown,\r\n getCollectionPointsByOperationentityGroupID,\r\n getReportData\r\n};\r\n\r\nasync function getOperationEntitiesByGroupForDropDown(id) {\r\n var operationEntityArray = [];\r\n var response = await CommonGet('/api/OperationEntity/GetAllOperationEntities', null);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"groupID\"] === parseInt(id) && item[1][\"isActive\"] === true)\r\n operationEntityArray[item[1][\"operationEntityID\"]] = item[1][\"operationEntityName\"];\r\n }\r\n return operationEntityArray;\r\n}\r\n\r\nasync function getCollectionCategoryByOperationEntityForDropDown(id) {\r\n var collectionCategory = [];\r\n var response = await CommonGet('/api/CollectionCategory/GetCollectionCategoryByOperationEntityID', \"operationEntityID=\" + id);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true)\r\n collectionCategory[item[1][\"collectionCategoryID\"]] = item[1][\"collectionCategoryName\"];\r\n }\r\n return collectionCategory;\r\n}\r\n\r\nasync function getCollectionPointsByOperationentityGroupID(operationEntityID, groupID) {\r\n var collectionPointArray = [];\r\n const response = await CommonGet('/api/CollectionPoint/GetAllCollectionPoint', null);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"operationEntityID\"] === parseInt(operationEntityID) && item[1][\"groupID\"] === parseInt(groupID) && item[1][\"isActive\"] === true) {\r\n collectionPointArray[item[1][\"collectionPointID\"]] = item[1][\"collectionPointName\"]\r\n }\r\n }\r\n return collectionPointArray;\r\n}\r\n\r\nasync function getReportData(collectionPointID, startDate) {\r\n const response = await CommonGet('/api/LabourChecklistReport/GetLabourChecklistReportDetails', 'collectionPointID=' + parseInt(collectionPointID) + '&startDate=' + startDate);\r\n return response.data;\r\n}\r\n\r\n","import Joi from '@hapi/joi'\r\n\r\nexport const LabourChecklistReportSchema = {\r\n groupID: Joi.number().invalid(0).required().label(\"Group\").messages({\r\n \"any.invalid\": `Please select valid Group`,\r\n \"any.required\": `Group required`\r\n }),\r\n operationEntityID: Joi.number().invalid(0).required().label(\"Operatin Entity\").messages({\r\n \"any.invalid\": `Please select valid Operatin Entity`,\r\n \"any.required\": `Operatin Entity required`\r\n }),\r\n collectionPointID: Joi.number().invalid(0).required().label(\"Collectionpoint\").messages({\r\n \"any.invalid\": `Please select valid Collectionpoint`,\r\n \"any.required\": `Collectionpoint required`\r\n }),\r\n date: Joi.string().invalid(\"\").required().label(\"To Date\")\r\n}","import React, { useEffect, useState, Fragment, useRef } from \"react\";\r\nimport { ReportTableContent } from '../../../Common/Table/tableContent';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\nexport default class ComponentToPrint extends React.Component {\r\n render() {\r\n const data = this.props.data;\r\n const searchData = this.props.searchData;\r\n const subNames = this.props.contentRowNames;\r\n const colName = this.props.initialData;\r\n const summeryValues = this.props.summeryValues;\r\n const summeryData = this.props.summeryData;\r\n\r\n return (\r\n
\r\n
Labour Checklist Report \r\n
\r\n
Group: {searchData.group}
\r\n
Operation Entity: {searchData.operationEntity}
\r\n
Collection Point: {searchData.collectionPoint}
\r\n
Date: {searchData.date}
\r\n
\r\n
\r\n \r\n {summeryData.map((item) => (\r\n
{item.name.substring(0, item.name.length - 1)} Total : {parseFloat(item.value).toFixed(2)}
\r\n ))}\r\n
Total : {parseFloat(summeryValues.allTotal).toFixed(2)}
\r\n
Full : {summeryValues.full}
\r\n
Half : {summeryValues.half}
\r\n
\r\n \r\n \r\n Reg No \r\n \r\n Employee Name\r\n \r\n {colName.map((item) => (\r\n {item} \r\n ))}\r\n \r\n Total\r\n \r\n \r\n Duration\r\n \r\n \r\n \r\n {subNames.map((item) => {\r\n var res = item.slice(-1);\r\n return (\r\n {res == 'N' ? 'Kg' : 'Field'} \r\n );\r\n })}\r\n \r\n \r\n \r\n {data.map((row) => (\r\n \r\n \r\n {row.registrationNumber}\r\n \r\n {row.firstName} \r\n {subNames.map((column) => {\r\n const value = row[column];\r\n var res = column.slice(-1);\r\n return (\r\n {value == undefined ? '-' : res == 'N' ? parseFloat(value).toFixed(2) : value} \r\n );\r\n })}\r\n {parseFloat(row.total).toFixed(2)} \r\n {row.total >= row.configurationValue ? 'Full' : 'Half'} \r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n","import React, { useState, useEffect, Fragment, useRef } from 'react';\r\nimport groupService from '../../../Group/services';\r\nimport service from '../service';\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport Select from '@material-ui/core/Select';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport { Pagination, PageHeader, paginate } from '../../../../Common';\r\nimport Joi from '@hapi/joi';\r\nimport { validateProperty, validate } from \"../../../Common\";\r\nimport { CSVLink, CSVDownload } from \"react-csv\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { LabourChecklistReportSchema } from \"../LabourChecklistReportSchema\";\r\nimport { HalfNameMarkReportTableContent } from '../../../Common/Table/tableContent';\r\nimport $ from 'jquery';\r\nimport { LoadingSpinerComponent } from '../../../../Common/loader'\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport authService from '../../../Common/services';\r\nimport tokenService from '../../../../Common/tokenDecoder';\r\nimport CreatePdf from './createPdf';\r\nimport ReactToPrint from \"react-to-print\";\r\nimport { saveAs } from 'file-saver';\r\nimport '../../../Common/Table/table.css';\r\nimport xlsx from 'json-as-xlsx';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Card from '@material-ui/core/Card';\r\nimport _ from 'lodash';\r\n\r\nconst screenCode = 'LABOURCHECKLISTREPORT'\r\n\r\nexport function LabourChecklistReport(props) {\r\n\r\n const componentRef = useRef();\r\n\r\n const [groups, setGroups] = useState([]);\r\n const [operationEntity, setOperationEntity] = useState([]);\r\n const [collectionPoint, setCollectionPoint] = useState([]);\r\n const [collectionCategory, setCollectionCategory] = useState([]);\r\n const [subNames, setSubNames] = useState([]);\r\n const [colName, setColName] = useState([]);\r\n const [isTableHide, setIsTableHide] = useState(true);\r\n const [searchData, setsearchData] = useState({\r\n groupID: \"\",\r\n operationEntityID: \"\",\r\n collectionPointID: \"\",\r\n date: \"\"\r\n });\r\n const [selectedSearchValues, setSelectedSearchValues] = useState({\r\n group: \"\",\r\n operationEntity: \"\",\r\n collectionPoint: \"\"\r\n });\r\n const [summeryValues, setSummeryValues] = useState({\r\n full: 0,\r\n half: 0,\r\n allTotal: 0\r\n });\r\n const [errors, setErrors] = useState({});\r\n const schema = Joi.object(LabourChecklistReportSchema).options({ allowUnknown: true });\r\n const contentRowNames = [\"employeeName\", \"registrationNumber\", \"cardNumber\", \"totalWeight\", \"reason\", \"lastWeighTime\"]\r\n\r\n const [csvHeaders, setCsvHeaders] = useState([]);\r\n\r\n const [data, setdata] = useState([]);\r\n const [summeryData, setSummeryData] = useState([]);\r\n const [csvData, setCsvData] = useState([]);\r\n const DropdownChanges = Object.freeze({ \"group\": 1, \"operationEntity\": 2 })\r\n const [searchButtonHide, setSearchButtonHide] = useState(false);\r\n const [buttonHide, setButtonHide] = useState(true);\r\n const [permissionList, setPermissions] = useState({\r\n isGroupFilterEnabled: false,\r\n isOperationEntityFilterEnabled: false\r\n });\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getPermissions()\r\n )\r\n }, [])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getOperationEntities()\r\n )\r\n resetDropDowns(DropdownChanges.group);\r\n }, [searchData.groupID])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getCollectionCategoryForDropDown()\r\n )\r\n getCollectionPointsForDropDown();\r\n resetDropDowns(DropdownChanges.operationEntity);\r\n }, [searchData.operationEntityID])\r\n\r\n async function getPermissions() {\r\n var permissions = await authService.getPermissionsByScreen(screenCode);\r\n var isAuthorized = permissions.find(p => p.permissionCode == 'VIEWLABOURCHECKLISTREPORT');\r\n\r\n if (isAuthorized === undefined) {\r\n props.history.push('/unauthorized');\r\n }\r\n var isGroupFilterEnabled = permissions.find(p => p.permissionCode == 'GROUPDROPDOWN');\r\n\r\n var isOperationEntityFilterEnabled = permissions.find(p => p.permissionCode == 'OPERATIONENTITYDROPDOWN');\r\n setPermissions({\r\n ...permissionList,\r\n\r\n isGroupFilterEnabled: isGroupFilterEnabled !== undefined,\r\n isOperationEntityFilterEnabled: isOperationEntityFilterEnabled !== undefined\r\n });\r\n\r\n var token = tokenService.getUserDetailsFromToken();\r\n setsearchData({\r\n ...searchData,\r\n groupID: token.groupID,\r\n operationEntityID: token.operationEntityID\r\n });\r\n\r\n getGroupsForDropDown();\r\n }\r\n\r\n function resetDropDowns(type) {\r\n if (type === DropdownChanges.operationEntity) {\r\n setsearchData({\r\n ...searchData,\r\n collectionPointID: \"0\",\r\n });\r\n } else if (type === DropdownChanges.group) {\r\n setsearchData({\r\n ...searchData,\r\n operationEntityID: \"0\",\r\n collectionPointID: \"0\",\r\n });\r\n }\r\n }\r\n\r\n async function getGroupsForDropDown() {\r\n const groupsList = await groupService.getGroupsForDropdown();\r\n setGroups(groupsList);\r\n }\r\n\r\n async function getOperationEntities() {\r\n const operationEntityList = await service.getOperationEntitiesByGroupForDropDown(searchData.groupID);\r\n setOperationEntity(operationEntityList);\r\n }\r\n\r\n async function getCollectionCategoryForDropDown() {\r\n const collectionCategory = await service.getCollectionCategoryByOperationEntityForDropDown(searchData.operationEntityID);\r\n setCollectionCategory(collectionCategory);\r\n }\r\n\r\n async function getCollectionPointsForDropDown() {\r\n const collectionPoint = await service.getCollectionPointsByOperationentityGroupID(searchData.operationEntityID, searchData.groupID);\r\n setCollectionPoint(collectionPoint);\r\n }\r\n\r\n function handleChange(e) {\r\n e.preventDefault();\r\n\r\n const target = e.target;\r\n const value = target.value;\r\n const error = { ...errors };\r\n const errorMessage = validateProperty(target, LabourChecklistReportSchema);\r\n errorMessage ? error[target.name] = errorMessage : delete error[target.name];\r\n\r\n setsearchData({\r\n ...searchData,\r\n [e.target.name]: value\r\n });\r\n\r\n setErrors(error);\r\n clearTableRelatedData();\r\n }\r\n\r\n async function handleSearch(e) {\r\n e.preventDefault();\r\n\r\n const errorMessages = validate(schema, searchData);\r\n errorMessages !== null ? setErrors(errorMessages) : setErrors({});\r\n if (errorMessages) return;\r\n let result = await service.getReportData(searchData.collectionPointID, searchData.date);\r\n formatResult(result);\r\n getSelectedDropdownValuesForReport(searchData);\r\n\r\n }\r\n\r\n function formatResult(data) {\r\n var result = [];\r\n var totalOfAllrecords = 0;\r\n var names = [];\r\n var csvHeaders = [\r\n { label: \"Reg Number\", value: \"registrationNumber\" },\r\n { label: \"Employee Name\", value: \"firstName\" }\r\n ];\r\n data.forEach(x => {\r\n\r\n var sessionName = x.sessionName;\r\n\r\n if (result.length === 0) {\r\n result.push({\r\n [sessionName + 'N']: checkUndifind(x.totalAmount),\r\n [sessionName + 'F']: x.fieldName,\r\n employeeID: parseInt(x.employeeID),\r\n registrationNumber: x.registrationNumber,\r\n firstName: x.firstName,\r\n total: checkUndifind(x.totalAmount),\r\n configurationValue: x.configurationValue\r\n });\r\n names.push(x.sessionName);\r\n totalOfAllrecords = totalOfAllrecords + parseFloat(x.totalAmount);\r\n } else {\r\n totalOfAllrecords = totalOfAllrecords + parseFloat(x.totalAmount);\r\n var duplicate = result.find(y => parseInt(y.employeeID) == parseInt(x.employeeID));\r\n\r\n var duplicateName = names.find(y => y === x.sessionName);\r\n\r\n if (!duplicateName) {\r\n names.push(x.sessionName);\r\n }\r\n\r\n if (duplicate) {\r\n duplicate[sessionName + 'N'] = checkUndifind(duplicate[sessionName + 'N']) + checkUndifind(x.totalAmount);\r\n duplicate[sessionName + 'F'] = x.fieldName;\r\n duplicate.registrationNumber = x.registrationNumber;\r\n duplicate.firstName = x.firstName;\r\n duplicate.configurationValue = x.configurationValue;\r\n duplicate.total = checkUndifind(duplicate.total) + checkUndifind(x.totalAmount);\r\n } else {\r\n result.push({\r\n [sessionName + 'N']: checkUndifind(x.totalAmount),\r\n [sessionName + 'F']: x.fieldName,\r\n employeeID: parseInt(x.employeeID),\r\n registrationNumber: x.registrationNumber,\r\n firstName: x.firstName,\r\n total: checkUndifind(x.totalAmount),\r\n configurationValue: x.configurationValue\r\n });\r\n }\r\n }\r\n });\r\n var subNames = [];\r\n var subNamesCopy = [];\r\n for (let index = 0; index < names.length; index++) {\r\n subNames.push('Session ' + (index + 1) + 'N');\r\n subNames.push('Session ' + (index + 1) + 'F');\r\n csvHeaders.push({ label: \"Session \" + (index + 1) + ' Kg', value: \"Session \" + (index + 1) + 'N' });\r\n csvHeaders.push({ label: \"Session \" + (index + 1) + ' Field', value: \"Session \" + (index + 1) + 'F' });\r\n subNamesCopy.push('Session ' + (index + 1));\r\n }\r\n csvHeaders.push({ label: \"Total\", value: \"total\" });\r\n csvHeaders.push({ label: \"Duration\", value: \"duration\" });\r\n\r\n\r\n var result2 = [];\r\n\r\n result.forEach(x => {\r\n subNames.forEach(y => {\r\n if (x[y]) {\r\n var res = y.slice(-1);\r\n if (res == 'N') {\r\n result2.push({\r\n property: y,\r\n value: checkUndifind(x[y])\r\n });\r\n }\r\n }\r\n });\r\n });\r\n\r\n const result3 = result2.reduce((obj, el) => {\r\n\r\n obj[el.property] = (obj[el.property] || 0) + el.value;\r\n\r\n return obj;\r\n }, {});\r\n const result4 = result.filter(x => x.total >= x.configurationValue);\r\n\r\n setSummeryValues({\r\n ...summeryValues,\r\n full: result4.length,\r\n half: result.length - result4.length,\r\n allTotal: totalOfAllrecords\r\n });\r\n\r\n setCsvHeaders(csvHeaders);\r\n setSubNames(subNames);\r\n setdata(result);\r\n setCsvData(result);\r\n setColName(subNamesCopy);\r\n\r\n var resultqqqq = Object.entries(result3);\r\n\r\n var temlArry = [];\r\n for (const key in resultqqqq) {\r\n temlArry.push({\r\n name: resultqqqq[key][0],\r\n value: resultqqqq[key][1]\r\n })\r\n }\r\n setSummeryData(temlArry);\r\n\r\n }\r\n\r\n function checkUndifind(value) {\r\n if (value === undefined) {\r\n return 0;\r\n }\r\n else {\r\n return value;\r\n }\r\n }\r\n\r\n function createFile() {\r\n var settings = {\r\n sheetName: 'Labour Checklist Report',\r\n fileName: 'LabourChecklistReport',\r\n writeOptions: {}\r\n }\r\n csvData.forEach(x => {\r\n x.duration = x.total >= x.configurationValue ? 'Full' : 'Half'\r\n });\r\n\r\n var copyOfCsv = _.cloneDeep(csvData)\r\n var newRow1 = {\r\n registrationNumber: \"Group :\" + groups[searchData.groupID],\r\n firstName: \"Operation Entity : \" + operationEntity[searchData.operationEntityID],\r\n }\r\n var newRow2 = {\r\n registrationNumber: \"Collection Point :\" + collectionPoint[searchData.collectionPointID],\r\n firstName: \"Date : \" + searchData.date,\r\n }\r\n var newRow3 = {\r\n registrationNumber: \"Generated date/time : \" + new Date().toLocaleString(),\r\n firstName: \"Generated user : \" + tokenService.getUserNameFromToken(),\r\n }\r\n\r\n var newRow4 = {\r\n registrationNumber: \"Full : \" + summeryValues.full,\r\n firstName: \"Half : \" + summeryValues.half,\r\n }\r\n var newRow5 = {\r\n registrationNumber: \"Total : \" + summeryValues.allTotal,\r\n }\r\n\r\n copyOfCsv.push({}, newRow4, newRow5, {}, newRow1, newRow2, newRow3)\r\n\r\n xlsx(csvHeaders, copyOfCsv, settings, true)\r\n }\r\n\r\n function getSelectedDropdownValuesForReport(searchForm) {\r\n setSelectedSearchValues({\r\n ...selectedSearchValues,\r\n group: groups[searchForm.groupID],\r\n operationEntity: operationEntity[searchForm.operationEntityID],\r\n collectionPoint: collectionPoint[searchForm.collectionPointID],\r\n date: searchForm.date\r\n })\r\n }\r\n\r\n function generateDropDownMenu(data) {\r\n let items = []\r\n if (data != null) {\r\n for (const [key, value] of Object.entries(data)) {\r\n items.push(
{value} );\r\n }\r\n }\r\n return items\r\n }\r\n\r\n function onCancelClick() {\r\n setsearchData({\r\n ...searchData,\r\n collectionPointID: \"0\",\r\n });\r\n\r\n clearTableRelatedData();\r\n }\r\n\r\n function clearTableRelatedData() {\r\n setdata([]);\r\n setIsTableHide(true);\r\n setSelectedSearchValues([]);\r\n }\r\n\r\n return (\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {data.length != 0 ?\r\n
\r\n \r\n \r\n {summeryData.map((item) => (\r\n
{item.name.substring(0, item.name.length - 1)} Total : {parseFloat(item.value).toFixed(2)}
\r\n ))}\r\n
Total : {parseFloat(summeryValues.allTotal).toFixed(2)}
\r\n
Full : {summeryValues.full}
\r\n
Half : {summeryValues.half}
\r\n
\r\n \r\n \r\n \r\n Reg No\r\n \r\n \r\n Employee Name\r\n \r\n {colName.map((item) => (\r\n \r\n {item}\r\n \r\n ))}\r\n \r\n Total\r\n \r\n \r\n Duration\r\n \r\n \r\n \r\n {subNames.map((item) => {\r\n var res = item.slice(-1);\r\n return (\r\n {res == 'N' ? 'Kg' : 'Field'} \r\n );\r\n })}\r\n \r\n \r\n \r\n {data.map((row) => (\r\n \r\n \r\n {row.registrationNumber}\r\n \r\n \r\n {row.firstName}\r\n \r\n {subNames.map((column) => {\r\n const value = row[column];\r\n var res = column.slice(-1);\r\n return (\r\n {value == undefined ? '-' : res == 'N' ? parseFloat(value).toFixed(2) : value} \r\n );\r\n })}\r\n {parseFloat(row.total).toFixed(2)} \r\n {row.total >= row.configurationValue ? 'Full' : 'Half'} \r\n \r\n ))}\r\n \r\n
\r\n
\r\n \r\n : null}\r\n
\r\n {data.length != 0 ?\r\n
\r\n
\r\n
\r\n \r\n : null}\r\n
\r\n
\r\n );\r\n}\r\n\r\n\r\n\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom';\r\nimport { LabourChecklistReport } from './Pages/listing';\r\n\r\nexport const LabourChecklistReportRoutes = ({ match }) => (\r\n
\r\n \r\n)","import { CommonGet, CommonPost } from \"../../../../utils/CommonFetch\";\r\n\r\nexport default {\r\n\r\n getAlGroupsForDropdown,\r\n getFactoriesByGroupID,\r\n getAllRoutesByFactoryID,\r\n getAllCollectionTypesByoperationEntityID,\r\n getSubordianReportData,\r\n GetDivisionByEstateID\r\n};\r\n\r\n\r\nasync function getAlGroupsForDropdown() {\r\n var groupArray = [];\r\n const response = await CommonGet('/api/Group/GetAllGroups', null)\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n groupArray[item[1][\"groupID\"]] = item[1][\"groupName\"]\r\n }\r\n }\r\n return groupArray;\r\n}\r\n\r\nasync function getFactoriesByGroupID(groupID) {\r\n const response = await CommonGet('/api/OperationEntity/GetFactoriesByGroupID', 'groupID=' + groupID);\r\n let array = []\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1]) {\r\n array[item[1][\"operationEntityID\"]] = item[1][\"operationEntityName\"]\r\n }\r\n }\r\n return array;\r\n}\r\n\r\n\r\nasync function getAllRoutesByFactoryID(factoryID) {\r\n var routeArray = [];\r\n const response = await CommonGet('/api/CollectionPoint/GetAllRoutesByFactoryID', 'factoryID=' + factoryID);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n routeArray[item[1][\"collectionPointID\"]] = item[1][\"collectionPointName\"]\r\n }\r\n }\r\n return routeArray;\r\n}\r\n\r\nasync function getAllCollectionTypesByoperationEntityID(operationEntityID) {\r\n var collectionTypeArray = [];\r\n const response = await CommonGet('/api/CollectionType/GetAllCollectionTypesByOperationEntityID', 'operationEntityID=' + operationEntityID);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1]) {\r\n collectionTypeArray[item[1][\"collectionTypeMasterID\"]] = item[1][\"collectionTypeName\"]\r\n }\r\n }\r\n return collectionTypeArray;\r\n}\r\n\r\n\r\nasync function getSubordianReportData(data) {\r\n var model = {\r\n groupID: parseInt(data.groupID),\r\n estateID: parseInt(data.estateID),\r\n divisionID: parseInt(data.divisionID),\r\n date: data.date,\r\n };\r\n const response = await CommonPost('/api/SubordianReport/GetSubordianReportData', null, model);\r\n return response.data;\r\n}\r\n\r\nasync function GetDivisionByEstateID(id) {\r\n var divisionArray = [];\r\n const response = await CommonGet('/api/CollectionPoint/GetAllDivisionsByEstateID', 'estateID=' + id);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n divisionArray[item[1][\"collectionPointID\"]] = item[1][\"collectionPointName\"]\r\n }\r\n }\r\n return divisionArray;\r\n}\r\n","import Joi from '@hapi/joi'\r\n\r\nexport const FactoryRouteWeighReportSchemaObject = {\r\n groupID: Joi.number().invalid(0).required().label(\"Group\").messages({\r\n \"any.invalid\": `Select group`,\r\n \"any.required\": `Group required`\r\n }),\r\n estateID: Joi.number().invalid(0).required().label(\"Factory\").messages({\r\n \"any.invalid\": `Select Estate`,\r\n \"any.required\": `Estate required`\r\n }),\r\n divisionID: Joi.number().required().label(\"Route\").messages({\r\n \"any.invalid\": `Select Division`,\r\n \"any.required\": `Division Route`\r\n }),\r\n date: Joi.string().invalid(\"\").required().label(\"Date\")\r\n}","import React from \"react\";\r\nimport {TableContentWithoutEdit} from '../../../Common/Table/tableContent';\r\n\r\nexport default class ComponentToPrint extends React.Component {\r\n render() {\r\n const searchData = this.props.searchData;\r\n const contentRowNames = this.props.rowNames;\r\n const reportData = this.props.data;\r\n\r\n return (\r\n
\r\n
Subordinates Weighment Report \r\n
\r\n
Group: {searchData.group}
\r\n
Esate: {searchData.estate}
\r\n
Division: {searchData.division}
\r\n
Date: {searchData.date}
\r\n
\r\n
\r\n
\r\n \r\n \r\n Employee Name \r\n Registration Number \r\n Subordian Code \r\n Subordian Name \r\n Actual Amount \r\n Gross sAmount \r\n Net Amount \r\n Total Deduction \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}","import React, { useEffect, useState, Fragment, useRef } from \"react\";\r\nimport { PageHeader } from '../../../../Common';\r\nimport {\r\n TableContentWithoutEdit\r\n} from \"../../../Common/Table/tableContent\";\r\nimport services from \"../services\";\r\nimport $ from \"jquery\";\r\nimport authService from \"../../../Common/services\";\r\nimport { LoadingSpinerComponent } from \"../../../../Common/loader\";\r\nimport { trackPromise } from \"react-promise-tracker\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Joi from \"@hapi/joi\";\r\nimport { FactoryRouteWeighReportSchemaObject } from \"../factoryRouteWeighReportSchema\";\r\nimport { validateProperty, validate } from \"../../../Common\";\r\nimport tokenService from \"../../../../Common/tokenDecoder\";\r\nimport ReactToPrint from \"react-to-print\";\r\nimport CreatePdf from './createPdf';\r\nimport xlsx from 'json-as-xlsx';\r\nimport _ from 'lodash';\r\nimport {\r\n TableContentForFactoryRouteWeighReport,\r\n TableContentForSumLeafCollectionVarianceReport\r\n} from \"../../../Common/Table/tableContent\";\r\nimport { useExcelDownloder } from 'react-xls';\r\nimport ReactExport from \"react-export-excel\";\r\nimport Chip from '@material-ui/core/Chip';\r\nimport LineWeightIcon from '@material-ui/icons/LineWeight';\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport divisionService from '../../../Devision/services';\r\nimport { LoadingMaterialTable } from \"../../../../Common/table\";\r\n\r\nconst ExcelFile = ReactExport.ExcelFile;\r\nconst ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\r\nconst ExcelColumn = ReactExport.ExcelFile.ExcelColumn;\r\nconst screenCode = \"SUBORDINATECOLLECTIONREPORT\";\r\n\r\nexport function SubordinateCollectionReport(props) {\r\n\r\n const componentRef = useRef();\r\n const [reportData, setReportData] = useState([]);\r\n const [groups, setGroups] = useState([]);\r\n const [factories, setFactories] = useState([]);\r\n const [routes, setRoutes] = useState([]);\r\n\r\n const [estates, setEstates] = useState();\r\n const [divisions, setDivisions] = useState();\r\n\r\n const [isTableHide, setIsTableHide] = useState(true);\r\n\r\n const [leafCollectionVariance, setLeafCollectionDetails] = useState({\r\n groupID: \"0\",\r\n factoryID: \"0\",\r\n routeID: \"0\",\r\n estateID: \"0\",\r\n divisionID: \"0\",\r\n date: \"\"\r\n });\r\n\r\n const [selectedSearchValues, setSelectedSearchValues] = useState({\r\n group: \"\",\r\n estate: \"\",\r\n division: \"\",\r\n date: \"\"\r\n });\r\n\r\n const [errors, setErrors] = useState({});\r\n\r\n const [permissionList, setPermissions] = useState({\r\n isAddEditEnabled: false,\r\n isGroupFilterEnabled: false,\r\n isOperationEntityFilterEnabled: false\r\n });\r\n\r\n const schema = Joi.object(FactoryRouteWeighReportSchemaObject).options({ allowUnknown: true });\r\n\r\n\r\n\r\n const [contentRowNames, setContentRowNames] = useState([\"employeeName\", \"registrationNumber\", \"subordianCode\", \"subordianName\", \"actualAmount\", \"grossAmount\", \"netAmount\",\"totalDeduction\",\"totalAmount\"]);\r\n\r\n const initialCsvHeaders = [\r\n { label: \"Employee Name\", value: \"employeeName\" },\r\n { label: \"Registration Number\", value: \"registrationNumber\" },\r\n { label: \"Subordian Code\", value: \"subordianCode\" },\r\n { label: \"Subordian Name\", value: \"subordianName\" },\r\n { label: \"Actual Amount\", value: \"actualAmount\" },\r\n { label: \"Gross sAmount\", value: \"grossAmount\" },\r\n { label: \"Net Amount\", value: \"netAmount\" },\r\n { label: \"Total Deduction\", value: \"totalDeduction\" },\r\n { label: \"Total Amount\", value: \"totalAmount\" }\r\n \r\n ]\r\n const [csvHeaders, setCsvHeaders] = useState(initialCsvHeaders);\r\n const [csvData, setCsvData] = useState([]);\r\n const { ExcelDownloder, Type, e } = useExcelDownloder();\r\n const [totalNet, setTotalNet] = useState({\r\n total:0,\r\n netTotal : 0,\r\n actualTotal : 0,\r\n grossTotal : 0,\r\n totalAmount : 0\r\n }); \r\n useEffect(() => {\r\n trackPromise(getPermissions(),\r\n getGroupsForDropdown()\r\n );\r\n }, []);\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getEsatesForDropDown(),\r\n )\r\n }, [leafCollectionVariance.groupID])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n GetDivisionForDropDown()\r\n )\r\n }, [leafCollectionVariance.estateID])\r\n\r\n\r\n async function getEsatesForDropDown() {\r\n const factoryList = await divisionService.getEstatesByGroupID(leafCollectionVariance.groupID);\r\n setEstates(factoryList);\r\n }\r\n\r\n async function GetDivisionForDropDown() {\r\n const routeList = await services.GetDivisionByEstateID(leafCollectionVariance.estateID);\r\n setDivisions(routeList);\r\n }\r\n\r\n function handleGroupChange(target) {\r\n validateInputs(target);\r\n\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n groupID: target.value,\r\n factoryID: \"0\",\r\n routeID: \"0\"\r\n\r\n });\r\n setIsTableHide(true);\r\n }\r\n\r\n function handleFactoryChange(target) {\r\n validateInputs(target);\r\n\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n estateID: target.value,\r\n routeID: \"0\"\r\n });\r\n setIsTableHide(true);\r\n }\r\n\r\n function handleRouteChange(target) {\r\n validateInputs(target);\r\n\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n divisionID: target.value,\r\n });\r\n setIsTableHide(true);\r\n }\r\n\r\n function handleFromDateChange(target) {\r\n validateInputs(target);\r\n\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n date: target.value,\r\n });\r\n setIsTableHide(true);\r\n }\r\n\r\n function validateInputs(target) {\r\n const error = { ...errors };\r\n const errorMessage = validateProperty(target, FactoryRouteWeighReportSchemaObject);\r\n errorMessage\r\n ? (error[target.name] = errorMessage)\r\n : delete error[target.name];\r\n\r\n setErrors(error);\r\n }\r\n\r\n\r\n async function getPermissions() {\r\n var permissions = await authService.getPermissionsByScreen(screenCode);\r\n\r\n var isAuthorized = permissions.find(p => p.permissionCode == 'VIEWSUBORDINATEREPORT');\r\n\r\n if (isAuthorized === undefined) {\r\n props.history.push('/unauthorized');\r\n }\r\n var isGroupFilterEnabled = permissions.find(p => p.permissionCode == 'GROUPDROPDOWN');\r\n\r\n var isOperationEntityFilterEnabled = permissions.find(p => p.permissionCode == 'OPERATIONENTITYDROPDOWN');\r\n\r\n\r\n setPermissions({\r\n ...permissionList,\r\n isGroupFilterEnabled: isGroupFilterEnabled !== undefined,\r\n isOperationEntityFilterEnabled:\r\n isOperationEntityFilterEnabled !== undefined,\r\n });\r\n var token = tokenService.getUserDetailsFromToken();\r\n\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n groupID: token.groupID,\r\n factoryID: token.operationEntityID\r\n });\r\n trackPromise(getGroupsForDropdown());\r\n }\r\n\r\n\r\n async function getGroupsForDropdown() {\r\n const result = await services.getAlGroupsForDropdown();\r\n setGroups(result);\r\n }\r\n\r\n async function getFactoriesForDropdown() {\r\n const data = await services.getFactoriesByGroupID(leafCollectionVariance.groupID);\r\n setFactories(data);\r\n }\r\n\r\n async function getRoutesForDropDown() {\r\n const data = await services.getAllRoutesByFactoryID(leafCollectionVariance.factoryID);\r\n setRoutes(data);\r\n }\r\n\r\n\r\n function generateDropDownMenu(data) {\r\n let items = [];\r\n if (data != null) {\r\n for (const [key, value] of Object.entries(data)) {\r\n items.push(\r\n
\r\n {value}\r\n \r\n );\r\n }\r\n }\r\n return items;\r\n }\r\n\r\n\r\n async function handleSearch(e) {\r\n e.preventDefault();\r\n setIsTableHide(false);\r\n\r\n const errorMessages = validate(schema, leafCollectionVariance);\r\n errorMessages !== null ? setErrors(errorMessages) : setErrors({});\r\n if (errorMessages) return;\r\n var res = await services.getSubordianReportData(leafCollectionVariance);\r\n var total = 0;\r\n var netTotal = 0;\r\n var actualTotal = 0;\r\n var grossTotal = 0;\r\n var totalAmountx = 0;\r\n\r\n res.forEach(x => {\r\n x.pluckingCollectionID = x.pluckingCollectionID;\r\n x.employeeID= x.employeeID;\r\n x.registrationNumber= x.registrationNumber;\r\n x.employeeName= x.employeeName;\r\n x.subordianCode= x.subordianCode;\r\n x.subordianName= x.subordianName;\r\n x.actualAmount= x.actualAmount;\r\n x.grossAmount= x.grossAmount;\r\n x.netAmount= x.netAmount;\r\n x.totalDeduction= x.totalDeduction;\r\n x.totalAmount = x.totalAmount;\r\n\r\n total += x.totalDeduction;\r\n netTotal += x.netAmount;\r\n actualTotal += x.actualAmount;\r\n grossTotal += x.grossAmount;\r\n totalAmountx += x.totalAmount;\r\n })\r\n \r\n setTotalNet({\r\n total:total,\r\n netTotal:netTotal,\r\n actualTotal:actualTotal,\r\n grossTotal:grossTotal,\r\n totalAmount:totalAmountx\r\n })\r\n if (res != null || res.length != 0) {\r\n setReportData(res);\r\n setCsvData(res);\r\n getSelectedDropdownValuesForReport(leafCollectionVariance)\r\n }\r\n\r\n\r\n }\r\n\r\n function generateCsvData(data, totalRowResult, contentResult) {\r\n\r\n var copyOfData = _.cloneDeep(data);\r\n var newRecord = { filedDate: \"Total\" }\r\n\r\n newRecord.fieldNumberOfUnits = totalRowResult.bagCount;\r\n totalRowResult.forEach(x => {\r\n newRecord[x.name] = x.value === undefined ? (0).toFixed(2) : x.value.toFixed(2);\r\n });\r\n\r\n copyOfData.push(newRecord);\r\n setCsvData(copyOfData);\r\n }\r\n\r\n\r\n\r\n\r\n\r\n function createFile() {\r\n var settings = {\r\n sheetName: ( \"Sub-Weighment-Report\" + ' ' + leafCollectionVariance.date ),\r\n fileName: ( \"Sub-Weighment-Report\" + ' ' + leafCollectionVariance.date ),\r\n writeOptions: {}\r\n }\r\n\r\n xlsx(csvHeaders, csvData, settings, true)\r\n }\r\n\r\n function onCancelClick() {\r\n clearState();\r\n }\r\n\r\n function clearState() {\r\n setLeafCollectionDetails({\r\n ...leafCollectionVariance,\r\n routeID: \"0\",\r\n date: \"\"\r\n });\r\n setIsTableHide(true);\r\n setErrors(\"\");\r\n }\r\n\r\n\r\n function getSelectedDropdownValuesForReport(searchForm) {\r\n setSelectedSearchValues({\r\n ...selectedSearchValues,\r\n group: groups[leafCollectionVariance.groupID],\r\n estate: estates[leafCollectionVariance.estateID],\r\n division: divisions[leafCollectionVariance.divisionID],\r\n date: leafCollectionVariance.date\r\n })\r\n }\r\n\r\n return (\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
handleSearch(e)}\r\n disabled={false}\r\n >\r\n \r\n
\r\n Group * \r\n handleGroupChange(e.target)}\r\n >\r\n --Select Group-- \r\n {generateDropDownMenu(groups)}\r\n \r\n {errors[\"groupID\"] && (\r\n {errors[\"groupID\"]} \r\n )}\r\n
\r\n\r\n
\r\n Estate * \r\n handleFactoryChange(e.target)}\r\n >\r\n --Select Estate-- \r\n {generateDropDownMenu(estates)}\r\n \r\n {errors[\"estateID\"] && ({errors[\"estateID\"]} )}\r\n
\r\n\r\n
\r\n Division * \r\n handleRouteChange(e.target)}\r\n >\r\n --All Division-- \r\n {generateDropDownMenu(divisions)}\r\n \r\n {errors[\"divisionID\"] && ({errors[\"divisionID\"]} )}\r\n
\r\n
\r\n Date * \r\n handleFromDateChange(e.target)}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n />\r\n {errors[\"searchDate\"] && ({errors[\"searchDate\"]} )}\r\n
\r\n
\r\n trackPromise(handleSearch(e))}\r\n />\r\n\r\n
\r\n \r\n\r\n {isTableHide ? null :\r\n \r\n
\r\n
}\r\n label={\"Total Actual : \" + totalNet.actualTotal}\r\n color=\"secondary\"\r\n variant=\"outlined\"\r\n /> \r\n
}\r\n label={\"Total Gross : \" + totalNet.grossTotal}\r\n color=\"secondary\"\r\n variant=\"outlined\"\r\n /> \r\n
}\r\n label={\"Total Net : \" + totalNet.netTotal}\r\n color=\"secondary\"\r\n variant=\"outlined\"\r\n /> \r\n
}\r\n label={\"Total Deduction : \" + totalNet.total}\r\n color=\"secondary\"\r\n variant=\"outlined\"\r\n />\r\n \r\n
}\r\n label={\"Total Checkroll : \" + totalNet.totalAmount}\r\n color=\"secondary\"\r\n variant=\"outlined\"\r\n />\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom';\r\nimport { SubordinateCollectionReport } from './Pages';\r\n\r\nexport const SubordinateCollectionReportRoutes = ({ match }) => (\r\n
\r\n \r\n)","import { CommonGet, CommonPost } from \"../../../../utils/CommonFetch\";\r\n\r\nexport default {\r\n getOperationEntitiesByGroupForDropDown,\r\n getCollectionCategoryByOperationEntityForDropDown,\r\n getReportData\r\n};\r\n\r\nasync function getOperationEntitiesByGroupForDropDown(id) {\r\n var operationEntityArray = [];\r\n var response = await CommonGet('/api/OperationEntity/GetAllFactoriesByGroupID', 'groupID=' + id);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"groupID\"] === parseInt(id) && item[1][\"isActive\"] === true)\r\n operationEntityArray[item[1][\"operationEntityID\"]] = item[1][\"operationEntityName\"];\r\n }\r\n return operationEntityArray;\r\n}\r\n\r\nasync function getCollectionCategoryByOperationEntityForDropDown(id) {\r\n var collectionCategory = [];\r\n var response = await CommonGet('/api/CollectionPoint/GetAllRoutesByFactoryID', 'factoryID=' + id);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true)\r\n collectionCategory[item[1][\"collectionPointID\"]] = item[1][\"collectionPointName\"];\r\n }\r\n return collectionCategory;\r\n}\r\n\r\nasync function getReportData(data) {\r\n const response = await CommonPost('/api/BLFactoryWeighDetailsReport/GetDetailsForBLFactoryWeighDetailsReport', null, data);\r\n return response.data;\r\n}\r\n\r\n\r\n","import Joi from '@hapi/joi'\r\n\r\nexport const BLFactoryWeighSchema = {\r\n groupID: Joi.number().invalid(0).required().label(\"Group\").messages({\r\n \"any.invalid\": `Group cannot have invalid characters`,\r\n \"any.required\": `Group required`\r\n }),\r\n factoryID: Joi.number().invalid(0).required().label(\"Factory\").messages({\r\n \"any.invalid\": `Factory cannot have invalid characters`,\r\n \"any.required\": `Factory required`\r\n }),\r\n collectionPointID: Joi.number().invalid(0).required().label(\"Route\").messages({\r\n \"any.invalid\": `Route cannot have invalid characters`,\r\n \"any.required\": `Route required`\r\n }),\r\n Date: Joi.string().invalid(\"\").label(\"Date\")\r\n \r\n \r\n}","import React, { useEffect, useState, Fragment, useRef } from \"react\";\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\nexport default class ComponentToPrint extends React.Component {\r\n render() {\r\n const data = this.props.data;\r\n const deductionTypeNamesOfTable = this.props.deductionTypeNamesOfTable;\r\n const searchData = this.props.searchData;\r\n const colName = this.props.initialData;\r\n const summeryValues = this.props.summeryValues;\r\n const summeryData = this.props.summeryData;\r\n return (\r\n
\r\n
BL Factory Weigh Detail Report \r\n
\r\n
Group: {searchData.group}
\r\n
Operation Entity: {searchData.operationEntity}
\r\n
Collection Point: {searchData.collectionPoint}
\r\n
Date: {searchData.date}
\r\n
\r\n
\r\n \r\n \r\n \r\n Tag Number \r\n \r\n Date\r\n \r\n \r\n Time\r\n \r\n \r\n Bag Count\r\n \r\n \r\n Actual Amount\r\n \r\n \r\n Gross Amount\r\n \r\n {deductionTypeNamesOfTable.map((item) => (\r\n {item} \r\n ))}\r\n \r\n Net Amount\r\n \r\n \r\n \r\n \r\n {data.map((row) => (\r\n \r\n \r\n {row.ftagNumber}\r\n \r\n \r\n {row.ffullTime}\r\n \r\n \r\n {row.fstartTime}\r\n \r\n \r\n {row.count}\r\n \r\n \r\n {row.factualAmount}\r\n \r\n \r\n {row.fGrossAmount}\r\n \r\n\r\n {deductionTypeNamesOfTable.map((column) => {\r\n const value = row[column];\r\n return (\r\n {value == undefined ? '-' : value} \r\n );\r\n })}\r\n {row.fNetAmount} \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n Total\r\n \r\n \r\n {summeryValues.bagTot}\r\n \r\n \r\n {parseFloat(summeryValues.actualTot).toFixed(2)}\r\n \r\n \r\n {parseFloat(summeryValues.grossTot).toFixed(2)}\r\n \r\n {deductionTypeNamesOfTable.map((item) => {\r\n var result = summeryData.find(y => y.name === item);\r\n return (\r\n {result == undefined ? parseFloat(0).toFixed(2) : parseFloat(result.value).toFixed(2)} \r\n );\r\n })}\r\n \r\n {parseFloat(summeryValues.netTot).toFixed(2)}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n","import React, { useState, useEffect, Fragment, useRef } from 'react';\r\nimport groupService from '../../../Group/services';\r\nimport service from '../service';\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport Select from '@material-ui/core/Select';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport { PageHeader } from '../../../../Common';\r\nimport Joi, { x } from '@hapi/joi';\r\nimport { validateProperty, validate } from \"../../../Common\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { BLFactoryWeighSchema } from \"../BLFactoryWeighSchema\";\r\nimport { LoadingSpinerComponent } from '../../../../Common/loader'\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport authService from '../../../Common/services';\r\nimport tokenService from '../../../../Common/tokenDecoder';\r\nimport ReactToPrint from \"react-to-print\";\r\nimport CreatePdf from './createPdf';\r\nimport '../../../Common/Table/table.css';\r\nimport xlsx from 'json-as-xlsx';\r\nimport _ from 'lodash';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nconst screenCode = 'BLFACTORYWEIGHDETAILREPORT'\r\n\r\nexport function BLFactoryWeighDetailReport(props) {\r\n\r\n const componentRef = useRef();\r\n const [groups, setGroups] = useState([]);\r\n const [operationEntity, setOperationEntity] = useState([]);\r\n const [collectionPoint, setCollectionPoint] = useState([]);\r\n const [summeryData, setSummeryData] = useState([]);\r\n const [isTableHide, setIsTableHide] = useState(true);\r\n const [searchData, setsearchData] = useState({\r\n groupID: \"0\",\r\n factoryID: \"0\",\r\n collectionPointID: \"0\",\r\n toDate: \"\",\r\n fromDate: \"\",\r\n minimumGrossQuantityID: \"0\",\r\n Date: \"\"\r\n });\r\n const [selectedSearchValues, setSelectedSearchValues] = useState({\r\n group: \"\",\r\n operationEntity: \"\",\r\n collectionPoint: \"\",\r\n date: \"\"\r\n });\r\n const [summeryValues, setSummeryValues] = useState({\r\n netTot: 0,\r\n grossTot: 0,\r\n actualTot: 0,\r\n bagTot: 0,\r\n deductTot: 0\r\n });\r\n const [contentRowNames, setContentRowNames] = useState([\"ftagNumber\", \"ffullTime\", \"fstartTime\", \"count\", \"factualAmount\", \"fGrossAmount\", \"fBag\", \"fMoisture\", \"\", \"fNetAmount\"]);\r\n const pdfRef = React.createRef();\r\n const [errors, setErrors] = useState({});\r\n const options = {\r\n orientation: 'landscape',\r\n unit: 'in',\r\n format: [900, 700],\r\n };\r\n const schema = Joi.object(BLFactoryWeighSchema).options({ allowUnknown: true });\r\n const [csvHeaders, setCsvHeaders] = useState([]);\r\n // const csvHeaders = [\r\n // { label: \"Tag Number\", value: \"ftagNumber\" },\r\n // { label: \"Date\", value: \"ffullTime\" },\r\n // { label: \"Time\", value: \"fstartTime\" },\r\n // { label: \"Bag Count\", value: \"count\" },\r\n // { label: \"Actual Amount\", value: \"factualAmount\" },\r\n // { label: \"Gross Amount\", value: \"fGrossAmount\" }\r\n // ];\r\n\r\n const [data, setdata] = useState([]);\r\n const [csvData, setCsvData] = useState([]);\r\n const [permissionList, setPermissions] = useState({\r\n isGroupFilterEnabled: false,\r\n isOperationEntityFilterEnabled: false\r\n });\r\n const [searchButtonHide, setSearchButtonHide] = useState(false);\r\n const [buttonHide, setButtonHide] = useState(true);\r\n\r\n const [bagTotal, setBagTotal] = useState(0);\r\n const [bagPercentage, setBagPercentage] = useState(0);\r\n const [deductionTypeNamesOfTable, setDeductionTypeNamesOfTable] = useState([]);\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getPermissions()\r\n );\r\n }, [])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getOperationEntities()\r\n )\r\n }, [searchData.groupID])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getCollectionCategoryForDropDown()\r\n )\r\n }, [searchData.factoryID]);\r\n\r\n async function getPermissions() {\r\n var permissions = await authService.getPermissionsByScreen(screenCode);\r\n var isAuthorized = permissions.find(p => p.permissionCode == 'VIEWFACTORYWEIGHDETAILREPORT');\r\n if (isAuthorized === undefined) {\r\n props.history.push('/unauthorized');\r\n }\r\n var isGroupFilterEnabled = permissions.find(p => p.permissionCode == 'GROUPDROPDOWN');\r\n\r\n var isOperationEntityFilterEnabled = permissions.find(p => p.permissionCode == 'OPERATIONENTITYDROPDOWN');\r\n setPermissions({\r\n ...permissionList,\r\n\r\n isGroupFilterEnabled: isGroupFilterEnabled !== undefined,\r\n isOperationEntityFilterEnabled: isOperationEntityFilterEnabled !== undefined\r\n });\r\n\r\n var token = tokenService.getUserDetailsFromToken();\r\n setsearchData({\r\n ...searchData,\r\n groupID: token.groupID,\r\n factoryID: token.operationEntityID\r\n });\r\n\r\n trackPromise(\r\n getGroupsForDropDown()\r\n );\r\n }\r\n\r\n async function getGroupsForDropDown() {\r\n const groupsList = await groupService.getGroupsForDropdown();\r\n setGroups(groupsList);\r\n }\r\n\r\n async function getOperationEntities() {\r\n const operationEntityList = await service.getOperationEntitiesByGroupForDropDown(searchData.groupID);\r\n setOperationEntity(operationEntityList);\r\n }\r\n\r\n async function getCollectionCategoryForDropDown() {\r\n const collectionPoint = await service.getCollectionCategoryByOperationEntityForDropDown(searchData.factoryID);\r\n setCollectionPoint(collectionPoint);\r\n }\r\n\r\n\r\n function handleChange(e) {\r\n e.preventDefault();\r\n\r\n const target = e.target;\r\n const value = target.value;\r\n const error = { ...errors };\r\n const errorMessage = validateProperty(target, BLFactoryWeighSchema);\r\n errorMessage ? error[target.name] = errorMessage : delete error[target.name];\r\n\r\n setsearchData({\r\n ...searchData,\r\n [e.target.name]: value\r\n })\r\n }\r\n\r\n\r\n\r\n async function handleSearch(e) {\r\n e.preventDefault();\r\n\r\n\r\n const errorMessages = validate(schema, searchData);\r\n errorMessages !== null ? setErrors(errorMessages) : setErrors({});\r\n if (errorMessages) return;\r\n\r\n let selectedValues = {\r\n CollectionPointID: parseInt(searchData.collectionPointID),\r\n Date: searchData.Date\r\n\r\n }\r\n let result = await service.getReportData(selectedValues);\r\n var copyOfRsult = _.cloneDeep(result)\r\n var csvHeaders = [\r\n { label: \"Tag Number\", value: \"ftagNumber\" },\r\n { label: \"Date\", value: \"ffullTime\" },\r\n { label: \"Time\", value: \"fstartTime\" },\r\n { label: \"Bag Count\", value: \"count\" },\r\n { label: \"Actual Amount\", value: \"factualAmount\" },\r\n { label: \"Gross Amount\", value: \"fGrossAmount\" }\r\n ];\r\n var result1 = [];\r\n copyOfRsult.forEach(x => {\r\n if (result1.length === 0) {\r\n result1.push(x.fDeductionTypeName);\r\n csvHeaders.push({ label: x.fDeductionTypeName, value: x.fDeductionTypeName });\r\n } else {\r\n var duplicateName = result1.find(y => y === x.fDeductionTypeName);\r\n if (!duplicateName) {\r\n result1.push(x.fDeductionTypeName);\r\n csvHeaders.push({ label: x.fDeductionTypeName, value: x.fDeductionTypeName });\r\n }\r\n }\r\n });\r\n csvHeaders.push({ label: \"Net Amount\", value: \"fNetAmount\" });\r\n setDeductionTypeNamesOfTable(result1);\r\n let groupedFactoryWeighResult = groupByTag(result);\r\n let factoryWeighKeys = Object.keys(groupedFactoryWeighResult);\r\n let factoryWeighArrayCollection = [];\r\n factoryWeighKeys.forEach(x => {\r\n var res = pivotFactoryWeighResult(groupedFactoryWeighResult[x]);\r\n factoryWeighArrayCollection.push(res);\r\n });\r\n\r\n let bagTot = 0;\r\n let actualTot = 0;\r\n let grossTot = 0;\r\n let netTot = 0;\r\n let deductTot = [];\r\n\r\n factoryWeighArrayCollection.forEach(x => {\r\n bagTot = bagTot + x.count;\r\n actualTot = actualTot + x.factualAmount;\r\n grossTot = grossTot + x.fGrossAmount;\r\n netTot = netTot + x.fNetAmount;\r\n result1.forEach(y => {\r\n if (x[y]) {\r\n deductTot.push({\r\n property: y,\r\n value: checkUndifind(x[y])\r\n });\r\n\r\n }\r\n });\r\n });\r\n\r\n const result3 = deductTot.reduce((obj, el) => {\r\n\r\n obj[el.property] = (obj[el.property] || 0) + el.value;\r\n\r\n return obj;\r\n }, {});\r\n\r\n var resultqqqq = Object.entries(result3);\r\n\r\n var temlArry = [];\r\n for (const key in resultqqqq) {\r\n temlArry.push({\r\n name: resultqqqq[key][0],\r\n value: resultqqqq[key][1]\r\n })\r\n }\r\n setSummeryData(temlArry);\r\n\r\n setSummeryValues({\r\n ...summeryValues,\r\n netTot: netTot,\r\n grossTot: grossTot,\r\n actualTot: actualTot,\r\n bagTot: bagTot,\r\n deductTot: deductTot\r\n });\r\n setCsvHeaders(csvHeaders);\r\n setdata(factoryWeighArrayCollection);\r\n setCsvData(factoryWeighArrayCollection);\r\n setIsTableHide(false);\r\n setButtonHide(false);\r\n getSelectedDropdownValuesForReport(searchData);\r\n\r\n }\r\n\r\n function checkUndifind(value) {\r\n if (value === undefined) {\r\n return 0;\r\n }\r\n else {\r\n return value;\r\n }\r\n }\r\n\r\n const convertFrom24To12Format = (time24) => {\r\n var timeSplit = time24.split(\":\");\r\n return timeSplit[0] + \":\" + timeSplit[1];\r\n }\r\n\r\n function groupByTag(objectArray) {\r\n return objectArray.reduce(function (acc, obj) {\r\n let key = obj['tagNumber'] + \"-\" + obj['startTime'].split(\"T\")[0];\r\n\r\n if (!acc[key]) {\r\n acc[key] = []\r\n }\r\n acc[key].push(obj)\r\n return acc\r\n }, {})\r\n }\r\n\r\n function pivotFactoryWeighResult(data) {\r\n var result = {};\r\n data.forEach(function (e) {\r\n var a = e.tagNumber;\r\n\r\n if (!this[a]) {\r\n let time = convertFrom24To12Format(e.startTime.split('T')[1].split('.')[0]);\r\n\r\n this[a] = {\r\n factualAmount: e.fActualAmount,\r\n ftagNumber: e.tagNumber,\r\n fstartTime: time,\r\n ffullTime: e.startTime.split('T')[0],\r\n fNetAmount: e.fNetAmount,\r\n fGrossAmount: e.fGrossAmount,\r\n count: e.count,\r\n }\r\n result = this[a]\r\n }\r\n this[a][e.fDeductionTypeName] = e.fTotalDeduction;\r\n\r\n }, {});\r\n return result;\r\n\r\n }\r\n\r\n\r\n function createFile() {\r\n var settings = {\r\n sheetName: 'BL Factory Weigh Detail Report',\r\n fileName: 'BL Factory Weigh Detail Report',\r\n writeOptions: {}\r\n }\r\n\r\n var newArray1 = {\r\n ftagNumber: \"Total\",\r\n count: summeryValues.bagTot,\r\n factualAmount: summeryValues.actualTot,\r\n fGrossAmount: summeryValues.grossTot,\r\n fNetAmount: summeryValues.netTot\r\n }\r\n\r\n summeryData.forEach(x => {\r\n newArray1[x.name] = x.value;\r\n });\r\n\r\n var copyOfCsv = _.cloneDeep(csvData)\r\n var newRow1 = {\r\n ftagNumber: \"Group :\" + groups[searchData.groupID],\r\n ffullTime: \"Factory : \" + operationEntity[searchData.factoryID],\r\n fstartTime: \"Route : \" + collectionPoint[searchData.collectionPointID],\r\n count: \"Date : \" + searchData.Date\r\n }\r\n\r\n copyOfCsv.push(newArray1, {}, {}, newRow1)\r\n xlsx(csvHeaders, copyOfCsv, settings, true)\r\n }\r\n\r\n function generateDropDownMenu(data) {\r\n let items = []\r\n if (data != null) {\r\n for (const [key, value] of Object.entries(data)) {\r\n items.push(
{value} );\r\n }\r\n }\r\n return items\r\n }\r\n\r\n function getSelectedDropdownValuesForReport(searchForm) {\r\n setSelectedSearchValues({\r\n ...selectedSearchValues,\r\n group: groups[searchForm.groupID],\r\n operationEntity: operationEntity[searchForm.factoryID],\r\n collectionPoint: collectionPoint[searchForm.collectionPointID],\r\n date: searchForm.Date\r\n })\r\n }\r\n\r\n return (\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
handleSearch(e)}\r\n disabled={false}\r\n >\r\n \r\n
\r\n Group * \r\n handleChange(e)}>\r\n --Select Group-- \r\n {generateDropDownMenu(groups)}\r\n \r\n {errors[\"groupID\"] && {errors[\"groupID\"]} }\r\n
\r\n\r\n
\r\n Factory * \r\n handleChange(e)}>\r\n --Select Operation Entity-- \r\n {generateDropDownMenu(operationEntity)}\r\n \r\n {errors[\"factoryID\"] && {errors[\"factoryID\"]} }\r\n
\r\n\r\n
\r\n Route * \r\n handleChange(e)}>\r\n --Select Route-- \r\n {generateDropDownMenu(collectionPoint)}\r\n \r\n {errors[\"collectionPointID\"] && {errors[\"collectionPointID\"]} }\r\n
\r\n
\r\n handleChange(e)}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n trackPromise(handleSearch(e))}\r\n hidden={searchButtonHide}\r\n />\r\n
\r\n
\r\n \r\n \r\n \r\n Tag Number \r\n \r\n Date\r\n \r\n \r\n Time\r\n \r\n \r\n Bag Count\r\n \r\n \r\n Actual Amount\r\n \r\n \r\n Gross Amount\r\n \r\n {deductionTypeNamesOfTable.map((item) => (\r\n {item} \r\n ))}\r\n \r\n Net Amount\r\n \r\n \r\n \r\n \r\n {data.map((row) => (\r\n \r\n \r\n {row.ftagNumber}\r\n \r\n \r\n {row.ffullTime}\r\n \r\n \r\n {row.fstartTime}\r\n \r\n \r\n {row.count}\r\n \r\n \r\n {parseFloat(row.factualAmount).toFixed(2)}\r\n \r\n \r\n {parseFloat(row.fGrossAmount).toFixed(2)}\r\n \r\n {deductionTypeNamesOfTable.map((column) => {\r\n const value = row[column];\r\n return (\r\n {value == undefined ? '-' : parseFloat(value).toFixed(2)} \r\n );\r\n })}\r\n {parseFloat(row.fNetAmount).toFixed(2)} \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n Total\r\n \r\n \r\n {summeryValues.bagTot}\r\n \r\n \r\n {parseFloat(summeryValues.actualTot).toFixed(2)}\r\n \r\n \r\n {parseFloat(summeryValues.grossTot).toFixed(2)}\r\n \r\n {deductionTypeNamesOfTable.map((item) => {\r\n var result = summeryData.find(y => y.name === item);\r\n return (\r\n {result == undefined ? parseFloat(0).toFixed(2) : parseFloat(result.value).toFixed(2)} \r\n );\r\n })}\r\n \r\n {parseFloat(summeryValues.netTot).toFixed(2)}\r\n \r\n \r\n \r\n
\r\n \r\n }\r\n {data.length == 0 ? null :\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\n\r\n\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom';\r\nimport { BLFactoryWeighDetailReport } from './Pages';\r\n\r\nexport const BLFactoryWeighDetailReportRoutes = ({ match }) => (\r\n
\r\n \r\n)","import { CommonGet, CommonPost } from \"../../../../utils/CommonFetch\";\r\n\r\nexport default {\r\n getOperationEntitiesByGroupForDropDown,\r\n getCollectionCategoryByOperationEntityForDropDown,\r\n getCollectionPointsByOperationentityGroupID,\r\n getReportData,\r\n getGangByCollectionPointID\r\n};\r\n\r\nasync function getOperationEntitiesByGroupForDropDown(id) {\r\n var operationEntityArray = [];\r\n var response = await CommonGet('/api/OperationEntity/GetAllOperationEntities', null);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"groupID\"] === parseInt(id) && item[1][\"isActive\"] === true)\r\n operationEntityArray[item[1][\"operationEntityID\"]] = item[1][\"operationEntityName\"];\r\n }\r\n return operationEntityArray;\r\n}\r\n\r\nasync function getCollectionCategoryByOperationEntityForDropDown(id) {\r\n var collectionCategory = [];\r\n var response = await CommonGet('/api/CollectionCategory/GetCollectionCategoryByOperationEntityID', \"operationEntityID=\" + id);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true)\r\n collectionCategory[item[1][\"collectionCategoryID\"]] = item[1][\"collectionCategoryName\"];\r\n }\r\n return collectionCategory;\r\n}\r\n\r\nasync function getCollectionPointsByOperationentityGroupID(operationEntityID, groupID) {\r\n var collectionPointArray = [];\r\n const response = await CommonGet('/api/CollectionPoint/GetAllCollectionPoint', null);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"operationEntityID\"] === parseInt(operationEntityID) && item[1][\"groupID\"] === parseInt(groupID) && item[1][\"isActive\"] === true) {\r\n collectionPointArray[item[1][\"collectionPointID\"]] = item[1][\"collectionPointName\"]\r\n }\r\n }\r\n return collectionPointArray;\r\n}\r\n\r\nasync function getReportData(collectionPointID, pluckingType, gangID, startDate) {\r\n const response = await CommonGet('/api/LabourChecklistReport/GetPlukingChecklistReportDetails',\r\n 'collectionPointID=' + parseInt(collectionPointID) + '&startDate=' + startDate\r\n + '&pluckingType=' + pluckingType + '&gangID=' + parseInt(gangID));\r\n return response.data;\r\n}\r\n\r\nasync function getGangByCollectionPointID(operationEntityID, collectionPointID) {\r\n var gangArray = [];\r\n const response = await CommonGet('/api/Gang/GetGangBySearch', \"operationEntityID=\" + parseInt(operationEntityID) + '&collectionPointID=' + parseInt(collectionPointID));\r\n for (let item of Object.entries(response.data)) {\r\n gangArray[item[1][\"gangID\"]] = item[1][\"gangName\"]\r\n }\r\n return gangArray;\r\n}\r\n\r\n","import Joi from '@hapi/joi'\r\n\r\nexport const PlukingChecklistReportSchema = {\r\n groupID: Joi.number().invalid(0).required().label(\"Group\").messages({\r\n \"any.invalid\": `Please select valid Group`,\r\n \"any.required\": `Group required`\r\n }),\r\n operationEntityID: Joi.number().invalid(0).required().label(\"Operatin Entity\").messages({\r\n \"any.invalid\": `Please select valid Operatin Entity`,\r\n \"any.required\": `Operatin Entity required`\r\n }),\r\n collectionPointID: Joi.number().invalid(0).required().label(\"Collectionpoint\").messages({\r\n \"any.invalid\": `Please select valid Collectionpoint`,\r\n \"any.required\": `Collectionpoint required`\r\n }),\r\n pluckingType: Joi.string().label(\"pluckingType\").messages({\r\n \"any.invalid\": `Please select valid plucking Type`,\r\n \"any.required\": `plucking Type required`\r\n }),\r\n gangID: Joi.string().label(\"gang\").messages({\r\n \"any.invalid\": `Please select valid gang`,\r\n \"any.required\": `gang required`\r\n }),\r\n date: Joi.string().invalid(\"\").required().label(\"To Date\")\r\n}","import React, { useEffect, useState, Fragment, useRef } from \"react\";\r\nimport { ReportTableContent } from '../../../Common/Table/tableContent';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\nexport default class ComponentToPrint extends React.Component {\r\n render() {\r\n const data = this.props.data;\r\n const searchData = this.props.searchData;\r\n const subNames = this.props.contentRowNames;\r\n const colName = this.props.initialData;\r\n const summeryValues = this.props.summeryValues;\r\n const summeryData = this.props.summeryData;\r\n\r\n return (\r\n
\r\n
Plucking Checklist Report \r\n
\r\n
Group: {searchData.group}
\r\n
Operation Entity: {searchData.operationEntity}
\r\n
Collection Point: {searchData.collectionPoint}
\r\n
Date: {searchData.date}
\r\n
\r\n
\r\n \r\n {searchData.pluckingType == 'GENERAL' ?\r\n
Full : {summeryValues.full}
: null}\r\n {searchData.pluckingType == 'GENERAL' ?\r\n
Half : {summeryValues.half}
: null}\r\n
\r\n \r\n \r\n \r\n Reg No\r\n \r\n \r\n Employee Name\r\n \r\n {colName.map((item) => (\r\n \r\n {item} (Kg)\r\n \r\n ))}\r\n \r\n Total\r\n \r\n {searchData.pluckingType == 'GENERAL' ?\r\n \r\n Mandays\r\n : null}\r\n {searchData.pluckingType == 'GENERAL' ?\r\n \r\n Cash Kilo\r\n : null}\r\n \r\n \r\n \r\n {data.map((row) => (\r\n \r\n \r\n {row.registrationNumber}\r\n \r\n \r\n {row.firstName}\r\n \r\n {subNames.map((column) => {\r\n const value = row[column];\r\n return (\r\n {value == undefined ? '-' : parseFloat(value).toFixed(2)} \r\n );\r\n })}\r\n {parseFloat(row.total).toFixed(2)} \r\n {searchData.pluckingType == 'GENERAL' ?\r\n {row.total >= row.configurationValue ? 'Full' : 'Half'} : null}\r\n {searchData.pluckingType == 'GENERAL' ?\r\n {(parseFloat(row.total) - parseFloat(row.configurationValue)) <= 0 ? '-'\r\n : (parseFloat(row.total) - parseFloat(row.configurationValue)).toFixed(2)} : null}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n Total\r\n \r\n {summeryData.map((item) => (\r\n \r\n {parseFloat(item.value).toFixed(2)}\r\n \r\n ))}\r\n \r\n {parseFloat(summeryValues.allTotal).toFixed(2)}\r\n \r\n {searchData.pluckingType == 'GENERAL' ?\r\n \r\n : null}\r\n {searchData.pluckingType == 'GENERAL' ?\r\n \r\n {parseFloat(summeryValues.okTot).toFixed(2)}\r\n : null}\r\n \r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n","import React, { useState, useEffect, Fragment, useRef } from 'react';\r\nimport groupService from '../../../Group/services';\r\nimport service from '../service';\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport Select from '@material-ui/core/Select';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport { Pagination, PageHeader, paginate } from '../../../../Common';\r\nimport Joi from '@hapi/joi';\r\nimport { validateProperty, validate } from \"../../../Common\";\r\nimport { CSVLink, CSVDownload } from \"react-csv\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { PlukingChecklistReportSchema } from \"../PlukingChecklistReportSchema\";\r\nimport { HalfNameMarkReportTableContent } from '../../../Common/Table/tableContent';\r\nimport $ from 'jquery';\r\nimport { LoadingSpinerComponent } from '../../../../Common/loader'\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport authService from '../../../Common/services';\r\nimport tokenService from '../../../../Common/tokenDecoder';\r\nimport CreatePdf from './createPdf';\r\nimport ReactToPrint from \"react-to-print\";\r\nimport { saveAs } from 'file-saver';\r\nimport '../../../Common/Table/table.css';\r\nimport xlsx from 'json-as-xlsx';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Card from '@material-ui/core/Card';\r\nimport { InputAdornment, Box } from '@material-ui/core';\r\nimport Search from '@mui/icons-material/Search';\r\nimport _ from 'lodash';\r\n\r\nconst screenCode = 'PLUCKINGCHECKLISTREPORT'\r\n\r\nexport function PlukingChecklistReport(props) {\r\n\r\n const componentRef = useRef();\r\n\r\n const [groups, setGroups] = useState([]);\r\n const [operationEntity, setOperationEntity] = useState([]);\r\n const [collectionPoint, setCollectionPoint] = useState([]);\r\n const [gang, setGang] = useState([]);\r\n const [collectionCategory, setCollectionCategory] = useState([]);\r\n const [subNames, setSubNames] = useState([]);\r\n const [colName, setColName] = useState([]);\r\n const [isTableHide, setIsTableHide] = useState(true);\r\n const [searchData, setsearchData] = useState({\r\n groupID: \"\",\r\n operationEntityID: \"\",\r\n collectionPointID: \"\",\r\n pluckingType: \"0\",\r\n gangID: \"0\",\r\n date: \"\",\r\n });\r\n const [customSearch, setCustomSearch] = useState({\r\n regNumber: ''\r\n });\r\n const [selectedSearchValues, setSelectedSearchValues] = useState({\r\n group: \"\",\r\n operationEntity: \"\",\r\n collectionPoint: \"\"\r\n });\r\n const [summeryValues, setSummeryValues] = useState({\r\n full: 0,\r\n half: 0,\r\n allTotal: 0,\r\n okTot: 0\r\n });\r\n const [errors, setErrors] = useState({});\r\n const schema = Joi.object(PlukingChecklistReportSchema).options({ allowUnknown: true });\r\n const contentRowNames = [\"employeeName\", \"registrationNumber\", \"cardNumber\", \"totalWeight\", \"reason\", \"lastWeighTime\"]\r\n\r\n const [csvHeaders, setCsvHeaders] = useState([]);\r\n\r\n const [data, setdata] = useState([]);\r\n const [data1, setdata1] = useState([]);\r\n const [summeryData, setSummeryData] = useState([]);\r\n const [csvData, setCsvData] = useState([]);\r\n const DropdownChanges = Object.freeze({ \"group\": 1, \"operationEntity\": 2 })\r\n const [searchButtonHide, setSearchButtonHide] = useState(false);\r\n const [buttonHide, setButtonHide] = useState(true);\r\n const [permissionList, setPermissions] = useState({\r\n isGroupFilterEnabled: false,\r\n isOperationEntityFilterEnabled: false\r\n });\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getPermissions()\r\n )\r\n }, [])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getOperationEntities()\r\n )\r\n resetDropDowns(DropdownChanges.group);\r\n }, [searchData.groupID])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getGangByCollectionPointID()\r\n )\r\n }, [searchData.collectionPointID])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getCollectionCategoryForDropDown()\r\n )\r\n getCollectionPointsForDropDown();\r\n resetDropDowns(DropdownChanges.operationEntity);\r\n }, [searchData.operationEntityID])\r\n\r\n useEffect(() => {\r\n handleSearch1(customSearch.regNumber);\r\n }, [customSearch.regNumber]);\r\n\r\n async function getPermissions() {\r\n var permissions = await authService.getPermissionsByScreen(screenCode);\r\n var isAuthorized = permissions.find(p => p.permissionCode == 'VIEWPLUKINGCHECKLISTREPORT');\r\n\r\n if (isAuthorized === undefined) {\r\n props.history.push('/unauthorized');\r\n }\r\n var isGroupFilterEnabled = permissions.find(p => p.permissionCode == 'GROUPDROPDOWN');\r\n\r\n var isOperationEntityFilterEnabled = permissions.find(p => p.permissionCode == 'OPERATIONENTITYDROPDOWN');\r\n setPermissions({\r\n ...permissionList,\r\n\r\n isGroupFilterEnabled: isGroupFilterEnabled !== undefined,\r\n isOperationEntityFilterEnabled: isOperationEntityFilterEnabled !== undefined\r\n });\r\n\r\n var token = tokenService.getUserDetailsFromToken();\r\n setsearchData({\r\n ...searchData,\r\n groupID: token.groupID,\r\n operationEntityID: token.operationEntityID\r\n });\r\n\r\n getGroupsForDropDown();\r\n }\r\n\r\n function resetDropDowns(type) {\r\n if (type === DropdownChanges.operationEntity) {\r\n setsearchData({\r\n ...searchData,\r\n collectionPointID: \"0\",\r\n });\r\n } else if (type === DropdownChanges.group) {\r\n setsearchData({\r\n ...searchData,\r\n operationEntityID: \"0\",\r\n collectionPointID: \"0\",\r\n });\r\n }\r\n }\r\n\r\n async function getGroupsForDropDown() {\r\n const groupsList = await groupService.getGroupsForDropdown();\r\n setGroups(groupsList);\r\n }\r\n\r\n async function getOperationEntities() {\r\n const operationEntityList = await service.getOperationEntitiesByGroupForDropDown(searchData.groupID);\r\n setOperationEntity(operationEntityList);\r\n }\r\n\r\n async function getCollectionCategoryForDropDown() {\r\n const collectionCategory = await service.getCollectionCategoryByOperationEntityForDropDown(searchData.operationEntityID);\r\n setCollectionCategory(collectionCategory);\r\n }\r\n\r\n async function getCollectionPointsForDropDown() {\r\n const collectionPoint = await service.getCollectionPointsByOperationentityGroupID(searchData.operationEntityID, searchData.groupID);\r\n setCollectionPoint(collectionPoint);\r\n }\r\n\r\n async function getGangByCollectionPointID() {\r\n const gang = await service.getGangByCollectionPointID(searchData.operationEntityID, searchData.collectionPointID);\r\n setGang(gang);\r\n }\r\n\r\n function handleChange(e) {\r\n e.preventDefault();\r\n\r\n const target = e.target;\r\n const value = target.value;\r\n const error = { ...errors };\r\n const errorMessage = validateProperty(target, PlukingChecklistReportSchema);\r\n errorMessage ? error[target.name] = errorMessage : delete error[target.name];\r\n\r\n setsearchData({\r\n ...searchData,\r\n [e.target.name]: value\r\n });\r\n\r\n setErrors(error);\r\n clearTableRelatedData();\r\n }\r\n\r\n async function handleSearch(e) {\r\n e.preventDefault();\r\n\r\n const errorMessages = validate(schema, searchData);\r\n errorMessages !== null ? setErrors(errorMessages) : setErrors({});\r\n if (errorMessages) return;\r\n let result = await service.getReportData(searchData.collectionPointID, searchData.pluckingType, searchData.gangID, searchData.date);\r\n formatResult(result);\r\n getSelectedDropdownValuesForReport(searchData);\r\n\r\n }\r\n\r\n function formatResult(data) {\r\n var result = [];\r\n var totalOfAllrecords = 0;\r\n var names = [];\r\n var csvHeaders = [\r\n { label: \"Reg Number\", value: \"registrationNumber\" },\r\n { label: \"Employee Name\", value: \"firstName\" }\r\n ];\r\n data.forEach(x => {\r\n\r\n var sessionName = x.sessionName;\r\n\r\n if (result.length === 0) {\r\n result.push({\r\n [sessionName]: checkUndifind(x.totalAmount),\r\n employeeID: parseInt(x.employeeID),\r\n registrationNumber: x.registrationNumber,\r\n firstName: x.firstName,\r\n total: checkUndifind(x.totalAmount),\r\n configurationValue: x.configurationValue\r\n });\r\n names.push(x.sessionName);\r\n csvHeaders.push({ label: x.sessionName, value: x.sessionName });\r\n totalOfAllrecords = totalOfAllrecords + parseFloat(x.totalAmount);\r\n } else {\r\n totalOfAllrecords = totalOfAllrecords + parseFloat(x.totalAmount);\r\n var duplicate = result.find(y => parseInt(y.employeeID) == parseInt(x.employeeID));\r\n\r\n var duplicateName = names.find(y => y === x.sessionName);\r\n\r\n if (!duplicateName) {\r\n names.push(x.sessionName);\r\n csvHeaders.push({ label: x.sessionName, value: x.sessionName });\r\n }\r\n\r\n if (duplicate) {\r\n duplicate[sessionName] = checkUndifind(duplicate[sessionName]) + checkUndifind(x.totalAmount);\r\n duplicate.registrationNumber = x.registrationNumber;\r\n duplicate.firstName = x.firstName;\r\n duplicate.configurationValue = x.configurationValue;\r\n duplicate.total = checkUndifind(duplicate.total) + checkUndifind(x.totalAmount);\r\n } else {\r\n result.push({\r\n [sessionName]: checkUndifind(x.totalAmount),\r\n employeeID: parseInt(x.employeeID),\r\n registrationNumber: x.registrationNumber,\r\n firstName: x.firstName,\r\n total: checkUndifind(x.totalAmount),\r\n configurationValue: x.configurationValue\r\n });\r\n }\r\n }\r\n });\r\n names.sort((a, b) => a > b ? 1 : -1);\r\n\r\n csvHeaders.push({ label: \"Total\", value: \"total\" });\r\n if (searchData.pluckingType == 'GENERAL') {\r\n csvHeaders.push({ label: \"Mandays\", value: \"duration\" });\r\n csvHeaders.push({ label: \"Cash Kilo\", value: \"overKilo\" });\r\n }\r\n\r\n var result2 = [];\r\n\r\n result.forEach(x => {\r\n names.forEach(y => {\r\n if (x[y]) {\r\n result2.push({\r\n property: y,\r\n value: checkUndifind(x[y])\r\n });\r\n\r\n }\r\n });\r\n });\r\n\r\n const result3 = result2.reduce((obj, el) => {\r\n\r\n obj[el.property] = (obj[el.property] || 0) + el.value;\r\n\r\n return obj;\r\n }, {});\r\n\r\n const result4 = result.filter(x => x.total >= x.configurationValue);\r\n\r\n let okTot = 0;\r\n result.forEach(x => {\r\n if (!((parseFloat(x.total) - parseFloat(x.configurationValue)) <= 0)) {\r\n okTot = okTot + (parseFloat(x.total) - parseFloat(x.configurationValue));\r\n }\r\n });\r\n\r\n setSummeryValues({\r\n ...summeryValues,\r\n full: result4.length,\r\n half: result.length - result4.length,\r\n allTotal: totalOfAllrecords,\r\n okTot: okTot\r\n });\r\n\r\n setCsvHeaders(csvHeaders);\r\n setSubNames(names);\r\n setdata(result);\r\n setdata1(result);\r\n setCsvData(result);\r\n setColName(names);\r\n\r\n var resultqqqq = Object.entries(result3);\r\n\r\n var temlArry = [];\r\n for (const key in resultqqqq) {\r\n temlArry.push({\r\n name: resultqqqq[key][0],\r\n value: resultqqqq[key][1]\r\n })\r\n }\r\n temlArry.sort((a, b) => a.name > b.name ? 1 : -1);\r\n setSummeryData(temlArry);\r\n\r\n }\r\n\r\n function checkUndifind(value) {\r\n if (value === undefined) {\r\n return 0;\r\n }\r\n else {\r\n return value;\r\n }\r\n }\r\n\r\n function createFile() {\r\n var settings = {\r\n sheetName: 'Plucking Checklist Report',\r\n fileName: 'PluckingChecklistReport',\r\n writeOptions: {}\r\n }\r\n csvData.forEach(x => {\r\n x.duration = x.total >= x.configurationValue ? 'Full' : 'Half'\r\n x.overKilo = (parseFloat(x.total) - parseFloat(x.configurationValue)) <= 0 ? '' :\r\n (parseFloat(x.total) - parseFloat(x.configurationValue))\r\n });\r\n\r\n var newArray1 = {\r\n registrationNumber: \"Total\",\r\n total: summeryValues.allTotal,\r\n overKilo: summeryValues.okTot\r\n }\r\n\r\n summeryData.forEach(x => {\r\n newArray1[x.name] = x.value;\r\n });\r\n\r\n var copyOfCsv = _.cloneDeep(csvData)\r\n var newRow1 = {\r\n registrationNumber: \"Group :\" + groups[searchData.groupID],\r\n firstName: \"Operation Entity : \" + operationEntity[searchData.operationEntityID],\r\n }\r\n var newRow2 = {\r\n registrationNumber: \"Collection Point :\" + collectionPoint[searchData.collectionPointID],\r\n firstName: \"Date : \" + searchData.date,\r\n }\r\n var newRow3 = {\r\n registrationNumber: \"Generated date/time : \" + new Date().toLocaleString(),\r\n firstName: \"Generated user : \" + tokenService.getUserNameFromToken(),\r\n }\r\n if (searchData.pluckingType == 'GENERAL') {\r\n var newRow4 = {\r\n registrationNumber: \"Full : \" + summeryValues.full,\r\n firstName: \"Half : \" + summeryValues.half,\r\n }\r\n }\r\n\r\n copyOfCsv.push(newArray1, {}, searchData.pluckingType == 'GENERAL' ? newRow4 : {}, {}, newRow1, newRow2, newRow3)\r\n\r\n xlsx(csvHeaders, copyOfCsv, settings, true)\r\n }\r\n\r\n function getSelectedDropdownValuesForReport(searchForm) {\r\n setSelectedSearchValues({\r\n ...selectedSearchValues,\r\n group: groups[searchForm.groupID],\r\n operationEntity: operationEntity[searchForm.operationEntityID],\r\n collectionPoint: collectionPoint[searchForm.collectionPointID],\r\n pluckingType: searchForm.pluckingType,\r\n date: searchForm.date\r\n })\r\n }\r\n\r\n function generateDropDownMenu(data) {\r\n let items = []\r\n if (data != null) {\r\n for (const [key, value] of Object.entries(data)) {\r\n items.push(
{value} );\r\n }\r\n }\r\n return items\r\n }\r\n\r\n function onCancelClick() {\r\n setsearchData({\r\n ...searchData,\r\n collectionPointID: \"0\",\r\n });\r\n\r\n clearTableRelatedData();\r\n }\r\n\r\n function clearTableRelatedData() {\r\n setdata([]);\r\n setIsTableHide(true);\r\n setSelectedSearchValues([]);\r\n }\r\n\r\n function handleChange1(e) {\r\n const target = e.target;\r\n const value = target.value\r\n setCustomSearch({\r\n ...customSearch,\r\n regNumber: value\r\n });\r\n }\r\n\r\n async function handleSearch1(data2) {\r\n if (data == null || data.length == 0) {\r\n setdata(data1)\r\n }\r\n const Default = data.filter(x => x.registrationNumber.toLowerCase().includes(data2.toLowerCase()) || x.firstName.toLowerCase().includes(data2.toLowerCase()))\r\n if (data2 == '') {\r\n setdata(data1)\r\n return;\r\n }\r\n setdata(Default)\r\n }\r\n\r\n return (\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {data.length != 0 ?\r\n
\r\n \r\n { handleChange1(e) }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n \r\n \r\n \r\n {searchData.pluckingType == 'GENERAL' ?\r\n
Full : {summeryValues.full}
\r\n : null}\r\n {searchData.pluckingType == 'GENERAL' ?\r\n
Half : {(summeryValues.half)/2}
\r\n : null}\r\n
\r\n \r\n \r\n \r\n Reg No\r\n \r\n \r\n Employee Name\r\n \r\n {colName.map((item) => (\r\n \r\n {item} (Kg)\r\n \r\n ))}\r\n \r\n Total\r\n \r\n {searchData.pluckingType == 'GENERAL' ?\r\n \r\n Mandays\r\n : null}\r\n {searchData.pluckingType == 'GENERAL' ?\r\n \r\n Cash Kilo\r\n : null}\r\n \r\n \r\n \r\n {data.map((row) => (\r\n \r\n \r\n {row.registrationNumber}\r\n \r\n \r\n {row.firstName}\r\n \r\n {subNames.map((column) => {\r\n const value = row[column];\r\n return (\r\n {value == undefined ? '-' : parseFloat(value).toFixed(2)} \r\n );\r\n })}\r\n {parseFloat(row.total).toFixed(2)} \r\n {searchData.pluckingType == 'GENERAL' ?\r\n {row.total >= row.configurationValue ? '1' : '0.5'} \r\n : null}\r\n {searchData.pluckingType == 'GENERAL' ?\r\n {(parseFloat(row.total) - parseFloat(row.configurationValue)) <= 0 ? '-'\r\n : (parseFloat(row.total) - parseFloat(row.configurationValue)).toFixed(2)} : null}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n Total\r\n \r\n {summeryData.map((item) => (\r\n \r\n {parseFloat(item.value).toFixed(2)}\r\n \r\n ))}\r\n \r\n {parseFloat(summeryValues.allTotal).toFixed(2)}\r\n \r\n {searchData.pluckingType == 'GENERAL' ?\r\n \r\n : null}\r\n {searchData.pluckingType == 'GENERAL' ?\r\n \r\n {parseFloat(summeryValues.okTot).toFixed(2)}\r\n : null}\r\n \r\n \r\n
\r\n
\r\n \r\n : null}\r\n
\r\n {data.length != 0 ?\r\n
\r\n
\r\n
\r\n \r\n : null}\r\n
\r\n
\r\n );\r\n}\r\n\r\n\r\n\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom';\r\nimport { PlukingChecklistReport } from './Pages/listing';\r\n\r\nexport const PlukingChecklistReportRoutes = ({ match }) => (\r\n
\r\n \r\n)","import { CommonGet, CommonPost } from \"../../../../utils/CommonFetch\";\r\n\r\nexport default {\r\n\r\n getAlGroupsForDropdown,\r\n getEstatesByGroupID,\r\n getDivisionByEstateID,\r\n getAllTaskNames,\r\n getLabourTaskByOperationEntityIDTaskCategoryID,\r\n getDailyTaskDetailReportData,\r\n GetAllOperationEntityByGroupID\r\n};\r\n\r\n\r\nasync function getAlGroupsForDropdown() {\r\n var groupArray = [];\r\n const response = await CommonGet('/api/Group/GetAllGroups', null)\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n groupArray[item[1][\"groupID\"]] = item[1][\"groupName\"]\r\n }\r\n }\r\n return groupArray;\r\n}\r\n\r\nasync function GetAllOperationEntityByGroupID(groupID) {\r\n const dataArray = [];\r\n const response = await CommonGet('/api/OperationEntity/GetAllOperationEntityByGroupID', 'groupID=' + groupID);\r\n for (let item of Object.entries(response.data)) {\r\n dataArray[item[1][\"operationEntityID\"]] = item[1][\"operationEntityName\"]\r\n }\r\n return dataArray;\r\n}\r\n\r\nasync function getEstatesByGroupID(id) {\r\n var estateArray = [];\r\n const response = await CommonGet('/api/OperationEntity/GetAllEstatesByGroupID', 'groupID=' + id);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n estateArray[item[1][\"operationEntityID\"]] = item[1][\"operationEntityName\"]\r\n }\r\n }\r\n return estateArray;\r\n}\r\n\r\n\r\nasync function getDivisionByEstateID(operationEntityID) {\r\n const response = await CommonGet('/api/CollectionPoint/GetAllCollectionPoint', null);\r\n let array = []\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true && item[1][\"operationEntityID\"] == operationEntityID) {\r\n array[item[1][\"collectionPointID\"]] = item[1][\"collectionPointName\"]\r\n }\r\n }\r\n return array;\r\n}\r\n\r\nasync function getAllTaskNames(groupID, estateID) {\r\n const response = await CommonGet('/api/EstateTask/GetEstateTaskByFilter', 'groupID=' + groupID + '&operationEntityID=' + estateID);\r\n let array = []\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n array[item[1][\"estateTaskId\"]] = item[1][\"estateTaskName\"]\r\n }\r\n }\r\n return array;\r\n}\r\n\r\nasync function getLabourTaskByOperationEntityIDTaskCategoryID(estateID, category) {\r\n const response = await CommonGet('/api/EmployeeTask/GetTaskDetailByOperationEntityID', 'operationEntityID=' + estateID + '&category=' + category);\r\n return response.data;\r\n}\r\n\r\nasync function getDailyTaskDetailReportData(data) {\r\n \r\n var model = {\r\n estateID: parseInt(data.estateID),\r\n divisionID: parseInt(data.divisionID),\r\n searchDate: data.searchDate,\r\n category: parseInt(data.category),\r\n task: parseInt(data.task)\r\n };\r\n const response = await CommonPost('/api/DailyTaskDetailReport/SundryFactoryCheckListNew', null, model);\r\n return response.data;\r\n}\r\n","import Joi from '@hapi/joi'\r\n\r\nexport const DailyTaskDetailReportschemaObject = {\r\n groupID: Joi.number().invalid(0).required().label(\"Group\").messages({\r\n \"any.invalid\": `Select group`,\r\n \"any.required\": `Group required`\r\n }),\r\n estateID: Joi.number().invalid(0).required().label(\"Operation Entity\").messages({\r\n \"any.invalid\": `Select Operation Entity`,\r\n \"any.required\": `Operation Entity required`\r\n }),\r\n divisionID: Joi.number().invalid(0).label(\"Collection Point\").messages({\r\n \"any.invalid\": `Select Collection Point`,\r\n \"any.required\": `Collection Point required`\r\n }),\r\n //searchDate: Joi.string().invalid(\"\").label(\"Search Date\"),\r\n searchDate: Joi.string().invalid(\"\").required().label(\"Search Date\").messages({\r\n \"any.invalid\": `Select Search Date`,\r\n \"any.required\": `Search Date required`\r\n }),\r\n\r\n \r\n\r\n \r\n}\r\n\r\n","import React, { useEffect, useState, Fragment, useRef } from \"react\";\r\nimport { DailyTaskDetailReportTableContent } from '../../../Common/Table/tableContent';\r\nimport tokenService from '../../../../Common/tokenDecoder';\r\nimport TablePagination from '@material-ui/core/TablePagination';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\nexport default class ComponentToPrint extends React.Component {\r\n render() {\r\n const searchData = this.props.searchData;\r\n const data = this.props.dataOne;\r\n const reportData = this.props.data;\r\n const totalCount = this.props.totalCount;\r\n const contentRowNames = this.props.rowNames;\r\n const keys = this.props.keys;\r\n\r\n return (\r\n
\r\n
Sundry / Factory Summary Report \r\n
\r\n
Group: {searchData.group}
\r\n
Operation Entity: {searchData.estate}
\r\n
Collection Point: {searchData.division == undefined ? \"All Collection Points\" : searchData.division}
\r\n
Category: {searchData.category == undefined ? \"All Categories\" : searchData.category}
\r\n
User: {tokenService.getUserNameFromToken()}
\r\n
Date/Time: {new Date().toLocaleString()}
\r\n
\r\n\r\n {keys.map((e, index) => {\r\n return (\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n Collection Point \r\n Task Category \r\n Task \r\n Task Count \r\n \r\n \r\n \r\n {reportData.map((row, i) => (\r\n \r\n {row.collectionPointName} \r\n {row.estateTaskCategory} \r\n {row.taskName} \r\n {row.taskCount} \r\n\r\n \r\n\r\n )\r\n )}\r\n\r\n \r\n \r\n \r\n Total \r\n {totalCount} \r\n \r\n\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n )\r\n })}\r\n
\r\n );\r\n }\r\n}","import React, { useEffect, useState, Fragment, useRef } from \"react\";\r\nimport { PageHeader } from '../../../../Common';\r\nimport { DailyTaskDetailReportTableContent } from \"../../../Common/Table/tableContent\";\r\nimport services from \"../services\";\r\nimport $ from \"jquery\";\r\nimport authService from \"../../../Common/services\";\r\nimport { LoadingSpinerComponent } from \"../../../../Common/loader\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport { trackPromise } from \"react-promise-tracker\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Joi from \"@hapi/joi\";\r\nimport { DailyTaskDetailReportschemaObject } from \"../DailyTaskDetailReportSchema\";\r\nimport { validateProperty, validate } from \"../../../Common\";\r\nimport tokenService from \"../../../../Common/tokenDecoder\";\r\nimport ReactToPrint from \"react-to-print\";\r\nimport CreatePdf from './createPdf';\r\nimport '../../../Common/Table/table.css';\r\nimport xlsx from 'json-as-xlsx';\r\nimport './printScale.css';\r\nimport _, { forEach, toPath } from 'lodash';\r\nimport MaterialTable from \"material-table\";\r\nimport moment from 'moment';\r\nimport Autocomplete from '@material-ui/lab/Autocomplete';\r\nimport TablePagination from '@material-ui/core/TablePagination';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nconst screenCode = \"SUNDRYFACTORYSUMMARTREPORT\";\r\nconst useStyles = makeStyles({\r\n table: {\r\n minWidth: 650,\r\n },\r\n dialog1: {\r\n width: 850,\r\n }\r\n});\r\nexport function SundryFactorySummaryReport(props) {\r\n\r\n const componentRef = useRef();\r\n const classes = useStyles();\r\n const [groups, setGroups] = useState([]);\r\n const [estates, setEstates] = useState([]);\r\n const [divisions, setDivisions] = useState([]);\r\n const [taskCategory, setTaskCategory] = useState();\r\n const [labourTask, setLabourTask] = useState()\r\n const [gtnnumber, setGtnnumber] = useState([]);\r\n const [totalCount, setTotalCount] = useState();\r\n const [isTableHide, setIsTableHide] = useState(true);\r\n const [limit, setLimit] = useState(10);\r\n const [page, setPage] = useState(0);\r\n\r\n const [dailyTaskDetailReport, setDailyTaskDetailReport] = useState({\r\n groupID: \"0\",\r\n estateID: \"0\",\r\n divisionID: \"0\",\r\n searchDate: \"\",\r\n category: \"0\",\r\n task: \"0\"\r\n });\r\n\r\n const [selectedSearchValues, setSelectedSearchValues] = useState({\r\n group: \"0\",\r\n estate: \"0\",\r\n division: \"0\",\r\n searchDate: \"\",\r\n category: \"0\",\r\n task: \"0\"\r\n })\r\n const [csvData, setCsvData] = useState([]);\r\n\r\n const [errors, setErrors] = useState({});\r\n\r\n const [permissionList, setPermissions] = useState({\r\n isAddEditEnabled: false,\r\n isGroupFilterEnabled: false,\r\n isOperationEntityFilterEnabled: false,\r\n });\r\n\r\n const [isReportButtonsEnabled, setIsReportButtonsEnabled] = useState(false);\r\n const [buttonHide, setButtonHide] = useState(true);\r\n\r\n const schema = Joi.object(DailyTaskDetailReportschemaObject).options({ allowUnknown: true });\r\n const contentRowNames = [\"collectionPointName\",\"estateTaskCategory\", \"taskName\", \"taskCount\"]\r\n const csvHeaders = [\r\n { label: \"Collection Point\", value: \"collectionPointName\" },\r\n { label: \"Task Category\", value: \"estateTaskCategory\" },\r\n { label: \"Task\", value: \"taskName\" },\r\n { label: \"Task Count\", value: \"taskCount\" },\r\n ];\r\n\r\n const [reportData, setReportData] = useState([]);\r\n const [reportDataOne, setReportDataOne] = useState([]);\r\n const [keys, setKeys] = useState([]);\r\n\r\n const handleLimitChange = (event) => {\r\n setLimit(event.target.value);\r\n };\r\n const handlePageChange = (event, newPage) => {\r\n setPage(newPage);\r\n };\r\n\r\n useEffect(() => {\r\n trackPromise(getPermissions(),\r\n getGroupsForDropdown(),\r\n\r\n );\r\n }, []);\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getEstatesForDropdown(),\r\n getTaskNames(),\r\n\r\n )\r\n }, [dailyTaskDetailReport.groupID])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getDivisionsForDropDown(),\r\n getTaskNames(),\r\n\r\n //getLabourTask()\r\n )\r\n }, [dailyTaskDetailReport.estateID])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getGtnNumberForDropDown()\r\n )\r\n }, [dailyTaskDetailReport.searchDate])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getLabourTask()\r\n )\r\n }, [dailyTaskDetailReport.category])\r\n\r\n\r\n useEffect(() => {\r\n }, [reportData]);\r\n\r\n function handleGroupChange(target) {\r\n validateInputs(target);\r\n\r\n setDailyTaskDetailReport({\r\n ...dailyTaskDetailReport,\r\n groupID: target.value,\r\n estateID: \"0\",\r\n divisionID: \"0\"\r\n\r\n });\r\n }\r\n\r\n function handleEstateChange(target) {\r\n validateInputs(target);\r\n\r\n setDailyTaskDetailReport({\r\n ...dailyTaskDetailReport,\r\n estateID: target.value,\r\n divisionID: \"0\"\r\n\r\n });\r\n }\r\n\r\n function handleDivisionChange(target) {\r\n validateInputs(target);\r\n\r\n setDailyTaskDetailReport({\r\n ...dailyTaskDetailReport,\r\n divisionID: target.value\r\n\r\n });\r\n }\r\n\r\n function handleSearchDateChange(target) {\r\n validateInputs(target);\r\n\r\n setDailyTaskDetailReport({\r\n ...dailyTaskDetailReport,\r\n searchDate: target.value\r\n\r\n });\r\n }\r\n\r\n function handleGtnChange(target) {\r\n\r\n setDailyTaskDetailReport({\r\n ...dailyTaskDetailReport,\r\n gtnnumber: target.value\r\n\r\n });\r\n }\r\n function handleCategoryChange(target) {\r\n validateInputs(target);\r\n\r\n setDailyTaskDetailReport({\r\n ...dailyTaskDetailReport,\r\n divisionID: target.value,\r\n category: \"0\"\r\n\r\n });\r\n }\r\n\r\n\r\n function validateInputs(target) {\r\n const error = { ...errors };\r\n const errorMessage = validateProperty(target, DailyTaskDetailReportschemaObject);\r\n errorMessage\r\n ? (error[target.name] = errorMessage)\r\n : delete error[target.name];\r\n\r\n setErrors(error);\r\n }\r\n\r\n\r\n async function getPermissions() {\r\n var permissions = await authService.getPermissionsByScreen(screenCode);\r\n\r\n var isAuthorized = permissions.find(p => p.permissionCode == 'VIEWSUNDRYFACTORYSUMMARYREPORT');\r\n\r\n if (isAuthorized === undefined) {\r\n props.history.push('/unauthorized');\r\n }\r\n var isGroupFilterEnabled = permissions.find(p => p.permissionCode == 'GROUPDROPDOWN');\r\n\r\n var isOperationEntityFilterEnabled = permissions.find(p => p.permissionCode == 'OPERATIONENTITYDROPDOWN');\r\n\r\n\r\n setPermissions({\r\n ...permissionList,\r\n isGroupFilterEnabled: isGroupFilterEnabled !== undefined,\r\n isOperationEntityFilterEnabled:\r\n isOperationEntityFilterEnabled !== undefined,\r\n });\r\n\r\n var token = tokenService.getUserDetailsFromToken();\r\n\r\n setDailyTaskDetailReport({\r\n ...dailyTaskDetailReport,\r\n groupID: token.groupID,\r\n estateID: token.operationEntityID\r\n });\r\n\r\n trackPromise(getGroupsForDropdown());\r\n }\r\n\r\n\r\n function destroyDataTable() {\r\n keys.forEach(e => {\r\n $(`#${e}`).DataTable().destroy();\r\n })\r\n }\r\n\r\n function createDataTable() {\r\n keys.forEach(e => {\r\n $(`#${e}`).DataTable();\r\n })\r\n }\r\n\r\n async function getGroupsForDropdown() {\r\n const result = await services.getAlGroupsForDropdown();\r\n setGroups(result);\r\n }\r\n\r\n async function getEstatesForDropdown() {\r\n const result = await services.GetAllOperationEntityByGroupID(dailyTaskDetailReport.groupID);\r\n setEstates(result);\r\n }\r\n\r\n async function getDivisionsForDropDown() {\r\n const data = await services.getDivisionByEstateID(dailyTaskDetailReport.estateID);\r\n setDivisions(data);\r\n }\r\n\r\n async function getTaskNames() {\r\n const result = await services.getAllTaskNames(dailyTaskDetailReport.groupID, dailyTaskDetailReport.estateID);\r\n setTaskCategory(result);\r\n }\r\n\r\n async function getLabourTask() {\r\n const result = await services.getLabourTaskByOperationEntityIDTaskCategoryID(dailyTaskDetailReport.estateID, dailyTaskDetailReport.category)\r\n setLabourTask(result)\r\n }\r\n\r\n\r\n async function getGtnNumberForDropDown() {\r\n const data = await services.getGtnNumberByCollectionPointIDandDate(dailyTaskDetailReport);\r\n setGtnnumber(data);\r\n }\r\n\r\n\r\n function generateDropDownMenu(data) {\r\n let items = [];\r\n if (data != null) {\r\n for (const [key, value] of Object.entries(data)) {\r\n items.push(\r\n
\r\n {value}\r\n \r\n );\r\n }\r\n }\r\n return items;\r\n }\r\n\r\n function handleChange(e) {\r\n const target = e.target;\r\n\r\n const value = target.type === \"checkbox\" ? target.checked : target.value;\r\n setDailyTaskDetailReport({\r\n ...dailyTaskDetailReport,\r\n [e.target.name]: value,\r\n });\r\n }\r\n\r\n\r\n async function handleSearch(e) {\r\n\r\n e.preventDefault();\r\n\r\n setIsTableHide(true);\r\n\r\n setButtonHide(true);\r\n\r\n getSelectedDropdownValuesForReport(dailyTaskDetailReport);\r\n\r\n setIsTableHide(true);\r\n const result = await services.getDailyTaskDetailReportData(dailyTaskDetailReport);\r\n const totalCount = result.reduce((taskCount, item) => taskCount + item.taskCount, 0)\r\n setTotalCount(totalCount);\r\n let groupedResult = groupByGtn(result);\r\n let keys = Object.keys(groupedResult);\r\n\r\n setKeys(keys);\r\n setReportData(result);\r\n setReportDataOne(groupedResult);\r\n\r\n if (result.length > 0) {\r\n result.forEach(x => {\r\n x.startTime = moment(x.startTime).format('h:mm:ss a');\r\n x.endTime = moment(x.endTime).format('h:mm:ss a');\r\n })\r\n setIsTableHide(false);\r\n setIsReportButtonsEnabled(true);\r\n } else {\r\n setIsReportButtonsEnabled(false);\r\n }\r\n\r\n\r\n setButtonHide(false);\r\n setIsReportButtonsEnabled();\r\n\r\n const comlpeteData = [...result];\r\n setCsvData(comlpeteData)\r\n }\r\n\r\n function createFile() {\r\n var settings = {\r\n sheetName: 'Sundry Factory Summary List',\r\n fileName: 'Sundry/FactorySummaryReport',\r\n writeOptions: {}\r\n }\r\n var copyOfCsv = _.cloneDeep(csvData)\r\n var newRow1 = {\r\n collectionPointName: \"Total\",\r\n taskCount: totalCount\r\n }\r\n var newRow2 = {\r\n collectionPointName: \"Group :\" + groups[dailyTaskDetailReport.groupID],\r\n taskName: \"Operation Entity : \" + estates[dailyTaskDetailReport.estateID],\r\n estateTaskCategory: \"Collection Point : \" + divisions[dailyTaskDetailReport.divisionID == undefined] ? \"All Collection Points\" : divisions[dailyTaskDetailReport.divisionID],\r\n taskCount: \"Category: \" + taskCategory[dailyTaskDetailReport.category == undefined ] ? \"All Categories\" : divisions[dailyTaskDetailReport.category],\r\n //fieldName: \"Generated user : \" + tokenService.getUserNameFromToken()\r\n }\r\n copyOfCsv.push(newRow1)\r\n copyOfCsv.push({},newRow2)\r\n xlsx(csvHeaders, copyOfCsv, settings, true)\r\n }\r\n\r\n function getSelectedDropdownValuesForReport(searchForm) {\r\n setSelectedSearchValues({\r\n ...selectedSearchValues,\r\n group: groups[searchForm.groupID],\r\n estate: estates[searchForm.estateID],\r\n division: divisions[searchForm.divisionID],\r\n category: taskCategory[searchForm.category],\r\n task: labourTask[searchForm.task],\r\n date: searchForm.searchDate\r\n })\r\n }\r\n\r\n function groupByGtn(objectArray) {\r\n return objectArray.reduce(function (acc, obj) {\r\n let key = obj['gtnNumber']\r\n if (!acc[key]) {\r\n acc[key] = []\r\n }\r\n acc[key].push(obj)\r\n return acc\r\n }, {})\r\n }\r\n\r\n function handleSearchDropdownChange(data) {\r\n\r\n if (data === undefined || data === null) {\r\n setDailyTaskDetailReport({\r\n ...dailyTaskDetailReport,\r\n task: \"0\"\r\n });\r\n }\r\n else {\r\n var nameV = \"taskID\";\r\n var valueV = data[\"taskID\"];\r\n\r\n setDailyTaskDetailReport({\r\n ...dailyTaskDetailReport,\r\n task: valueV.toString()\r\n });\r\n }\r\n }\r\n\r\n\r\n return (\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
handleSearch(e)}\r\n disabled={false}\r\n >\r\n \r\n
\r\n Group * \r\n handleGroupChange(e.target)}\r\n >\r\n --Select Group-- \r\n {generateDropDownMenu(groups)}\r\n \r\n {errors[\"groupID\"] && (\r\n {errors[\"groupID\"]} \r\n )}\r\n
\r\n\r\n
\r\n Operation Entity * \r\n handleEstateChange(e.target)}\r\n >\r\n --Select Operation Entity-- \r\n {generateDropDownMenu(estates)}\r\n \r\n {errors[\"estateID\"] && ({errors[\"estateID\"]} )}\r\n
\r\n\r\n
\r\n Collection Point \r\n handleDivisionChange(e.target)}\r\n >\r\n --Select Collection Point-- \r\n {generateDropDownMenu(divisions)}\r\n \r\n
\r\n
\r\n
\r\n Category \r\n handleChange(e)}>\r\n --Select Task Category-- \r\n {generateDropDownMenu(taskCategory)}\r\n \r\n
\r\n
\r\n
Task \r\n
option.taskName}\r\n size=\"small\"\r\n onChange={(event, value) => handleSearchDropdownChange(value)}\r\n renderInput={(params) => {errors[\"task\"]} }\r\n \r\n\r\n\r\n
\r\n Date * \r\n handleSearchDateChange(e.target)}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n />\r\n {errors[\"searchDate\"] && ({errors[\"searchDate\"]} )}\r\n
\r\n
\r\n trackPromise(handleSearch(e))}\r\n />\r\n
\r\n \r\n\r\n {isTableHide ? null :\r\n \r\n
\r\n \r\n \r\n \r\n Collection Point \r\n Task Category \r\n Task \r\n Task Count \r\n \r\n \r\n \r\n {reportData.slice(page * limit, page * limit + limit).map((row, i) => (\r\n \r\n {row.collectionPointName} \r\n {row.estateTaskCategory} \r\n {row.taskName} \r\n {row.taskCount} \r\n\r\n \r\n\r\n )\r\n )}\r\n\r\n \r\n \r\n \r\n Total \r\n {totalCount} \r\n \r\n\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom';\r\nimport { SundryFactorySummaryReport } from './Pages';\r\n\r\nexport const SundryFactorySummaryReportRoutes = ({ match }) => (\r\n
\r\n \r\n)","import { CommonGet, CommonPost } from \"../../../../utils/CommonFetch\";\r\n\r\nexport default {\r\n\r\n getAlGroupsForDropdown,\r\n getEstatesByGroupID,\r\n getDivisionByEstateID,\r\n getGtnNumberByCollectionPointIDandDate,\r\n getGoodsTransferDetails\r\n};\r\n\r\n\r\nasync function getAlGroupsForDropdown() {\r\n var groupArray = [];\r\n const response = await CommonGet('/api/Group/GetAllGroups', null)\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n groupArray[item[1][\"groupID\"]] = item[1][\"groupName\"]\r\n }\r\n }\r\n return groupArray;\r\n}\r\n\r\nasync function getEstatesByGroupID(id) {\r\n var estateArray = [];\r\n const response = await CommonGet('/api/OperationEntity/GetAllEstatesByGroupID', 'groupID=' + id);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n estateArray[item[1][\"operationEntityID\"]] = item[1][\"operationEntityName\"]\r\n }\r\n }\r\n return estateArray;\r\n}\r\n\r\n\r\nasync function getDivisionByEstateID(id) {\r\n var divisionArray = [];\r\n const response = await CommonGet('/api/CollectionPoint/GetAllDivisionsByEstateID', 'estateID=' + id);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1][\"isActive\"] === true) {\r\n divisionArray[item[1][\"collectionPointID\"]] = item[1][\"collectionPointName\"]\r\n }\r\n }\r\n return divisionArray;\r\n}\r\n\r\n\r\nasync function getGtnNumberByCollectionPointIDandDate(data) {\r\n var gtnArray = [];\r\n var model = {\r\n collectionPointID: parseInt(data.divisionID),\r\n searchDate: data.searchDate\r\n }\r\n const response = await CommonPost('/api/GoodsTransferNote/GetGtnNumberByCollectionPointIDandDate', null, model);\r\n for (let item of Object.entries(response.data)) {\r\n if (item[1]) {\r\n gtnArray[item[1][\"gtnNumber\"]] = item[1][\"gtnNumber\"]\r\n }\r\n }\r\n return gtnArray;\r\n}\r\n\r\n\r\n\r\nasync function getGoodsTransferDetails(data) {\r\n var model = {\r\n groupID: parseInt(data.groupID),\r\n estateID: parseInt(data.estateID),\r\n divisionID: parseInt(data.divisionID),\r\n searchDate: data.searchDate,\r\n };\r\n const response = await CommonPost('/api/CheckRollMasterReport/GetCheckFRolleList', null, model);\r\n\r\n return response.data;\r\n}\r\n","import Joi from '@hapi/joi'\r\n\r\nexport const cropVarianceReportSchema = {\r\n groupID: Joi.number().invalid(0).required().label(\"Group\").messages({\r\n \"any.invalid\": `Select group`,\r\n \"any.required\": `Group required`\r\n }),\r\n estateID: Joi.number().invalid(0).required().label(\"Estate\").messages({\r\n \"any.invalid\": `Select Estate`,\r\n \"any.required\": `Estate required`\r\n }),\r\n divisionID: Joi.number().invalid(0).required().label(\"Division\").messages({\r\n \"any.invalid\": `Select Division`,\r\n \"any.required\": `Division required`\r\n }),\r\n searchDate: Joi.string().invalid(\"\").label(\"Search Date\"),\r\n\r\n\r\n\r\n}","import React, { useEffect, useState, Fragment, useRef } from \"react\";\r\nimport { TableContent } from '../../../Common/Table/tableContent';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\nexport default class ComponentToPrint extends React.Component {\r\n render() {\r\n const searchData = this.props.searchData;\r\n const data = this.props.data;\r\n\r\n const employeeCount = this.props.employeeCount\r\n const totCheRollNetAmountVariance = this.props.totCheRollNetAmountVariance\r\n const totalFeildBagCount = this.props.totalFeildBagCount\r\n const totFeildNetAmountVariance = this.props.totFeildNetAmountVariance\r\n const totalFactoryBagCount = this.props.totalFactoryBagCount\r\n const totFactoryNetAmountVariance = this.props.totFactoryNetAmountVariance\r\n const totCheckrollFactorynetVariance = this.props.totCheckrollFactorynetVariance\r\n const totCheckrollFactoryVariancePecentage = this.props.totCheckrollFactoryVariancePecentage\r\n const totfeildFactorynetVariance = this.props.totfeildFactorynetVariance\r\n const totFeildtoFactoryVariancePecentage = this.props.totFeildtoFactoryVariancePecentage\r\n\r\n return (\r\n
\r\n
Crop Variance Report \r\n
\r\n
Group: {searchData.group}
\r\n
State: {searchData.estate}
\r\n
Devision: {searchData.division}
\r\n
Date: {searchData.date}
\r\n
\r\n\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n Feild\r\n \r\n \r\n CheckRoll\r\n \r\n \r\n Feild\r\n \r\n \r\n Factory\r\n \r\n \r\n C to F variance\r\n \r\n \r\n F to F variance\r\n \r\n \r\n \r\n \r\n Weighment\r\n \r\n\r\n \r\n Net\r\n \r\n \r\n Bags\r\n \r\n\r\n \r\n Net\r\n \r\n \r\n Bags\r\n \r\n\r\n \r\n Net\r\n \r\n\r\n \r\n Net\r\n \r\n \r\n Net%\r\n \r\n\r\n \r\n Net\r\n \r\n \r\n Net%\r\n \r\n \r\n \r\n \r\n {data.map((row) => (\r\n \r\n \r\n {row.fieldName}\r\n \r\n \r\n {row.noOfWorkers == undefined ? '-' : parseInt(row.noOfWorkers)}\r\n \r\n\r\n \r\n {row.netAmount == undefined || row.netAmount == 0 ? '-' : row.netAmount.toFixed(2)}\r\n \r\n \r\n {row.fBagCount == undefined ? '-' : parseInt(row.fBagCount)}\r\n \r\n\r\n \r\n {row.fNetAmount == undefined || row.fNetAmount == 0 ? '-' : row.fNetAmount.toFixed(2)}\r\n \r\n \r\n {row.nBagCount == undefined ? '-' : parseInt(row.nBagCount)}\r\n \r\n\r\n \r\n {row.nNetAmount == undefined || row.nNetAmount == 0 ? '-' : row.nNetAmount.toFixed(2)}\r\n \r\n\r\n \r\n 0 ? \"badge badge-primary\" : \"badge badge-danger\"}>\r\n {parseFloat(row.fNetAmountVariance).toFixed(2)}\r\n \r\n \r\n \r\n 0 ? \"badge badge-primary\" : \"badge badge-danger\"}>\r\n {row.cfNetAmountVariancePecentage == '-' ? '-' : parseFloat(row.cfNetAmountVariancePecentage).toFixed(2)}\r\n \r\n \r\n \r\n 0 ? \"badge badge-primary\" : \"badge badge-danger\"}>\r\n {parseFloat(row.ffNetAmountVariance).toFixed(2)}\r\n \r\n \r\n \r\n 0 ? \"badge badge-primary\" : \"badge badge-danger\"}>\r\n {row.fNetAmountVariancePecentage == '-' ? '-' : parseFloat(row.fNetAmountVariancePecentage).toFixed(2)}\r\n \r\n \r\n\r\n \r\n ))}\r\n \r\n \r\n \r\n Total \r\n {\"Pluckers\" + \" \" + \"-\" + \" \" + employeeCount[0].employee} \r\n {totCheRollNetAmountVariance} \r\n {totalFeildBagCount} \r\n {parseFloat(totFeildNetAmountVariance).toFixed(2)} \r\n {totalFactoryBagCount} \r\n {parseFloat(totFactoryNetAmountVariance).toFixed(2)} \r\n {totCheckrollFactorynetVariance} \r\n {totCheckrollFactoryVariancePecentage} \r\n {totfeildFactorynetVariance} \r\n {totFeildtoFactoryVariancePecentage} \r\n \r\n\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n","import React, { useEffect, useState, Fragment, useRef } from \"react\";\r\nimport { PageHeader } from '../../../../Common';\r\nimport { TableContentWithoutEdit } from \"../../../Common/Table/tableContent\";\r\nimport service from '../service';\r\nimport $ from \"jquery\";\r\nimport authService from \"../../../Common/services\";\r\nimport { LoadingSpinerComponent } from \"../../../../Common/loader\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport { trackPromise } from \"react-promise-tracker\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Joi from \"@hapi/joi\";\r\nimport { cropVarianceReportSchema } from \"../cropVarianceReportSchemaReportSchema\";\r\nimport { validateProperty, validate } from \"../../../Common\";\r\nimport tokenService from \"../../../../Common/tokenDecoder\";\r\nimport ReactToPrint from \"react-to-print\";\r\nimport CreatePdf from './createPdf';\r\nimport '../../../Common/Table/table.css';\r\nimport xlsx from 'json-as-xlsx';\r\nimport './printScale.css';\r\nimport _, { result, xor } from 'lodash';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Box from '@material-ui/core/Box';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport Badge from '@mui/material/Badge';\r\n\r\nconst screenCode = \"CROPVARIANCEREPORT\";\r\n\r\nexport function CropVarianceReport(props) {\r\n\r\n const componentRef = useRef();\r\n\r\n const [groups, setGroups] = useState([]);\r\n const [estates, setEstates] = useState([]);\r\n const [divisions, setDivisions] = useState([]);\r\n const [isTableHide, setIsTableHide] = useState(true);\r\n const [data, setdata] = useState([]);\r\n\r\n const [employeeCount, SetEmployeeCount] = useState([])\r\n const [totFactoryNetAmountVariance, SetTotFactoryNetAmountVariance] = useState([])\r\n const [totFeildNetAmountVariance, SetTotFeildNetAmountVariance] = useState([])\r\n const [totCheRollNetAmountVariance, SetTotCheRollNetAmountVariance] = useState([])\r\n const [totalFactoryBagCount, SetTotalFactoryBagCount] = useState([])\r\n const [totalFeildBagCount, SeTtotalFeildBagCount] = useState([])\r\n const [totCheckrollFactoryVariancePecentage, SetTotCheckrollFactoryVariancePecentage] = useState([])\r\n const [totFeildtoFactoryVariancePecentage, SetTotFeildtoFactoryVariancePecentage] = useState([])\r\n\r\n const [totCheckrollFactorynetVariance, SetTotCheckrollFactorynetVariance] = useState([])\r\n const [totfeildFactorynetVariance, SetTotfeildFactorynetVariance] = useState([])\r\n\r\n\r\n const [goodsTransferDetails, setGoodsTransferDetails] = useState({\r\n groupID: \"0\",\r\n estateID: \"0\",\r\n divisionID: \"0\",\r\n searchDate: \"\",\r\n });\r\n\r\n const [selectedSearchValues, setSelectedSearchValues] = useState({\r\n group: \"0\",\r\n estate: \"0\",\r\n division: \"0\",\r\n searchDate: \"\",\r\n })\r\n\r\n const [csvData, setCsvData] = useState([]);\r\n\r\n const [errors, setErrors] = useState({});\r\n\r\n const [permissionList, setPermissions] = useState({\r\n isAddEditEnabled: false,\r\n isGroupFilterEnabled: false,\r\n isOperationEntityFilterEnabled: false,\r\n });\r\n\r\n const [buttonHide, setButtonHide] = useState(true);\r\n\r\n const schema = Joi.object(cropVarianceReportSchema).options({ allowUnknown: true });\r\n const contentRowNames = [\"actualAmount\", \"grossAmount\", \"netAmount\", \"fActualAmount\",\r\n \"fGrossAmount\", \"fNetAmount\", \"nActualAmount\", \"nGrossAmount\", \"nNetAmount\"]\r\n\r\n const csvHeaders = [\r\n { label: \"Division\", value: \"collectionPointName\" },\r\n { label: \"Feild\", value: \"fieldName\" },\r\n { label: \"CR - Weighment\", value: \"noOfWorkers\" },\r\n { label: \"CR - Net Amount\", value: \"netAmount\" },\r\n { label: \"Field - Bag\", value: \"fBagCount\" },\r\n { label: \"Field - Net\", value: \"fNetAmount\" },\r\n { label: \"Factory - Bag\", value: \"nBagCount\" },\r\n { label: \"Factory - Net\", value: \"nNetAmount\" },\r\n { label: \"C to F Variance Net\", value: \"fNetAmountVariance\" },\r\n { label: \"F to F Variance Net\", value: \"ffNetAmountVariance\" },\r\n { label: \"C to F Variance Net percentage (%)\", value: \"cfNetAmountVariancePecentage\" },\r\n { label: \"F to F Variance Net percentage (%)\", value: \"fNetAmountVariancePecentage\" },\r\n\r\n ];\r\n\r\n const [reportData, setReportData] = useState([]);\r\n\r\n useEffect(() => {\r\n trackPromise(getPermissions(),\r\n getGroupsForDropdown()\r\n );\r\n }, []);\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getEstatesForDropdown(),\r\n )\r\n }, [goodsTransferDetails.groupID])\r\n\r\n useEffect(() => {\r\n trackPromise(\r\n getDivisionsForDropDown()\r\n )\r\n }, [goodsTransferDetails.estateID])\r\n\r\n\r\n useEffect(() => {\r\n }, [reportData]);\r\n\r\n function handleGroupChange(target) {\r\n validateInputs(target);\r\n\r\n setGoodsTransferDetails({\r\n ...goodsTransferDetails,\r\n groupID: target.value,\r\n estateID: \"0\",\r\n divisionID: \"0\",\r\n\r\n });\r\n }\r\n function handleEstateChange(target) {\r\n validateInputs(target);\r\n\r\n setGoodsTransferDetails({\r\n ...goodsTransferDetails,\r\n estateID: target.value,\r\n divisionID: \"0\",\r\n\r\n });\r\n }\r\n\r\n function handleDivisionChange(target) {\r\n validateInputs(target);\r\n\r\n setGoodsTransferDetails({\r\n ...goodsTransferDetails,\r\n divisionID: target.value,\r\n\r\n });\r\n }\r\n\r\n function handleSearchDateChange(target) {\r\n validateInputs(target);\r\n\r\n setGoodsTransferDetails({\r\n ...goodsTransferDetails,\r\n searchDate: target.value,\r\n\r\n });\r\n }\r\n\r\n function validateInputs(target) {\r\n const error = { ...errors };\r\n const errorMessage = validateProperty(target, cropVarianceReportSchema);\r\n errorMessage\r\n ? (error[target.name] = errorMessage)\r\n : delete error[target.name];\r\n\r\n setErrors(error);\r\n }\r\n\r\n async function getPermissions() {\r\n var permissions = await authService.getPermissionsByScreen(screenCode);\r\n\r\n var isAuthorized = permissions.find(p => p.permissionCode == 'VIEWCROPVARIANCEREPORT');\r\n\r\n if (isAuthorized === undefined) {\r\n props.history.push('/unauthorized');\r\n }\r\n var isGroupFilterEnabled = permissions.find(p => p.permissionCode == 'GROUPDROPDOWN');\r\n\r\n var isOperationEntityFilterEnabled = permissions.find(p => p.permissionCode == 'OPERATIONENTITYDROPDOWN');\r\n\r\n\r\n setPermissions({\r\n ...permissionList,\r\n isGroupFilterEnabled: isGroupFilterEnabled !== undefined,\r\n isOperationEntityFilterEnabled:\r\n isOperationEntityFilterEnabled !== undefined,\r\n });\r\n\r\n var token = tokenService.getUserDetailsFromToken();\r\n\r\n setGoodsTransferDetails({\r\n ...goodsTransferDetails,\r\n groupID: token.groupID,\r\n estateID: token.operationEntityID\r\n });\r\n\r\n trackPromise(getGroupsForDropdown());\r\n }\r\n\r\n async function getGroupsForDropdown() {\r\n const result = await service.getAlGroupsForDropdown();\r\n setGroups(result);\r\n }\r\n\r\n async function getEstatesForDropdown() {\r\n const data = await service.getEstatesByGroupID(goodsTransferDetails.groupID);\r\n setEstates(data);\r\n }\r\n\r\n async function getDivisionsForDropDown() {\r\n const data = await service.getDivisionByEstateID(goodsTransferDetails.estateID);\r\n setDivisions(data);\r\n }\r\n\r\n function generateDropDownMenu(data) {\r\n let items = [];\r\n if (data != null) {\r\n for (const [key, value] of Object.entries(data)) {\r\n items.push(\r\n
\r\n {value}\r\n \r\n );\r\n }\r\n }\r\n return items;\r\n }\r\n\r\n async function handleSearch(e) {\r\n\r\n e.preventDefault();\r\n setIsTableHide(true);\r\n setButtonHide(true);\r\n const errorMessages = validate(schema, goodsTransferDetails);\r\n errorMessages !== null ? setErrors(errorMessages) : setErrors({});\r\n if (errorMessages) return;\r\n getSelectedDropdownValuesForReport(goodsTransferDetails);\r\n setIsTableHide(true);\r\n const result = await service.getGoodsTransferDetails(goodsTransferDetails);\r\n\r\n\r\n var checkRollList = result.checkRollList;\r\n var factoryResult = result.factoryResult;\r\n var fieldResult = result.fieldResult;\r\n\r\n var employeeCount = result.employeeCount\r\n\r\n SetEmployeeCount(employeeCount)\r\n\r\n var joinedResult = [];\r\n var finalResult = [];\r\n\r\n factoryResult.forEach(x => {\r\n x.fActualAmount = x.actualAmount;\r\n x.fGrossAmount = x.grossAmount;\r\n x.fNetAmount = x.netAmount;\r\n x.fBagCount = x.bagCount;\r\n\r\n delete x.actualAmount;\r\n delete x.grossAmount;\r\n delete x.netAmount;\r\n delete x.bagCount;\r\n });\r\n\r\n fieldResult.forEach(x => {\r\n x.nActualAmount = x.actualAmount;\r\n x.nGrossAmount = x.grossAmount;\r\n x.nNetAmount = x.netAmount;\r\n x.nBagCount = x.bagCount;\r\n\r\n delete x.actualAmount;\r\n delete x.grossAmount;\r\n delete x.netAmount;\r\n delete x.bagCount;\r\n });\r\n\r\n\r\n var joinedArrays = _.merge(_.keyBy(checkRollList, 'feildID'), _.keyBy(factoryResult, 'fieldID'), _.keyBy(fieldResult, 'fieldID'));\r\n Object.keys(joinedArrays).forEach(x => joinedResult.push(joinedArrays[x]));\r\n joinedResult.forEach(x => {\r\n finalResult.push(x);\r\n });\r\n\r\n\r\n contentRowNames.forEach(x => {\r\n finalResult.forEach(y => {\r\n if (y[x] == undefined) {\r\n y[x] = parseInt(0);\r\n }\r\n });\r\n });\r\n\r\n var total = _.cloneDeep(finalResult)\r\n\r\n let totFactoryNetAmountVariance = 0;\r\n let totFeildNetAmountVariance = 0;\r\n let totCheRollNetAmountVariance = 0;\r\n\r\n let totalFactoryBagCount = 0;\r\n let totalFeildBagCount = 0;\r\n\r\n let totCheckrollFactoryVariancePecentage = 0;\r\n let totFeildtoFactoryVariancePecentage = 0;\r\n\r\n let totCheckrollFactorynetVariance = 0;\r\n let totfeildFactorynetVariance = 0;\r\n\r\n total.forEach(x => {\r\n\r\n x.fNetAmountVariance = parseFloat(x.nNetAmount) - parseFloat(x.netAmount)\r\n x.FactoryBagCount = x.nBagCount\r\n x.FeildBagCount = x.fBagCount\r\n x.ffNetAmountVariance = parseFloat(x.nNetAmount) - parseFloat(x.fNetAmount)\r\n x.fNetAmountVariancePecentage = (x.nNetAmount && x.fNetAmount == 0 ? '-' : ((x.nNetAmount - x.fNetAmount) / x.nNetAmount) * 100)\r\n x.cfNetAmountVariancePecentage = (x.nNetAmount == 0 ? '-' : ((x.nNetAmount - x.netAmount) / x.nNetAmount) * 100)\r\n totFactoryNetAmountVariance = (totFactoryNetAmountVariance + parseFloat(x.nNetAmount))\r\n totFeildNetAmountVariance = (totFeildNetAmountVariance + parseFloat(x.fNetAmount))\r\n totCheRollNetAmountVariance = (totCheRollNetAmountVariance + parseFloat(x.netAmount))\r\n totalFactoryBagCount = totalFactoryBagCount + x.nBagCount\r\n totalFeildBagCount = totalFeildBagCount + x.fBagCount\r\n totCheckrollFactoryVariancePecentage = (((totFactoryNetAmountVariance - totCheRollNetAmountVariance) / totFactoryNetAmountVariance) * 100).toFixed(2)\r\n totFeildtoFactoryVariancePecentage = (((totFactoryNetAmountVariance - totFeildNetAmountVariance) / totFactoryNetAmountVariance) * 100).toFixed(2)\r\n totCheckrollFactorynetVariance = (totCheckrollFactorynetVariance + parseFloat(x.fNetAmountVariance))\r\n totfeildFactorynetVariance = totfeildFactorynetVariance + parseFloat(x.ffNetAmountVariance)\r\n\r\n })\r\n\r\n setdata(total);\r\n setCsvData(joinedArrays)\r\n SetTotFactoryNetAmountVariance(totFactoryNetAmountVariance)\r\n SetTotFeildNetAmountVariance(totFeildNetAmountVariance)\r\n SetTotCheRollNetAmountVariance(totCheRollNetAmountVariance)\r\n SetTotalFactoryBagCount(totalFactoryBagCount)\r\n SeTtotalFeildBagCount(totalFeildBagCount)\r\n SetTotCheckrollFactoryVariancePecentage(totCheckrollFactoryVariancePecentage)\r\n SetTotFeildtoFactoryVariancePecentage(totFeildtoFactoryVariancePecentage)\r\n SetTotfeildFactorynetVariance(totfeildFactorynetVariance)\r\n SetTotCheckrollFactorynetVariance(totCheckrollFactorynetVariance)\r\n }\r\n\r\n function createFile() {\r\n var settings = {\r\n sheetName: 'Crop Variance report',\r\n fileName: 'CropVariancereport',\r\n writeOptions: {}\r\n }\r\n\r\n var copyOfCsv = _.cloneDeep(data)\r\n\r\n copyOfCsv.forEach(x => {\r\n x.fActualAmountVariance = x.fActualAmountVariance\r\n x.fGrossAmountVariance = x.fGrossAmountVariance\r\n x.fNetAmountVariance = x.fNetAmountVariance\r\n x.ffActualAmountVariance = x.ffActualAmountVariance\r\n x.ffGrossAmountVariance = x.ffGrossAmountVariance\r\n x.ffNetAmountVariance = x.ffNetAmountVariance\r\n x.fActualAmountVariancePecentage = parseFloat(x.fActualAmountVariancePecentage).toFixed(2)\r\n x.fGrossAmountVariancePecentage = parseFloat(x.fGrossAmountVariancePecentage).toFixed(2)\r\n x.fNetAmountVariancePecentage = parseFloat(x.fNetAmountVariancePecentage).toFixed(2)\r\n x.cfActualAmountVariancePecentage = x.cfActualAmountVariancePecentage == '-' ? '-' : parseFloat(x.cfActualAmountVariancePecentage).toFixed(2)\r\n x.cfGrossAmountVariancePecentage = x.cfGrossAmountVariancePecentage == '-' ? '-' : parseFloat(x.cfGrossAmountVariancePecentage).toFixed(2)\r\n x.cfNetAmountVariancePecentage = x.cfNetAmountVariancePecentage == '-' ? '-' : parseFloat(x.cfNetAmountVariancePecentage).toFixed(2)\r\n })\r\n\r\n var newRow4 = {\r\n\r\n collectionPointName: \"Total\",\r\n noOfWorkers: \"Pluckers\" + \" \" + \"-\" + \" \" + employeeCount[0].employee,\r\n netAmount: totCheRollNetAmountVariance,\r\n fBagCount: totalFeildBagCount,\r\n fNetAmount: totFeildNetAmountVariance,\r\n nBagCount: totalFactoryBagCount,\r\n nNetAmount: totFactoryNetAmountVariance,\r\n fNetAmountVariance: totCheckrollFactorynetVariance,\r\n ffNetAmountVariance: totfeildFactorynetVariance,\r\n cfNetAmountVariancePecentage: totCheckrollFactoryVariancePecentage,\r\n fNetAmountVariancePecentage: totFeildtoFactoryVariancePecentage\r\n\r\n }\r\n\r\n var newRow5 = {}\r\n\r\n var newRow1 = {\r\n collectionPointName: \"Group :\" + groups[goodsTransferDetails.groupID],\r\n fieldName: \"Estate : \" + estates[goodsTransferDetails.estateID]\r\n }\r\n var newRow2 = {\r\n collectionPointName: \"Division : \" + divisions[goodsTransferDetails.divisionID],\r\n fieldName: \"Date : \" + goodsTransferDetails.searchDate,\r\n }\r\n\r\n copyOfCsv.push({}, {}, newRow1, newRow2, newRow5, newRow4)\r\n xlsx(csvHeaders, copyOfCsv, settings, true)\r\n }\r\n\r\n function getSelectedDropdownValuesForReport(searchForm) {\r\n setSelectedSearchValues({\r\n ...selectedSearchValues,\r\n group: groups[searchForm.groupID],\r\n estate: estates[searchForm.estateID],\r\n division: divisions[searchForm.divisionID],\r\n date: searchForm.searchDate,\r\n })\r\n\r\n }\r\n\r\n return (\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
handleSearch(e)}\r\n disabled={false}\r\n >\r\n \r\n
\r\n Group * \r\n handleGroupChange(e.target)}\r\n >\r\n --Select Group-- \r\n {generateDropDownMenu(groups)}\r\n \r\n {errors[\"groupID\"] && (\r\n {errors[\"groupID\"]} \r\n )}\r\n
\r\n\r\n
\r\n Estate * \r\n handleEstateChange(e.target)}\r\n >\r\n --Select Estate-- \r\n {generateDropDownMenu(estates)}\r\n \r\n {errors[\"estateID\"] && ({errors[\"estateID\"]} )}\r\n
\r\n\r\n
\r\n Division * \r\n handleDivisionChange(e.target)}\r\n >\r\n --Select Division-- \r\n {generateDropDownMenu(divisions)}\r\n \r\n {errors[\"divisionID\"] && ({errors[\"divisionID\"]} )}\r\n
\r\n
\r\n Date * \r\n handleSearchDateChange(e.target)}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n />\r\n {errors[\"searchDate\"] && ({errors[\"searchDate\"]} )}\r\n
\r\n
\r\n
\r\n\r\n \r\n trackPromise(handleSearch(e))}\r\n />\r\n
\r\n \r\n {data.length != 0 ?\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n Feild\r\n \r\n \r\n CheckRoll\r\n \r\n \r\n Feild\r\n \r\n \r\n Factory\r\n \r\n \r\n C to F variance\r\n \r\n \r\n F to F variance\r\n \r\n \r\n \r\n \r\n Weighment\r\n \r\n\r\n \r\n Net\r\n \r\n \r\n Bags\r\n \r\n\r\n \r\n Net\r\n \r\n \r\n Bags\r\n \r\n\r\n \r\n Net\r\n \r\n\r\n \r\n Net\r\n \r\n \r\n Net%\r\n \r\n\r\n \r\n Net\r\n \r\n \r\n Net%\r\n \r\n \r\n \r\n \r\n {data.map((row) => (\r\n \r\n \r\n {row.fieldName}\r\n \r\n \r\n {row.noOfWorkers == undefined ? '-' : parseInt(row.noOfWorkers)}\r\n \r\n\r\n \r\n {row.netAmount == undefined || row.netAmount == 0 ? '-' : row.netAmount.toFixed(2)}\r\n \r\n \r\n {row.fBagCount == undefined ? '-' : parseInt(row.fBagCount)}\r\n \r\n\r\n \r\n {row.fNetAmount == undefined || row.fNetAmount == 0 ? '-' : row.fNetAmount.toFixed(2)}\r\n \r\n \r\n {row.nBagCount == undefined ? '-' : parseInt(row.nBagCount)}\r\n \r\n\r\n \r\n {row.nNetAmount == undefined || row.nNetAmount == 0 ? '-' : row.nNetAmount.toFixed(2)}\r\n \r\n\r\n \r\n 0 ? \"badge badge-primary\" : \"badge badge-danger\"}>\r\n {parseFloat(row.fNetAmountVariance).toFixed(2)}\r\n \r\n \r\n \r\n 0 ? \"badge badge-primary\" : \"badge badge-danger\"}>\r\n {row.cfNetAmountVariancePecentage == '-' ? '-' : parseFloat(row.cfNetAmountVariancePecentage).toFixed(2)}\r\n \r\n \r\n \r\n 0 ? \"badge badge-primary\" : \"badge badge-danger\"}>\r\n {parseFloat(row.ffNetAmountVariance).toFixed(2)}\r\n \r\n \r\n \r\n 0 ? \"badge badge-primary\" : \"badge badge-danger\"}>\r\n {row.fNetAmountVariancePecentage == '-' ? '-' : parseFloat(row.fNetAmountVariancePecentage).toFixed(2)}\r\n \r\n \r\n\r\n \r\n ))}\r\n \r\n \r\n \r\n Total \r\n {\"Pluckers\" + \" \" + \"-\" + \" \" + employeeCount[0].employee} \r\n {totCheRollNetAmountVariance} \r\n {totalFeildBagCount} \r\n {parseFloat(totFeildNetAmountVariance).toFixed(2)} \r\n {totalFactoryBagCount} \r\n {parseFloat(totFactoryNetAmountVariance).toFixed(2)} \r\n {totCheckrollFactorynetVariance} \r\n {totCheckrollFactoryVariancePecentage} \r\n {totfeildFactorynetVariance} \r\n {totFeildtoFactoryVariancePecentage} \r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n {data.length != 0 ?\r\n
\r\n
\r\n
\r\n \r\n : null}\r\n
\r\n
\r\n
\r\n );\r\n}\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom';\r\nimport { CropVarianceReport } from './Pages/listing';\r\n\r\nexport const CropVarianceReportRoutes = ({ match }) => (\r\n
\r\n \r\n)","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport classNames from \"classnames\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Drawer from \"@material-ui/core/Drawer\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport List from \"@material-ui/core/List\";\r\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport logo from '../../assets/img/AgriX_LogoX.png';\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport MenuIcon from \"@material-ui/icons/Menu\";\r\nimport AccountCircle from \"@material-ui/icons/AccountCircle\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport IconLibraryBooks from '@material-ui/icons/LibraryBooks'\r\nimport InboxIcon from \"@material-ui/icons/MoveToInbox\";\r\nimport MailIcon from \"@material-ui/icons/Mail\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Menu from \"@material-ui/core/Menu\";\r\nimport Divider from '@material-ui/core/Divider';\r\nimport Collapse from '@material-ui/core/Collapse';\r\nimport IconExpandLess from '@material-ui/icons/ExpandLess';\r\nimport IconExpandMore from '@material-ui/icons/ExpandMore';\r\nimport GroupIcon from '@material-ui/icons/Group';\r\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\r\nimport Icon from '@material-ui/core/Icon';\r\nimport ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\n\r\n//import { CommonGet, CommonPost } from \"../../utils/CommonFetch\";\r\nimport Popover from '@material-ui/core/Popover';\r\nimport tokenService from '../Common/tokenDecoder';\r\nimport { Switch, Redirect, Route } from 'react-router-dom';\r\n\r\nimport { GroupRoutes } from '../Modules/Group/routes';\r\nimport { FactoryRoutes } from '../Modules/Factory/routes';\r\nimport { RouteRoutes } from '../Modules/Route/routes';\r\nimport { EstateRoutes } from '../Modules/Estate/routes';\r\nimport { DivisionRoutes } from '../Modules/Devision/routes';\r\nimport { FieldRoutes } from '../Modules/Field/routes';\r\nimport { UserRoutes } from '../Modules/User/routes';\r\nimport { FactoryItemsRoutes } from '../Modules/Factory Items/routes';\r\nimport { OperationentityProductMappingRoutes } from '../Modules/OpEntityProductMapping/routes';\r\nimport { OperationentityCollectionCatagoryMappingRoutes } from '../Modules/OperationentityCollectionCatagoryMapping/routes';\r\nimport { MenuRoutes } from '../Modules/MobileMenu/routes';\r\nimport { CustomerRoutes } from '../Modules/Customer/routes';\r\nimport { CollectioncategoryTypeMappingRoutes } from '../Modules/CollectioncategoryCollectiontypeMapping/routes';\r\nimport { CollectionTypeRoutes } from '../Modules/CollectionType/routes';\r\nimport { MobilemenuCollectionCatagoryMappingRoutes } from '../Modules/MobileMenuCollectionCategoryMappinng/routes';\r\nimport { ProductRoutes } from '../Modules/Product/routes';\r\nimport { CollectionCategoryMaster } from '../Modules/CollectionCategoryMaster/routes';\r\nimport { FactoryWeightPointRoutes } from '../Modules/FactoryWeightPoint/routes';\r\nimport { FactoryItemRequestApprovalRoutes } from '../Modules/FactoryItemRequestApproval/routes';\r\nimport { RoleRoutes } from '../Modules/Role/routes';\r\nimport { GangRoutes } from '../Modules/Gang/routes';\r\nimport { RegularOperationEntityRoutes } from '../Modules/RegularOperationEntity/routes';\r\nimport { RegularCollectionPointRoutes } from '../Modules/RegularCollectionPoint/routes';\r\nimport { IgnoreSessionRoutes } from \"../Modules/IgnoreSession/routes\";\r\n\r\nimport { PackageCreationRoutes } from '../Modules/PackageCreation/routes';\r\nimport { SOSRoutes } from '../Modules/SOS/routes';\r\nimport { EOSRoutes } from '../Modules/EOS/routes';\r\nimport { DeductionRoutes } from '../Modules/Deduction/routes';\r\nimport { TaskTemplateRoutes } from '../Modules/TaskTemplate/routes';\r\nimport { DailyAttendanceRoutes } from '../Modules/DailyAttendance/routes';\r\nimport { TaskCategoryRoutes } from '../Modules/Task/routes';\r\nimport { GPSRoutes } from '../Modules/GPS/routes';\r\nimport { EmployeeTaskDetailsRoutes } from '../Modules/EmployeeTaskDetails/routes';\r\n\r\nimport { Layout } from '../Layout';\r\nimport { Home } from '../Home';\r\nimport { FetchData } from '../FetchData'\r\nimport { Counter } from '../Counter';\r\nimport { Link } from 'react-router-dom';\r\n\r\n\r\nimport { CardUploadRoutes } from '../Modules/CardUpload/routes';\r\nimport { OperationCardRoutes } from '../Modules/OperationCard/routes';\r\nimport { CardPrintRoutes } from '../Modules/CardPrint/routes';\r\nimport { CardActivateRoutes } from '../Modules/CardActivate/routes';\r\nimport { CardSuspendRoutes } from '../Modules/CardSuspend/routes';\r\nimport { CardRegenerateRoutes } from '../Modules/CardRegenerate/routes';\r\nimport { CommonOperationCardRoutes } from '../Modules/CommonOperationCard/routes';\r\n\r\n\r\nimport { DailyCollectionSummeryReportRoutes } from '../Modules/Reports/DailyCollectionSummery/route';\r\nimport { DailyCollectionRoutes } from '../Modules/Reports/DailyCollection/routes';\r\nimport { CollectionpointMonthlyDetailReportRoutes } from '../Modules/Reports/CollectionpointMonthlyDetailReport/routes';\r\nimport { GoodsTransferDetailsRoutes } from '../Modules/Reports/GoodsTransferDetails/routes';\r\nimport { FactoryEmployeeAttendanceReportRoutes } from '../Modules/Reports/FactoryEmployeeAttendanceReport/routes';\r\nimport { CustomerLeafCollectionReportRoutes } from '../Modules/Reports/CustomerLeafCollectionReport/routes';\r\nimport { EstateComparisonReportRoutes } from '../Modules/Reports/EstateComparisonReport/routes';\r\nimport { DivisionSummaryReportRoutes } from '../Modules/Reports/DivisionSummaryReport/routes';\r\nimport { DailyCropReconcilliationRoutes } from '../Modules/Reports/DailyCropReconciliation/routes';\r\n\r\nimport { EmployeeCardUploadRoutes } from '../Modules/EmployeeCardUpload/routes';\r\nimport { RsmEmployeeRoutes } from '../Modules/RsmEmployee/routes';\r\n\r\nimport { RolePermissionRoutes } from '../Modules/RolePermission/routes';\r\nimport { CollectionPointRoutes } from '../Modules/CollectionPoint/routes';\r\nimport { QRtagRoutes } from '../Modules/QRtagGeneration/routes';\r\nimport { CommonGet } from \"../../utils/CommonFetch\";\r\nimport Unauthorized from '../Unauthorize';\r\nimport { EmployeeRoutes } from '../Modules/Employee/routes'\r\nimport { EstatePackageCreationRoutes } from '../Modules/EstatePackage/routes'\r\nimport { QRcodePrintRoutes } from '../Modules/QRcodePrint/routes';\r\nimport { TagAmendmentRequestRoutes } from '../Modules/TagAmendment/routes'\r\nimport { QRTagGenerationWithFactoryRoutes } from '../Modules/QRTagGenerationWithFactory/routes';\r\nimport { QRCodePrintWithFactoryRoutes } from '../Modules/QRcodePrintWithFactory/routes';\r\n\r\n// ERP\r\nimport { SupplierProfileRoutes } from '../Modules/SupplierProfile/routes'\r\n\r\nimport { UserPasswordChange } from '../Modules/User/Pages/passwordChange';\r\nimport { EmployeeOperationCardRoutes } from '../Modules/EmployeeOperationCard/routes';\r\n\r\nimport { EmployeeCardPrintRoutes } from '../Modules/EmployeeCardManagement/CardPrint/routes';\r\nimport { EmployeeCardActivateRoutes } from '../Modules/EmployeeCardManagement/CardActive/routes';\r\nimport { EmployeeCardSuspendRoutes } from '../Modules/EmployeeCardManagement/CardSuspend/routes';\r\nimport { EmployeeCardRegenerateRoutes } from '../Modules/EmployeeCardManagement/CardRegenerate/routes';\r\nimport { DashBoardRoutes } from '../Modules/Dashboard/routes';\r\n\r\nimport { WeighingReportRoutes } from '../Modules/Reports/WeighingReport/routes';\r\nimport { AdvancedRequestRoutes } from '../Modules/AdvancedRequest/routes';\r\nimport { BuyerRoutes } from '../Modules/Buyer/route';\r\n\r\nimport { GoodsReceiveNoteRoutes } from '../Modules/GoodsReceiveNote/routes';\r\nimport { VarianceRoutes } from '../Modules/Reports/VarianceReport/routes';\r\nimport { GrossQuantityWiseBagCountRoutes } from '../Modules/Reports/GrossQuentittyWiseBagCount/route';\r\nimport { PurchaseAdviceRoutes } from '../Modules/PurchasingAdvice/routes';\r\nimport { ExportSupplierRoutes } from '../Modules/ExportSupplier/routes'\r\n\r\nimport { BulkDeductionRoutes } from '../Modules/BulkDeduction/routes';\r\nimport { CommonPackageCreationRoutes } from '../Modules/CommonPackageCreation/route';\r\nimport { MonthlyCollectionRoutes } from '../Modules/Reports/MonthlyCollectionReport/routes';\r\nimport { ImageRecognitionReportRoutes } from '../Modules/Reports/EmployeeImageRecognitionStatusReport/routes';\r\nimport { MasterCardLeafCollectionTagReportRoutes } from '../Modules/Reports/MasterCardLeafTagReport/routes';\r\nimport { EmployeeSessionImageReportRoutes } from '../Modules/Reports/EmployeeSessionImageReport/routes';\r\nimport { MasterCardLeafCollectionReportRoutes } from '../Modules/Reports/MasterCardLeafCollection/routes';\r\nimport { RouteWiseCropDetailsReportRoutes } from '../Modules/Reports/RoutewiseCropDetailReport/routes';\r\nimport { DailyLeafCollectionManualReportRoutes } from '../Modules/Reports/DailyLeafCollectionManualReport/routes';\r\nimport { LeafSupplierDetailsReportRoutes } from '../Modules/Reports/LeafSupplierDetails/routes';\r\nimport { RouteManagerPrintOptionsRoutes } from '../Modules/Reports/RouteMangerPrintOptions/routes';\r\nimport { DailyLeafCollectionRouteWiseSummaryReportRoutes } from '../Modules/Reports/DailyLeafCollectionRouteWiseSummary/routes';\r\nimport { RouteSummaryReportRoutes } from '../Modules/Reports/RouteSummaryReport/routes';\r\nimport { LeafCollectionSummaryReportRoutes } from '../Modules/Reports/LeafCollectionSummaryReport/routes';\r\nimport { ManualLeafRoutes } from '../Modules/ManualLeaf/routes';\r\n\r\nimport { DuplicateTagVerificationRoutes } from '../Modules/DuplicateTagVerification/routes';\r\nimport { TagAmendmentRoutes } from '../Modules/TagAmendment/routes';\r\nimport { TagAmendmentApprovalRoutes } from \"../Modules/TagAmendmentApproval/routes\";\r\nimport { BlockWeighmentRoutes } from '../Modules/Reports/BlockWeighmentReport/routes';\r\nimport { CustomerLeafWiseCollectionReportRoutes } from '../Modules/Reports/CustomerLeafWiseCollectionReport/routes';\r\nimport { RouteWiseCollectionTypeReportRoutes } from '../Modules/Reports/RouteWiseCollectionTypeReport/routes';\r\nimport { LeafCollectionVarianceReportRoutes } from '../Modules/Reports/LeafCollectionVarianceReport/routes';\r\nimport { RouteEmployeeDetailsReportRoutes } from '../Modules/Reports/RouteEmployeeDetailsReport/routes';\r\nimport { FactoryRouteWeighReportRoutes } from '../Modules/Reports/FactoryRouteWeighReport/routes';\r\nimport { LeafCollectionVarianceRouteWiseReportRoutes } from '../Modules/Reports/LeafCollectionVarianceReportRouteWise/routes';\r\nimport { TagMismatchAndReplaceRoutes } from '../Modules/TagException/routes';\r\nimport { TotalCropReportRoutes } from '../Modules/Reports/TotalCropReport/routes';\r\nimport { LeafAmendmentRoutes } from '../Modules/LeafAmendment/routes';\r\nimport { LoftReportRoutes } from '../Modules/Reports/LoftReport/routes';\r\nimport { CheckRollSummaryReportRoutes } from '../Modules/Reports/CheckrollWeighSummary/routes';\r\nimport { LoftSummaryReportRoutes } from '../Modules/Reports/LoftSummaryReport/routes';\r\nimport { lossExcessReportRoutes } from '../Modules/Reports/DailyLossExcessReport/routes';\r\nimport { SupplierDairySummaryReportRoutes } from '../Modules/Reports/SupplierDairySummaryReport/routes';\r\nimport { DairyCollectionDetailedReportRoutes } from '../Modules/Reports/DairyCollectionDetailedReport/routes';\r\nimport { CollectionSummaryReportRoutes } from '../Modules/Reports/CollectionSummaryReport/routes';\r\nimport { FactoryItemApprovalRoutes } from '../Modules/FactoryItemApproval/routes';\r\nimport { DailyLeafCollectionReportRoutes } from '../Modules/Reports/DailyLeafCollectionReport/routes';\r\nimport { RouteLeafCollectionDetailsReportRoutes } from '../Modules/Reports/RouteLeafCollectionDetailsReport/routes';\r\nimport { FactoryItemStatusReportRoutes } from '../Modules/Reports/FactoryItemStatusReport/routes';\r\nimport { LeafCollectionDetailsReportRoutes } from '../Modules/Reports/LeafCollectionDetailsReport/routes';\r\nimport { DivisionSummaryDetailReportRoutes } from '../Modules/Reports/DivisionSummaryDetailReport/routes';\r\nimport { OperationEntityConfigurationRoutes } from \"../Modules/OperationEntityConfiguration/routes\";\r\nimport { LeafCollectionVarianceDetailsReportRoutes } from \"../Modules/Reports/LeafCollectionVarianceDetailsReport/routes\";\r\nimport { LeafCollectionOverviewReportRoutes } from '../Modules/Reports/LeafCollectionOverviewReport/routes';\r\nimport { RouteDeductionDetailsReportRoutes } from '../Modules/Reports/RouteDeductionDetailsReport/routes';\r\nimport { LeafCollectionRouteSummaryReportRoutes } from \"../Modules/Reports/LeafCollectionRouteSummaryReport/routes\";\r\nimport { AdvancedRequestStatusReportRoute } from '../Modules/Reports/AdvancedRequestStatusReport/routes';\r\nimport { LoftAmendmentsRoutes } from '../Modules/Reports/LoftAmendmentsReport/routes';\r\nimport { EstateGTNFactoriesRoutes } from '../Modules/EstateGTNFactories/routes';\r\nimport { EmployeeHarvestingJobEditRoutes } from '../Modules/EmployeeHarvestingJobEdit/routes';\r\nimport { TotalCheckRollSummaryReportRoutes } from '../Modules/Reports/TotalCheckRollWeighmentSummaryReport/routes';\r\nimport { TaskRoutes } from '../Modules/LabourTask/routes';\r\nimport { EmployeeDetailsEstateReportRoutes } from '../Modules/Reports/EmployeeDetailsEstateReport/routes';\r\nimport { TotalCheckRollSummaryReportWithNomRoutes } from '../Modules/Reports/TotalCheckRollSummaryWithNom/routes';\r\nimport { WeighPointWiseDeductionReportRoutes } from '../Modules/Reports/WeighPointWiseDeductionReport/routes';\r\nimport { TaskTemplateBulkRoutes } from '../Modules/TaskTemplateBulk/routes';\r\nimport { EmployeeCheckRollDayWiseMonthlyDetailReportRoutes } from '../Modules/Reports/EmployeeCheckRollDayWiseMonthlyDetailReport/routes';\r\nimport { DailyCheckRoleSummaryReportRoutes } from '../Modules/Reports/DailyCheckRoleSummaryReport/routes';\r\nimport { SessionIgnoreReportRoutes } from '../Modules/Reports/SessionIgnoreReport/routes';\r\nimport { EmployeeWiseCheckRollMonthlySummaryReportRoutes } from '../Modules/Reports/EmployeeWiseCheckRollMonthlySummaryReport/routes';\r\nimport { DailyTaskDetailReportRoutes } from '../Modules/Reports/DailyTaskDetailReport/routes';\r\nimport { TaskDetailReportRoutes } from '../Modules/Reports/TaskDetailReport/routes';\r\nimport { EmployeeTaskDetailReportRoutes } from '../Modules/Reports/EmployeeTaskDetailReport/routes';\r\nimport { HalfNameMarkReportRoutes } from '../Modules/Reports/HalfNameMarkReport/routes';\r\nimport { ExportTagDetailsRoutes } from '../Modules/ExportTagDetails/routes';\r\nimport { IntegrationRetryOptionRoutes } from '../Modules/Reports/IntegrationRetryOption/route';\r\nimport { FalconReportRoutes } from '../Modules/Reports/FalconReports/routes'\r\nimport { FalconTagAmendRoutes } from '../Modules/FalconTagAmend/routes';\r\nimport { CustomerAccountReportRoutes } from '../Modules/Reports/CustomerAccountReport/routes';\r\nimport { ActiveSupplierCountReportRoutes } from '../Modules/Reports/ActiveSupplierCountReport/routes';\r\nimport { RevenueSharedPaymentCalculationRoutes } from '../Modules/RevenueSharedPaymentCalculation/routes';\r\nimport { LabourChecklistReportRoutes } from \"../Modules/Reports/LabourCheckList/routes\";\r\nimport { SubordinateCollectionReportRoutes } from \"../Modules/Reports/SubordCollectionReport/routes\";\r\nimport { BLFactoryWeighDetailReportRoutes } from '../Modules/Reports/BLFactoryWeighReport/route';\r\nimport { PlukingChecklistReportRoutes } from \"../Modules/Reports/PluckingChecklistReport/routes\";\r\nimport { SundryFactorySummaryReportRoutes } from '../Modules/Reports/SundryFactorySummaryReport/routes';\r\n\r\nimport { CropVarianceReportRoutes } from \"../Modules/Reports/CropVarianceReport/routes\";\r\n\r\n\r\nconst drawerWidth = 270;\r\n\r\n\r\nconst styles = theme => ({\r\n '@global': {\r\n '*::-webkit-scrollbar': {\r\n width: '0.4em'\r\n },\r\n '*::-webkit-scrollbar-track': {\r\n '-webkit-box-shadow': 'inset 0 0 6px rgba(0,0,0,0.00)'\r\n },\r\n '*::-webkit-scrollbar-thumb': {\r\n backgroundColor: '#48B862',\r\n outline: '1px solid slategrey'\r\n }\r\n },\r\n root: {\r\n display: \"flex\"\r\n },\r\n paper: {\r\n backgroundColor: \"#424242\",\r\n },\r\n appBar: {\r\n background: '#ffffff',//'linear-gradient(45deg, #ffffff 10%, #43a047 90%)',\r\n zIndex: theme.zIndex.drawer + 1,\r\n //backgroundColor: 'linear-gradient(to right, #ffffff 14%, #33cc33 100%)'\r\n },\r\n appBarShift: {\r\n marginLeft: drawerWidth,\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n transition: theme.transitions.create([\"width\", \"margin\"], {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.enteringScreen\r\n })\r\n },\r\n menuButton: {\r\n marginLeft: 12,\r\n marginRight: 10,\r\n color: \"#424242\"\r\n },\r\n menuButtonIconClosed: {\r\n transition: theme.transitions.create([\"transform\"], {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.leavingScreen\r\n }),\r\n transform: \"rotate(0deg)\"\r\n },\r\n menuButtonIconOpen: {\r\n transition: theme.transitions.create([\"transform\"], {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.leavingScreen\r\n }),\r\n transform: \"rotate(180deg)\"\r\n },\r\n hide: {\r\n display: \"none\"\r\n },\r\n drawer: {\r\n width: drawerWidth,\r\n flexShrink: 0,\r\n whiteSpace: \"nowrap\"\r\n\r\n },\r\n drawerOpen: {\r\n width: drawerWidth,\r\n transition: theme.transitions.create(\"width\", {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.enteringScreen\r\n })\r\n },\r\n drawerClose: {\r\n transition: theme.transitions.create(\"width\", {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.leavingScreen\r\n }),\r\n overflowX: \"hidden\",\r\n width: theme.spacing.unit * 7 + 1,\r\n [theme.breakpoints.up(\"sm\")]: {\r\n width: theme.spacing.unit * 7 + 1\r\n }\r\n },\r\n toolbar: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"flex-end\",\r\n padding: \"0 6px\",\r\n\r\n ...theme.mixins.toolbar\r\n },\r\n content: {\r\n flexGrow: 1,\r\n padding: theme.spacing.unit * 2,\r\n },\r\n grow: {\r\n flexGrow: 1\r\n },\r\n icontheme: {\r\n color: \"#48B862\"\r\n },\r\n textcolor: {\r\n color: \"#D3D3D3\"\r\n\r\n },\r\n devidertheme: {\r\n color: \"#48B862\",\r\n height: \"20px\",\r\n width: \"5px\"\r\n },\r\n logo: {\r\n maxWidth: 150\r\n },\r\n usertxt: {\r\n color: \"#446600\"\r\n }\r\n\r\n});\r\n\r\nclass CommonHeader extends React.Component {\r\n state = {\r\n open: false,\r\n anchorEl: null,\r\n anchorE2: null,\r\n AdministrationOpen: false,\r\n ProductManagerOpen: false,\r\n CardManagerOpen: false,\r\n ReportManagerOpen: false,\r\n HelpOpen: false,\r\n mainNavigationMenu: [],\r\n testopen: false\r\n\r\n };\r\n\r\n async componentDidMount() {\r\n const response = await CommonGet('/api/MainNavMenu/GetMenuModelsByRole', 'roleID=' + tokenService.getRoleFromToken());\r\n this.setState({ mainNavigationMenu: response });\r\n\r\n }\r\n\r\n handleDrawerOpen = () => {\r\n this.setState({ open: !this.state.open });\r\n };\r\n\r\n handleDrawerClose = () => {\r\n this.setState({ open: false });\r\n };\r\n\r\n handleClick = (event) => {\r\n this.setState({ anchorE2: event.currentTarget });\r\n };\r\n handleMenu = event => {\r\n this.setState({ anchorEl: event.currentTarget });\r\n };\r\n handleClose = () => {\r\n this.setState({ anchorEl: null });\r\n };\r\n handleMenuq = event => {\r\n this.setState({ anchorE2: null });\r\n };\r\n handleCloseq(id, event) {\r\n var menuList = this.state.mainNavigationMenu\r\n menuList.map((item) => {\r\n\r\n item.anchorE2 = null\r\n item.isOpen = false\r\n });\r\n\r\n this.setState({ mainNavigationMenu: menuList });\r\n };\r\n\r\n\r\n\r\n handleMainMenuDropDown(id, event) {\r\n\r\n var menuList = this.state.mainNavigationMenu\r\n menuList.map((item) => {\r\n if (item.mainMenuName == id) {\r\n item.anchorE2 = event.currentTarget\r\n item.isOpen = !item.isOpen\r\n }\r\n\r\n });\r\n\r\n this.setState({ mainNavigationMenu: menuList });\r\n };\r\n\r\n logoutHandler = () => {\r\n //window.logout.logout();\r\n sessionStorage.removeItem('token');\r\n window.location.replace('/');\r\n };\r\n\r\n\r\n render() {\r\n const { classes, theme } = this.props;\r\n const { anchorEl } = this.state;\r\n const { anchorE2 } = this.state;\r\n const open = Boolean(anchorEl);\r\n return (\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {tokenService.getUserNameFromToken()}\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n {this.state.mainNavigationMenu.map((menu, index) => (\r\n \r\n { this.handleMainMenuDropDown(menu.mainMenuName, e) }}\r\n className={classes.textcolor}\r\n aria-haspopup=\"true\"\r\n aria-controls=\"fade-menu\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n { this.handleCloseq(menu.mainMenuName, e) }}\r\n >\r\n\r\n {menu.screenList.map((screen, index) => (\r\n { this.handleCloseq(menu.mainMenuName, e) }}>\r\n \r\n \r\n {screen.screenName}\r\n \r\n\r\n \r\n ))}\r\n \r\n
\r\n
\r\n ))}\r\n \r\n
\r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nCommonHeader.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n theme: PropTypes.object.isRequired\r\n};\r\n\r\n\r\nexport default withStyles(styles, { withTheme: true })(CommonHeader);","\r\nimport React, { Component } from 'react';\r\nimport { NavMenu } from './NavMenu';\r\nimport { Header } from './Header';\r\n\r\nimport {Footer} from './Footer';\r\nimport { CommonGet } from '../utils/CommonFetch';\r\nimport $ from \"jquery\";\r\nimport ReactTable from \"react-table\";\r\nimport 'react-table/react-table.css'\r\nimport { CommonHeader } from '../components/CommonHeader/CommonHeader'\r\nconst menuItems = [\r\n\r\n {\r\n id: 100,\r\n label: 'Master Data',\r\n icon: 'fas fa-database',\r\n className: 'bold',\r\n //expanded: 'false',\r\n items: [\r\n {\r\n id: 1,\r\n label: 'Branch',\r\n icon: 'fas fa-file',\r\n link: '/masterdata/branch/Index',\r\n className: 'active',\r\n },\r\n {\r\n id: 2,\r\n label: 'Terminal Maintenance',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/terminalmaintenance/index',\r\n }\r\n\r\n ]\r\n },\r\n {\r\n id: 200,\r\n label: 'Mobile Management',\r\n icon: 'fas fa-mobile',\r\n\r\n items: [\r\n {\r\n id: 1,\r\n label: 'Mobile Vendors',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/mobilevendors/Index',\r\n\r\n },\r\n {\r\n id: 2,\r\n label: 'Mobile Manufacturer',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/mobilemanufacturers/index',\r\n },\r\n {\r\n id: 3,\r\n label: 'Mobile Model',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/mobilemodels/index',\r\n },\r\n {\r\n id: 4,\r\n label: 'Mobile',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/mobile/index',\r\n }\r\n\r\n ]\r\n },\r\n {\r\n id: 825,\r\n label: 'SIM Management',\r\n icon: 'fas fa-microchip',\r\n\r\n items: [\r\n {\r\n id: 1,\r\n label: 'Network Operator',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/networkoperator/Index',\r\n },\r\n {\r\n id: 2,\r\n label: 'SIM',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/sim/index',\r\n }\r\n\r\n ]\r\n },\r\n {\r\n id: 400,\r\n label: 'Mobile Banking',\r\n icon: 'fas fa-credit-card',\r\n\r\n items: [\r\n {\r\n id: 1,\r\n label: 'Mobile Package Creation',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/mobilepackage/index',\r\n },\r\n {\r\n id: 2,\r\n label: 'Mobile Package Maintenance',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/PackageUserMaintain/Index',\r\n },\r\n {\r\n id: 3,\r\n label: 'Teller Request List',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/tellerrequestlist/index',\r\n },\r\n {\r\n id: 4,\r\n label: 'Transaction Search',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/transactionsearch/index',\r\n },\r\n\r\n ]\r\n },\r\n {\r\n id: 500,\r\n label: 'Maintain Roles',\r\n icon: 'fas fa-address-card',\r\n\r\n items: [\r\n {\r\n id: 1,\r\n label: 'Maintain User Roles',\r\n icon: 'fas fa-file',\r\n link: '/mobilebanking/rolemaintain/index',\r\n }\r\n ]\r\n },\r\n {\r\n id: 600,\r\n label: 'Admin',\r\n icon: 'fas fa-address-card',\r\n\r\n items: [\r\n {\r\n id: 1,\r\n label: 'Create User',\r\n icon: 'fas fa-file',\r\n link: '/admin/createuser',\r\n },\r\n {\r\n id: 2,\r\n label: 'Edit User',\r\n icon: 'fas fa-file',\r\n link: '/admin/edituser/index',\r\n }\r\n\r\n ]\r\n }\r\n];\r\n\r\nexport class Layout extends Component {\r\n displayName = Layout.name\r\n\r\n jqueryScripts = () => {\r\n $(document).ready(function () {\r\n $('#example').DataTable({\r\n \"order\": [[0, \"desc\"]]\r\n });\r\n });\r\n }\r\n componentWillMount() {\r\n this.jqueryScripts();\r\n }\r\n\r\n\r\n\r\n render() {\r\n\r\n return (\r\n \r\n
\r\n {this.props.children}\r\n
\r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import unixTime from 'unix-time';\r\nimport IdleTimer from 'react-idle-timer';\r\nimport config from \"react-global-configuration\";\r\nimport $ from 'jquery';\r\n\r\n\r\n// The function js for the idle monitoring of the users \r\n\r\nvar idleTimeMinutes = config.get('idleTimeOut');\r\nvar updateLastActiveMinutes = (Math.trunc((idleTimeMinutes * 2) / 3) - 1) < 11 ? (Math.trunc((idleTimeMinutes * 2) / 3) - 1) : 10;\r\nvar checkIdleMinutes = (Math.trunc(idleTimeMinutes / 3)) < 6 ? (Math.trunc(idleTimeMinutes / 3)) : 5;\r\n\r\n//setInterval(updateLastActive, updateLastActiveMinutes * 60 * 1000) // to be 5 mins\r\n//setInterval(checkIdle, checkIdleMinutes * 60 * 1000) // to be 3 mins\r\n\r\nfunction randomString(length) {\r\n var bytes = new Uint8Array(length);\r\n var random = window.crypto.getRandomValues(bytes);\r\n var result = [];\r\n var charset = '0123456789ABCDEFGHIJKLMNOPQRSTUVXYZabcdefghijklmnopqrstuvwxyz-._~'\r\n random.forEach(function (c) {\r\n result.push(charset[c % charset.length]);\r\n });\r\n return result.join('');\r\n}\r\n\r\nfunction updateLastActive() { //updates the last active time of user to the ticket\r\n var ticketName = sessionStorage.getItem('selfTicket');\r\n var item = localStorage.getItem(ticketName);\r\n var json = JSON.parse(item);\r\n\r\n var isIdle = json.isIdle;\r\n var lastActiveTime = json.lastActiveTime;\r\n var createdTime = json.createdTime;\r\n var lastModifiedTime = unixTime(new Date());\r\n\r\n var ticket = { \"isIdle\": isIdle, \"lastActiveTime\": lastActiveTime, \"createdTime\": createdTime, \"lastModifiedTime\": lastModifiedTime };\r\n localStorage.setItem(ticketName, JSON.stringify(ticket));\r\n}\r\n\r\nfunction checkIdle() {\r\n localStorageCheck();\r\n}\r\n\r\nfunction localStorageCheck() { //checks the idle status of the users from the tickets\r\n var idleStatus = true;\r\n\r\n $.each(localStorage, function (key, value) {\r\n if (\"ticket_\" === key.substr(0, 7)) {\r\n var item = value;\r\n var json = JSON.parse(item);\r\n var isIdle = json.isIdle;\r\n if (isIdle == '1') {\r\n idleStatus &= true;\r\n }\r\n else {\r\n idleStatus &= false;\r\n }\r\n }\r\n });\r\n\r\n if (idleStatus == true) {\r\n sessionStorage.removeItem('token');\r\n window.location.replace('/');\r\n // localStorage.clear();\r\n // window.logout.logout();\r\n }\r\n}\r\n\r\nexport function storeTicket() {\r\n var isIdle = 0;\r\n var lastActiveTime = unixTime(new Date());\r\n var createdTime = unixTime(new Date());\r\n var lastModifiedTime = unixTime(new Date());\r\n var randomstring = randomString(20);\r\n var ticket = { \"isIdle\": isIdle, \"lastActiveTime\": lastActiveTime, \"createdTime\": createdTime, \"lastModifiedTime\": lastModifiedTime };\r\n localStorage.setItem(\"ticket_\" + randomstring, JSON.stringify(ticket));\r\n sessionStorage.setItem(\"selfTicket\", \"ticket_\" + randomstring);\r\n}\r\n\r\nexport function onStorageEvent(storageEvent) {\r\n if (storageEvent.oldValue != null && storageEvent.newValue != null) {\r\n deleteOldTickets(0);\r\n\r\n var oldItem = JSON.parse(storageEvent.oldValue);\r\n var newItem = JSON.parse(storageEvent.newValue);\r\n var ticketName = storageEvent.key;\r\n if ((oldItem.isIdle != newItem.isIdle) && (\"ticket_\" === ticketName.substr(0, 7))) {\r\n localStorageCheck();\r\n }\r\n }\r\n}\r\n\r\nexport function deleteOldTickets(decodedAuthTime) {\r\n var elementsForRemove = [], localLength = 0;\r\n var currentTime = unixTime(new Date());\r\n return new Promise((resolve) => {\r\n $.each(localStorage, function (key, value) {\r\n if (\"ticket_\" === key.substr(0, 7)) {\r\n var item = value;\r\n var json = JSON.parse(item);\r\n var lastModifiedTime = json.lastModifiedTime;\r\n\r\n if ((currentTime - lastModifiedTime) > ((updateLastActiveMinutes * 60) + 20)) {\r\n elementsForRemove.push(key);\r\n }\r\n localLength++;\r\n }\r\n });\r\n var removeLength = elementsForRemove.length\r\n $.each(elementsForRemove, function (key, value) {\r\n localStorage.removeItem(elementsForRemove[key]);\r\n });\r\n if ((localLength == removeLength) && (removeLength > 0)) {\r\n if ((currentTime - decodedAuthTime) > 20) {\r\n window.logout.logout();\r\n }\r\n else {\r\n resolve();\r\n }\r\n }\r\n else {\r\n resolve();\r\n }\r\n });\r\n}\r\n\r\nexport function onActive(e) {\r\n var ticketName = sessionStorage.getItem('selfTicket');\r\n var json;\r\n var item;\r\n\r\n item = localStorage.getItem(ticketName);\r\n json = JSON.parse(item);\r\n\r\n var isIdle = 0;\r\n var lastActiveTime = parseInt(this.idleTimer.getLastActiveTime().toString().substr(0, 10));\r\n var createdTime = json.createdTime;\r\n var lastModifiedTime = unixTime(new Date());\r\n\r\n var ticket = { \"isIdle\": isIdle, \"lastActiveTime\": lastActiveTime, \"createdTime\": createdTime, \"lastModifiedTime\": lastModifiedTime };\r\n localStorage.setItem(ticketName, JSON.stringify(ticket));\r\n}\r\n\r\nexport function onIdle(e) {\r\n var idleStatus = true;\r\n\r\n var ticketName = sessionStorage.getItem('selfTicket');\r\n var item = localStorage.getItem(ticketName);\r\n var jsonSession = JSON.parse(item);\r\n\r\n var isIdle = 1;\r\n var lastActiveTime = parseInt(this.idleTimer.getLastActiveTime().toString().substr(0, 10));\r\n var createdTime = jsonSession.createdTime;\r\n var lastModifiedTime = unixTime(new Date());\r\n\r\n $.each(localStorage, function (key, value) {\r\n if (\"ticket_\" === key.substr(0, 7)) {\r\n var item = value;\r\n var json = JSON.parse(item);\r\n if (json.isIdle == '1') {\r\n idleStatus &= true;\r\n }\r\n else {\r\n idleStatus &= false;\r\n }\r\n }\r\n });\r\n\r\n if (idleStatus == true) {\r\n // localStorage.clear();\r\n // window.logout.logout();\r\n sessionStorage.removeItem('token');\r\n window.location.replace('/');\r\n }\r\n else {\r\n var ticket = { \"isIdle\": isIdle, \"lastActiveTime\": lastActiveTime, \"createdTime\": createdTime, \"lastModifiedTime\": lastModifiedTime };\r\n localStorage.setItem(ticketName, JSON.stringify(ticket));\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n","import { CommonPost } from '../../utils/CommonFetch'; \r\n\r\nexport default {\r\n login\r\n};\r\n\r\nasync function login(data) {\r\n let body = {\r\n username: data.username,\r\n password: data.password\r\n }\r\n\r\n const response = await CommonPost('/api/Auth/login', null, body); \r\n return response;\r\n}","import React, { useState } from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\nimport {\r\n Box, Button, Container, Grid, Link, TextField,\r\n Typography, makeStyles\r\n} from '@material-ui/core';\r\n\r\nimport { Alert, AlertTitle } from '@material-ui/lab';\r\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core\"; import services from './services';\r\nimport { LoadingSpinerComponent } from '../Common/loader' \r\n\r\nconst theme = createMuiTheme({\r\n palette: {\r\n primary: {\r\n main: \"#00796B\"\r\n },\r\n secondary: {\r\n main: \"#607D8B\"\r\n }\r\n }\r\n})\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n backgroundColor: theme.palette.background.dark,\r\n height: '100%',\r\n paddingBottom: theme.spacing(3),\r\n paddingTop: theme.spacing(3)\r\n },\r\n loginButton: {\r\n backgroundColor: \"#009688\"\r\n }\r\n}));\r\n\r\nconst Login = () => { \r\n \r\n const classes = useStyles(); \r\n const [userDetails, setUserDetails] = useState({\r\n username: \"\",\r\n password: \"\"\r\n\r\n });\r\n const [isHidden, setIsHidden] = useState(false)\r\n\r\n const [messageModel, setmessageModel] = useState([]);\r\n\r\n async function login(e){ \r\n e.preventDefault();\r\n let result = await services.login(userDetails);\r\n if (result.statusCode == \"Error\") {\r\n \r\n setIsHidden(true);\r\n console.log(result.message);\r\n setmessageModel(result.message);\r\n return;\r\n }\r\n sessionStorage.setItem('token', result.data); \r\n window.location.reload(); \r\n }\r\n \r\n\r\n function handleChange(e) {\r\n const target = e.target\r\n const value = target.name === 'isActive' ? target.checked : target.value \r\n setUserDetails({\r\n ...userDetails,\r\n [e.target.name]: value\r\n }) \r\n}\r\n\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Login;\r\n","import React, { Component } from 'react';\r\nimport { Route } from 'react-router';\r\nimport { Layout } from './components/Layout';\r\nimport { Home } from './components/Home';\r\nimport { FetchData } from './components/FetchData';\r\nimport { Counter } from './components/Counter';\r\nimport ReactTable from \"react-jquery-datatables\";\r\nimport Idle from \"react-idle\";\r\nimport IdleTimer from 'react-idle-timer';\r\nimport { onActive, onIdle } from './config/Idle';\r\nimport CommonHeader from './components/CommonHeader/CommonHeader'\r\nimport CryptoJS from \"crypto-js\";\r\nimport config from \"react-global-configuration\";\r\nimport tokenService from './components/Common/tokenDecoder'; \r\nimport Login from './components/Auth/Login'\r\n\r\nvar serviceUrl = config.get('apidomain');\r\nvar idleTimeMinutes = config.get('idleTimeOut');\r\n\r\n\r\nexport default class App extends Component {\r\n displayName = App.name\r\n\r\n componentWillMount() {\r\n var codes;\r\n \r\n this.idleTimer = null\r\n this.onActive = onActive.bind(this)\r\n this.onIdle = onIdle.bind(this)\r\n }\r\n \r\n\r\n render() {\r\n var isTokenExists = tokenService.isTokenExists();\r\n\r\n if(isTokenExists){\r\n\r\n var isFirstLogin = tokenService.isFirstLogin().toLowerCase()\r\n \r\n return (
); \r\n }else{\r\n return (
);\r\n } \r\n }\r\n \r\n}\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst islocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register() {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (islocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import '../src/assets/css/bootstrap.min.css';\r\nimport '../src/assets/css/app-styles.css';\r\nimport '../src/assets/demo/demo.css';\r\nimport '../src/assets/css/agrix-styles.css';\r\nimport '../src/assets/css/font-awesome.css';\r\nimport '../src/assets/css/font-awesome5.css';\r\nimport '../src/assets/css/left-navi.css'; \r\nimport $ from \"jquery\"; \r\nimport './config';\r\nimport './index.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport registerServiceWorker from './registerServiceWorker'; \r\nimport { ClipLoader, RingLoader, GridLoader, ScaleLoader } from 'react-spinners';\r\nimport jsonToken from 'jsonwebtoken';\r\nimport Idle from \"react-idle\";\r\nimport { deleteOldTickets, onStorageEvent, storeTicket } from './config/Idle';\r\nimport { CommonGet, CommonPostIDServer } from './utils/CommonFetch';\r\nimport { UserPasswordChange } from './components/Modules/User/Pages/passwordChange';\r\n \r\nimport config from \"react-global-configuration\";\r\n\r\nvar serviceUrl = config.get('apidomain');\r\nvar idetityServiceUrl = config.get('identityDomain');\r\nvar reactWebUrl = config.get('reactDomain');\r\nvar identityClientID = config.get('identityClientID');\r\nvar projectID = config.get('projectID');\r\n\r\nvar functionsWindow;\r\nvar mgr;\r\nlet concurrentDenied = false;\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\nwindow.addEventListener('storage', onStorageEvent, false);\r\n \r\n ReactDOM.render(\r\n \r\n {/* ,\r\n rootElement);\r\n \r\n \r\nregisterServiceWorker();\r\n\r\n\r\n","module.exports = __webpack_public_path__ + \"static/media/AgriX_Logo.bbb1535c.png\";","module.exports = __webpack_public_path__ + \"static/media/AgriX_LogoX.5af1d4d6.png\";","module.exports = __webpack_public_path__ + \"static/media/1_1.8c0c36c9.png\";","import CryptoJS from \"crypto-js\";\r\nimport config from \"react-global-configuration\";\r\nvar key = config.get('key');\r\nvar iv = config.get('iv');\r\n\r\nexport const AESDecryption = (cipherText) => {\r\n let cipherParams = CryptoJS.lib.CipherParams.create({\r\n ciphertext: CryptoJS.enc.Base64.parse(cipherText)\r\n });\r\n\r\n let decrypted = CryptoJS.AES.decrypt(\r\n cipherParams,\r\n CryptoJS.enc.Base64.parse(key),\r\n {\r\n iv: CryptoJS.enc.Base64.parse(iv),\r\n });\r\n return decrypted.toString(CryptoJS.enc.Utf8);\r\n}\r\n\r\nexport const AESEncryption = (plainText) => {\r\n var encrypted = CryptoJS.AES.encrypt(\r\n plainText,\r\n CryptoJS.enc.Base64.parse(key),\r\n {\r\n iv: CryptoJS.enc.Base64.parse(iv)\r\n });\r\n return encrypted.ciphertext.toString(CryptoJS.enc.Base64);\r\n}\r\n\r\nexport const AESDecryptionParam = (cipherText) => { \r\n let cipherParams = CryptoJS.lib.CipherParams.create({\r\n ciphertext: CryptoJS.enc.Base64.parse(cipherText.replace(/\\ /g, '/'))\r\n });\r\n\r\n let decrypted = CryptoJS.AES.decrypt(\r\n cipherParams,\r\n CryptoJS.enc.Base64.parse(key),\r\n {\r\n iv: CryptoJS.enc.Base64.parse(iv),\r\n });\r\n return decrypted.toString(CryptoJS.enc.Utf8);\r\n}\r\n\r\nexport const AESEncryptionParam = (plainText) => {\r\n var encrypted = CryptoJS.AES.encrypt(\r\n plainText,\r\n CryptoJS.enc.Base64.parse(key),\r\n {\r\n iv: CryptoJS.enc.Base64.parse(iv)\r\n });\r\n return encrypted.ciphertext.toString(CryptoJS.enc.Base64).replace(/\\//g, ' ');\r\n}\r\n\r\n\r\n//var AesUtil = function (keySize, iterationCount) {\r\n// this.keySize = keySize / 32;\r\n// this.iterationCount = iterationCount;\r\n//};\r\n\r\n//AesUtil.prototype.generateKey = function (salt, passPhrase) {\r\n// var key = CryptoJS.PBKDF2(\r\n// passPhrase,\r\n// CryptoJS.enc.Hex.parse(salt),\r\n// { keySize: this.keySize, iterations: this.iterationCount });\r\n// return key;\r\n//};\r\n\r\n//AesUtil.prototype.encrypt = function (salt, iv, passPhrase, plainText) {\r\n// var key = this.generateKey(salt, passPhrase);\r\n// var encrypted = CryptoJS.AES.encrypt(\r\n// plainText,\r\n// key,\r\n// { iv: CryptoJS.enc.Hex.parse(iv) });\r\n// return encrypted.ciphertext.toString(CryptoJS.enc.Base64);\r\n//};\r\n\r\n//AesUtil.prototype.decrypt = function (key, iv, cipherText) {\r\n// var cipherParams = CryptoJS.lib.CipherParams.create({\r\n// ciphertext: CryptoJS.enc.Base64.parse(cipherText)\r\n// });\r\n// var decrypted = CryptoJS.AES.decrypt(\r\n// cipherParams,\r\n// CryptoJS.enc.Hex.parse(key),\r\n// { iv: CryptoJS.enc.Hex.parse(iv) });\r\n// return decrypted.toString(CryptoJS.enc.Utf8);\r\n//};\r\n","import { Redirect } from \"react-router-dom\"\r\nimport React, { Component } from 'react';\r\nimport { createUserManager } from 'redux-oidc';\r\nimport logo from './../assets/img/AgriX_Logo.png';\r\nimport user from './../assets/img/user.jpg';\r\nimport config from \"react-global-configuration\";\r\nimport $ from 'jquery';\r\nimport { Permission } from '../utils/Permission';\r\nimport { AESDecryption, AESEncryption } from '../utils/AesUtil';\r\nimport { Link } from 'react-router-dom';\r\nimport { Scrollbars } from 'react-custom-scrollbars';\r\nimport Button from '@material-ui/core/Button';\r\nimport Menu from '@material-ui/core/Menu';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport { props } from 'bluebird';\r\nimport tokenDecoder from './Common/tokenDecoder'\r\n//import Tooltip from '@material-ui/core/Tooltip';\r\nimport jQuery from 'jquery'\r\nwindow.jQuery = $;\r\nwindow.$ = $;\r\nglobal.jQuery = $;\r\nconst bootstrap = require('bootstrap');\r\nvar serviceUrl = config.get('apidomain');\r\nvar idetityServiceUrl = config.get('identityDomain');\r\nvar reactWebUrl = config.get('reactDomain');\r\nvar identityUrl = config.get('identityDomain');\r\nconst screenId = 55;\r\n\r\nexport class Header extends Component {\r\n displayName = Header.name\r\n\r\n state = {\r\n config: {\r\n authority: idetityServiceUrl,\r\n client_id: \"js\",\r\n redirect_uri: reactWebUrl + \"/callback\",\r\n response_type: \"id_token token\",\r\n scope: \"openid profile api1\",\r\n post_logout_redirect_uri: reactWebUrl + \"/signout-callback-oidc\",\r\n },\r\n userName: '',\r\n passwordChangeDisabled: true\r\n }\r\n\r\n componentWillMount() {\r\n this.jqueryScripts();\r\n }\r\n\r\n resetPasswordHandler = () => {\r\n const username = JSON.parse(window.sessionStorage[\"oidc.user:\" + idetityServiceUrl + \":js\"]).profile.name;\r\n window.location.replace(idetityServiceUrl + \"/Account/ResetPassword?username=\" + username + \"&code=\" + window.access_token);\r\n }\r\n\r\n logoutHandler = () => {\r\n window.logout.logout();\r\n }\r\n\r\n jqueryScripts = () => {\r\n $(document).ready(function () {\r\n $(\".link\").click(function () {\r\n $('.dropdown-menu').fadeOut(100);\r\n $('.card').trigger('click');\r\n $('.dropdown').removeClass('active');\r\n //$('.nav-item').removeClass('active');\r\n $(this).closest('li').addClass('active');\r\n\r\n });\r\n\r\n\r\n\r\n\r\n $(\".admin .link\").click(function () {\r\n $('.subcard').hide();\r\n $('.subproduct').hide();\r\n $('.subadmin').show(100);\r\n });\r\n $(\".product .link\").click(function () {\r\n $('.subcard').hide();\r\n $('.subadmin').hide();\r\n $('.subproduct').show(100);\r\n });\r\n $(\".cardm .link\").click(function () {\r\n $('.subadmin').hide();\r\n $('.subproduct').hide();\r\n $('.subcard').show(100);\r\n });\r\n\r\n\r\n $(\".MuiSelect-select\").click(function () {\r\n document.body.style.overflow = \"hidden\";\r\n });\r\n\r\n $(\".close\").click(function () {\r\n $('.dropdown-menu').fadeOut(100);\r\n $('.card').trigger('click');\r\n });\r\n\r\n $(\".dropdown\").hover(function () {\r\n $('.dropdown-menu').fadeIn(500);\r\n //$('.dropdown').removeClass('active');\r\n });\r\n // $('.dropdown').bind('mouseout', function () {\r\n // $(\"\").mouseout(function () {\r\n // $('.dropdown-menu').fadeOut(500);\r\n // });\r\n\r\n $(\"#menu-toggle\").click(function () {\r\n $(\"#side\").toggleClass('res-sidebar');\r\n $(\".closeicon\").show();\r\n //$(\"#cbp-spmenu-s1\").toggleClass(\"menu-open\");closeicon\r\n });\r\n $(\".closeicon\").click(function () {\r\n\r\n $(\"#side\").toggleClass('res-sidebar');\r\n $(\".closeicon\").hide();\r\n //$(\"#cbp-spmenu-s1\").toggleClass(\"menu-open\");closeicon\r\n });\r\n var $window = $(window),\r\n $html = $('html');\r\n\r\n $window.resize(function resize() {\r\n if ($window.width() > 514) {\r\n $(\"#side\").removeClass('res-sidebar');\r\n $(\".closeicon\").hide();\r\n }\r\n\r\n\r\n })\r\n $(window).resize(function () {\r\n if ($(window).width() >= 980) {\r\n\r\n\r\n // when you hover a toggle show its dropdown menu\r\n $(\".navbar .dropdown-toggle\").hover(function () {\r\n $(this).parent().toggleClass(\"show\");\r\n $(this).parent().find(\".dropdown-menu\").toggleClass(\"show\");\r\n });\r\n\r\n // hide the menu when the mouse leaves the dropdown\r\n $(\".navbar .dropdown-menu\").mouseleave(function () {\r\n $(this).removeClass(\"show\");\r\n });\r\n\r\n\r\n\r\n // do something here\r\n }\r\n });\r\n $(\"#navbarDropdownMenuLink\").click(function () {\r\n $(\"#mmenu\").toggleClass('mshow');\r\n\r\n });\r\n $(\".sub\").click(function () {\r\n $(\".sub\").removeClass(\"subactive\");\r\n $(this).addClass(\"subactive\");\r\n });\r\n\r\n $(\".link\").click(function () {\r\n $(\".sub\").removeClass(\"subactive\");\r\n var label = $(this).attr(\"aria-label\");\r\n if (label == \"group\") {\r\n $('.a1').addClass(\"subactive\");\r\n }\r\n if (label == \"factories\") {\r\n $('.a2').addClass(\"subactive\");\r\n }\r\n if (label == \"routes\") {\r\n $('.a3').addClass(\"subactive\");\r\n }\r\n if (label == \"estates\") {\r\n $('.a4').addClass(\"subactive\");\r\n }\r\n if (label == \"operationcards\") {\r\n $('.a5').addClass(\"subactive\");\r\n }\r\n if (label == \"division\") {\r\n $('.a6').addClass(\"subactive\");\r\n }\r\n if (label == \"users\") {\r\n $('.a7').addClass(\"subactive\");\r\n }\r\n\r\n if (label == \"packagecreation\") {\r\n $('.a8').addClass(\"subactive\");\r\n }\r\n if (label == \"SOS\") {\r\n $('.a9').addClass(\"subactive\");\r\n }\r\n if (label == \"EOS\") {\r\n $('.a10').addClass(\"subactive\");\r\n }\r\n if (label == \"deduction\") {\r\n $('.a11').addClass(\"subactive\");\r\n }\r\n if (label == \"tasktemplate\") {\r\n $('.a12').addClass(\"subactive\");\r\n }\r\n if (label == \"employeetaskdetails\") {\r\n $('.a13').addClass(\"subactive\");\r\n }\r\n\r\n if (label == \"operationcards\") {\r\n $('.a14').addClass(\"subactive\");\r\n }\r\n if (label == \"cardupload\") {\r\n $('.a15').addClass(\"subactive\");\r\n }\r\n if (label == \"employeecardupload\") {\r\n $('.a15').addClass(\"subactive\")\r\n }\r\n });\r\n\r\n });\r\n }\r\n\r\n\r\n getUserName = () => {\r\n var obj = sessionStorage.getItem('TipsUser');\r\n var decryptedUser = AESDecryption(obj)\r\n\r\n var user = JSON.parse(decryptedUser);\r\n\r\n this.setState({ userName: user.userName });\r\n //return user.userName;\r\n }\r\n\r\n handleChangePassword(users) {\r\n props.history.push({\r\n pathname: 'users/userPasswordChange',\r\n data: users,\r\n edit: true\r\n })\r\n }\r\n\r\n getTokenName(){\r\n return tokenDecoder.getUserNameFromToken();\r\n }\r\n render() {\r\n //let userName = this.getUserName();\r\n return (\r\n \r\n );\r\n }\r\n}\r\n \r\n","module.exports = __webpack_public_path__ + \"static/media/user.aab414f7.jpg\";","import config from \"react-global-configuration\";\r\nimport { AESEncryption, AESDecryption } from \"./AesUtil\";\r\nvar serviceUrl = config.get('apidomain');\r\n\r\nexport const Permission = (screenId) => {\r\n return new Promise((resolve, reject) => {\r\n // var obj = sessionStorage.getItem('TipsUser');\r\n // var decryptedUser = AESDecryption(obj);\r\n // var user = JSON.parse(decryptedUser);\r\n\r\n let xhr = new XMLHttpRequest();\r\n //xhr.open(\"GET\", serviceUrl + '/api/Permission/CheckPermission?' + AESEncryption(\"userId=\" + user.userId + '&screenId=' + screenId));\r\n xhr.open(\"GET\", serviceUrl + '/api/Permission/CheckPermission?' + AESEncryption('screenId=' + screenId));\r\n xhr.setRequestHeader(\"Content-type\", \"application/json; charset=utf-8\");\r\n xhr.setRequestHeader('Authorization', 'Bearer ' + window.access_token);\r\n xhr.setRequestHeader('Access-Control-Allow-Methods', '*');\r\n xhr.onload = () => {\r\n if (xhr.response === 'Token Time Exceed') {\r\n window.logout.logout();\r\n }\r\n else {\r\n if (xhr.status >= 200 && xhr.status < 300) {\r\n resolve(JSON.parse(AESDecryption(xhr.response)));\r\n } else {\r\n reject(xhr.statusText);\r\n }\r\n }\r\n };\r\n xhr.onerror = (err) => {\r\n reject(xhr.statusText);\r\n };\r\n xhr.send();\r\n\r\n });\r\n};"],"sourceRoot":""} ![\"unauthorized...\"](\"/unauthorized.gif\")
\r\n