\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n","const axios = require(\"axios\");\r\n\r\n// Create an instance using the config defaults provided by the library\r\n// At this point the timeout config value is `0` as is the default for the library\r\nconst instance = axios.create();\r\n// Override timeout default for the library\r\n// Now all requests using this instance will wait 2.5 seconds before timing out\r\n//instance.defaults.timeout = 2500;\r\n\r\n// Alter defaults after instance has been created\r\nconst token = sessionStorage.getItem(\"token\");\r\nconst Curenturl = window.location.pathname;\r\nconst nNumber = Curenturl.lastIndexOf(\"/\");\r\nconst pageName = Curenturl.substring(nNumber + 1);\r\ninstance.defaults.headers.common[\"page\"] = pageName;\r\nif (token) {\r\n instance.defaults.headers.common[\"Authorization\"] = `bearer ${token}`;\r\n} else {\r\n \r\n const curl = window.location.pathname;\r\n if (\r\n !curl.includes(\"/\") &&\r\n !curl.includes(\"/login\") &&\r\n !curl.includes(\"/P\") &&\r\n !curl.includes(\"/privacy-policy\")\r\n ) {\r\n window.location = \"/login\";\r\n }\r\n}\r\n\r\ninstance.interceptors.response.use(\r\n (res) => {\r\n return res;\r\n },\r\n (err) => {\r\n const originalReq = err.config;\r\n const curl = window.location.pathname;\r\n if (\r\n err.response !== undefined &&\r\n err.response.status === 418 &&\r\n !curl.includes(\"/\") &&\r\n !curl.includes(\"/login\") &&\r\n !curl.includes(\"/P\") &&\r\n !curl.includes(\"/privacy-policy\")\r\n ) {\r\n // sessionStorage.removeItem(\"LoggedInUser\");\r\n // sessionStorage.removeItem(\"refreshToken\");\r\n // sessionStorage.removeItem(\"token\");\r\n //window.location = '/login'\r\n\r\n const obj = {\r\n ResponseMessage:\r\n \"User unauthorized, Please Login again or contact admin.\",\r\n ResponseCode: err.response.status,\r\n };\r\n const retudata = {\r\n data: obj,\r\n };\r\n return retudata;\r\n } else if (\r\n err.response !== undefined &&\r\n err.response.status === 401 &&\r\n !curl.includes(\"/\") &&\r\n !curl.includes(\"/login\") &&\r\n !curl.includes(\"/P\") &&\r\n !curl.includes(\"/privacy-policy\")\r\n ) {\r\n if (err.response.status === 401) {\r\n const token = sessionStorage.getItem(\"token\");\r\n const refreshToken = sessionStorage.getItem(\"refreshToken\");\r\n\r\n const data = {\r\n Token: sessionStorage.getItem(\"token\"),\r\n Refresh_Token: sessionStorage.getItem(\"refreshToken\"),\r\n };\r\n\r\n sessionStorage.removeItem(\"LoggedInUser\");\r\n sessionStorage.removeItem(\"refreshToken\");\r\n sessionStorage.removeItem(\"token\");\r\n sessionStorage.removeItem(\"assignedPermissionsForUser\");\r\n sessionStorage.removeItem(\"UserData\");\r\n window.location = '/login'\r\n\r\n // axios.post(`${process.env.REACT_APP_API_URL}Login/Refresh`, data).then(\r\n // (response) => {\r\n // const resdata = response.data;\r\n // if (\r\n // resdata !== null &&\r\n // resdata.ResponseCode === \"200\" &&\r\n // resdata.ResponseData !== null &&\r\n // resdata.ResponseData.RefreshToken\r\n // ) {\r\n // sessionStorage.setItem(\r\n // \"refreshToken\",\r\n // resdata.ResponseData.RefreshToken\r\n // );\r\n // sessionStorage.setItem(\"token\", resdata.ResponseData.Token);\r\n\r\n // instance.defaults.headers.common[\r\n // \"Authorization\"\r\n // ] = `bearer ${sessionStorage.getItem(\"token\")}`;\r\n // return axios(originalReq);\r\n // } else {\r\n // // sessionStorage.removeItem(\"LoggedInUser\");\r\n // // sessionStorage.removeItem(\"refreshToken\");\r\n // // sessionStorage.removeItem(\"token\");\r\n // // sessionStorage.removeItem(\"assignedPermissionsForUser\");\r\n // // sessionStorage.removeItem(\"UserData\");\r\n // // window.location = '/login'\r\n // }\r\n // },\r\n // (error) => {\r\n // ////console.log(error);\r\n // }\r\n // );\r\n }\r\n\r\n // const obj = {\r\n // ResponseCode: err.response.status\r\n // }\r\n // const retudata = {\r\n // data: obj\r\n // }\r\n // return retudata;\r\n } else if (err.name === \"Error\") {\r\n // sessionStorage.removeItem(\"LoggedInUser\");\r\n // sessionStorage.removeItem(\"refreshToken\");\r\n // sessionStorage.removeItem(\"token\");\r\n\r\n const obj = {\r\n ResponseMessage: err.response.statusText,\r\n ResponseCode: err.response.status,\r\n };\r\n const retudata = {\r\n data: obj,\r\n };\r\n return retudata;\r\n }\r\n return err;\r\n }\r\n);\r\n// Override timeout for this request as it's known to take a long time\r\n// instance.get('/longRequest', {\r\n// timeout: 5000\r\n// });\r\n\r\nexport default instance;\r\n","import React, { Component } from 'react';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\n \r\n\r\nexport default class TnC extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n \r\n formError: {\r\n \r\n },\r\n \r\n }\r\n \r\n }\r\n \r\n// render HTML\r\n render() {\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 Welcome Back !\r\n
\r\n Sign in to continue to MSRM Organics Private Limited.
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n {/* \r\n Forgot Password\r\n
*/}\r\n {/* Term and Condition */}\r\n \r\n Mobile App Terms and Conditions
\r\n1. GENERAL
\r\n- \r\n
- \r\n By installing the Application (as defined below), you agree to be bound by these terms of use. Please review them carefully before installation and/or acceptance. \r\n \r\n
2. DEFINITIONS
\r\n \r\n\r\n The “Application” shall mean the software provided by krishi Rasayan Exports Pvt Ltd to offer services on Apple iOS and Android OS devices and any upgrades from time to time and any other software or documentation which enables the use of the Application.\r\n
\r\n3. DATA PROTECTION
\r\n \r\n\r\n Any personal information you supply to krishi Rasayan Exports Pvt Ltd when using the Application will be used by krishi Rasayan Exports Pvt Ltd in accordance with its Privacy Policy.\r\n
\r\n \r\n4. krepl.in
\r\n \r\n\r\n The Application allows you to access certain functionality available on the krepl.in website. Such access will be governed by the krishi Rasayan Exports Pvt Ltd Standard Website Terms & Conditions.\r\n
\r\n \r\n5. PROPRIETARY RIGHTS AND LICENCE
\r\n- \r\n
- \r\n All trade marks, copyright, database rights and other intellectual property rights of any nature in the Application together with the underlying software code are owned either directly by krishi Rasayan Exports Pvt Ltd or by krishi Rasayan Exports Pvt Ltd's licensors.\r\n \r\n
- \r\n . krishi Rasayan Exports Pvt Ltd hereby grants you a worldwide, non-exclusive, royalty-free revocable licence to use the Application for your personal use in accordance with these appterms.\r\n \r\n
6. CONDITIONS OF USE
\r\n- \r\n
- \r\n You will not, nor allow third parties on your behalf to \r\n
- \r\n
- \r\n make and distribute copies of the Application\r\n \r\n
- \r\n attempt to copy, reproduce, alter, modify, reverse engineer, disassemble, decompile, transfer, exchange or translate the Application; or\r\n \r\n
- \r\n create derivative works of the Application of any kind whatsoever.\r\n \r\n
\r\n - \r\n The Application is currently made available to you free of charge for your personal, non-commercial use. krishi Rasayan Exports Pvt Ltd reserves the right to amend or withdraw the Application,in accordance with these appterms, at any time and for any reason.\r\n \r\n
- \r\n You acknowledge that the terms of agreement with your respective mobile network provider (‘Mobile Provider’) will continue to apply when using the Application. As a result, you may be charged by the Mobile Provider for access to network connection services for the duration of the connection while accessing the Application or any such third party charges as may arise. You accept responsibility for any such charges that arise.\r\n \r\n
- \r\n If you are not the bill payer for the mobile telephone or handheld device being used to access the Application, you will be assumed to have received permission from the bill payer for using the Application.\r\n \r\n
7. AVAILABILITY
\r\n- \r\n
- \r\n This Application is available to handheld mobile devices running Apple iOS and Android OS Operating Systems. krishi Rasayan Exports Pvt Ltd will use reasonable efforts to make the Application available at all times. However you acknowledge the Application is provided over the internet and mobile networks and so the quality and availability of the Application may be affected by factors outside krishi Rasayan Exports Pvt Ltd's reasonable control.\r\n \r\n
- \r\n krishi Rasayan Exports Pvt Ltd, its group of companies and sub-contractors do not accept any responsibility whatsoever for unavailability of the Application, or any difficulty or inability to download or access content or any other communication system failure which may result in the Application being unavailable.\r\n \r\n
- \r\n krishi Rasayan Exports Pvt Ltd will not be responsible for any support or maintenance for the Application.\r\n \r\n \r\n
8. SYSTEM REQUIREMENTS
\r\n- \r\n
- \r\n In order to use the Application, you are required to have a compatible mobile telephone or handheld device, internet access, and the necessary minimum specifications ('Software Requirements').\r\n \r\n
- \r\n The Software Requirements are as follows: Apple iOS devices running iOS 4 or iOS 5, and Android OS devices running Android OS 2.1 up to OS 2.3; Language: English, Italian, German, Spanish, French.\r\n \r\n
- \r\n The version of the Application software may be upgraded from time to time to add support for new functions and services.\r\n \r\n \r\n
9. TERMINATION
\r\n- \r\n
- \r\n krishi Rasayan Exports Pvt Ltd may terminate use of the Application at any time by giving notice of termination to you.\r\n \r\n
- \r\n Upon any termination,\r\n
- \r\n
- \r\n the rights and licenses granted to you herein shall terminate;\r\n \r\n
- \r\n you must cease all use of the Software; \r\n \r\n \r\n
\r\n \r\n \r\n
10. LIMITATION OF LIABILITY
\r\n- \r\n
- \r\n In no event will krishi Rasayan Exports Pvt Ltd be liable for any direct, indirect, special, punitive, exemplary or consequential losses or damages of whatsoever kind arising out of your use or access to the Application, including loss of profit or the like whether or not in the contemplation of the parties, whether based on breach of contract, tort (including negligence), product liability or otherwise.\r\n \r\n
- \r\n krishi Rasayan Exports Pvt Ltd is not liable to you for any damage or alteration to your equipment including but not limited to computer equipment, handheld device or mobile telephones as a result of the installation or use of the Application.\r\n \r\n
- \r\n Nothing in these Appterms shall exclude or limit krishi Rasayan Exports Pvt Ltd's liability for death or personal injury caused by negligence or for fraud or fraudulent misrepresentation or any other liability which cannot be excluded or limited under applicable law.\r\n \r\n \r\n
11. DISCLAIMER OF WARRANTIES
\r\n \r\n\r\n To the maximum extent permitted by law, and for the avoidance of doubt, save for section 2 of the Supply of Goods and Services Act 1982, krishi Rasayan Exports Pvt Ltd hereby disclaims all implied warranties with regard to the Application. The Application and software are provided \"as is\" and \"as available\" without warranty of any kind.\r\n
\r\n \r\n \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, { Component } from 'react';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\n\r\n\r\nexport default class PrivacyPolicy extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n\r\n formError: {\r\n\r\n },\r\n\r\n }\r\n\r\n }\r\n\r\n // render HTML\r\n render() {\r\n\r\n\r\n return (\r\n\r\n \r\n \r\n \r\n\r\nPrivacy Policy
\r\n \r\n \r\n\r\n\r\n )\r\n }\r\n}\r\n","import instance from './DefaultApi';\r\n\r\nexport default class UserService {\r\n ControllerName = 'User';\r\n\r\n // get all user data\r\n GetUsers(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetUsers`, tableRequest).then(res => res);\r\n }\r\n // create new user \r\n CreateUpdateUser(Payload) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateUpdateUser`, Payload).then(res => res);\r\n }\r\n // updat user password\r\n ChangePassword(Payload) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/ChangePassword`, Payload).then(res => res);\r\n }\r\n // delete user data\r\n DeleteUser(referenceID) {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/DeleteUser/${referenceID}`).then(res => res);\r\n }\r\n // get menu according user\r\n getUserMenu() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetUserMenu`).then(res => res);\r\n }\r\n // user list for ddl\r\n GetUsersDDL() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetUsersDDL`).then(res => res);\r\n }\r\n\r\n // user list for ddl\r\n GetAllActiveUsers() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetAllActiveUsers`).then(res => res);\r\n }\r\n\r\n // get user data by id\r\n getUser() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/getUser`).then(res => res);\r\n }\r\n // updat profile\r\n UpdateProfile(Payload) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/UpdateProfile`, Payload).then(res => res);\r\n }\r\n\r\n}","import React, { Component } from \"react\";\r\nimport { PanelMenu } from \"primereact/panelmenu\";\r\nimport UserService from \"../services/UserService\";\r\nimport MultilevelSidebar from \"react-multilevel-sidebar\";\r\nimport { Menubar } from \"primereact/menubar\";\r\n\r\nimport \"react-multilevel-sidebar/src/Sidebar.css\";\r\n\r\nlet options = [];\r\n\r\n// Side bar creation\r\nexport class Sidebar extends Component {\r\n constructor() {\r\n super();\r\n\r\n this.UserService = new UserService();\r\n this.state = {\r\n isOpen: true,\r\n isPersist: false,\r\n menuItems: [],\r\n demoMenu: [\r\n {\r\n label: \"Dashboard\",\r\n icon: \"pi pi-fw pi-home\",\r\n url: \"/Dashboard\",\r\n },\r\n {\r\n label: \"Masters\",\r\n icon: \"pi pi-fw pi-user\",\r\n items: [\r\n {\r\n label: \"User Master\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/user-master\",\r\n },\r\n {\r\n label: \"Factory Master\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/factory-master\",\r\n },\r\n {\r\n label: \"Category Master\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/category\",\r\n },\r\n {\r\n label: \"company Master\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/company-master\",\r\n },\r\n {\r\n label: \"Product Master\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/product-master/\",\r\n },\r\n {\r\n label: \"Scheme Master\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/scheme-master/\",\r\n },\r\n {\r\n label: \"Retailer Master\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/dealer-master/\",\r\n },\r\n {\r\n label: \"Dealer Master\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/distributor-master/\",\r\n },\r\n {\r\n label: \"List Master\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/list-master/\",\r\n },\r\n {\r\n label: \"Carton Master\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/carton-master/\",\r\n },\r\n {\r\n label: \"Warehouse Master\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/warehouse-master/\",\r\n },\r\n {\r\n label: \"Role Management\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/masters/access-right/\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Transactions\",\r\n icon: \"pi pi-fw pi-pencil\",\r\n items: [\r\n {\r\n label: \"Mapping\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/mapping/\",\r\n },\r\n {\r\n label: \"Number Generation \",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/number-generation/\",\r\n },\r\n {\r\n label: \"Number Issued\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/number-issued/\",\r\n },\r\n {\r\n label: \"De Mapping\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/de-mapping/\",\r\n },\r\n {\r\n label: \"Static Number Mapping\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/map-static-number/\",\r\n },\r\n {\r\n label: \"Secondary Packing\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/secondary-packing/\",\r\n },\r\n {\r\n label: \"Scheme Configuration \",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/scheme-configuration/\",\r\n },\r\n {\r\n label: \"Stock Management\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/stock-management/\",\r\n },\r\n {\r\n label: \"Number Download\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/admin-number-download/\",\r\n },\r\n {\r\n label: \"Dispatch\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/dispatch/\",\r\n },\r\n {\r\n label: \"Dispatch Receive\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/dispatch-receive/\",\r\n },\r\n {\r\n label: \"Product Damage\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/product-damage/\",\r\n },\r\n {\r\n label: \"Tertiary Packing\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/transaction/tertiary-packing/\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Reports\",\r\n icon: \"pi pi-fw pi-file\",\r\n items: [\r\n {\r\n label: \"Dispatch Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/dispatch-report/\",\r\n },\r\n {\r\n label: \"QR Tracking Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/qr-code-tracking-report/\",\r\n },\r\n {\r\n label: \"Secondary Packing Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/secondary-packing-report/\",\r\n },\r\n {\r\n label: \"Feedback Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/feedback-report/\",\r\n },\r\n {\r\n label: \"Mapping Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/mapping-report/\",\r\n },\r\n {\r\n label: \"Missing Carton Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/missing-carton-report/\",\r\n },\r\n {\r\n label: \"Stock Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/stock-report/\",\r\n },\r\n {\r\n label: \"New Stock Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/new-Stock/\",\r\n },\r\n {\r\n label: \"Loyalty Points Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/redemption-report/\",\r\n },\r\n {\r\n label: \"Item Ledger\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/item-ledger/\",\r\n },\r\n {\r\n label: \"Scheme Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/scheme-report/\",\r\n },\r\n {\r\n label: \"Tertiary Packing Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/tertiary-packing-report/\",\r\n },\r\n {\r\n label: \"Secondary Packing Report\",\r\n icon: \"pi pi-fw pi-angle-right\",\r\n url: \"/reports/secondary-packing-report/\",\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n }\r\n //to handle sidebar toggle\r\n handleSidebarToggle = (isOpen) => {\r\n this.setState({ isOpen });\r\n };\r\n //trigger api function on page call\r\n componentDidMount() {\r\n this.getMenu();\r\n }\r\n\r\n // get Menu by User\r\n getMenu() {\r\n this.UserService.getUserMenu().then((data) => {\r\n let childcheck = [];\r\n //if ResponseCode is 200\r\n if (data.data.ResponseCode === \"200\") {\r\n const arraydata = data.data.ResponseData;\r\n let arryFinal = [];\r\n //if arraydata not null\r\n if (arraydata != null)\r\n // console.log(\"Server Res\");\r\n // console.log(arraydata);\r\n arraydata.forEach((element) => {\r\n let contents = {};\r\n let obj = {};\r\n element.content.forEach((econ) => {\r\n obj.label = econ.name;\r\n obj.icon = econ.icon;\r\n obj.url = econ.to;\r\n\r\n if (econ.children != null && econ.children.length > 0) {\r\n let chlddata = [];\r\n\r\n econ.children.forEach((econchld) => {\r\n let ob = {};\r\n\r\n econchld.content.forEach((element) => {\r\n ob.label = element.name;\r\n ob.url = element.to;\r\n childcheck.push(element.to);\r\n });\r\n\r\n chlddata.push(ob);\r\n });\r\n\r\n obj.items = chlddata;\r\n }\r\n contents = obj;\r\n });\r\n\r\n arryFinal.push(contents);\r\n\r\n // console.log(element.content)\r\n });\r\n console.log(arryFinal);\r\n this.setState({\r\n menuItems: arryFinal,\r\n });\r\n ;\r\n //if window.location.pathname not valid\r\n if (\r\n childcheck.find((x) => x === window.location.pathname) ===\r\n undefined &&\r\n window.location.pathname != \"/dashboard\" &&\r\n window.location.pathname != \"/profile\" &&\r\n window.location.pathname != \"/change-password\"\r\n ) {\r\n sessionStorage.removeItem(\"LoggedInUser\");\r\n sessionStorage.removeItem(\"refreshToken\");\r\n sessionStorage.removeItem(\"token\");\r\n sessionStorage.removeItem(\"userType\");\r\n sessionStorage.removeItem(\"wareHouseId\");\r\n window.location = \"/login\";\r\n }\r\n } else {\r\n sessionStorage.removeItem(\"LoggedInUser\");\r\n sessionStorage.removeItem(\"refreshToken\");\r\n sessionStorage.removeItem(\"token\");\r\n sessionStorage.removeItem(\"userType\");\r\n sessionStorage.removeItem(\"wareHouseId\");\r\n\r\n window.location = \"/login\";\r\n }\r\n });\r\n }\r\n\r\n stripUndefined(arr) {\r\n return arr.reduce(function (result, item) {\r\n result.push(\r\n Array.isArray(item) && !item.length ? this.stripUndefined(item) : item\r\n );\r\n return result;\r\n }, []);\r\n }\r\n\r\n // Return HTML of Side bar\r\n\r\n render() {\r\n const menuItems = this.state.menuItems;\r\n //console.log(this.state.demoMenu);\r\n\r\n // const sidebarMenu = menuItems.map((items, key) => {\r\n // const subMenu = items.items;\r\n //\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Sidebar;\r\n","import React from \"react\";\r\nimport \"./../App.css\";\r\n\r\n//Return Footer HTML\r\nconst Footer = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import instance from './DefaultApi';\r\n\r\nexport default class DashboardService {\r\n ControllerName = 'Dashboard';\r\n\r\n // get dashboard data\r\n GetDashboardData(data) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetDashboardData`, data).then(res => res)\r\n }\r\n}","import instance from './DefaultApi';\r\n\r\nexport default class WareHouseMaterService {\r\n ControllerName = 'WareHouser';\r\n\r\n // get all user data\r\n Get(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/Get`, tableRequest).then(res => res);\r\n }\r\n // create new user \r\n Save(Payload) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/Save`, Payload).then(res => res);\r\n }\r\n \r\n //get all warehouse for ddl\r\n GetWareHouseDDL(CompId) {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetWareHouseDDL?CompId=` + CompId).then(res => res);\r\n }\r\n}","import axios from 'axios';\r\n\r\nexport default class ApiService {\r\n\r\n //Get Api call\r\n getApi(endPoint) {\r\n return axios.get(`${process.env.REACT_APP_API_URL}${endPoint}`).then(res => res)\r\n }\r\n\r\n //post api call\r\n postApi(endPoint, Payload) {\r\n return axios.post(`${process.env.REACT_APP_API_URL}${endPoint}`, Payload).then(res => res)\r\n }\r\n\r\n // get Geo Location\r\n reverseGeoCode(lat, long) {\r\n // tslint:disable-next-line:max-line-length\r\n return axios.get(`https://nominatim.openstreetmap.org/reverse?format=json&lat=${lat}&lon=${long}&zoom=18&addressdetails=1`).then(res => res)\r\n }\r\n\r\n //get user type\r\n getUserType() {\r\n return sessionStorage.getItem(\"userType\")\r\n }\r\n\r\n //get wareHouseId\r\n getWareHouseId() {\r\n return sessionStorage.getItem(\"wareHouseId\")\r\n }\r\n\r\n //get CompanyId\r\n getCompanyId() {\r\n return sessionStorage.getItem(\"CompanyId\")\r\n }\r\n\r\n //get isAdmin\r\n getIsAdmin() {\r\n return sessionStorage.getItem(\"isAdmin\")\r\n }\r\n\r\n //get wareHouseId\r\n getFactoryPrefix() {\r\n return sessionStorage.getItem(\"Prefix\")\r\n }\r\n\r\n}","import React, { Component } from 'react'\r\nimport Loader from \"react-loader\";\r\n// import Loader from \"react-loader-spinner\";\r\nimport loaderPic from './../assets/images/garden-loader.gif';\r\nexport default class Loaders extends Component {\r\n \r\n render() {\r\n return (\r\n <>\r\n {this.props.loader? null : \r\n Copyright © 2023 MSRM Organics Private Limited - All Rights Reserved.\r\n
\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {this.state.Dashdata ? (\r\n \r\n \r\n Select Entity\r\n {/* {\r\n this.handleChange(e);\r\n }}\r\n className=\"form-control\"\r\n placeholder={this.state.selval}\r\n name=\"WareHouseId\"\r\n options={this.state.factoryDDL}\r\n /> */}\r\n\r\n {\r\n this.handleChange(e);\r\n }}\r\n placeholder={this.state.selval}\r\n style={{\r\n width: \"300px\",\r\n display: \"inline-block\",\r\n marginLeft: \"10px\",\r\n }}\r\n >\r\n {this.state.factoryDDL.map((e, key) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n Mapped vs Packed
\r\n {this.state.isAdmin ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n\r\n Packed vs Dispatched
\r\n {this.state.isAdmin ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n Cartons Packed vs Cartons Dispatched\r\n
\r\n {this.state.isAdmin ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n Received vs Dispatched
\r\n {this.state.isAdmin ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n Cartons Received vs Cartons Dispatched\r\n
\r\n {this.state.isAdmin ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Total Number Issued\r\n
\r\n\r\n {\" \"}\r\n {this.state.TotalGenerated}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Total Numbers Mapped\r\n
\r\n\r\n {this.state.TotalMapping}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Total Numbers Damaged\r\n
\r\n\r\n {this.state.TotalDamage}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n\r\n \r\n {this.state.Dashdata ? (\r\n \r\n \r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n ![\"logo\"](\"img/slide-1.png\")
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n ![\"logo\"](\"img/slide-2.png\")
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n ![\"logo\"](\"img/slide-3.png\")
\r\n
\r\n \r\n // {node.status == true ? : }\r\n //
;\r\n // }\r\n\r\n // pagesTemplate(rowData, column) {\r\n // var src = rowData.ProductPic;\r\n // return \r\n // \r\n //
;\r\n // }\r\n\r\n // disable checkbox\r\n\r\n checkBox(rowData) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n Expand(e) {\r\n const key = e.node.key;\r\n var checkbox = document.getElementById(key);\r\n var IsChecked = checkbox.checked;\r\n var checkboxlist = document.getElementsByClassName(key);\r\n for (var checkbox of checkboxlist) {\r\n if (IsChecked) {\r\n //checkbox.checked = true;\r\n } else {\r\n checkbox.checked = false;\r\n }\r\n }\r\n }\r\n\r\n Collapse(e) {\r\n const key = e.node.key;\r\n var checkbox = document.getElementById(key);\r\n var IsChecked = checkbox.checked;\r\n var checkboxlist = document.getElementsByClassName(key);\r\n for (var checkbox of checkboxlist) {\r\n if (IsChecked) {\r\n checkbox.checked = true;\r\n } else {\r\n checkbox.checked = false;\r\n }\r\n }\r\n }\r\n\r\n // checkboxHandler(rowData) {\r\n //\r\n // // var chkValue = rowData.currentTarget.value;\r\n // // var className = rowData.currentTarget.className;\r\n // // var IsChecked = rowData.currentTarget.checked;\r\n // // if (className === \"0\") {\r\n // // var checkboxlist = document.getElementsByClassName(chkValue);\r\n // // for (var checkbox of checkboxlist) {\r\n // // checkbox.checked = IsChecked;\r\n // // }\r\n // // }\r\n // }\r\n\r\n //to check all\r\n\r\n onCheckAll(e) {\r\n console.log(e);\r\n var chkValue = e.currentTarget.value;\r\n var className = e.currentTarget.className;\r\n var IsChecked = e.currentTarget.checked;\r\n //if className is not \"\"\r\n if (className !== \"\") {\r\n var checkboxlist = document.getElementsByClassName(\"child\" + className);\r\n for (var checkbox of checkboxlist) {\r\n checkbox.checked = IsChecked;\r\n }\r\n }\r\n }\r\n\r\n childUncheck(e) {\r\n ;\r\n console.log(e);\r\n var chkValue = e.currentTarget.value;\r\n var className = e.currentTarget.className;\r\n var IsChecked = e.currentTarget.checked;\r\n let selectAllClassName = className.replace(\"child\", \"\");\r\n //if className is not \"\"\r\n if (className !== \"\" && !IsChecked) {\r\n var selectAllCheck = document.getElementsByClassName(selectAllClassName);\r\n selectAllCheck[0].checked = false;\r\n }\r\n }\r\n\r\n // call every change of form and validation part also\r\n\r\n handleChange(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n this.formIsValid = true;\r\n\r\n //to validate each form field with required conditions\r\n\r\n switch (name) {\r\n case \"UserId\":\r\n if (value == \"\") {\r\n this.formIsValid = false;\r\n errors.UserId = \"Please select user.\";\r\n } else errors.UserId = \"\";\r\n break;\r\n }\r\n\r\n this.setState({ errors, [name]: value });\r\n }\r\n onUserChange(e) {\r\n const userId = parseInt(e.target.value);\r\n //const userId = parseInt(e.currentTarget.value);\r\n this.AccessRightService.GetAccessRight(userId).then((data) => {\r\n this.setState({\r\n nodes: data.data.ResponseData,\r\n });\r\n this.editcheckbox();\r\n });\r\n\r\n this.handleChange(e);\r\n }\r\n\r\n // to submit data\r\n SubmitData() {\r\n ;\r\n const checkboxes = document.getElementsByName(\"childCheck\");\r\n let checkedValuelst = [];\r\n checkedValuelst.push(\"1\");\r\n for (var checkbox of checkboxes) {\r\n if (checkbox.checked) {\r\n checkedValuelst.push(checkbox.value);\r\n }\r\n }\r\n\r\n const parentlist = this.state.nodes;\r\n parentlist.map((parent) => {\r\n let parentId = \"\";\r\n const childlst = parent.children;\r\n childlst.map((child) => {\r\n const key = child.key;\r\n if (checkedValuelst.indexOf(key) >= 0) {\r\n parentId = parent.key;\r\n }\r\n });\r\n if (parentId != \"\") {\r\n checkedValuelst.push(parentId);\r\n }\r\n });\r\n\r\n const formData = {\r\n UserId: this.state.UserId,\r\n PageList: checkedValuelst,\r\n };\r\n\r\n if (formData.UserId > 0) {\r\n ;\r\n this.AccessRightService.CreateUpdateAccessRight(formData).then((data) => {\r\n const resdata = data.data;\r\n //if ResponseCode is 200 success else error or warning message\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n } else {\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n } else {\r\n let errors = this.state.formError;\r\n errors.UserId = \"Please select user\";\r\n // this.setState({ formError: erlist });\r\n this.setState({ errors: \"\" });\r\n }\r\n setTimeout(() => {\r\n window.location.reload();\r\n }, 1000);\r\n }\r\n //to edit data\r\n editcheckbox() {\r\n const listdata = this.state.nodes;\r\n const checkboxes = document.getElementsByName(\"childCheck\");\r\n for (var checkbox of checkboxes) {\r\n let ischeck = false;\r\n listdata.map((node, i) => {\r\n node.children.map((childNode, k) => {\r\n if (checkbox.value == childNode.key && childNode.Status == true) {\r\n ischeck = true;\r\n }\r\n });\r\n });\r\n\r\n if (ischeck) {\r\n checkbox.checked = true;\r\n } else {\r\n checkbox.checked = false;\r\n }\r\n }\r\n }\r\n\r\n //to render html data\r\n render() {\r\n const items = [{ label: \"Masters\" }, { label: \"Access Right\" }];\r\n\r\n const home = { icon: \"pi pi-home\", url: \"/dashboard\" };\r\n const TreeNode = this.state.nodes;\r\n\r\n const TreeStruture = TreeNode.map((node, i) => (\r\n \r\n \r\n \r\n {node.data.pages}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n ));\r\n\r\n const RoleName = this.state.userddlList;\r\n const userOption = RoleName.map((roleName) => (\r\n \r\n ));\r\n\r\n let header = (\r\n - \r\n
- \r\n
- \r\n
\r\n
\r\n \r\n this.setState({ globalFilter: e.target.value })}\r\n placeholder=\"Global Search\"\r\n size=\"30\"\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 Access Right
\r\n\r\n
\r\n \r\n
\r\n Select User
\r\n \r\n\r\n
\r\n Select Pages
\r\n\r\n {TreeStruture}\r\n\r\n \r\n Submit\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nexport class ConfirmationModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showModal: false,\r\n confirm: false\r\n }\r\n this.confirmModal = this.confirmModal.bind(this);\r\n this.handleConfirm = this.handleConfirm.bind(this);\r\n this.onClose = this.onClose.bind(this);\r\n }\r\n\r\n // confirm Modal Show\r\n confirmModal() {\r\n this.setState({\r\n showModal: true\r\n })\r\n }\r\n\r\n // handle Confirm\r\n handleConfirm() {\r\n this.setState({\r\n confirm: true,\r\n showModal: false\r\n })\r\n }\r\n\r\n //on Close\r\n onClose() {\r\n this.setState({\r\n confirm: false,\r\n showModal: false\r\n })\r\n }\r\n\r\n // return HTML Modal\r\n render() {\r\n return (\r\n <>\r\n {this.state.showModal ?\r\n\r\n \r\n
\r\n\r\n : null}\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ConfirmationModal","import instance from './DefaultApi';\r\n\r\nexport default class ProductService {\r\n ControllerName = 'Product';\r\n\r\n // get all products\r\n GetProducts(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetProducts`, tableRequest).then(res => res)\r\n }\r\n GetIds(prefix){\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetIds/${prefix}`).then(res => res)\r\n \r\n } \r\n UpdateIds(prefix,type,value){\r\n ;\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/UpdateIds/${prefix},${type},${value}`).then(res => res)\r\n }\r\n // create new product and update existing product \r\n CreateUpdateProduct(productData) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateUpdateProduct`, productData).then(res => res)\r\n }\r\n // delete product\r\n DeleteProduct(productId) {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/DeleteProduct/${productId}`).then(res => res)\r\n }\r\n // get all products for ddl\r\n GetProductsDDL() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetProductsDDL`).then(res => res)\r\n }\r\n GetProductUOM() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetProductUOM`).then(res => res)\r\n }\r\n GetProductSize(uom) {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetProductsSize/${uom}`).then(res => res)\r\n }\r\n GetProductLife(pid) {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetProductsLife/${pid}`).then(res => res)\r\n }\r\n\r\n //Get Mapped Products Drop Down\r\n GetMappedProductsDDL(type) {\r\n\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetMappedProductsDDL/${type}`).then(res => res)\r\n } \r\n GetMapping(id ,type) {\r\n \r\n\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetMapping/${id},${type}`).then(res => res)\r\n }\r\n\r\n GetMappings(d ,type) {\r\n \r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetMappings?type=${type}`, d).then(res => res)\r\n }\r\n\r\n GetMappedProductsDDLByType(type) {\r\n\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetMappedProductsDDLByType?type=${type}`).then(res => res)\r\n }\r\n\r\n // GetMapProductsDDLBySelection WareHouse or User\r\n GetMapProductsDDLBySelectionWU(req) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetMapProductsDDLBySelectionWU`, req).then(res => res)\r\n }\r\n\r\n GetMapping(id,type){\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetMapping/${id},${type}`).then(res => res)\r\n }\r\n\r\n}","// request for lazy loading for all pages\r\n\r\nexport default class tableRequest {\r\n IsActive = '1';\r\n PageNo = 1;\r\n First = 1;\r\n SearchValue = \"\";\r\n PageSize = 10;\r\n SortColumn = \"CreatedDt\";\r\n SortOrder = \"DESC\";\r\n ProductId = 0;\r\n WareHouseId = 0;\r\n UserId = 0;\r\n FromDate = \"\";\r\n ToDate = \"\";\r\n UserType = 0;\r\n IsAccepted = false; //for stock use\r\n IsWareHouse = true;\r\n isAdmin = false;\r\n Prefix = \"\";\r\n isPreprinted = false;\r\n Qty = 0;\r\n}","import instance from './DefaultApi';\r\n\r\nexport default class CategoryService {\r\n ControllerName = 'Category';\r\n\r\n // get all category for ddl\r\n GetCategoryDDLMG1() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetCategoryDDLMG1`).then(res => res)\r\n }\r\n GetCategoryDDLMG2(MG1) {\r\n ;\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetCategoryDDLMG2/${MG1}`).then(res => res)\r\n }\r\n GetCategoryDDLMG3(MG2) {\r\n ;\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetCategoryDDLMG3/${MG2}`).then(res => res)\r\n }\r\n // get all sub category for ddl\r\n GetSubCategoryDDL(categoryId) {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetSubCategoryDDL/${categoryId}`).then(res => res)\r\n }\r\n // get all subcategories\r\n GetSubCategories(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetSubCategories`, tableRequest).then(res => res)\r\n }\r\n // create new sub categgory \r\n CreateUpdateSubCategory(subCategryData) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateUpdateSubCategory`, subCategryData).then(res => res);\r\n }\r\n // delete sub category\r\n DeleteSubCategory(subCategoryId) {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/DeleteSubCategory/${subCategoryId}`).then(res => res);\r\n }\r\n\r\n // get all categories\r\n GetCategoriesMG1(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetCategoriesMG1`, tableRequest).then(res => res)\r\n }\r\n GetCategoriesMG2(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetCategoriesMG2`, tableRequest).then(res => res)\r\n }\r\n GetCategoriesMG3(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetCategoriesMG3`, tableRequest).then(res => res)\r\n }\r\n // create new categgory \r\n CreateUpdateCategoryMG1(subCategryData) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateUpdateCategoryMG1`, subCategryData).then(res => res);\r\n }\r\n CreateUpdateCategoryMG2(subCategryData) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateUpdateCategoryMG2`, subCategryData).then(res => res);\r\n }\r\n CreateUpdateCategoryMG3(subCategryData) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateUpdateCategoryMG3`, subCategryData).then(res => res);\r\n }\r\n // get subgroup for binding level MG1 \r\n Getmaingrp() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetMaingrp`).then(res => res);\r\n } // get subgroup for binding level MG2 \r\n Getsubgrp(MG1) {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetSubgrp`, MG1).then(res => res);\r\n }\r\n\r\n\r\n}","import instance from './DefaultApi';\r\n\r\nexport default class CompanyMasterService {\r\n ControllerName = 'CompanyMaster';\r\n\r\n //Get Company List\r\n GetCompany(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetCompany`, tableRequest).then(res => res)\r\n }\r\n\r\n // Save Company Master Data\r\n CreateCompany(CartonData) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateCompany`, CartonData).then(res => res)\r\n }\r\n\r\n //Get all company for ddl\r\n GetCompanyDDL() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetCompanyDDL`).then(res => res);\r\n }\r\n\r\n\r\n\r\n\r\n}","import React, { Component } from \"react\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\n\r\nimport { BreadCrumb } from \"primereact/breadcrumb\";\r\nimport { Button } from \"primereact/button\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { FileUpload } from \"primereact/fileupload\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport { ConfirmationModal } from \"../../template/ConfirmationModal\";\r\nimport ProductService from \"../../services/ProductService\";\r\nimport tableRequest from \"../../models/tableRequest\";\r\nimport CategoryService from \"../../services/CategoryService\";\r\nimport MessageComponent from \"../../template/Message\";\r\nimport { confirmAlert } from \"react-confirm-alert\"; // Import\r\nimport \"react-confirm-alert/src/react-confirm-alert.css\"; // Import css\r\nimport $ from \"jquery\";\r\nimport CompanyMasterService from \"../../services/CompanyMasterService\";\r\n// import {Steps} from 'primereact/steps';\r\n// import { Tab, Tabs, TabList, TabPanel } from \"react-tabs\";\r\n// import \"react-tabs/style/react-tabs.css\";\r\nimport { TabView, TabPanel } from \"primereact/tabview\";\r\nimport ApiService from \"../../services/apiService\";\r\nimport Loaders from \"../../template/Loaders\";\r\nimport { CSVLink } from \"react-csv\";\r\n// export default () => (\r\n// \r\n
\r\n \r\n
\r\n \r\n
\r\n Are you sure?
\r\n \r\n\r\n You want to delete this file?\r\n
\r\n \r\n \r\n \r\n
\r\n Any content 1
\r\n//Any content 2
\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 Product Master
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n Export\r\n \r\n \r\n
\r\n\r\n \r\n * Update in Categories May cause Unexpected error for Inline\r\n Production\r\n
\r\n ) : (\r\n \"\"\r\n )}\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, { Component } from \"react\";\r\nimport \"primereact/resources/themes/saga-blue/theme.css\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport UserService from \"../../services/UserService\";\r\nimport CompanyMasterService from \"../../services/CompanyMasterService\";\r\nimport WareHouseMaterService from \"../../services/WareHouseMaterService\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport { Button } from \"primereact/button\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport tableRequest from \"../../models/tableRequest.js\";\r\nimport { confirmAlert } from \"react-confirm-alert\"; // Import\r\nimport { BreadCrumb } from \"primereact/breadcrumb\";\r\nimport { Card } from \"primereact/card\";\r\nimport { ConfirmationModal } from \"../../template/ConfirmationModal\";\r\nimport MessageComponent from \"../../template/Message\";\r\nimport $ from \"jquery\";\r\nimport ApiService from \"../../services/apiService\";\r\nimport Loaders from \"../../template/Loaders\";\r\nimport { CSVLink } from \"react-csv\";\r\n\r\nexport default class UserMaster extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.ApiService = new ApiService();\r\n this.UserService = new UserService();\r\n this.CompanyMasterService = new CompanyMasterService();\r\n this.WareHouseMaterService = new WareHouseMaterService();\r\n this.tblResponseExport = new tableRequest();\r\n this.tblResponse = new tableRequest();\r\n this.state = {\r\n heads: [\r\n \"CompanyName\",\r\n \"FirmName\",\r\n \"Username\",\r\n \"FirstName\",\r\n \"LastName\",\r\n \"Email\",\r\n \"MobileNo\",\r\n \"CreatedDt\",\r\n ],\r\n exportData: [],\r\n compDisabled: false,\r\n visible: false,\r\n ReferenceID: \"\",\r\n updateLoader: false,\r\n sortIcon: false,\r\n UserName: \"\",\r\n FirstName: \"\",\r\n LastName: \"\",\r\n Email: \"\",\r\n MobileNo: \"\",\r\n Password: \"\",\r\n ConfirmPassword: \"\",\r\n IsActive: false,\r\n sortOrder: \"\",\r\n CompanyId: \"\",\r\n WareHouseId: \"\",\r\n IsFactory: \"\",\r\n formError: {\r\n UserName: \"\",\r\n FirstName: \"\",\r\n LastName: \"\",\r\n Password: \"\",\r\n Email: \"\",\r\n ConfirmPassword: \"\",\r\n MobileNo: \"\",\r\n CompanyId: \"\",\r\n WareHouseId: \"\",\r\n },\r\n\r\n formHeading: \"Add User\",\r\n buttonLabel: \"Submit\",\r\n sales: [],\r\n companyDDL: [],\r\n wareHouseDDL: [],\r\n wareHouseFactoryDDL: [],\r\n loading: true,\r\n first: 0,\r\n rows: 5,\r\n totalRecords: 0,\r\n globalFilter: null,\r\n emptyMessage: \"No Data found\",\r\n UserType: 0,\r\n };\r\n\r\n this.actionTemplate = this.actionTemplate.bind(this);\r\n this.emailTemplate = this.emailTemplate.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.submitForm = this.submitForm.bind(this);\r\n this.hideFunc = this.hideFunc.bind(this);\r\n this.onPage = this.onPage.bind(this);\r\n this.searchFilter = this.searchFilter.bind(this);\r\n this.openDialog = this.openDialog.bind(this);\r\n this.onSort = this.onSort.bind(this);\r\n this.onValueChange = this.onValueChange.bind(this);\r\n this.GetUserExport = this.GetUserExport.bind(this);\r\n }\r\n //trigger api function on page call\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.GetUsers();\r\n this.GetCompany();\r\n this.GetWareHouse(0);\r\n }, 1000);\r\n\r\n $(\".p-column-title\").on(\"click\", function () {\r\n $(this)\r\n .next()\r\n .removeClass(\"pi-sort\")\r\n .toggleClass(\"pi-sort-up\")\r\n .addClass(\"pi-sort-down\");\r\n });\r\n\r\n this.tblResponseExport.PageSize = -1;\r\n this.tblResponseExport.First = 1;\r\n this.tblResponseExport.IsActive = true;\r\n this.tblResponseExport.SearchValue = \"\";\r\n this.tblResponseExport.SortOrder = \"ASC\";\r\n this.GetUserExport();\r\n }\r\n\r\n // get user data list from api\r\n GetUserExport() {\r\n this.tblResponseExport.SortColumn = \"CreatedDt\";\r\n this.UserService.GetUsers(this.tblResponseExport).then((data) => {\r\n const resdata = data.data;\r\n //when response data is not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.setState({\r\n exportData: resdata.ResponseData,\r\n });\r\n }\r\n });\r\n }\r\n\r\n //on page loading\r\n onPage(event) {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n this.getLazyLoadingValues(event);\r\n this.GetUsers();\r\n }, 250);\r\n }\r\n\r\n getLazyLoadingValues(event) {\r\n this.setState({ rows: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.First = event.first + 1;\r\n this.tblResponse.IsActive = true;\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n //this.tblResponse.SortColumn = event.sortField;\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n this.tblResponse.UserType = 0;\r\n }\r\n\r\n // get users data list from api\r\n GetUsers() {\r\n this.tblResponse.SortColumn = \"CreatedDt\";\r\n this.UserService.GetUsers(this.tblResponse).then((data) => {\r\n const resdata = data.data;\r\n //if response data is not null sales state will be set with ResponseData\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n this.setState({\r\n totalRecords: resdata.ResponseData[0].TotalRows,\r\n first: this.tblResponse.First - 1,\r\n sales: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n //if response data is null sales state will be set null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecords: 0,\r\n first: 1,\r\n sales: null,\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n });\r\n }\r\n\r\n // call every change of form and validation part also\r\n handleChange(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n\r\n this.validateForm(value, name);\r\n this.setState({ errors, [name]: value });\r\n\r\n //to set state of IsActive\r\n if (name == \"IsActive\")\r\n this.setState({\r\n IsActive: event.target.checked,\r\n });\r\n }\r\n\r\n //to validate form\r\n validateForm(value, name) {\r\n let errors = this.state.formError;\r\n let IsValid = true;\r\n //to validate each form field with required conditions\r\n switch (name) {\r\n case \"UserName\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.UserName = \"Please enter your username.\";\r\n } else errors.UserName = \"\";\r\n break;\r\n case \"FirstName\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.FirstName = \"Please enter your first name.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^[A-Za-z]+$/)) {\r\n IsValid = false;\r\n errors.FirstName = \"FirstName should be alpha only.\";\r\n } else errors.FirstName = \"\";\r\n } else errors.FirstName = \"\";\r\n break;\r\n case \"LastName\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.LastName = \"Please enter your last name.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^[A-Za-z]+$/)) {\r\n IsValid = false;\r\n errors.LastName = \"LastName should be alpha only.\";\r\n } else errors.LastName = \"\";\r\n } else errors.LastName = \"\";\r\n break;\r\n case \"Email\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.Email = \"Please enter your email-id.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/)) {\r\n IsValid = false;\r\n errors.Email = \"Please enter valid email-id.\";\r\n } else errors.Email = \"\";\r\n } else errors.Email = \"\";\r\n break;\r\n case \"MobileNo\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.MobileNo = \"Please enter your mobile no.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^[6-9]\\d{9}$/)) {\r\n IsValid = false;\r\n errors.MobileNo = \"Please enter valid mobile no.\";\r\n } else errors.MobileNo = \"\";\r\n } else errors.MobileNo = \"\";\r\n break;\r\n case \"Password\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.Password = \"Please enter password.\";\r\n }\r\n //^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d).{4,10}$\r\n else if (!value.match(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d).{4,10}$/)) {\r\n IsValid = false;\r\n errors.Password =\r\n \"Password should be minimum 4 characters long, 1 uppercase & 1 lowercase character with 1 number.\";\r\n } else if (\r\n value.length >= 1 &&\r\n this.state.ConfirmPassword.length >= 1\r\n ) {\r\n errors.Password = \"\";\r\n errors.ConfirmPassword = \"\";\r\n if (!(value === this.state.ConfirmPassword)) {\r\n IsValid = false;\r\n errors.Password = \"password does not match\";\r\n } else errors.Password = \"\";\r\n } else errors.Password = \"\";\r\n break;\r\n\r\n case \"ConfirmPassword\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.ConfirmPassword = \"Please enter confirm password.\";\r\n } else if (!value.match(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d).{4,10}$/)) {\r\n IsValid = false;\r\n errors.ConfirmPassword =\r\n \"Password should be minimum 4 characters long, 1 uppercase & 1 lowercase character with 1 number.\";\r\n } else if (value.length >= 1 && this.state.Password.length >= 1) {\r\n errors.Password = \"\";\r\n errors.ConfirmPassword = \"\";\r\n if (!(value === this.state.Password)) {\r\n IsValid = false;\r\n errors.ConfirmPassword = \"Confirm password does not match\";\r\n } else errors.ConfirmPassword = \"\";\r\n } else errors.ConfirmPassword = \"\";\r\n break;\r\n\r\n case \"CompanyId\":\r\n if (value == undefined || value == \"\") {\r\n IsValid = false;\r\n errors.CompanyId = \"Please select Company\";\r\n } else {\r\n errors.CompanyId = \"\";\r\n //this.GetWareHouse(value.CompId)\r\n }\r\n break;\r\n case \"WareHouseId\":\r\n if (value.ID == undefined || value.ID == \"\") {\r\n IsValid = false;\r\n errors.WareHouseId = \"Please select WareHouse / Factory\";\r\n } else {\r\n errors.WareHouseId = \"\";\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n }\r\n\r\n // reset form text value\r\n formReset() {\r\n this.setState({\r\n ReferenceID: \"\",\r\n UserName: \"\",\r\n FirstName: \"\",\r\n LastName: \"\",\r\n Email: \"\",\r\n MobileNo: \"\",\r\n Password: \"\",\r\n ConfirmPassword: \"\",\r\n IsActive: true,\r\n //CompanyId :'',\r\n WareHouseId: \"\",\r\n });\r\n let errors = this.state.formError;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n\r\n hideFunc() {\r\n this.setState({\r\n visible: false,\r\n buttonLabel: \"Submit\",\r\n formHeading: \"Add User\",\r\n });\r\n this.formReset();\r\n }\r\n openDialog() {\r\n this.setState({ visible: true });\r\n this.formReset();\r\n }\r\n // submit form and create or update user\r\n submitForm(event) {\r\n event.preventDefault();\r\n\r\n let isfrmvalid = true;\r\n let checkerror = this.state.formError;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateForm(val, key);\r\n //form is not valid\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n //form is valid\r\n if (isfrmvalid) {\r\n this.setState({ updateLoader: false });\r\n const formData = {\r\n UserName: this.state.UserName,\r\n FirstName: this.state.FirstName,\r\n LastName: this.state.LastName,\r\n Email: this.state.Email,\r\n MobileNo: this.state.MobileNo,\r\n Password: this.state.Password,\r\n ReferenceID: this.state.ReferenceID,\r\n IsActive: this.state.IsActive,\r\n CompanyId: this.state.CompanyId.CompId,\r\n WareHouseId: this.state.WareHouseId.ID,\r\n UserType: this.state.UserType,\r\n };\r\n\r\n setTimeout(() => {\r\n this.UserService.CreateUpdateUser(formData).then((data) => {\r\n const resdata = data.data;\r\n //if responsecode is 200 success message willl be shown else it will move to 'else statement'\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n this.setState({\r\n loading: true,\r\n visible: false,\r\n updateLoader: true,\r\n });\r\n this.formReset();\r\n this.GetUsers();\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }, 100);\r\n }\r\n }\r\n\r\n // delete user data\r\n deleteUser(referenceID) {\r\n this.UserService.DeleteUser(referenceID).then((data) => {\r\n const resdata = data.data;\r\n //if responsecode is 200 success message willl be shown else it will move to 'else statement'\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n this.GetUsers();\r\n const totlrecord = this.state.totalRecords - 1;\r\n const row = this.state.rows;\r\n\r\n if (this.tblResponse.First >= totlrecord) {\r\n const _curntCursor = Math.round(totlrecord / row);\r\n this.tblResponse.First = _curntCursor + 1;\r\n }\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }\r\n //to get company data for ddl\r\n GetCompany() {\r\n this.CompanyMasterService.GetCompanyDDL().then((data) => {\r\n const resdata = data.data;\r\n //if resdata is not null state of companyDDL will be set with ResponseData\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.setState({\r\n companyDDL: resdata.ResponseData,\r\n });\r\n }\r\n\r\n if (this.ApiService.getIsAdmin() == \"false\") {\r\n const CompanyObj = this.state.companyDDL.filter(\r\n (x) => x.CompId == this.ApiService.getCompanyId()\r\n );\r\n this.setState({\r\n CompanyId: CompanyObj[0],\r\n compDisabled: true,\r\n });\r\n this.GetWareHouse(this.state.CompanyId.CompId);\r\n }\r\n });\r\n }\r\n\r\n //to get warehouse data for ddl\r\n GetWareHouse(compId) {\r\n this.WareHouseMaterService.GetWareHouseDDL(compId).then((data) => {\r\n const resdata = data.data;\r\n //if resdata is not null state of wareHouseDDL will be set with ResponseData\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.setState({\r\n wareHouseFactoryDDL: resdata.ResponseData,\r\n wareHouseDDL: [],\r\n });\r\n }\r\n });\r\n }\r\n\r\n searchFilter(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetUsers();\r\n }\r\n\r\n callbackFunction = (childData) => {\r\n this.setState({ message: childData });\r\n };\r\n\r\n onValueChange(event) {\r\n const val = event.target.value;\r\n\r\n if (val == \"0\") {\r\n const wareHouse = this.state.wareHouseFactoryDDL.filter(\r\n (x) => x.IsFactory == 0\r\n );\r\n this.setState({\r\n IsFactory: false,\r\n wareHouseDDL: wareHouse,\r\n WareHouseId: \"\",\r\n UserType: 5,\r\n // warehouseVisible: true,\r\n });\r\n }\r\n if (val == \"1\") {\r\n const Factory = this.state.wareHouseFactoryDDL.filter(\r\n (x) => x.IsFactory == 1\r\n );\r\n\r\n this.setState({\r\n IsFactory: true,\r\n WareHouseId: \"\",\r\n wareHouseDDL: Factory,\r\n UserType: 4,\r\n // warehouseVisible: true,\r\n });\r\n }\r\n }\r\n\r\n // disabled checkbox\r\n activeTemplate(rowData, column) {\r\n return ;\r\n }\r\n\r\n // sort data\r\n onSort(event) {\r\n this.setState({ sortOrder: this.state.sortOrder === 1 ? 2 : 1 });\r\n const sortField =\r\n event.sortField == \"CreatedDt\" ? \"CreatedDt\" : event.sortField;\r\n this.tblResponse.SortColumn = sortField ? sortField : \"\";\r\n this.tblResponse.SortOrder = this.state.sortOrder === 1 ? \"DESC\" : \"ASC\";\r\n this.GetUsers();\r\n const clickData = document.getElementsByClassName(\r\n \"p-sortable-column-icon pi pi-fw pi-sort\"\r\n );\r\n console.log(event);\r\n }\r\n emailTemplate = (rowData) => {\r\n let emails = rowData.Email;\r\n return \r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.formError.ManufactureName}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.formError.RegistrationNo}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
*/}\r\n {/* \r\n {this.state.formError.MarketedBy}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
*/}\r\n \r\n {this.state.formError.CustomerCareDetails}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {/*
\r\n {/* \r\n {this.state.formError.WarrantyPeriodInMonth}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n \r\n {this.state.formError.mrp !== null ?\r\n
*/}\r\n\r\n {/* {this.state.formError.mrp}
: null}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n\r\n {this.state.formError.CautionarySymbol !== null ? (\r\n \r\n
\r\n \r\n {this.state.formError.CautionarySymbol}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
*/}\r\n\r\n \r\n
\r\n ) : null}\r\n\r\n\r\n {this.state.formError.AntidoteStatement !== null ? (\r\n \r\n Download\r\n
\r\n \r\n {this.state.formError.AntidoteStatement}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n ) : null}\r\n\r\n {this.state.formError.uploadImageLabel !== null ? (\r\n \r\n \r\n Download\r\n \r\n
\r\n \r\n {this.state.formError.uploadImageLabel}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n ) : null}\r\n\r\n {this.state.formError.uploadImagePamphlet !== null ? (\r\n \r\n \r\n Download{\" \"}\r\n \r\n
\r\n \r\n {this.state.formError.uploadImagePamphlet}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n {emails}
;\r\n };\r\n // edit form\r\n actionTemplate(rowData, column) {\r\n const editMode = (e) => {\r\n this.setState({\r\n buttonLabel: \"Update\",\r\n formHeading: \"Update User\",\r\n visible: true,\r\n ReferenceID: rowData.ReferenceID,\r\n UserName: rowData.Username,\r\n FirstName: rowData.FirstName,\r\n LastName: rowData.LastName,\r\n Email: rowData.Email,\r\n UserType: rowData.UserType,\r\n MobileNo: rowData.MobileNo,\r\n Password: rowData.Password,\r\n ConfirmPassword: rowData.Password,\r\n IsActive: rowData.IsActive,\r\n });\r\n\r\n const CompanyObj = this.state.companyDDL.filter(\r\n (x) => x.CompId == rowData.CompanyId\r\n );\r\n const wareHouse = this.state.wareHouseFactoryDDL.filter(\r\n (x) => x.IsFactory == 0\r\n );\r\n const Factory = this.state.wareHouseFactoryDDL.filter(\r\n (x) => x.IsFactory == 1\r\n );\r\n const wareHouseObj = this.state.wareHouseFactoryDDL.filter(\r\n (x) => x.ID == rowData.WareHouseId\r\n );\r\n if (wareHouseObj[0]?.IsFactory) {\r\n this.setState({\r\n IsFactory: true,\r\n wareHouseDDL: Factory,\r\n });\r\n } else if (!wareHouseObj[0]?.IsFactory) {\r\n this.setState({\r\n IsFactory: false,\r\n wareHouseDDL: wareHouse,\r\n });\r\n }\r\n\r\n this.setState({\r\n CompanyId: CompanyObj[0],\r\n WareHouseId: wareHouseObj[0],\r\n //wareHouseDDL: wareHouse ?? Factory | wareHouse\r\n });\r\n };\r\n\r\n const deleteFunc = () => {\r\n confirmAlert({\r\n title: \"Confirm to delete\",\r\n message: \"Are you sure to do this.\",\r\n buttons: [\r\n {\r\n label: \"Yes\",\r\n onClick: () => this.deleteUser(rowData.ReferenceID),\r\n },\r\n {\r\n label: \"No\",\r\n onClick: () => null,\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 Export\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 User Master
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import instance from './DefaultApi';\r\n\r\nexport default class CartonMasterService {\r\n ControllerName = 'CartonMaster';\r\n\r\n //Get Carton List\r\n GetCarton(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetCarton`, tableRequest).then(res => res)\r\n }\r\n\r\n // Save Carton Master Data\r\n CreateCarton(CartonData) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateCarton`, CartonData).then(res => res)\r\n }\r\n\r\n // Get Active Carton of Drop Down List\r\n GetActiveCartonDDL() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetActiveCartonDDL`).then(res => res)\r\n }\r\n\r\n\r\n\r\n\r\n}","import React, { Component } from \"react\";\r\nimport \"primereact/resources/themes/saga-blue/theme.css\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { Button } from \"primereact/button\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport tableRequest from \"../../models/tableRequest.js\";\r\nimport { confirmAlert } from \"react-confirm-alert\"; // Import\r\nimport { ConfirmationModal } from \"../../template/ConfirmationModal\";\r\nimport CartonMasterService from \"../../services/CartonMasterService\";\r\nimport MessageComponent from \"../../template/Message\";\r\nimport Loaders from \"../../template/Loaders\";\r\nimport { BreadCrumb } from \"primereact/breadcrumb\";\r\nimport { Card } from \"primereact/card\";\r\nimport $ from \"jquery\";\r\nimport { CSVLink } from \"react-csv\";\r\n\r\n// Carton Size Master\r\nexport default class CartonMaster extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.CartonMasterService = new CartonMasterService();\r\n this.tblResponseExport = new tableRequest();\r\n this.tblResponse = new tableRequest();\r\n this.state = {\r\n visible: false,\r\n CartonId: \"\",\r\n heads: [\"CartonName\", \"CartonSize\", \"Description\"],\r\n exportData: [],\r\n updateLoader: false,\r\n sortIcon: false,\r\n CartonName: \"\",\r\n CartonSize: \"\",\r\n Description: \"\",\r\n IsActive: false,\r\n sortOrder: \"\",\r\n formError: {\r\n CartonName: \"\",\r\n CartonSize: \"\",\r\n Description: \"\",\r\n },\r\n formHeading: \"Add Carton\",\r\n buttonLabel: \"Submit\",\r\n sales: [],\r\n loading: true,\r\n first: 0,\r\n rows: 5,\r\n totalRecords: 0,\r\n globalFilter: null,\r\n emptyMessage: \"No Data found\",\r\n };\r\n\r\n this.actionTemplate = this.actionTemplate.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.submitForm = this.submitForm.bind(this);\r\n this.hideFunc = this.hideFunc.bind(this);\r\n this.onPage = this.onPage.bind(this);\r\n this.searchFilter = this.searchFilter.bind(this);\r\n this.openDialog = this.openDialog.bind(this);\r\n this.onSort = this.onSort.bind(this);\r\n this.GetCartonExport = this.GetCartonExport.bind(this);\r\n }\r\n\r\n //trigger api function on page call\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.GetCarton();\r\n }, 1000);\r\n\r\n $(\".p-column-title\").on(\"click\", function () {\r\n $(this)\r\n .next()\r\n .removeClass(\"pi-sort\")\r\n .toggleClass(\"pi-sort-up\")\r\n .addClass(\"pi-sort-down\");\r\n });\r\n\r\n this.tblResponseExport.PageSize = -1;\r\n this.tblResponseExport.First = 1;\r\n this.tblResponseExport.IsActive = true;\r\n this.tblResponseExport.SearchValue = \"\";\r\n this.tblResponseExport.SortOrder = \"ASC\";\r\n this.GetCartonExport();\r\n }\r\n\r\n //loading page\r\n onPage(event) {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n this.getLazyLoadingValues(event);\r\n this.GetCarton();\r\n }, 250);\r\n }\r\n\r\n // Get list of data\r\n getLazyLoadingValues(event) {\r\n this.setState({ rows: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.First = event.first + 1;\r\n this.tblResponse.IsActive = true;\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n //this.tblResponse.SortColumn = event.sortField;\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n }\r\n\r\n // get carton data list from api\r\n GetCartonExport() {\r\n this.tblResponseExport.SortColumn = \"CreatedDate\";\r\n this.CartonMasterService.GetCarton(this.tblResponseExport).then((data) => {\r\n const resdata = data.data;\r\n //when response data is not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.setState({\r\n exportData: resdata.ResponseData,\r\n });\r\n }\r\n });\r\n }\r\n\r\n // get carton data list from api\r\n GetCarton() {\r\n this.tblResponse.SortColumn = \"CreatedDate\";\r\n this.CartonMasterService.GetCarton(this.tblResponse).then((data) => {\r\n const resdata = data.data;\r\n //when response data is not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n this.setState({\r\n totalRecords: resdata.ResponseData[0].TotalRows,\r\n first: this.tblResponse.First - 1,\r\n sales: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n // when responsedata is null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecords: 0,\r\n first: 1,\r\n sales: null,\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n });\r\n }\r\n\r\n // call every change of form and validation part also\r\n handleChange(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n\r\n const isValid = this.validateForm(value, name);\r\n this.setState({ errors, [name]: value });\r\n\r\n //this statement will set state value for IsActive\r\n if (name == \"IsActive\")\r\n this.setState({\r\n IsActive: event.target.checked,\r\n });\r\n }\r\n\r\n // Open Dialog\r\n openDialog() {\r\n this.setState({ visible: true });\r\n this.formReset();\r\n }\r\n\r\n // validate form\r\n validateForm(value, name) {\r\n let errors = this.state.formError;\r\n let IsValid = true;\r\n //this switch case is used for each form field to validate\r\n switch (name) {\r\n case \"CartonName\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.CartonName = \"Please enter your carton name.\";\r\n } else errors.CartonName = \"\";\r\n break;\r\n case \"CartonSize\":\r\n if (value < 1) {\r\n IsValid = false;\r\n errors.CartonSize = \"Please enter your carton size quantity.\";\r\n } else errors.CartonSize = \"\";\r\n break;\r\n case \"Description\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.Description = \"Please enter your Description.\";\r\n } else errors.Description = \"\";\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n }\r\n\r\n // reset form text value\r\n formReset() {\r\n this.setState({\r\n CartonId: 0,\r\n CartonName: \"\",\r\n CartonSize: \"\",\r\n Description: \"\",\r\n IsActive: true,\r\n });\r\n let errors = this.state.formError;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n\r\n // add text\r\n hideFunc() {\r\n this.setState({\r\n visible: false,\r\n buttonLabel: \"Submit\",\r\n formHeading: \"Add Carton\",\r\n });\r\n this.formReset();\r\n }\r\n\r\n // Open Dialog\r\n openDialog() {\r\n this.setState({ visible: true });\r\n this.formReset();\r\n }\r\n // submit form\r\n submitForm(event) {\r\n event.preventDefault();\r\n\r\n let isfrmvalid = true;\r\n let checkerror = this.state.formError;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateForm(val, key);\r\n\r\n //when form validation is not valid\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n let checkbox = document.getElementsByName(\"IsActive\");\r\n //when isfrmvalid is true\r\n if (isfrmvalid) {\r\n this.setState({ updateLoader: false });\r\n const formData = {\r\n CartonId: this.state.CartonId,\r\n CartonName: this.state.CartonName,\r\n CartonSize: this.state.CartonSize,\r\n Description: this.state.Description,\r\n IsActive: this.state.IsActive,\r\n };\r\n\r\n setTimeout(() => {\r\n this.CartonMasterService.CreateCarton(formData).then((data) => {\r\n ;\r\n const resdata = data.data;\r\n //when data is not null it will give success message else will move to 'else statement'\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n this.setState({\r\n loading: true,\r\n visible: false,\r\n updateLoader: true,\r\n });\r\n this.formReset();\r\n this.GetCarton();\r\n this.GetCartonExport();\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }, 100);\r\n }\r\n }\r\n\r\n // delete user data\r\n // deleteUser(referenceID) {\r\n // this.UserService.DeleteUser(referenceID).then(data => {\r\n // const resdata = data.data;\r\n // if (resdata !== null && resdata.ResponseCode === '200') {\r\n // this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n // const totlrecord = this.state.totalRecords - 1;\r\n // const row = this.state.rows;\r\n\r\n // if (this.tblResponse.First >= totlrecord) {\r\n // const _curntCursor = Math.round(totlrecord / row);\r\n // this.tblResponse.First = _curntCursor + 1;\r\n // }\r\n // this.GetUsers();\r\n // } else if (resdata.ResponseCode === '400') {\r\n // this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n // } else {\r\n // this.refs.Messchild.showError(resdata.ResponseMessage);\r\n // }\r\n // });\r\n // }\r\n\r\n // Search Filter data\r\n searchFilter(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetCarton();\r\n }\r\n\r\n // callbackFunction = (childData) => {\r\n // this.setState({ message: childData })\r\n // }\r\n\r\n //return checkbox disabled\r\n activeTemplate(rowData, column) {\r\n return ;\r\n }\r\n\r\n // Sorting Data\r\n onSort(event) {\r\n this.setState({ sortOrder: this.state.sortOrder === 1 ? 2 : 1 });\r\n const sortField =\r\n event.sortField == \"CreatedDate\" ? \"CreatedDate\" : event.sortField;\r\n this.tblResponse.SortColumn = sortField ? sortField : \"\";\r\n this.tblResponse.SortOrder = this.state.sortOrder === 1 ? \"DESC\" : \"ASC\";\r\n this.GetCarton();\r\n // const clickData = document.getElementsByClassName(\"p-sortable-column-icon pi pi-fw pi-sort\");\r\n // console.log(event);\r\n }\r\n\r\n // edit form\r\n actionTemplate(rowData, column) {\r\n const editMode = (e) => {\r\n this.setState({\r\n buttonLabel: \"Update\",\r\n formHeading: \"Update Carton\",\r\n visible: true,\r\n CartonId: rowData.CartonId,\r\n CartonName: rowData.CartonName,\r\n CartonSize: rowData.CartonSize,\r\n Description: rowData.Description,\r\n IsActive: rowData.IsActive,\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 {this.state.formError.UserName}
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n {this.state.formError.FirstName}
\r\n \r\n \r\n
\r\n \r\n
\r\n {this.state.formError.LastName}
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n {this.state.formError.Email}
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
\r\n {this.state.formError.MobileNo}
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
\r\n {this.state.formError.Password}
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.formError.ConfirmPassword}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n value={this.state.CompanyId}\r\n className=\"form-control\"\r\n placeholder=\"Select Company\"\r\n name=\"CompanyId\"\r\n options={this.state.companyDDL}\r\n />\r\n {this.state.formError.CompanyId !== null ? (\r\n
\r\n\r\n {/* {this.state.formError.CompanyId}
\r\n ) : null}\r\n \r\n \r\n
*/}\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n value={this.state.WareHouseId}\r\n className=\"form-control\"\r\n placeholder=\"-Select-\"\r\n name=\"WareHouseId\"\r\n options={this.state.wareHouseDDL}\r\n />\r\n {this.state.formError.WareHouseId !== null ? (\r\n
\r\n\r\n \r\n {this.state.formError.WareHouseId}\r\n
\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
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n Carton Size Master
\r\n\r\n
\r\n \r\n \r\n
\r\n );\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n Company Master
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n );\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n Dealer Master
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n Export\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n value={this.state.CompanyId}\r\n className=\"form-control\"\r\n placeholder=\"Select Company\"\r\n name=\"CompanyId\"\r\n options={this.state.companyDDL}\r\n />\r\n {this.state.formError.CompanyId !== null ? (\r\n
\r\n {this.state.formError.CompanyId}
\r\n ) : null}\r\n \r\n {/*
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport \"primereact/resources/themes/saga-blue/theme.css\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport UserService from \"../../services/UserService\";\r\nimport { Button } from \"primereact/button\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport tableRequest from \"../../models/tableRequest.js\";\r\nimport { confirmAlert } from \"react-confirm-alert\"; // Import\r\nimport { ConfirmationModal } from \"../../template/ConfirmationModal\";\r\nimport MessageComponent from \"../../template/Message\";\r\nimport { BreadCrumb } from \"primereact/breadcrumb\";\r\nimport { Card } from \"primereact/card\";\r\nimport $ from \"jquery\";\r\nexport default class ListMaster extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.UserService = new UserService();\r\n this.tblResponse = new tableRequest();\r\n this.state = {\r\n visible: false,\r\n ReferenceID: \"\",\r\n sortIcon: false,\r\n UserName: \"\",\r\n FirstName: \"\",\r\n LastName: \"\",\r\n Email: \"\",\r\n MobileNo: \"\",\r\n Password: \"\",\r\n ConfirmPassword: \"\",\r\n IsActive: null,\r\n sortOrder: \"1\",\r\n formError: {\r\n UserName: \"\",\r\n FirstName: \"\",\r\n LastName: \"\",\r\n Password: \"\",\r\n Email: \"\",\r\n ConfirmPassword: \"\",\r\n MobileNo: \"\",\r\n },\r\n\r\n formHeading: \"Add User\",\r\n buttonLabel: \"Submit\",\r\n sales: [],\r\n loading: true,\r\n first: 0,\r\n rows: 5,\r\n totalRecords: 0,\r\n globalFilter: null,\r\n emptyMessage: \"No Data found\",\r\n };\r\n\r\n this.actionTemplate = this.actionTemplate.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.submitForm = this.submitForm.bind(this);\r\n this.hideFunc = this.hideFunc.bind(this);\r\n this.onPage = this.onPage.bind(this);\r\n this.searchFilter = this.searchFilter.bind(this);\r\n this.openDialog = this.openDialog.bind(this);\r\n this.onSort = this.onSort.bind(this);\r\n }\r\n\r\n //to trigger api function on page call\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.GetUsers();\r\n }, 1000);\r\n\r\n $(\".p-column-title\").on(\"click\", function () {\r\n $(this)\r\n .next()\r\n .removeClass(\"pi-sort\")\r\n .toggleClass(\"pi-sort-up\")\r\n .addClass(\"pi-sort-down\");\r\n });\r\n }\r\n //loading page\r\n onPage(event) {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n this.getLazyLoadingValues(event);\r\n this.GetUsers();\r\n }, 250);\r\n }\r\n\r\n getLazyLoadingValues(event) {\r\n this.setState({ rows: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.First = event.first + 1;\r\n this.tblResponse.IsActive = true;\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n //this.tblResponse.SortColumn = event.sortField;\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n }\r\n\r\n // get users data list from api\r\n GetUsers() {\r\n this.UserService.GetUsers(this.tblResponse).then((data) => {\r\n const resdata = data.data;\r\n //response data not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n this.setState({\r\n totalRecords: resdata.ResponseData[0].TotalRows,\r\n first: this.tblResponse.First - 1,\r\n sales: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n });\r\n }\r\n //response data is null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecords: 0,\r\n first: 1,\r\n sales: null,\r\n loading: false,\r\n });\r\n }\r\n });\r\n }\r\n\r\n // call every change of form and validation part also\r\n handleChange(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n\r\n // const isValid = this.validateForm(value, name);\r\n this.setState({ errors, [name]: value });\r\n }\r\n\r\n //to validate form\r\n validateForm(value, name) {\r\n let errors = this.state.formError;\r\n let IsValid = true;\r\n\r\n //to validate each form field\r\n switch (name) {\r\n case \"UserName\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.UserName = \"Please enter your username.\";\r\n } else errors.UserName = \"\";\r\n break;\r\n case \"FirstName\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.FirstName = \"Please enter your first name.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^[A-Za-z]+$/)) {\r\n IsValid = false;\r\n errors.FirstName = \"FirstName should be alpha only.\";\r\n } else errors.FirstName = \"\";\r\n } else errors.FirstName = \"\";\r\n break;\r\n case \"LastName\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.LastName = \"Please enter your last name.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^[A-Za-z]+$/)) {\r\n IsValid = false;\r\n errors.LastName = \"LastName should be alpha only.\";\r\n } else errors.LastName = \"\";\r\n } else errors.LastName = \"\";\r\n break;\r\n case \"Email\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.Email = \"Please enter your email-id.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/)) {\r\n IsValid = false;\r\n errors.Email = \"Please enter valid email-id.\";\r\n } else errors.Email = \"\";\r\n } else errors.Email = \"\";\r\n break;\r\n case \"MobileNo\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.MobileNo = \"Please enter your mobile no.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^[6-9]\\d{9}$/)) {\r\n IsValid = false;\r\n errors.MobileNo = \"Please enter valid mobile no.\";\r\n } else errors.MobileNo = \"\";\r\n } else errors.MobileNo = \"\";\r\n break;\r\n case \"Password\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.Password = \"Please enter password.\";\r\n } else if (\r\n value.length >= 1 &&\r\n this.state.ConfirmPassword.length >= 1\r\n ) {\r\n errors.Password = \"\";\r\n errors.ConfirmPassword = \"\";\r\n if (!(value === this.state.ConfirmPassword)) {\r\n IsValid = false;\r\n errors.Password = \"password does not match\";\r\n } else errors.Password = \"\";\r\n } else errors.Password = \"\";\r\n break;\r\n\r\n case \"ConfirmPassword\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.ConfirmPassword = \"Please enter confirm password.\";\r\n } else if (value.length >= 1 && this.state.Password.length >= 1) {\r\n errors.Password = \"\";\r\n errors.ConfirmPassword = \"\";\r\n if (!(value === this.state.Password)) {\r\n IsValid = false;\r\n errors.ConfirmPassword = \"Confirm password does not match\";\r\n } else errors.ConfirmPassword = \"\";\r\n } else errors.ConfirmPassword = \"\";\r\n break;\r\n\r\n case \"IsActive\":\r\n this.setState({\r\n IsActive: value,\r\n });\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n }\r\n\r\n // reset form text value\r\n formReset() {\r\n this.setState({\r\n ReferenceID: \"\",\r\n UserName: \"\",\r\n FirstName: \"\",\r\n LastName: \"\",\r\n Email: \"\",\r\n MobileNo: \"\",\r\n Password: \"\",\r\n ConfirmPassword: \"\",\r\n IsActive: true,\r\n });\r\n let errors = this.state.formError;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n\r\n hideFunc() {\r\n this.setState({\r\n visible: false,\r\n buttonLabel: \"Submit\",\r\n formHeading: \"Add User\",\r\n });\r\n this.formReset();\r\n }\r\n openDialog() {\r\n this.setState({ visible: true });\r\n this.formReset();\r\n }\r\n // submit form and create or update user\r\n submitForm(event) {\r\n event.preventDefault();\r\n\r\n let isfrmvalid = true;\r\n let checkerror = this.state.formError;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateForm(val, key);\r\n //to form is valid or not\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n\r\n // when form is valid\r\n if (isfrmvalid) {\r\n const formData = {\r\n UserName: this.state.UserName,\r\n FirstName: this.state.FirstName,\r\n LastName: this.state.LastName,\r\n Email: this.state.Email,\r\n MobileNo: this.state.MobileNo,\r\n Password: this.state.Password,\r\n ReferenceID: this.state.ReferenceID,\r\n IsActive: true,\r\n };\r\n\r\n setTimeout(() => {\r\n this.UserService.CreateUpdateUser(formData).then((data) => {\r\n const resdata = data.data;\r\n //when data is not null it will give success message else will move to 'else statement'\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n this.setState({\r\n loading: true,\r\n visible: false,\r\n });\r\n this.formReset();\r\n this.GetUsers();\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }, 100);\r\n }\r\n }\r\n\r\n // delete user data\r\n deleteUser(referenceID) {\r\n this.UserService.DeleteUser(referenceID).then((data) => {\r\n const resdata = data.data;\r\n //when data is not null it will give success message else will move to 'else statement'\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n const totlrecord = this.state.totalRecords - 1;\r\n const row = this.state.rows;\r\n\r\n if (this.tblResponse.First >= totlrecord) {\r\n const _curntCursor = Math.round(totlrecord / row);\r\n this.tblResponse.First = _curntCursor + 1;\r\n }\r\n this.GetUsers();\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }\r\n\r\n searchFilter(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetUsers();\r\n }\r\n\r\n callbackFunction = (childData) => {\r\n this.setState({ message: childData });\r\n };\r\n\r\n activeTemplate(rowData, column) {\r\n return ;\r\n }\r\n\r\n onSort(event) {\r\n this.setState({\r\n sortOrder: this.state.sortOrder === 1 ? 2 : 1,\r\n sortIcon: !this.state.sortIcon,\r\n });\r\n const sortField =\r\n event.sortField == \"CreatedDate\" ? \"CreatedDt\" : event.sortField;\r\n this.tblResponse.SortColumn = sortField ? sortField : \"\";\r\n this.tblResponse.SortOrder = this.state.sortOrder === 1 ? \"DESC\" : \"ASC\";\r\n this.GetUsers();\r\n const clickData = document.getElementsByClassName(\r\n \"p-sortable-column-icon pi pi-fw pi-sort\"\r\n );\r\n console.log(event);\r\n }\r\n\r\n // edit form\r\n actionTemplate(rowData, column) {\r\n const editMode = (e) => {\r\n this.setState({\r\n buttonLabel: \"Update\",\r\n formHeading: \"Update User\",\r\n visible: true,\r\n ReferenceID: rowData.ReferenceID,\r\n UserName: rowData.Username,\r\n FirstName: rowData.FirstName,\r\n LastName: rowData.LastName,\r\n Email: rowData.Email,\r\n MobileNo: rowData.MobileNo,\r\n Password: rowData.Password,\r\n ConfirmPassword: rowData.Password,\r\n IsActive: rowData.IsActive,\r\n });\r\n };\r\n\r\n const deleteFunc = () => {\r\n confirmAlert({\r\n title: \"Confirm to delete\",\r\n message: \"Are you sure to do this.\",\r\n buttons: [\r\n {\r\n label: \"Yes\",\r\n onClick: () => this.deleteUser(rowData.ReferenceID),\r\n },\r\n {\r\n label: \"No\",\r\n onClick: () => null,\r\n },\r\n ],\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {this.state.formError.UserName !== '' ?\r\n
*/}\r\n {this.state.formError.UserName}
: ''}\r\n \r\n \r\n
\r\n {/* {this.state.formError.FirstName}
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n {this.state.formError.LastName !== '' ?\r\n
*/}\r\n {this.state.formError.LastName}
: ''}\r\n \r\n \r\n \r\n {this.state.formError.Email !== null ?\r\n
\r\n {this.state.formError.Email}
: null}\r\n \r\n \r\n
\r\n {this.state.formError.MobileNo}
\r\n ) : null}\r\n \r\n \r\n
\r\n {this.state.formError.Password}
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.ConfirmPassword}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.GST}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.TIN}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Billing Address\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {this.state.formError.bill_Country}\r\n
\r\n ) : null}\r\n \r\n {this.state.formError.bill_State}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_City}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n {/* \r\n {this.state.formError.bill_Address1}\r\n
\r\n ) : null}\r\n \r\n \r\n \r\n {this.state.formError.bill_Address2 !== null ?\r\n
*/}\r\n {this.state.formError.bill_Address2}
: null}\r\n \r\n \r\n \r\n {this.state.formError.bill_Pincode !== null ?\r\n
\r\n {this.state.formError.bill_Pincode}
: null}\r\n \r\n
\r\n Shipping Address
\r\n \r\n\r\n\r\n\r\n \r\n
\r\n {this.state.formError.ship_Country}
: null}\r\n \r\n \r\n
\r\n {this.state.formError.ship_State}
: null}\r\n \r\n \r\n
\r\n {this.state.formError.ship_City}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Address1 !== null ?\r\n
\r\n {/* {this.state.formError.ship_Address1}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Address2 !== null ?\r\n
*/}\r\n {this.state.formError.ship_Address2}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Pincode !== null ?\r\n
\r\n {this.state.formError.ship_Pincode}
: 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 return (\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n List Master
\r\n\r\n
\r\n \r\n \r\n
\r\n );\r\n\r\n return (\r\n <>\r\n \r\n
\r\n {/* \r\n
\r\n Price Master
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n );\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n Distributor Master
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n Export\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n value={this.state.CompanyId}\r\n className=\"form-control\"\r\n placeholder=\"Select Company\"\r\n name=\"CompanyId\"\r\n options={this.state.companyDDL}\r\n />\r\n {this.state.formError.CompanyId !== null ? (\r\n
\r\n {this.state.formError.CompanyId}
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import instance from './DefaultApi';\r\n\r\nexport default class MappingService {\r\n ControllerName = 'Mapping';\r\n\r\n // get all product mapping data\r\n GetMappings(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetMappings`, tableRequest).then(res => res)\r\n }\r\n // create new product mapping \r\n CreateMapping(mappingData) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateMapping`, mappingData).then(res => res)\r\n }\r\n\r\n // get Next From Number\r\n GetFromNumberMap(isPreprinted) {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetFromNumberMap/${isPreprinted}`).then(res => res)\r\n }\r\n\r\n // get Next From Number\r\n GetMappingTemplate() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetMappingTemplate`).then(res => res)\r\n }\r\n\r\n // delete product mapping data\r\n DeleteMapping(mappingId) {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/DeleteMapping/${mappingId}`).then(res => res)\r\n }\r\n\r\n // Get Product Details by Qr code Scanning\r\n GetProductByQrScan(qr) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetProductByQrScan`, qr).then(res => res)\r\n }\r\n\r\n SaveStaticQrMapping(mappingData) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateStaticQrMapping`, mappingData).then(res => res)\r\n }\r\n\r\n GetStaticQrMapping(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetStaticQrMappings`, tableRequest).then(res => res)\r\n }\r\n \r\n}","import instance from './DefaultApi';\r\n\r\nexport default class DeMappingService {\r\n ControllerName = 'DeMapping';\r\n\r\n // create de map data\r\n CreateDemapping(demap) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateDemapping`, demap).then(res => res)\r\n } \r\n}","import React, { Component } from \"react\";\r\nimport \"primereact/resources/themes/saga-blue/theme.css\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { Button } from \"primereact/button\";\r\nimport MappingService from \"../../services/MappingService\";\r\nimport tableRequest from \"../../models/tableRequest.js\";\r\nimport DeMappingService from \"../../services/DeMappingService\";\r\nimport MessageComponent from \"../../template/Message\";\r\nimport $ from \"jquery\";\r\nimport { Calendar } from \"primereact/calendar\";\r\nimport { SelectButton } from \"primereact/selectbutton\";\r\nimport Loaders from \"../../template/Loaders\";\r\nimport { BreadCrumb } from \"primereact/breadcrumb\";\r\nimport { Card } from \"primereact/card\";\r\nexport default class DeMapping extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.MappingService = new MappingService();\r\n this.DeMappingService = new DeMappingService();\r\n this.tblResponse = new tableRequest();\r\n\r\n this.state = {\r\n visible: false,\r\n formIsValid: true,\r\n updateLoader: false,\r\n sortOrder: \"\",\r\n refrenceFromNo: 0,\r\n refrenceToNo: 0,\r\n MappingId: 0,\r\n ProductId: null,\r\n ProductName: \"\",\r\n FromNo: \"\",\r\n ToNo: \"\",\r\n Qty: \"\",\r\n editMapping: \"\",\r\n formError: {\r\n ProductName: null,\r\n FromNo: null,\r\n ToNo: null,\r\n Qty: null,\r\n },\r\n sales: [],\r\n loading: true,\r\n first: 0,\r\n rows: 10,\r\n totalRecords: 0,\r\n globalFilter: null,\r\n emptyMessage: \"No Data found\",\r\n isPreprintedValue: \"Static Qr Mapping\",\r\n isPreprinted: false,\r\n dummy: [\r\n {\r\n FirmName: \"Holostik\",\r\n FromNo: \"1\",\r\n ProductName: \"Sample\",\r\n ToNo: \"100\",\r\n Qty: \"100\",\r\n CreatedDt: \"26-04-2021\",\r\n MFGDate: \"20-04-2021\",\r\n BatchNo: \"001\",\r\n Remark: \"sample\",\r\n },\r\n {\r\n FirmName: \"Holostik\",\r\n FromNo: \"101\",\r\n ProductName: \"Sample\",\r\n ToNo: \"200\",\r\n Qty: \"100\",\r\n CreatedDt: \"26-04-2021\",\r\n MFGDate: \"20-04-2021\",\r\n BatchNo: \"001\",\r\n Remark: \"sample\",\r\n },\r\n {\r\n FirmName: \"Holostik\",\r\n FromNo: \"201\",\r\n ProductName: \"Sample\",\r\n ToNo: \"300\",\r\n Qty: \"100\",\r\n CreatedDt: \"26-04-2021\",\r\n MFGDate: \"20-04-2021\",\r\n BatchNo: \"001\",\r\n Remark: \"sample\",\r\n },\r\n {\r\n FirmName: \"Holostik\",\r\n FromNo: \"301\",\r\n ProductName: \"Sample\",\r\n ToNo: \"400\",\r\n Qty: \"100\",\r\n CreatedDt: \"26-04-2021\",\r\n MFGDate: \"20-04-2021\",\r\n BatchNo: \"001\",\r\n Remark: \"sample\",\r\n },\r\n ],\r\n };\r\n\r\n this.brandTemplate = this.brandTemplate.bind(this);\r\n this.actionTemplate = this.actionTemplate.bind(this);\r\n this.submitForm = this.submitForm.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.hideFunc = this.hideFunc.bind(this);\r\n this.onPage = this.onPage.bind(this);\r\n this.searchFilter = this.searchFilter.bind(this);\r\n this.onSort = this.onSort.bind(this);\r\n this.setPreprintedValue = this.setPreprintedValue.bind(this);\r\n }\r\n //trigger api function on page call\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.GetMappings();\r\n }, 1000);\r\n\r\n $(\".p-column-title\").on(\"click\", function () {\r\n $(this)\r\n .next()\r\n .removeClass(\"pi-sort\")\r\n .toggleClass(\"pi-sort-up\")\r\n .addClass(\"pi-sort-down\");\r\n });\r\n }\r\n\r\n // on page event call\r\n onPage(event) {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n this.getLazyLoadingValues(event);\r\n this.GetMappings();\r\n }, 250);\r\n }\r\n\r\n // get product mapping list data\r\n GetMappings() {\r\n this.tblResponse.SortColumn = \"MFGDate\";\r\n this.MappingService.GetMappings(this.tblResponse).then((data) => {\r\n const resdata = data.data;\r\n //if response data is not null sales state wiill be set to response data\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n this.setState({\r\n totalRecords: resdata.ResponseData[0].TotalRows,\r\n first: this.tblResponse.First - 1,\r\n sales: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n //if response data is null sales state will be set null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecords: 0,\r\n first: 1,\r\n sales: null,\r\n loading: false,\r\n });\r\n }\r\n });\r\n }\r\n hideFunc() {\r\n this.setState({\r\n visible: false,\r\n buttonLabel: \"Submit\",\r\n formHeading: \"Add Number Issue\",\r\n });\r\n this.formReset();\r\n }\r\n\r\n // submit form\r\n submitForm(event) {\r\n event.preventDefault();\r\n\r\n let isfrmvalid = true;\r\n let checkerror = this.state.formError;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateForm(val, key);\r\n //form is not valid\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n // form is valid\r\n if (isfrmvalid) {\r\n this.setState({ updateLoader: false });\r\n const formData = {\r\n MappingId: this.state.MappingId,\r\n ProductId:\r\n this.state.ProductId === \"\" ? 0 : parseInt(this.state.ProductId),\r\n FromNo: this.state.FromNo === \"\" ? 0 : parseInt(this.state.FromNo),\r\n ToNo: this.state.ToNo === \"\" ? 0 : parseInt(this.state.ToNo),\r\n Qty: this.state.Qty === \"\" ? 0 : parseInt(this.state.Qty),\r\n isPreprinted: this.state.isPreprinted,\r\n };\r\n\r\n setTimeout(() => {\r\n this.DeMappingService.CreateDemapping(formData).then((data) => {\r\n const resdata = data.data;\r\n this.setState({ updateLoader: true });\r\n //if ResponseCode is 200 success message will be shown else will move to 'else statement'\r\n if (resdata.ResponseCode === \"200\") {\r\n this.refs.child.showSuccess(resdata.ResponseMessage);\r\n this.setState({\r\n loading: true,\r\n visible: false,\r\n });\r\n this.formReset();\r\n this.GetMappings();\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.refs.child.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.refs.child.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }, 1000);\r\n }\r\n }\r\n\r\n // set product pic\r\n brandTemplate(rowData, column) {\r\n var src = rowData.ProductPic;\r\n return \r\n \r\n
\r\n \r\n {this.state.formError.SAPCustomerCode}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n {/* {this.state.formError.FirstName}
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n {this.state.formError.LastName !== '' ?\r\n
*/}\r\n {this.state.formError.LastName}
: ''}\r\n \r\n \r\n
\r\n {this.state.formError.Email}
\r\n ) : null}\r\n \r\n \r\n
\r\n {this.state.formError.MobileNo}
\r\n ) : null}\r\n \r\n \r\n
\r\n {this.state.formError.Password}
\r\n ) : null}\r\n \r\n \r\n
\r\n {/* \r\n {this.state.formError.ConfirmPassword}\r\n
\r\n ) : null}\r\n \r\n \r\n
*/}\r\n \r\n
\r\n {/* \r\n Billing Address\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {this.state.formError.bill_Country}\r\n
\r\n ) : null}\r\n \r\n {this.state.formError.bill_State}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_City}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_Address1}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_Address2}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_Pincode}\r\n
\r\n ) : null}\r\n \r\n
*/}\r\n\r\n Shipping Address
\r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n \r\n \r\n
\r\n {this.state.formError.ship_Country}
: null}\r\n \r\n \r\n
\r\n {this.state.formError.ship_State}
: null}\r\n \r\n \r\n
\r\n {this.state.formError.ship_City}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Address1 !== null ?\r\n
\r\n {this.state.formError.ship_Address1}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Address2 !== null ?\r\n
\r\n {this.state.formError.ship_Address2}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Pincode !== null ?\r\n
\r\n {this.state.formError.ship_Pincode}
: 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 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 De Mapping
\r\n\r\n
\r\n \r\n \r\n {/* */}\r\n
\r\n );\r\n }\r\n\r\n setPreprintedValue(e) {\r\n this.setState(\r\n {\r\n isPreprintedValue: e.value,\r\n isPreprinted: e.value == \"Static Qr Mapping\" ? false : true,\r\n },\r\n () => {\r\n this.tblResponse.isPreprinted = this.state.isPreprinted;\r\n this.GetMappings();\r\n }\r\n );\r\n }\r\n // call when input\r\n handleChange(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n const isValid = this.validateForm(value, name);\r\n\r\n this.setState({ errors, [name]: value });\r\n\r\n // if (name == 'PUOM' || name == 'Psize' || name == 'MGId1' || name == 'MGId2' || name == 'MGId3') {\r\n // this.setState({\r\n\r\n // ProductDDL: '',\r\n // })\r\n // }\r\n // if (name == 'PUOM' && value.length > 0 && this.state.formError.MGId1 == null && this.state.formError.MGId2 == null && this.state.formError.MGId3 == null) {\r\n // this.ProductService.GetProductSize(value).then((data) => {\r\n // const resdata = data.data;\r\n // if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n // this.setState({\r\n // PUOM: value,\r\n\r\n // DDLPsize: resdata.ResponseData == null ? [] : resdata.ResponseData,\r\n // });\r\n // }\r\n // });\r\n // }\r\n // if (this.state.formError.PUOM == null && name == 'Psize') {\r\n\r\n // this.GetProductDDL(value)\r\n // }\r\n // if (this.state.formError.Psize == null && name == 'ProductId') {\r\n // this.GetProductLife(value)\r\n // }\r\n if (name == \"MFGDate\") {\r\n let exdate = new Date(value);\r\n\r\n exdate.setDate(exdate.getDate() + this.state.DaysLife);\r\n this.setState({\r\n EXPDate: exdate,\r\n });\r\n }\r\n }\r\n\r\n // validate form\r\n //resolved KREP-17\r\n validateForm(value, name) {\r\n let errors = this.state.formError;\r\n let IsValid = true;\r\n\r\n //to validate each form field with required conditions\r\n switch (name) {\r\n case \"ProductId\":\r\n if (value == null) {\r\n IsValid = false;\r\n errors.ProductId = \"Please select product.\";\r\n } else {\r\n this.GetProductLife(value);\r\n errors.ProductId = null;\r\n }\r\n break;\r\n case \"Mrp\":\r\n if (value == null || isNaN(value)) {\r\n IsValid = false;\r\n errors.Mrp = \"Please Enter Valid product MRP.\";\r\n } else errors.Mrp = null;\r\n break;\r\n // case \"PUOM\":\r\n // if (value == null) {\r\n // IsValid = false;\r\n // errors.PUOM = \"Please select product's UOM.\";\r\n // } else errors.PUOM = null;\r\n // break;\r\n // case \"MGId1\":\r\n // if (value == null) {\r\n // IsValid = false;\r\n // errors.MGId1 = \"Please select Main Category\";\r\n // } else errors.MGId1 = null;\r\n // break;\r\n // case \"MGId2\":\r\n // if (value == null) {\r\n // IsValid = false;\r\n // errors.MGId2 = \"Please select Sub Category.\";\r\n // } else errors.MGId2 = null;\r\n // break;\r\n // case \"MGId3\":\r\n // if (value == null) {\r\n // IsValid = false;\r\n // errors.MGId3 = \"Please select Sub Division Category.\";\r\n // } else errors.MGId3 = null;\r\n // break;\r\n case \"FromNo\":\r\n if (value.trim().length < 1) {\r\n IsValid = false;\r\n errors.FromNo = \"Please enter your from number.\";\r\n } else if (!value.match(/^[0-9]+$/)) {\r\n IsValid = false;\r\n errors.FromNo = \"Please enter only number.\";\r\n this.setState({ Qty: 0 });\r\n } else {\r\n errors.FromNo = null;\r\n errors.ToNo = null;\r\n errors.Qty = null;\r\n const fromNumber = value.trim() === \"\" ? 0 : parseInt(value.trim());\r\n const toNumber =\r\n this.state.ToNo === \"\" ? 0 : parseInt(this.state.ToNo);\r\n if (fromNumber >= 1 && toNumber >= 1) {\r\n if (fromNumber <= toNumber) {\r\n const qty = toNumber - fromNumber + 1;\r\n if (qty >= 0) {\r\n this.setState({ Qty: qty });\r\n } else {\r\n IsValid = false;\r\n errors.FromNo = \"From number should be less than to number.\";\r\n this.setState({ Qty: 0 });\r\n }\r\n } else {\r\n IsValid = false;\r\n errors.FromNo = \"From number should be less than to number.\";\r\n this.setState({ Qty: 0 });\r\n }\r\n } else {\r\n // IsValid = false;\r\n // errors.FromNo = \"From number should be less than to number.\";\r\n this.setState({ Qty: 0 });\r\n }\r\n }\r\n break;\r\n case \"ToNo\":\r\n if (value < 1) {\r\n IsValid = false;\r\n errors.ToNo = \"Please enter To Number.\";\r\n } else errors.ToNo = null;\r\n break;\r\n case \"Qty\":\r\n if (value < 1) {\r\n IsValid = false;\r\n errors.Qty = \"Please enter +ve quantity.\";\r\n }\r\n //else\r\n // if(value.toString().trim().length>10){\r\n // IsValid=false;\r\n // errors.Qty=\"enter valid quantity.\";\r\n // }\r\n else {\r\n // if (!value.toString().match(/^[0-9]+$/)) {\r\n // IsValid = false;\r\n // errors.Qty = \"Please enter only number.\";\r\n // this.setState({ Qty: 0 });\r\n // } else {\r\n errors.ToNo = null;\r\n errors.Qty = null;\r\n errors.FromNo = null;\r\n const qty = parseInt(value); //.toString().trim() === \"\" ? 0 : parseInt(value.toString().trim());\r\n const fromNumber =\r\n this.state.FromNo.toString().trim() === \"\"\r\n ? 0\r\n : parseInt(this.state.FromNo.toString().trim());\r\n if (fromNumber >= 1 && qty >= 1) {\r\n const toNumber = qty + fromNumber - 1;\r\n if (toNumber >= 0) {\r\n this.setState({ ToNo: toNumber });\r\n } else {\r\n IsValid = false;\r\n errors.Qty =\r\n \"To number should be greater than or equal to from number.\";\r\n this.setState({ ToNo: 0 });\r\n }\r\n } else {\r\n // IsValid = false;\r\n // errors.ToNo = \"To number should be greater than from number.\";\r\n this.setState({ ToNo: 0 });\r\n }\r\n }\r\n //}\r\n break;\r\n case \"BatchNo\":\r\n if (value.trim().length < 1) {\r\n IsValid = false;\r\n errors.BatchNo = \"Please enter Batch No\";\r\n } else errors.BatchNo = null;\r\n break;\r\n case \"MFGDate\":\r\n if (value == null || !(value instanceof Date)) {\r\n IsValid = false;\r\n errors.MFGDate = \"Please select MFG Date\";\r\n } else if (\r\n !value.toLocaleDateString().match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/)\r\n ) {\r\n IsValid = false;\r\n errors.MFGDate = \"Please enter only date.\";\r\n } else errors.MFGDate = null;\r\n break;\r\n case \"EXPDate\":\r\n let a = new Date(this.state.MFGDate);\r\n if (value == null || value < a) {\r\n IsValid = false;\r\n errors.EXPDate = \"Please select Date after MFG Date\";\r\n } else if (\r\n value != \"\" &&\r\n !value.toLocaleDateString().match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/)\r\n ) {\r\n IsValid = false;\r\n errors.EXPDate = \"Please enter only date.\";\r\n } else errors.EXPDate = null;\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n }\r\n\r\n // open dialog\r\n openDialog() {\r\n this.setState({ visible: true });\r\n this.formReset();\r\n }\r\n\r\n // open dialog\r\n errorDialog() {\r\n this.setState({ show: true });\r\n }\r\n\r\n hideFunc() {\r\n this.setState({\r\n visible: false,\r\n edit: false,\r\n buttonLabel: \"Submit\",\r\n formHeading: \"Add Mapping\",\r\n });\r\n this.formReset();\r\n }\r\n\r\n hideError() {\r\n this.setState({\r\n show: false,\r\n });\r\n }\r\n\r\n // form Reset\r\n formReset() {\r\n this.setState({\r\n MappingId: 0,\r\n oldEXPDate: \"\",\r\n\r\n DaysLife: \"\",\r\n edit: false,\r\n ProductId: null,\r\n MGId1: null,\r\n MGId2: null,\r\n MGId3: null,\r\n PUOM: null,\r\n Psize: null,\r\n FromNo: \"\",\r\n ToNo: \"\",\r\n Qty: \"\",\r\n BatchNo: \"\",\r\n Remark: \"\",\r\n Mrp: \"\",\r\n MFGDate: \"\",\r\n EXPDate: \"\",\r\n // Remarks: ''\r\n });\r\n let errors = this.state.formError;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n\r\n // submit form\r\n submitForm(event) {\r\n event.preventDefault();\r\n\r\n let isfrmvalid = true;\r\n if (this.state.buttonLabel != \"Update\") {\r\n let checkerror = this.state.formError;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateForm(val, key);\r\n //form is not valid\r\n\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n }\r\n console.log(this.state.formError);\r\n //form is valid\r\n if (isfrmvalid) {\r\n this.setState({ updateLoader: false });\r\n let formData = null;\r\n if (\r\n this.state.buttonLabel == \"Update\" &&\r\n this.state.oldEXPDate != this.state.EXPDate\r\n ) {\r\n formData = {\r\n MappingId: this.state.MappingId,\r\n EXPDate: this.state.EXPDate.toLocaleDateString(),\r\n };\r\n } else if (this.state.buttonLabel == \"Submit\") {\r\n formData = {\r\n MappingId: this.state.MappingId,\r\n ProductId:\r\n this.state.ProductId === \"\" ? 0 : parseInt(this.state.ProductId),\r\n // CategoryIdMG1: this.state.MGId1 === \"\" ? 0 : parseInt(this.state.MGId1),\r\n // CategoryIdMG2: this.state.MGId2 === \"\" ? 0 : parseInt(this.state.MGId2),\r\n // CategoryIdMG3: this.state.MGId3 === \"\" ? 0 : parseInt(this.state.MGId3),\r\n FromNo: this.state.FromNo === \"\" ? 0 : parseInt(this.state.FromNo),\r\n ToNo: this.state.ToNo === \"\" ? 0 : parseInt(this.state.ToNo),\r\n Qty: this.state.Qty === \"\" ? 0 : parseInt(this.state.Qty),\r\n MFGDate: this.state.MFGDate.toLocaleDateString(),\r\n BatchNo: this.state.BatchNo,\r\n EXPDate: this.state.EXPDate.toLocaleDateString(),\r\n Remark: this.state.Remark,\r\n Mrp: this.state.Mrp,\r\n isPreprinted: this.state.isPreprinted,\r\n };\r\n }\r\n\r\n setTimeout(() => {\r\n if (formData != null) {\r\n this.MappingService.CreateMapping(formData).then((data) => {\r\n const resdata = data.data;\r\n //if ResponseCode is 200 then success message else error or warning message\r\n if (resdata.ResponseCode === \"200\") {\r\n this.refs.child.showSuccess(resdata.ResponseMessage);\r\n this.setState({\r\n loading: true,\r\n visible: false,\r\n updateLoader: true,\r\n });\r\n this.formReset();\r\n this.GetMappings();\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.refs.child.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.refs.child.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n } else {\r\n this.hideFunc();\r\n }\r\n }, 1000);\r\n }\r\n }\r\n\r\n // get next fromNO\r\n GetFromNo() {\r\n this.formReset();\r\n this.setState({ visible: true });\r\n\r\n this.MappingService.GetFromNumberMap(this.state.isPreprinted).then(\r\n (data) => {\r\n const resdata = data.data;\r\n //if ResponseCode is 200 FromNo state will be set\r\n if (resdata.ResponseCode === \"200\" && resdata.ResponseData != null) {\r\n let frmNumber = resdata.ResponseData.FrmNo;\r\n frmNumber = frmNumber ?? 0 + 1;\r\n this.setState({ FromNo: \"\" + frmNumber });\r\n }\r\n }\r\n );\r\n }\r\n // set lazy load values\r\n getLazyLoadingValues(event) {\r\n this.setState({ rows: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.First = event.first + 1;\r\n this.tblResponse.IsActive = \"1\";\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n //this.tblResponse.SortColumn = event.sortField;\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n }\r\n\r\n // serach table list\r\n searchFilter(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetMappings();\r\n }\r\n onSortFunction(event) {\r\n console.log(event);\r\n }\r\n GetallDDL() {\r\n this.CategoryService.GetCategoryDDLMG1().then((data) => {\r\n const resdata = data.data;\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.setState({\r\n DDLMG1: resdata.ResponseData == null ? [] : resdata.ResponseData,\r\n });\r\n }\r\n });\r\n this.CategoryService.GetCategoryDDLMG2(1).then((data) => {\r\n const resdata = data.data;\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.setState({\r\n DDLMG2: resdata.ResponseData == null ? [] : resdata.ResponseData,\r\n });\r\n }\r\n });\r\n\r\n this.CategoryService.GetCategoryDDLMG3(1).then((data) => {\r\n const resdata = data.data;\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.setState({\r\n DDLMG3: resdata.ResponseData == null ? [] : resdata.ResponseData,\r\n });\r\n }\r\n });\r\n this.ProductService.GetProductUOM().then((data) => {\r\n const resdata = data.data;\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.setState({\r\n DDLUOM: resdata.ResponseData == null ? [] : resdata.ResponseData,\r\n });\r\n }\r\n });\r\n }\r\n\r\n // sort data\r\n onSort(event) {\r\n this.setState({ sortOrder: this.state.sortOrder === 1 ? 2 : 1 });\r\n const sortField =\r\n event.sortField == \"MFGDate\" ? \"MFGDate\" : event.sortField;\r\n this.tblResponse.SortColumn = sortField ? sortField : \"\";\r\n this.tblResponse.SortOrder = this.state.sortOrder === 1 ? \"DESC\" : \"ASC\";\r\n this.GetMappings();\r\n }\r\n\r\n // return html\r\n //resolved KREP-19,KREP-126,KREP-125,KREP-122,KREP-112(CR)\r\n render() {\r\n const items = [{ label: \"Transaction\" }, { label: \"Mapping\" }];\r\n\r\n const home = { icon: \"pi pi-home\", url: \"/dashboard\" };\r\n const options = [\"Static Qr Mapping\"]; //, 'PrePrinted Qr Mapping'];\r\n let header = (\r\n \r\n
\r\n );\r\n return (\r\n <>\r\n \r\n {/*
\r\n \r\n \r\n Download Template */}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Mapping
\r\n\r\n
\r\n \r\n
\r\n {/* \r\n {/* \r\n\r\n { this.myUploader(e, this) }}\r\n accept=\".xlsx\" /> */}\r\n {/* {this.state.uploadImagPath ? (\r\n
\r\n\r\n {/* \r\n
\r\n ) : null} \r\n Download Template \r\n */}\r\n \r\n
\r\n \r\n \r\n
*/}\r\n \r\nresponse.ErrorMessage\r\n
*/}\r\n \r\n \r\n
\r\n );\r\n\r\n let header2 = (\r\n \r\n \r\n this.setState({ globalFilter: e.target.value })}\r\n placeholder=\"Global Search\"\r\n size=\"30\"\r\n />\r\n
\r\n \r\n
\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Dispatch
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n {this.state.formError.SendTo}
\r\n ) : null}\r\n {this.state.formError.SendTo}
\r\n ) : null}\r\n \r\n \r\n {/* For Scan Item */}\r\n \r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n name=\"scanTxt\"\r\n value={this.state.scanTxt}\r\n type=\"search\"\r\n className=\"form-control ml-2\"\r\n id=\"scanTxt\"\r\n onKeyDown={(e) => {\r\n this.ScanItem(e);\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.formError.TransportModeId}\r\n
\r\n ) : null}\r\n \r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n />\r\n {this.state.formError.LR !== null ? (\r\n
\r\n \r\n {this.state.formError.LR}
\r\n ) : null}\r\n Billing Address
\r\n\r\n
\r\n {/* \r\n \r\n\r\n {this.state.bill_Address1}\r\n
\r\n \r\n \r\n\r\n {this.state.bill_Address2}\r\n
\r\n \r\n \r\n\r\n {this.state.bill_Pincode}\r\n
\r\n \r\n \r\n\r\n {this.state.bill_City}\r\n
\r\n \r\n \r\n\r\n {this.state.bill_State}\r\n
\r\n \r\n \r\n\r\n {this.state.bill_Country}\r\n
\r\n Shipping address
\r\n\r\n
*/}\r\n \r\n \r\n \r\n \r\n\r\n {this.state.ship_Address1}\r\n
\r\n \r\n \r\n\r\n {this.state.ship_Address2}\r\n
\r\n \r\n \r\n\r\n {this.state.ship_Pincode}\r\n
\r\n \r\n \r\n\r\n {this.state.ship_City}\r\n
\r\n \r\n \r\n\r\n {this.state.ship_State}\r\n
\r\n \r\n \r\n\r\n {this.state.ship_Country}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\" \"}\r\n {\r\n this.setState({ CartonName: e.target.value });\r\n }}\r\n onKeyDown={(e) => {\r\n if (e.key == \"Enter\") {\r\n if (\r\n e.target.value.includes(sessionStorage.getItem(\"Prefix\")) &&\r\n e.target.value.includes(\"SID\") &&\r\n (e.target.value.match(/SID/g) || []).length == 1\r\n ) {\r\n this.submitFormFinal(e);\r\n } else {\r\n this.refs.Messchild.showWarn(\"Invalid Cartons\");\r\n this.setState({ CartonName: \"\" });\r\n }\r\n }\r\n }}\r\n autoFocus\r\n />\r\n
\r\n \r\n );\r\n const home = { icon: \"pi pi-home\", url: \"/dashboard\" };\r\n let header = (\r\n \r\n
\r\n );\r\n\r\n let header2 = (\r\n \r\n \r\n
\r\n \r\n \r\n\r\n this.setState({ globalFilter: e.target.value })}\r\n placeholder=\"Global Search\"\r\n size=\"30\"\r\n />\r\n
\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n this.setState({ rvisible: false });\r\n }}\r\n >\r\n
\r\n );\r\n }\r\n}\r\n","import instance from './DefaultApi';\r\n\r\nexport default class TertiaryPackingService {\r\n ControllerName = 'TertiaryPacking';\r\n\r\n\r\n // Save Packing \r\n Save(formData) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/save`, formData).then(res => res)\r\n }\r\n\r\n // Save Packing \r\n GetTertiaryPacking(tbl) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetTertiaryPacking`, tbl).then(res => res)\r\n }\r\n\r\n\r\n // Save Packing \r\n GetScanSecondaryPacking(d,flag) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetScanSecondaryPacking?sid=` + d, flag).then(res => res)\r\n }\r\n\r\n\r\n}","import React, { Component } from \"react\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport UserService from \"../../services/UserService\";\r\nimport CartonMasterService from \"../../services/CartonMasterService\";\r\nimport TertiaryPackingService from \"../../services/TertiaryPackingService\";\r\nimport DispatchService from \"../../services/DispatchService\";\r\nimport MappingService from \"../../services/MappingService\";\r\nimport { Button } from \"primereact/button\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport tableRequest from \"../../models/tableRequest.js\";\r\nimport { confirmAlert } from \"react-confirm-alert\"; // Import\r\nimport { BreadCrumb } from \"primereact/breadcrumb\";\r\nimport { ConfirmationModal } from \"../../template/ConfirmationModal\";\r\nimport MessageComponent from \"../../template/Message\";\r\nimport $ from \"jquery\";\r\nimport PrintSecondaryPackagingService from \"../../services/PrintSecondaryPackagingService\";\r\nimport Loaders from \"../../template/Loaders\";\r\nexport default class TertiaryPacking extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.autoref = React.createRef();\r\n // this.UserService = new UserService();\r\n this.handleChange.bind(this);\r\n this.CartonMasterService = new CartonMasterService();\r\n this.MappingService = new MappingService();\r\n this.TertiaryPackingService = new TertiaryPackingService();\r\n this.DispatchService = new DispatchService();\r\n this.PrintSecondaryPackagingService = new PrintSecondaryPackagingService();\r\n this.tblResponse = new tableRequest();\r\n this.state = {\r\n CartonName: \"\",\r\n reason: \"\",\r\n Tvisible: false,\r\n remark: \"\",\r\n older: false,\r\n globalFilter: null,\r\n visible: false,\r\n isold: false,\r\n\r\n olderstockVisible: false,\r\n\r\n olderdata: [],\r\n sortIcon: false,\r\n Loader1: true,\r\n Loader2: false,\r\n isSelected: false,\r\n preVal: \"\",\r\n rvisible: false,\r\n sortOrder: \"1\",\r\n formError: {},\r\n CartonDDL: [],\r\n CartonId: [],\r\n buttonLabel: \"Submit\",\r\n sales: [],\r\n scanItems: [],\r\n loading: true,\r\n first: 0,\r\n rows: 10,\r\n totalRecords: 0,\r\n globalFilter: null,\r\n emptyMessage: \"No Data found\",\r\n IsDisabledCartonDDL: false,\r\n scanTxt: \"\", //KREP-55 defect\r\n };\r\n\r\n this.actionTemplate = this.actionTemplate.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.submitForm = this.submitForm.bind(this);\r\n this.submitFormFinal = this.submitFormFinal.bind(this);\r\n\r\n this.hideFunc = this.hideFunc.bind(this);\r\n this.onPage = this.onPage.bind(this);\r\n this.searchFilter = this.searchFilter.bind(this);\r\n // this.openDialog = this.openDialog.bind(this);\r\n this.onSort = this.onSort.bind(this);\r\n\r\n this.ScanItem = this.ScanItem.bind(this);\r\n }\r\n //trigger api function on page call\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.GetTertiaryPacking();\r\n }, 100);\r\n\r\n $(\".p-column-title\").on(\"click\", function () {\r\n $(this)\r\n .next()\r\n .removeClass(\"pi-sort\")\r\n .toggleClass(\"pi-sort-up\")\r\n .addClass(\"pi-sort-down\");\r\n });\r\n\r\n this.GetActiveCartonDDL();\r\n }\r\n\r\n // PAGE EVENT CALL\r\n onPage(event) {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n ;\r\n\r\n this.getLazyLoadingValues(event);\r\n this.GetTertiaryPacking();\r\n }, 250);\r\n }\r\n\r\n // set lazy loading values\r\n getLazyLoadingValues(event) {\r\n this.setState({ rows: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.First = event.first + 1;\r\n this.tblResponse.IsActive = true;\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n //this.tblResponse.SortColumn = event.sortField;\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n }\r\n\r\n // get users data list from api\r\n GetTertiaryPacking() {\r\n this.tblResponse.SortColumn = \"TertiaryCartonId\";\r\n ;\r\n this.TertiaryPackingService.GetTertiaryPacking(this.tblResponse).then(\r\n (data) => {\r\n this.setState({ Loader2: true });\r\n const resdata = data.data;\r\n //if responsedata is not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n this.setState({\r\n totalRecords: resdata.ResponseData[0].TotalRows,\r\n first: this.tblResponse.First - 1,\r\n sales: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n });\r\n }\r\n //if responsedata is null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecords: 0,\r\n first: 1,\r\n sales: null,\r\n loading: false,\r\n });\r\n }\r\n }\r\n );\r\n }\r\n\r\n // call every change of form and validation part also\r\n handleChange(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n\r\n const isValid = this.validateForm(value, name);\r\n this.setState({ errors, [name]: value });\r\n }\r\n\r\n // validate form\r\n validateForm(value, name) {\r\n let errors = this.state.formError;\r\n let IsValid = true;\r\n //to validate each form field with required conditions\r\n switch (name) {\r\n case \"UserName\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.UserName = \"Please enter your username.\";\r\n } else errors.UserName = \"\";\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n }\r\n\r\n // reset form text value\r\n formReset() {\r\n this.setState({\r\n reason: \"\",\r\n CartonName: \"\",\r\n Tvisible: false,\r\n remark: \"\",\r\n older: false,\r\n globalFilter: null,\r\n visible: false,\r\n isold: false,\r\n\r\n olderstockVisible: false,\r\n\r\n olderdata: [],\r\n sortIcon: false,\r\n Loader1: true,\r\n Loader2: false,\r\n isSelected: false,\r\n preVal: \"\",\r\n rvisible: false,\r\n sortOrder: \"1\",\r\n formError: {},\r\n CartonDDL: [],\r\n CartonId: [],\r\n buttonLabel: \"Submit\",\r\n sales: [],\r\n scanItems: [],\r\n loading: true,\r\n first: 0,\r\n rows: 10,\r\n totalRecords: 0,\r\n globalFilter: null,\r\n emptyMessage: \"No Data found\",\r\n IsDisabledCartonDDL: false,\r\n scanTxt: \"\", //KREP-55 defect\r\n });\r\n let errors = this.state.formError;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n\r\n // open Dialog\r\n openDialog() {\r\n this.setState({ visible: true });\r\n this.formReset();\r\n }\r\n submitForm(event) {\r\n if (this.state.scanItems.length == 0) {\r\n this.refs.Messchild.showWarn(\"Scan First\");\r\n return;\r\n } else if (\r\n this.state.CartonId.CartonSize != this.state.scanItems.length &&\r\n this.state.reason.trim().length < 4\r\n ) {\r\n ; // let reason = prompt(\"Carton is not fully Packed. \\n Please Specify the Reason in min 5 chars Max 500 Chars\", \"\");\r\n\r\n // reason = reason != null ? reason.trim() : \"\";\r\n\r\n this.setState({ rvisible: true });\r\n } else {\r\n this.setState({ Tvisible: true, CartonName: \"\" });\r\n }\r\n }\r\n // submit packing\r\n submitFormFinal(event) {\r\n ;\r\n if (this.state.older && this.state.remark == \"\") {\r\n this.setState({ isold: true });\r\n return;\r\n }\r\n\r\n // if (event != undefined) { event.preventDefault(); }\r\n\r\n if (this.state.CartonId.length == 0) {\r\n this.refs.Messchild.showWarn(\"Select Carton Size\");\r\n this.setState({ scanTxt: \"\" });\r\n\r\n return;\r\n } else if (this.state.scanItems.length == 0) {\r\n this.refs.Messchild.showWarn(\"Scan First\");\r\n return;\r\n }\r\n\r\n if (\r\n this.state.CartonId.CartonSize != this.state.scanItems.length &&\r\n this.state.reason.trim().length < 4\r\n ) {\r\n this.setState({ rvisible: true });\r\n return;\r\n } else {\r\n this.setState({ Loader1: false });\r\n const formData = {\r\n //createdBy\r\n cartonMasterId: this.state.CartonId.CartonId,\r\n scanned: this.state.scanItems,\r\n remark: this.state.remark,\r\n CartonName: this.state.CartonName,\r\n\r\n reason: this.state.reason,\r\n };\r\n\r\n this.setState({ Tvisible: false });\r\n setTimeout(() => {\r\n this.TertiaryPackingService.Save(formData).then((data) => {\r\n this.setState({ Loader1: true });\r\n const resdata = data.data;\r\n //if ResponseCode is 200 success else error or warning message\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n ;\r\n if (\r\n resdata.ResponseData.CreatedDt == \"410\" &&\r\n resdata.ResponseData.ProductName == \"Items Already Packed\"\r\n ) {\r\n this.refs.Messchild.showError(\"Items Already Packed\");\r\n this.formReset();\r\n this.GetActiveCartonDDL();\r\n this.GetTertiaryPacking();\r\n } else {\r\n this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n // this.PrintSecondaryPackagingService.formPreview1([resdata.ResponseData]);\r\n // this.setState({\r\n // loading: true,\r\n // visible: false\r\n // });\r\n // this.formReset();\r\n this.setState({\r\n CartonName: \"\",\r\n IsDisabledCartonDDL: false,\r\n Tvisible: false,\r\n });\r\n\r\n this.state.scanItems = [];\r\n this.setState({\r\n scanItems: [],\r\n });\r\n this.GetTertiaryPacking();\r\n\r\n this.autoref.current.focus();\r\n }\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.setState({ CartonName: \"\" });\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n this.setState({ reason: \"\" });\r\n }, 100);\r\n }\r\n }\r\n\r\n // get active carton drop down list\r\n GetActiveCartonDDL() {\r\n ;\r\n this.CartonMasterService.GetActiveCartonDDL().then((data) => {\r\n const resdata = data.data;\r\n //if ResponseData is not null\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.setState({\r\n CartonDDL: resdata.ResponseData,\r\n });\r\n }\r\n });\r\n }\r\n hideFunc() {\r\n this.setState({\r\n isold: false,\r\n olderstockVisible: false,\r\n // formHeading: 'Add User'\r\n });\r\n }\r\n // scan qr code\r\n ScanItem(e, flag) {\r\n let id = 1;\r\n if (e.key === \"Enter\" || !flag) {\r\n let qr = flag ? e.target.value : e;\r\n\r\n if (this.state.CartonId.length == 0) {\r\n this.refs.Messchild.showWarn(\"Select Carton Size\");\r\n this.setState({ scanTxt: \"\" });\r\n return;\r\n } else if (!qr.includes(\"SID\")) {\r\n this.refs.Messchild.showWarn(\"Invalid Carton\");\r\n this.setState({ scanTxt: \"\" });\r\n return;\r\n } else if (\r\n this.state.CartonId.CartonSize == this.state.scanItems.length\r\n ) {\r\n this.refs.Messchild.showWarn(\"Carton Full\");\r\n return;\r\n }\r\n\r\n if (qr.includes(\"SID\")) {\r\n this.state.scanItems.forEach((element) => {\r\n if (element.CartonId == qr) {\r\n this.refs.Messchild.showWarn(\"Already Scanned..!\");\r\n id = 2;\r\n return;\r\n }\r\n });\r\n }\r\n setTimeout(() => {\r\n if (id == 1) {\r\n //const fObj = {UID : qr}\r\n\r\n const scanlist = this.state.scanItems;\r\n this.DispatchService.GetTertiaryPackingScan(qr, flag, scanlist).then(\r\n (data) => {\r\n ;\r\n const resdata = data.data;\r\n //if ResponseCode is 200 success else error or warning message\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n let id = 1;\r\n if (this.state.scanItems.length > 0) {\r\n let pid = this.state.scanItems[0].ProductId;\r\n resdata.ResponseData.forEach((element) => {\r\n if (element.ProductId != pid) {\r\n id = 2;\r\n }\r\n });\r\n if (id == 2) {\r\n this.refs.Messchild.showWarn(\r\n \"only Similar Items Can be packed\"\r\n );\r\n return;\r\n }\r\n }\r\n\r\n //disable\r\n setTimeout(() => {\r\n if (id == 2) {\r\n return;\r\n } else {\r\n resdata.ResponseData.forEach((element) => {\r\n ;\r\n element.MFGDate =\r\n element.MFGDate != null || undefined\r\n ? element.MFGDate.substring(0, 10)\r\n : element.MFGDate;\r\n element.EXPDate =\r\n element.EXPDate != null || undefined\r\n ? element.EXPDate.substring(0, 10)\r\n : element.EXPDate;\r\n if (this.state.scanItems.length > 0) {\r\n ;\r\n let checkseqNo = this.state.scanItems.filter(\r\n (y) => y.Id == element.Id\r\n );\r\n\r\n if (checkseqNo.length > 0) {\r\n this.refs.Messchild.showWarn(\"already Scanned\");\r\n return;\r\n }\r\n }\r\n\r\n this.state.scanItems.push(element);\r\n\r\n ;\r\n this.setState({\r\n IsDisabledCartonDDL: true,\r\n scanItems: this.state.scanItems,\r\n\r\n scanTxt: \"\",\r\n radio: true,\r\n });\r\n });\r\n }\r\n if (\r\n this.state.CartonId.CartonSize ==\r\n this.state.scanItems.length\r\n ) {\r\n this.submitForm(e);\r\n }\r\n }, 50);\r\n } else if (resdata !== null && resdata.ResponseCode === \"500\") {\r\n ;\r\n if (resdata.ResponseData.length == 0) {\r\n this.ScanItem(qr, false);\r\n return;\r\n }\r\n let checkseqNo = [];\r\n resdata.ResponseData.forEach((element) => {\r\n if (this.state.scanItems.length > 0) {\r\n ;\r\n let chk = this.state.scanItems.filter(\r\n (y) => y.Id == element.Id\r\n );\r\n if (chk.length != 0) {\r\n checkseqNo.push(chk);\r\n }\r\n if (checkseqNo.length == resdata.ResponseData.length) {\r\n this.ScanItem(qr, false);\r\n }\r\n }\r\n });\r\n\r\n ;\r\n if (\r\n checkseqNo == undefined ||\r\n checkseqNo.length != resdata.ResponseData.length\r\n ) {\r\n let id = 1;\r\n if (this.state.scanItems.length > 0) {\r\n let pid = this.state.scanItems[0].ProductId;\r\n resdata.ResponseData.forEach((element) => {\r\n if (element.ProductId != pid) {\r\n id = 2;\r\n }\r\n });\r\n if (id == 2) {\r\n this.refs.Messchild.showWarn(\r\n \"only Similar Items Can be packed\"\r\n );\r\n return;\r\n }\r\n }\r\n setTimeout(() => {\r\n if (id == 2) {\r\n return;\r\n }\r\n\r\n confirmAlert({\r\n title: resdata.ResponseMessage,\r\n message:\r\n \"Are you sure you want to continue scanning the latest stock.\",\r\n buttons: [\r\n {\r\n label: \"Yes\",\r\n onClick: () => {\r\n if (this.state.remark == \"\") {\r\n this.setState({ older: true });\r\n }\r\n\r\n this.ScanItem(qr, false);\r\n },\r\n },\r\n {\r\n label: \"No\",\r\n onClick: () => {\r\n ;\r\n let olddata = [];\r\n resdata.ResponseData.forEach((e1) => {\r\n let scanned;\r\n this.state.scanItems.forEach((e2) => {\r\n if (e1.Id == e2.Id) {\r\n scanned = 1;\r\n }\r\n });\r\n if (scanned == undefined) {\r\n e1.EXPDate =\r\n e1.EXPDate != null || undefined\r\n ? e1.EXPDate.substring(0, 10)\r\n : e1.EXPDate;\r\n\r\n olddata.push(e1);\r\n }\r\n });\r\n this.setState({\r\n olderstockVisible: true,\r\n\r\n olderdata: olddata,\r\n });\r\n },\r\n },\r\n ],\r\n });\r\n }, 100);\r\n }\r\n } //// else of response code 5000 ends here\r\n else this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n }\r\n );\r\n } else if (id != 2) {\r\n this.refs.Messchild.showWarn(\"Invalid Scanned\");\r\n }\r\n }, 50);\r\n this.setState({\r\n scanTxt: \"\",\r\n });\r\n }\r\n }\r\n\r\n // delete user data\r\n deleteScanned(CartonId) {\r\n ;\r\n let arrayfilter = this.state.scanItems.filter(\r\n (x) => x.CartonId != CartonId\r\n );\r\n\r\n this.setState({\r\n scanItems: arrayfilter,\r\n });\r\n }\r\n\r\n // seach table\r\n searchFilter(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetTertiaryPacking();\r\n }\r\n\r\n callbackFunction = (childData) => {\r\n this.setState({ message: childData });\r\n };\r\n\r\n // disabled checkbox\r\n activeTemplate(rowData, column) {\r\n return ;\r\n }\r\n\r\n // Sort table\r\n onSort(event) {\r\n this.setState({\r\n sortOrder: this.state.sortOrder === 1 ? 2 : 1,\r\n sortIcon: !this.state.sortIcon,\r\n });\r\n const sortField =\r\n event.sortField == \"CreatedDt\" ? \"CreatedDt\" : event.sortField;\r\n this.tblResponse.SortColumn = sortField ? sortField : \"\";\r\n this.tblResponse.SortOrder = this.state.sortOrder === 1 ? \"DESC\" : \"ASC\";\r\n this.GetTertiaryPacking();\r\n const clickData = document.getElementsByClassName(\r\n \"p-sortable-column-icon pi pi-fw pi-sort\"\r\n );\r\n console.log(event);\r\n }\r\n\r\n // edit form\r\n actionTemplate(rowData, column) {\r\n const deleteFunc = () => {\r\n confirmAlert({\r\n title: \"Confirm to delete\",\r\n message: \"Are you sure to do this.\",\r\n buttons: [\r\n {\r\n label: \"Yes\",\r\n onClick: () => this.deleteScanned(rowData.CartonId),\r\n },\r\n {\r\n label: \"No\",\r\n onClick: () => null,\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 Secondary Packing
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Define in min 5 char
\r\n \r\n\r\n {\r\n this.setState({ rvisible: false });\r\n this.submitForm(e);\r\n }}\r\n className=\"btn btn-primary\"\r\n >\r\n Submit\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n {TabView}\r\n \r\n
\r\n
\r\n {\" \"}\r\n {\r\n this.setState({ CartonName: e.target.value });\r\n }}\r\n onKeyDown={(e) => {\r\n if (e.key == \"Enter\") {\r\n if (\r\n e.target.value.includes(sessionStorage.getItem(\"Prefix\")) &&\r\n e.target.value.includes(\"TID\") &&\r\n (e.target.value.match(/TID/g) || []).length == 1\r\n ) {\r\n this.submitFormFinal(e);\r\n } else {\r\n this.refs.Messchild.showWarn(\"Invalid Cartons\");\r\n this.setState({ CartonName: \"\" });\r\n }\r\n }\r\n }}\r\n autoFocus\r\n />\r\n
\r\n \r\n );\r\n const home = { icon: \"pi pi-home\", url: \"/dashboard\" };\r\n let header = (\r\n \r\n
\r\n );\r\n\r\n let header2 = (\r\n \r\n \r\n
\r\n \r\n \r\n\r\n this.setState({ globalFilter: e.target.value })}\r\n placeholder=\"Global Search\"\r\n size=\"30\"\r\n />\r\n
\r\n \r\n
\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Tertiary Packing
\r\n\r\n
\r\n \r\n {/* */}\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n this.setState({ isold: false });\r\n this.submitForm();\r\n }}\r\n >\r\n Submit\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Define in min 5 char
\r\n \r\n\r\n {\r\n this.setState({ rvisible: false });\r\n this.submitForm();\r\n }}\r\n className=\"btn btn-primary\"\r\n >\r\n Submit\r\n \r\n
\r\n \r\n {TabView}\r\n \r\n );\r\n }\r\n}\r\n","import instance from './DefaultApi';\r\n\r\nexport default class NumberIssuedService {\r\n ControllerName = 'IssueNumber';\r\n\r\n // get all product Issue Number data\r\n GetIssueNumbers(tableRequest) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetIssueNumbers`, tableRequest).then(res => res)\r\n }\r\n\r\n // create new product Issue Number \r\n CreateIssueNumber(issueData) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateIssueNumber`, issueData).then(res => res)\r\n }\r\n\r\n // delete product Issue Number data\r\n DeleteIssueNumber(issueId) {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/DeleteIssueNumber/${issueId}`).then(res => res)\r\n }\r\n\r\n //get max from number to set new number issue\r\n GetFromNumbers() {\r\n return instance.get(`${process.env.REACT_APP_API_URL}${this.ControllerName}/GetFromNumbers`).then(res => res)\r\n }\r\n}","import React, { Component } from \"react\";\r\nimport \"primereact/resources/themes/saga-blue/theme.css\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { Button } from \"primereact/button\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport NumberIssuedService from \"../../services/NumberIssuedService\";\r\nimport CompanyMasterService from \"../../services/CompanyMasterService\";\r\nimport MessageComponent from \"../../template/Message\";\r\nimport tableRequest from \"../../models/tableRequest\";\r\nimport Loaders from \"../../template/Loaders\";\r\n// Number Issued\r\nexport default class NumberIssued extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.CompanyMasterService = new CompanyMasterService();\r\n this.IssuedService = new NumberIssuedService();\r\n this.tblResponse = new tableRequest();\r\n this.state = {\r\n visible: false,\r\n buttonLabel: \"Submit\",\r\n formHeading: \"Add Number Issue\",\r\n sortOrder: \"\",\r\n updateLoader: false,\r\n FromNo: \"\",\r\n ToNo: \"\",\r\n IssueQty: \"\",\r\n SalesOrderNo: \"\",\r\n CompanyId: \"\",\r\n formError: {\r\n CompanyId: null,\r\n FromNo: null,\r\n ToNo: null,\r\n IssueQty: null,\r\n SalesOrderNo: null,\r\n },\r\n\r\n sales: [],\r\n loading: true,\r\n first: 0,\r\n rows: 10,\r\n totalRecords: 0,\r\n globalFilter: null,\r\n emptyMessage: \"No Data found\",\r\n };\r\n\r\n this.handleChnage = this.handleChnage.bind(this);\r\n this.submitForm = this.submitForm.bind(this);\r\n this.hideFunc = this.hideFunc.bind(this);\r\n this.onPage = this.onPage.bind(this);\r\n this.searchFilter = this.searchFilter.bind(this);\r\n this.GetFromNo = this.GetFromNo.bind(this);\r\n this.onSort = this.onSort.bind(this);\r\n }\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.GetIssueNumbers();\r\n this.GetCompany();\r\n }, 1000);\r\n }\r\n\r\n // call on Page Event\r\n onPage(event) {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n this.getLazyLoadingValues(event);\r\n this.GetIssueNumbers();\r\n }, 250);\r\n }\r\n\r\n // get product issue number list data\r\n GetIssueNumbers() {\r\n this.tblResponse.SortColumn = \"CreatedDt\";\r\n this.IssuedService.GetIssueNumbers(this.tblResponse).then((data) => {\r\n const resdata = data.data;\r\n //if ResponseData is not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n this.setState({\r\n totalRecords: resdata.ResponseData[0].TotalRows,\r\n first: this.tblResponse.First - 1,\r\n sales: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n //if ResponseData is null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecords: 0,\r\n first: 1,\r\n sales: null,\r\n loading: false,\r\n });\r\n }\r\n });\r\n }\r\n\r\n // validate form\r\n //resolved KREP-17\r\n validateForm(value, name) {\r\n let errors = this.state.formError;\r\n let IsValid = true;\r\n //to validate each form field with required conditions\r\n switch (name) {\r\n case \"CompanyId\":\r\n if (value == undefined || value == \"\") {\r\n IsValid = false;\r\n errors.CompanyId = \"Please select Company\";\r\n } else {\r\n errors.CompanyId = \"\";\r\n }\r\n break;\r\n case \"FromNo\":\r\n if (value.trim().length < 1) {\r\n IsValid = false;\r\n errors.FromNo = \"Please enter your from number.\";\r\n } else {\r\n if (!value.match(/^[0-9]+$/)) {\r\n IsValid = false;\r\n errors.FromNo = \"Please enter only number.\";\r\n this.setState({ IssueQty: 0 });\r\n } else {\r\n errors.ToNo = null;\r\n errors.IssueQty = null;\r\n errors.FromNo = null;\r\n const fromNumber = value.trim() === \"\" ? 0 : parseInt(value.trim());\r\n const toNumber =\r\n this.state.ToNo.toString().trim() === \"\"\r\n ? 0\r\n : parseInt(this.state.ToNo.toString().trim());\r\n if (fromNumber >= 1 && toNumber >= 1) {\r\n if (fromNumber <= toNumber) {\r\n const qty = toNumber - fromNumber + 1;\r\n if (qty >= 0) {\r\n this.setState({ IssueQty: qty });\r\n } else {\r\n IsValid = false;\r\n errors.FromNo = \"From number should be less than to number.\";\r\n this.setState({ IssueQty: 0 });\r\n }\r\n } else {\r\n IsValid = false;\r\n errors.FromNo = \"From number should be less than to number.\";\r\n this.setState({ IssueQty: 0 });\r\n }\r\n } else {\r\n // IsValid = false;\r\n // errors.FromNo = \"From number should be less than to number.\";\r\n this.setState({ IssueQty: 0 });\r\n }\r\n }\r\n }\r\n break;\r\n case \"ToNo\":\r\n if (value < 1) {\r\n IsValid = false;\r\n errors.ToNo = \"Please enter To Number.\";\r\n } else errors.ToNo = null;\r\n break;\r\n case \"IssueQty\":\r\n if (value < 1) {\r\n IsValid = false;\r\n errors.IssueQty = \"Please enter your quantity.\";\r\n } else {\r\n // if (!value.match(/^[0-9]+$/)) {\r\n // IsValid = false;\r\n // errors.IssueQty = \"Please enter only number.\";\r\n // this.setState({ IssueQty: 0 })\r\n // } else {\r\n\r\n errors.ToNo = null;\r\n errors.IssueQty = null;\r\n errors.FromNo = null;\r\n const qty = parseInt(value);\r\n const fromNumber =\r\n this.state.FromNo.toString().trim() === \"\"\r\n ? 0\r\n : parseInt(this.state.FromNo.toString().trim());\r\n if (fromNumber >= 1 && qty >= 1) {\r\n const toNumber = qty + fromNumber - 1;\r\n if (toNumber >= 0) {\r\n this.setState({ ToNo: toNumber });\r\n } else {\r\n IsValid = false;\r\n errors.IssueQty =\r\n \"To number should be greater than or equal to from number.\";\r\n this.setState({ ToNo: 0 });\r\n }\r\n } else {\r\n // IsValid = false;\r\n // errors.ToNo = \"To number should be greater than from number.\";\r\n this.setState({ ToNo: 0 });\r\n }\r\n // }\r\n }\r\n break;\r\n case \"SalesOrderNo\":\r\n if (value < 1) {\r\n IsValid = false;\r\n errors.SalesOrderNo = \"Please enter Sales order No\";\r\n } else errors.SalesOrderNo = null;\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n }\r\n\r\n // handle input\r\n handleChnage(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n\r\n const isValid = this.validateForm(value, name);\r\n this.setState({ errors, [name]: value });\r\n }\r\n // hide Func\r\n hideFunc() {\r\n this.setState({\r\n visible: false,\r\n buttonLabel: \"Submit\",\r\n formHeading: \"Add Number Issue\",\r\n });\r\n this.formReset();\r\n }\r\n\r\n // Reset Form\r\n formReset() {\r\n this.setState({\r\n FromNo: \"\",\r\n ToNo: \"\",\r\n IssueQty: \"\",\r\n SalesOrderNo: \"\",\r\n });\r\n\r\n let errors = this.state.formError;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n\r\n // Submit Form\r\n submitForm(event) {\r\n event.preventDefault();\r\n let isfrmvalid = true;\r\n let checkerror = this.state.formError;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateForm(val, key);\r\n //form not valid\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n //form valid\r\n if (isfrmvalid) {\r\n const formData = {\r\n FrmNo: this.state.FromNo === \"\" ? 0 : parseInt(this.state.FromNo),\r\n ToNo: this.state.ToNo === \"\" ? 0 : parseInt(this.state.ToNo),\r\n IssueQty:\r\n this.state.IssueQty === \"\" ? 0 : parseInt(this.state.IssueQty),\r\n SalesOrderNo: this.state.SalesOrderNo,\r\n CompanyId: this.state.CompanyId.CompId,\r\n };\r\n this.setState({ updateLoader: false });\r\n setTimeout(() => {\r\n this.IssuedService.CreateIssueNumber(formData).then((data) => {\r\n const resdata = data.data;\r\n //if responsecode is 200 sucess else error or warning message\r\n if (resdata.ResponseCode === \"200\") {\r\n this.refs.child.showSuccess(resdata.ResponseMessage);\r\n this.setState({\r\n loading: true,\r\n visible: false,\r\n updateLoader: true,\r\n });\r\n this.formReset();\r\n this.GetIssueNumbers();\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.refs.child.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.refs.child.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }, 1000);\r\n }\r\n }\r\n //Get Company list\r\n GetCompany() {\r\n this.CompanyMasterService.GetCompanyDDL().then((data) => {\r\n const resdata = data.data;\r\n //if resdata is not null state of companyDDL will be set with ResponseData\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.setState({\r\n companyDDL: resdata.ResponseData,\r\n });\r\n }\r\n });\r\n }\r\n // Get Next FromNo\r\n GetFromNo() {\r\n this.formReset();\r\n this.setState({ visible: true });\r\n this.IssuedService.GetFromNumbers().then((data) => {\r\n const resdata = data.data;\r\n //if ResponseData is not null\r\n if (resdata.ResponseCode === \"200\" && resdata.ResponseData != null) {\r\n let frmNumber = resdata.ResponseData.FrmNo;\r\n frmNumber = frmNumber ?? 0 + 1;\r\n this.setState({ FromNo: \"\" + frmNumber });\r\n }\r\n });\r\n }\r\n\r\n // set lazy loading value\r\n getLazyLoadingValues(event) {\r\n this.setState({ rows: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.First = event.first + 1;\r\n this.tblResponse.IsActive = \"1\";\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n //this.tblResponse.SortColumn = event.sortField;\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n }\r\n\r\n // search Filter Data\r\n searchFilter(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetIssueNumbers();\r\n }\r\n\r\n // Sort Table\r\n onSort(event) {\r\n this.setState({ sortOrder: this.state.sortOrder === 1 ? 2 : 1 });\r\n const sortField =\r\n event.sortField == \"CreatedDate\" ? \"CreatedDt\" : event.sortField;\r\n this.tblResponse.SortColumn = sortField ? sortField : \"\";\r\n this.tblResponse.SortOrder = this.state.sortOrder === 1 ? \"DESC\" : \"ASC\";\r\n this.GetIssueNumbers();\r\n }\r\n\r\n // render HTML\r\n //resolved KREP-19\r\n //resolved KREP-37\r\n render() {\r\n let header = (\r\n \r\n \r\n
\r\n );\r\n return (\r\n <>\r\n \r\n
\r\n\r\n Number Issued
\r\n\r\n \r\n
\r\n );\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n Stock Management
\r\n\r\n
*/}\r\n {/* Accepted Stock
\r\n\r\n
\r\n );\r\n let headerDamaged = (\r\n \r\n {/*
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Export\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 Product Damage
\r\n\r\n
\r\n \r\n
\r\n Damaged Product
\r\n\r\n// \r\n//
\r\n// );\r\n// return (\r\n// <>\r\n// \r\n//
\r\n\r\n// Product Damage
\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 this.setState({ globalFilter: e.target.value })}\r\n placeholder=\"Global Search\"\r\n className=\"search-space\"\r\n size=\"30\"\r\n />\r\n
\r\n \r\n
\r\n\r\n Static Qr Mapping
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Carton Slip
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n this.setState({ FromNo: e.target.value, Qty: \"\", ToNo: \"\" })\r\n }\r\n className=\"form-control\"\r\n name=\"FromNo\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n this.setState({\r\n ToNo:\r\n parseInt(e.target.value) +\r\n parseInt(this.state.FromNo) -\r\n 1,\r\n Qty: parseInt(e.target.value),\r\n })\r\n }\r\n className=\"form-control\"\r\n name=\"Qty\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n this.setState({ fileType: e.target.value });\r\n }}\r\n style={{ width: \"200px\" }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n return (\r\n <>\r\n \r\n
\r\n {\r\n
\r\n Loyalty Points Redemption Requests
\r\n\r\n
\r\n \r\n
\r\n \r\n Accepted Requests
\r\n\r\n \r\n
;\r\n }\r\n\r\n allcheck(event) {\r\n\r\n let obj = {};\r\n const checkboxes = document.getElementsByName('childCheck');\r\n for (var checkbox of checkboxes) {\r\n let ischeck = false;\r\n if (event.currentTarget.checked == true) {\r\n ischeck = true;\r\n }\r\n\r\n if (ischeck) {\r\n checkbox.checked = true;\r\n obj[checkbox.value] = true;\r\n } else {\r\n checkbox.checked = false;\r\n obj[checkbox.value] = false;\r\n }\r\n }\r\n\r\n this.setState({\r\n ProductConfiguration: JSON.stringify(obj)\r\n })\r\n }\r\n\r\n singleCheck() {\r\n let obj = {};\r\n const checkboxes = document.getElementsByName('childCheck');\r\n for (var checkbox of checkboxes) {\r\n if (checkbox.checked) {\r\n obj[checkbox.value] = true;\r\n } else {\r\n obj[checkbox.value] = false;\r\n }\r\n }\r\n\r\n this.setState({\r\n ProductConfiguration: JSON.stringify(obj)\r\n })\r\n }\r\n //to render html part\r\n render() {\r\n const items = [\r\n { label: 'Masters' },\r\n { label: 'Product Configuration' }\r\n ];\r\n\r\n const home = { icon: 'pi pi-home', url: '/dashboard' }\r\n\r\n let header = (\r\n \r\n
\r\n );\r\n\r\n let footer = (\r\n {this.state.formError.ProductId}
: null}\r\n \r\n
\r\n )\r\n\r\n let checkboxCol = (\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Select All\r\n
\r\n )\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n Product Configuration
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n );\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Mapping report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Mapping Reports
\r\n\r\n
\r\n \r\n {/*
\r\n \r\n
\r\n );\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n Export */}\r\n\r\n \r\n Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Verification report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n {/*
\r\n\r\n Verification Report
\r\n\r\n
\r\n );\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n this.surveyLink = r}\r\n filename={\"Feedback report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n {/*
\r\n\r\n Feedback Report
\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 Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"SAP Data Report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n {/*
\r\n\r\n SAP Data Report
\r\n\r\n
\r\n );\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n Export */}\r\n\r\n \r\n Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Dispatch Packing report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Dispatch Report
\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 Export \r\n
\r\n \r\n
\r\n Primary Packing Report
\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 Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Secondary Packing report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Secondary Packing Report
\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 Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Tertiary Packing report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Tertiary Packing Report
\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 Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Item Ledger report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n Item ledger Reports
\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 Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Scheme report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n\r\n Scheme Report
\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 Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Farmer Loyalty report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n\r\n Farmer Loyalty Report
\r\n\r\n
\r\n );\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n this.surveyLink = r}\r\n filename={\"Missing Carton Report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n \r\n
\r\n Missing Carton Report
\r\n\r\n
\r\n );\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n Export */}\r\n\r\n \r\n Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Dispatch Packing report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Dispatch Receive Report
\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 this.surveyLink = r}\r\n filename={\"Lucky Users List.csv\"}\r\n >\r\n Export\r\n */}\r\n
\r\n \r\n {/*
\r\n\r\n Pick Lucky Users
\r\n\r\n
\r\n );\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n Export */}\r\n\r\n \r\n Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Fractional report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Fractional Carton Report
\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 Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\" Return report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Return Report
\r\n\r\n
\r\n \r\n \r\n
\r\n );\r\n\r\n return (\r\n <>\r\n {\r\n
\r\n \r\n
\r\n Scheme Master
\r\n\r\n
\r\n \r\n
\r\n\r\n Select Rows to Avail the Offer
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Scheme Design
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/* {this.state.formError.SchemeName}
\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 \r\n
*/}\r\n \r\n {this.state.formError.LoyaltyPoints}\r\n
\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 this.setState({ SchemeType: e.target.value });\r\n this.GetDynamicDDL(e.target.value);\r\n }}\r\n value={this.state.SchemeType}\r\n className=\"form-control\"\r\n placeholder={this.state.SchemeType}\r\n name=\"SchemeType\"\r\n options={this.state.SchemeDDL}\r\n />\r\n {this.state.formError.SchemeType !== null ? (\r\n
\r\n {this.state.formError.SchemeType}
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {\r\n this.setState({ SchemeBeneficiary: e.target.value });\r\n }}\r\n value={this.state.SchemeBeneficiary}\r\n className=\"form-control\"\r\n placeholder={this.state.SchemeBeneficiary}\r\n name=\"SchemeBeneficiary\"\r\n options={this.state.SchemeBeneficiaryDDL}\r\n />\r\n {this.state.formError.SchemeBeneficiary !== null ? (\r\n
\r\n \r\n {this.state.formError.SchemeBeneficiary}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.state.formError.SelectedDynamicId}\r\n
\r\n ) : null}\r\n \r\n \r\n {\r\n ;\r\n return (\r\n {;\r\n if(parseInt(event.target.value) < 1){\r\n this.refs.child.showWarn(\"Enter Points Greater than 0\")\r\n }\r\n var ele = event.target.parentNode.parentNode.textContent;\r\n var tmp = this.state.SelectedDynamicId;\r\n tmp = tmp.map((element) => {\r\n if (element.label == ele) {\r\n element.Points = event.target.value;\r\n }\r\n return element;\r\n });\r\n this.setState({\r\n SelectedDynamicId: tmp,\r\n });\r\n }}\r\n value={rowdata.Points}\r\n placeholder=\"Enter Points\"\r\n />\r\n );\r\n }}\r\n header=\"Loyalty Points\"\r\n style={{ width: \"50px\" }}\r\n />\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {this.state.formError.ValidFrm}
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
\r\n {this.state.formError.ValidTo}
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n \r\n this.setState({ IsActive: e.target.checked })\r\n }\r\n />\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {this.state.buttonLabel.includes(\"Submit\") ? note : updatednote}{\" \"}\r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport \"primereact/resources/themes/saga-blue/theme.css\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport { Button } from \"primereact/button\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { BreadCrumb } from \"primereact/breadcrumb\";\r\nimport tableRequest from \"../../models/tableRequest.js\";\r\nimport { ConfirmationModal } from \"../../template/ConfirmationModal\";\r\nimport CategoryService from \"../../services/CategoryService\";\r\nimport MessageComponent from \"../../template/Message\";\r\nimport { confirmAlert } from \"react-confirm-alert\"; // Import\r\nimport \"react-confirm-alert/src/react-confirm-alert.css\"; // Import css\r\nimport Loaders from \"../../template/Loaders\";\r\nimport $ from \"jquery\";\r\nimport { CSVLink } from \"react-csv\";\r\n\r\n// create Category\r\nexport default class Category extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.CategoryService = new CategoryService();\r\n this.tblResponse = new tableRequest();\r\n this.tblResponseExport = new tableRequest();\r\n this.state = {\r\n headsMG1: [\"NameMG1\", \"CreatedDate\"],\r\n headsMG2: [\"NameMG2\", \"CreatedDate\"],\r\n headsMG3: [\"NameMG3\", \"CreatedDate\"],\r\n exportDataMG1: [],\r\n exportDataMG2: [],\r\n exportDataMG3: [],\r\n MG1: false,\r\n MG2: false,\r\n MG3: false,\r\n updateLoader: false,\r\n sortOrder: \"\",\r\n NameMG1: \"\",\r\n MG1Id: \"\",\r\n MG2Id: \"\",\r\n MG3Id: \"\",\r\n val: \"\",\r\n // CategoryDDLMG1: [],\r\n // CategoryDDLMG2: [],\r\n IsActiveMG1: false,\r\n IsActiveMG2: false,\r\n IsActiveMG3: false,\r\n\r\n formErrorMG1: {\r\n NameMG1: \"\",\r\n },\r\n formErrorMG2: {\r\n NameMG2: \"\",\r\n },\r\n formErrorMG3: {\r\n NameMG3: \"\",\r\n },\r\n\r\n formHeadingMG1: \"Category\",\r\n buttonLabelMG1: \"Submit\",\r\n // formHeadingMG2: \"Sub Group Category\",\r\n buttonLabelMG2: \"Submit\",\r\n // formHeadingMG3: \"Sub Divison Category\",\r\n buttonLabelMG3: \"Submit\",\r\n salesMG1: [],\r\n salesMG2: [],\r\n salesMG3: [],\r\n loading: true,\r\n firstMG1: 0,\r\n firstMG2: 0,\r\n firstMG3: 0,\r\n rowsMG1: 5,\r\n rowsMG2: 5,\r\n rowsMG3: 5,\r\n totalRecordsMG1: 0,\r\n totalRecordsMG2: 0,\r\n totalRecordsMG3: 0,\r\n globalFilterMG1: null,\r\n globalFilterMG2: null,\r\n globalFilterMG3: null,\r\n emptyMessage: \"No Data found\",\r\n };\r\n\r\n this.actionTemplate = this.actionTemplate.bind(this);\r\n this.actionTemplateMG2 = this.actionTemplateMG2.bind(this);\r\n this.actionTemplateMG3 = this.actionTemplateMG3.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.submitFormMG1 = this.submitFormMG1.bind(this);\r\n this.submitFormMG2 = this.submitFormMG2.bind(this);\r\n this.submitFormMG3 = this.submitFormMG3.bind(this);\r\n this.hideFuncMG1 = this.hideFuncMG1.bind(this);\r\n // this.hideFuncMG2 = this.hideFuncMG2.bind(this);\r\n // this.hideFuncMG3 = this.hideFuncMG3.bind(this);\r\n this.onPage = this.onPage.bind(this);\r\n //this.formReset = this.formReset.bind(this);\r\n this.searchFilter = this.searchFilter.bind(this);\r\n this.onPageMG2 = this.onPageMG2.bind(this);\r\n this.searchFilterMG2 = this.searchFilterMG2.bind(this);\r\n this.onPageMG3 = this.onPageMG3.bind(this);\r\n this.searchFilterMG3 = this.searchFilterMG3.bind(this);\r\n this.openDialog = this.openDialog.bind(this);\r\n this.subgroup = this.subgroup.bind(this);\r\n this.subdivgroup = this.subdivgroup.bind(this);\r\n this.onSort = this.onSort.bind(this);\r\n this.onSortMG2 = this.onSortMG2.bind(this);\r\n this.onSortMG3 = this.onSortMG3.bind(this);\r\n\r\n this.GetMG1Export = this.GetMG1Export.bind(this);\r\n this.GetMG2Export = this.GetMG2Export.bind(this);\r\n this.GetMG3Export = this.GetMG3Export.bind(this);\r\n }\r\n\r\n //trigger api function on page call\r\n componentDidMount() {\r\n setTimeout(() => {\r\n //this.GetDDL()\r\n this.GetCategoriesMG1();\r\n this.GetCategoriesMG2();\r\n this.GetCategoriesMG3();\r\n }, 1000);\r\n $(\".p-column-title\").on(\"click\", function () {\r\n $(this)\r\n .next()\r\n .removeClass(\"pi-sort\")\r\n .toggleClass(\"pi-sort-up\")\r\n .addClass(\"pi-sort-down\");\r\n });\r\n\r\n this.tblResponseExport.PageSize = -1;\r\n this.tblResponseExport.First = 1;\r\n this.tblResponseExport.IsActive = true;\r\n this.tblResponseExport.SearchValue = \"\";\r\n this.tblResponseExport.SortOrder = \"ASC\";\r\n this.tblResponseExport.IsActiveMG3 = \"%\";\r\n this.GetMG1Export();\r\n this.GetMG2Export();\r\n this.GetMG3Export();\r\n }\r\n\r\n // get carton data list from api\r\n GetMG1Export() {\r\n this.tblResponseExport.SortColumn = \"CreatedDate\";\r\n this.CategoryService.GetCategoriesMG1(this.tblResponseExport).then(\r\n (data) => {\r\n const resdata = data.data;\r\n //when response data is not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.setState({\r\n exportDataMG1: resdata.ResponseData,\r\n });\r\n }\r\n }\r\n );\r\n }\r\n\r\n // get carton data list from api\r\n GetMG2Export() {\r\n this.tblResponseExport.SortColumn = \"CreatedDate\";\r\n this.CategoryService.GetCategoriesMG2(this.tblResponseExport).then(\r\n (data) => {\r\n const resdata = data.data;\r\n //when response data is not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.setState({\r\n exportDataMG2: resdata.ResponseData,\r\n });\r\n }\r\n }\r\n );\r\n }\r\n\r\n // get carton data list from api\r\n GetMG3Export() {\r\n this.tblResponseExport.SortColumn = \"CreatedDate\";\r\n this.tblResponse.IsActiveMG3 = \"%\";\r\n this.CategoryService.GetCategoriesMG3(this.tblResponseExport).then(\r\n (data) => {\r\n const resdata = data.data;\r\n //when response data is not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.setState({\r\n exportDataMG3: resdata.ResponseData,\r\n });\r\n }\r\n }\r\n );\r\n }\r\n\r\n //loading page\r\n onPage(event) {\r\n this.setState({\r\n rowsMG1: event.rows,\r\n totalRecordsMG1: this.state.salesMG1.length,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n this.getLazyLoadingValues(event);\r\n this.GetCategoriesMG1();\r\n }, 250);\r\n }\r\n onPageMG2(event) {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n this.getLazyLoadingValuesMG2(event);\r\n this.GetCategoriesMG2();\r\n }, 250);\r\n }\r\n onPageMG3(event) {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n this.getLazyLoadingValuesMG3(event);\r\n this.GetCategoriesMG3();\r\n }, 250);\r\n }\r\n\r\n // get list of data\r\n getLazyLoadingValues(event) {\r\n this.setState({ rowsMG1: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.First = event.first + 1;\r\n this.tblResponse.PageNo = event.pageCount;\r\n this.tblResponse.IsActiveMG1 = \"%\";\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n // this.tblResponse.SortColumn = event.sortField;\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n }\r\n getLazyLoadingValuesMG2(event) {\r\n this.setState({ rowsMG2: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.First = event.first + 1;\r\n this.tblResponse.PageNo = event.pageCount;\r\n this.tblResponse.IsActiveMG1 = \"%\";\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n // this.tblResponse.SortColumn = event.sortField;\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n }\r\n getLazyLoadingValuesMG3(event) {\r\n this.setState({ rowsMG3: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.first = event.first + 1;\r\n this.tblResponse.PageNo = event.pageCount;\r\n this.tblResponse.IsActiveMG3 = \"%\";\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n // this.tblResponse.SortColumn = event.sortField;\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n }\r\n\r\n // get users data list from api\r\n GetCategoriesMG1() {\r\n this.tblResponse.SortColumn = \"CreatedDt\";\r\n this.CategoryService.GetCategoriesMG1(this.tblResponse).then((data) => {\r\n const resdata = data.data;\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n //when response data is not null\r\n this.setState({\r\n totalRecordsMG1: resdata.ResponseData[0].TotalRows,\r\n firstMG1: this.tblResponse.First - 1,\r\n salesMG1: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n // when responsedata is null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecordsMG1: 0,\r\n firstMG1: 1,\r\n salesMG1: null,\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n console.log(\"dcsd\" + this.state.totalRecordsMG1);\r\n });\r\n }\r\n GetCategoriesMG2() {\r\n this.tblResponse.SortColumn = \"CreatedDt\";\r\n this.CategoryService.GetCategoriesMG2(this.tblResponse).then((data) => {\r\n const resdata = data.data;\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n //when response data is not null\r\n this.setState({\r\n totalRecordsMG2: resdata.ResponseData[0].TotalRows,\r\n firstMG2: this.tblResponse.First - 1,\r\n salesMG2: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n\r\n // when responsedata is null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecordsMG2: 0,\r\n firstMG2: 1,\r\n salesMG2: null,\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n\r\n console.log(\"dcsd 2\" + this.state.totalRecordsMG2);\r\n });\r\n }\r\n GetCategoriesMG3() {\r\n this.tblResponse.SortColumn = \"CreatedDt\";\r\n this.CategoryService.GetCategoriesMG3(this.tblResponse).then((data) => {\r\n const resdata = data.data;\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n //when response data is not null\r\n this.setState({\r\n totalRecordsMG3: resdata.ResponseData[0].TotalRows,\r\n firstMG3: this.tblResponse.First - 1,\r\n salesMG3: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n // when responsedata is null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecordsMG3: 0,\r\n firstMG3: 1,\r\n salesMG3: null,\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n });\r\n }\r\n\r\n /// validate form\r\n validateForm(value, name, error) {\r\n let errors = error;\r\n let IsValid = true;\r\n //this switch case is used for each form field to validate\r\n switch (name) {\r\n // case 'CategoryId':\r\n // if (value.length < 1) {\r\n // IsValid = false;\r\n // errors.CategoryId = \"Please select category.\";\r\n // } else errors.CategoryId = ''\r\n // break;\r\n case \"NameMG1\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.NameMG1 = \"Please enter Category.\";\r\n } else errors.NameMG1 = \"\";\r\n break;\r\n case \"NameMG2\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.NameMG2 = \"Please enter Sub category.\";\r\n } else errors.NameMG2 = \"\";\r\n break;\r\n\r\n case \"NameMG3\":\r\n if (value == undefined || value == \"\") {\r\n IsValid = false;\r\n errors.NameMG3 = \"Please Enter Sub Division category.\";\r\n } else errors.NameMG3 = null;\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n }\r\n\r\n // call every change of form and validation part also\r\n handleChange(event) {\r\n if (typeof event == \"undefined\") {\r\n return;\r\n }\r\n const { name, value } = event.target;\r\n // if (name == 'MG1Id') {\r\n // this.CategoryService.GetCategoryDDLMG2(value).then((data) => {\r\n // const resdata = data.data;\r\n // ;\r\n // if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n // this.setState({\r\n\r\n // MG2Id: '',\r\n // CategoryDDLMG2: resdata.ResponseData\r\n // });\r\n\r\n // }\r\n // });\r\n // }\r\n let errors = this.state.formError;\r\n //this.validateForm(value, name);\r\n this.setState({ errors, [name]: value });\r\n //this statement will set state value for IsActive\r\n if (name == \"IsActiveMG1\")\r\n this.setState({\r\n IsActiveMG1: event.target.checked,\r\n });\r\n if (name == \"IsActiveMG2\")\r\n this.setState({\r\n IsActiveMG2: event.target.checked,\r\n });\r\n if (name == \"IsActiveMG3\")\r\n this.setState({\r\n IsActiveMG3: event.target.checked,\r\n });\r\n }\r\n\r\n // Open Dialog\r\n openDialog() {\r\n this.setState({\r\n MG1: true,\r\n NameMG1: \"\",\r\n IsActiveMG1: true,\r\n formErrorMG1: {\r\n NameMG1: \"\",\r\n },\r\n });\r\n let errors = this.state.formErrorMG1;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n // GetDDL() {\r\n\r\n // this.CategoryService.GetCategoryDDLMG1().then((data) => {\r\n // const resdata = data.data;\r\n // if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n // this.setState({\r\n // CategoryDDLMG1: resdata.ResponseData\r\n // });\r\n\r\n // }\r\n // })\r\n\r\n // }\r\n subgroup() {\r\n // this.CategoryService.GetCategoryDDLMG1().then((data) => {\r\n // const resdata = data.data;\r\n // if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n // this.setState({\r\n // CategoryDDLMG1: resdata.ResponseData\r\n // });\r\n\r\n // }\r\n // });\r\n this.setState({\r\n MG2: true,\r\n MG2Id: \"\",\r\n NameMG2: \"\",\r\n IsActiveMG2: true,\r\n formErrorMG2: {\r\n NameMG2: \"\",\r\n },\r\n });\r\n let errors = this.state.formErrorMG2;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n subdivgroup() {\r\n // this.CategoryService.GetCategoryDDLMG1().then((data) => {\r\n // const resdata = data.data;\r\n // if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n // this.setState({\r\n // CategoryDDLMG1: resdata.ResponseData\r\n // });\r\n\r\n // }\r\n // });\r\n this.setState({\r\n MG3: true,\r\n MG3Id: \"\",\r\n NameMG3: \"\",\r\n IsActiveMG3: true,\r\n formErrorMG3: {\r\n NameMG3: \"\",\r\n },\r\n });\r\n let errors = this.state.formErrorMG2;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n // reset form text value\r\n\r\n // Hide Func\r\n hideFuncMG1() {\r\n this.setState({\r\n MG1: false,\r\n buttonLabelMG1: \"Submit \",\r\n formHeadingMG1: \"Add Category\",\r\n });\r\n // this.formReset();\r\n }\r\n // hideFuncMG2() {\r\n // this.setState({\r\n // MG2: false,\r\n // buttonLabelMG2: \"Submit \",\r\n // formHeadingMG2: \"Add Sub Group Category\",\r\n // });\r\n // // this.formReset();\r\n // }\r\n // hideFuncMG3() {\r\n // this.setState({\r\n // MG3: false,\r\n // buttonLabelMG3: \"Submit\",\r\n // formHeadingMG3: \"Add Sub Divison Category\",\r\n // });\r\n // // this.formReset();\r\n // }\r\n submitFormMG3(event) {\r\n event.preventDefault();\r\n\r\n let isfrmvalid = true;\r\n let checkerror = this.state.formErrorMG3;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateForm(val, key, checkerror);\r\n //when form validation is not valid\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n if (isfrmvalid) {\r\n this.setState({ updateLoader: false });\r\n const formData = {\r\n CategoryIdMG3: this.state.MG3Id === \"\" ? 0 : parseInt(this.state.MG3Id),\r\n NameMG3: this.state.NameMG3,\r\n IsActiveMG3: this.state.IsActiveMG3,\r\n };\r\n\r\n setTimeout(() => {\r\n this.CategoryService.CreateUpdateCategoryMG3(formData).then((data) => {\r\n const resdata = data.data;\r\n //when data is not null it will give success message else will move to 'else statement'\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.refs.Messchild.showSuccess(\r\n resdata.ResponseMessage + \" Successfully\"\r\n );\r\n this.GetCategoriesMG3();\r\n this.setState({\r\n loading: true,\r\n MG3: false,\r\n updateLoader: true,\r\n });\r\n // this.formReset();\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }, 100);\r\n }\r\n }\r\n\r\n submitFormMG2(event) {\r\n event.preventDefault();\r\n let isfrmvalid = true;\r\n let checkerror = this.state.formErrorMG2;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateForm(val, key, checkerror);\r\n //when form validation is not valid\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n if (isfrmvalid) {\r\n this.setState({ updateLoader: false });\r\n const formData = {\r\n CategoryIdMG2: this.state.MG2Id === \"\" ? 0 : parseInt(this.state.MG2Id),\r\n NameMG2: this.state.NameMG2,\r\n IsActiveMG2: this.state.IsActiveMG2,\r\n };\r\n\r\n setTimeout(() => {\r\n this.CategoryService.CreateUpdateCategoryMG2(formData).then((data) => {\r\n const resdata = data.data;\r\n //when data is not null it will give success message else will move to 'else statement'\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.refs.Messchild.showSuccess(\r\n resdata.ResponseMessage + \" Successfully\"\r\n );\r\n this.GetCategoriesMG2();\r\n this.setState({\r\n loading: true,\r\n MG2: false,\r\n updateLoader: true,\r\n });\r\n // this.formReset();\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }, 100);\r\n }\r\n }\r\n // submit form and create or update user\r\n submitFormMG1(event) {\r\n event.preventDefault();\r\n\r\n let isfrmvalid = true;\r\n let checkerror = this.state.formErrorMG1;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateForm(val, key, checkerror);\r\n //when form validation is not valid\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n\r\n //when isfrmvalid is true\r\n if (isfrmvalid) {\r\n this.setState({ updateLoader: false });\r\n const formData = {\r\n CategoryIdMG1: this.state.MG1Id === \"\" ? 0 : parseInt(this.state.MG1Id),\r\n NameMG1: this.state.NameMG1,\r\n IsActiveMG1: this.state.IsActiveMG1,\r\n };\r\n\r\n setTimeout(() => {\r\n this.CategoryService.CreateUpdateCategoryMG1(formData).then((data) => {\r\n const resdata = data.data;\r\n //when data is not null it will give success message else will move to 'else statement'\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.refs.Messchild.showSuccess(\r\n resdata.ResponseMessage + \" Successfully\"\r\n );\r\n this.GetCategoriesMG1();\r\n this.setState({\r\n loading: true,\r\n MG1: false,\r\n updateLoader: true,\r\n });\r\n // this.formReset();\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }, 100);\r\n }\r\n }\r\n\r\n // delete user data\r\n // deleteSubCategory(subCategoryId) {\r\n // setTimeout(() => {\r\n // this.CategoryService.DeleteSubCategory(subCategoryId).then(data => {\r\n // const resdata = data.data;\r\n // if (resdata !== null && resdata.ResponseCode === '200') {\r\n // this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n // const totlrecord = this.state.totalRecords - 1;\r\n // const row = this.state.rows;\r\n\r\n // if (this.tblResponse.First >= totlrecord) {\r\n // const _curntCursor = Math.round(totlrecord / row);\r\n // this.tblResponse.First = _curntCursor + 1;\r\n // }\r\n // this.GetSubCategories();\r\n // } else {\r\n // this.refs.Messchild.showError(resdata.ResponseMessage);\r\n // }\r\n // });\r\n // }, 1000);\r\n // }\r\n\r\n // Search Filter data\r\n searchFilter(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetCategoriesMG1();\r\n }\r\n searchFilterMG2(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetCategoriesMG2();\r\n }\r\n searchFilterMG3(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetCategoriesMG3();\r\n }\r\n\r\n // message\r\n callbackFunction = (childData) => {\r\n this.setState({ message: childData });\r\n };\r\n\r\n // disabled Checkbox\r\n activeTemplate(rowData, column) {\r\n return ;\r\n }\r\n activeTemplate2(rowData, column) {\r\n return ;\r\n }\r\n activeTemplate3(rowData, column) {\r\n return ;\r\n }\r\n // edit form\r\n actionTemplate(rowData, column) {\r\n const editMode = (e) => {\r\n this.setState({\r\n buttonLabelMG1: \"Update\",\r\n formHeadingMG1: \"Update Category\",\r\n MG1: true,\r\n MG1Id: rowData.CategoryIdMG1.toString(),\r\n NameMG1: rowData.NameMG1,\r\n IsActiveMG1: rowData.IsActiveMG1,\r\n });\r\n\r\n // let checkbox = document.getElementsByName('IsActive');\r\n\r\n //checkbox[0].checked = rowData.IsActive;\r\n };\r\n\r\n const deleteFunc = () => {\r\n // this.refs.child.confirmModal();\r\n // if (this.refs.child.state.confirm == true) {\r\n // this.deleteSubCategory(rowData.SubCategoryId);\r\n // } else {\r\n // }\r\n confirmAlert({\r\n title: \"Confirm to delete\",\r\n message: \"Are you sure to do this.\",\r\n buttons: [\r\n {\r\n label: \"Yes\",\r\n onClick: () => this.deleteSubCategory(rowData.SubCategoryId),\r\n },\r\n {\r\n label: \"No\",\r\n onClick: () => null,\r\n },\r\n ],\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n // let headerMG3 = (\r\n // Category Master
\r\n\r\n \r\n\r\n //
\r\n // );\r\n // let headerMG2 = (\r\n // Sub Division Category Master
\r\n\r\n // \r\n //\r\n //
\r\n // );\r\n\r\n // const categoryOption = this.state.CategoryDDL.map((category) =>\r\n // \r\n // );\r\n\r\n return (\r\n <>\r\n Sub Category Master
\r\n\r\n // \r\n //\r\n
{\" \"}\r\n \r\n
\r\n Category Master
\r\n\r\n
\r\n \r\n
\r\n DownLoad Generated FIle\r\n \r\n
\r\n );\r\n return (\r\n <>\r\n \r\n
\r\n {\r\n
\r\n Number Download
\r\n\r\n
\r\n \r\n
\r\n );\r\n //console.log(this.state.selectedStatus);\r\n let subheader = (\r\n \r\n \r\n this.setState({ globalFilter: e.target.value })} placeholder=\"Global Search\" size=\"30\" />\r\n
\r\n \r\n
\r\n );\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n this.setState({ globalFilter: e.target.value })} placeholder=\"Global Search\" size=\"30\" />\r\n
\r\n \r\n
\r\n \r\n
\r\n Dispatch Receive
\r\n\r\n
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n Carton List
\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n )\r\n }\r\n}","import React, { Component } from \"react\";\r\nimport \"primereact/resources/themes/saga-blue/theme.css\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport CompanyMasterService from \"../../services/CompanyMasterService\";\r\nimport WareHouseMaterService from \"../../services/WareHouseMaterService\";\r\nimport { Button } from \"primereact/button\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport tableRequest from \"../../models/tableRequest.js\";\r\nimport { confirmAlert } from \"react-confirm-alert\"; // Import\r\nimport { BreadCrumb } from \"primereact/breadcrumb\";\r\nimport { ConfirmationModal } from \"../../template/ConfirmationModal\";\r\nimport MessageComponent from \"../../template/Message\";\r\nimport $ from \"jquery\";\r\nimport Loaders from \"../../template/Loaders\";\r\nimport CountryService from \"../../services/CountryService\";\r\nimport { CSVLink } from \"react-csv\";\r\n// WareHouse Master\r\nexport default class WareHouseMaster extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.CompanyMasterService = new CompanyMasterService();\r\n this.WareHouseMaterService = new WareHouseMaterService();\r\n this.CountryService = new CountryService();\r\n this.tblResponse = new tableRequest();\r\n this.tblResponseExport = new tableRequest();\r\n this.state = {\r\n heads: [\r\n \"FirmName\",\r\n \"WCode\",\r\n \"Email\",\r\n \"MobileNo\",\r\n \"bill_Address1\",\r\n \"bill_Address2\",\r\n \"City\",\r\n \"State\",\r\n \"bill_Pincode\",\r\n \"CreatedDt\",\r\n ],\r\n exportData: [],\r\n IsFactory: false,\r\n Wcode: \"\",\r\n visible: false,\r\n ID: \"0\",\r\n chkbx: true,\r\n sortIcon: false,\r\n CompanyId: \"\",\r\n updateLoader: false,\r\n ship_City: \"\",\r\n ship_State: \"\",\r\n ship_Country: \"\",\r\n ship_Address1: \"\",\r\n ship_Address2: \"\",\r\n GST: \"\",\r\n bill_City: \"\",\r\n bill_State: \"\",\r\n bill_Country: \"\",\r\n bill_Address1: \"\",\r\n bill_Address2: \"\",\r\n bill_Pincode: \"\",\r\n FirmName: \"\",\r\n Email: \"\",\r\n MobileNo: \"\",\r\n IsActive: false,\r\n sortOrder: \"1\",\r\n formError: {\r\n Wcode: \"\",\r\n CompanyId: \"\",\r\n ship_Country: \"\",\r\n UserName: \"\",\r\n ship_City: \"\",\r\n ship_State: \"\",\r\n bill_City: \"\",\r\n bill_State: \"\",\r\n FirmName: \"\",\r\n bill_Country: \"\",\r\n bill_Pincode: \"\",\r\n bill_Address1: \"\",\r\n bill_Address2: \"\",\r\n GST: \"\",\r\n ship_Address1: \"\",\r\n ship_Address2: \"\",\r\n Email: \"\",\r\n ConfirmPassword: \"\",\r\n MobileNo: \"\",\r\n },\r\n\r\n formHeading: \"Add Warehouse\",\r\n buttonLabel: \"Submit\",\r\n sales: [],\r\n ship_citySelectItems: [],\r\n ship_stateSelectItems: [],\r\n ship_countrySelectItems: [],\r\n bill_citySelectItems: [],\r\n bill_stateSelectItems: [],\r\n bill_countrySelectItems: [],\r\n companyDDL: [],\r\n allstate: [],\r\n allcity: [],\r\n loading: true,\r\n first: 0,\r\n rows: 5,\r\n totalRecords: 0,\r\n globalFilter: null,\r\n emptyMessage: \"No Data found\",\r\n };\r\n\r\n this.actionTemplate = this.actionTemplate.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.SameAsBilling = this.SameAsBilling.bind(this);\r\n this.submitForm = this.submitForm.bind(this);\r\n this.hideFunc = this.hideFunc.bind(this);\r\n this.onPage = this.onPage.bind(this);\r\n this.searchFilter = this.searchFilter.bind(this);\r\n this.openDialog = this.openDialog.bind(this);\r\n this.onSort = this.onSort.bind(this);\r\n this.GetWareHouseExport = this.GetWareHouseExport.bind(this);\r\n }\r\n //trigger api function on page call\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.GetWareHouse(this.tblResponse);\r\n this.GetCompany();\r\n this.GetStates(0);\r\n this.GetCities(0);\r\n }, 1000);\r\n\r\n $(\".p-column-title\").on(\"click\", function () {\r\n $(this)\r\n .next()\r\n .removeClass(\"pi-sort\")\r\n .toggleClass(\"pi-sort-up\")\r\n .addClass(\"pi-sort-down\");\r\n });\r\n\r\n this.GetCountry();\r\n\r\n this.tblResponseExport.PageSize = -1;\r\n this.tblResponseExport.First = 1;\r\n this.tblResponseExport.IsActive = true;\r\n this.tblResponseExport.SearchValue = \"\";\r\n this.tblResponseExport.SortOrder = \"ASC\";\r\n this.tblResponseExport.IsWareHouse = true;\r\n this.GetWareHouseExport();\r\n }\r\n\r\n // get warehouse data list from api\r\n GetWareHouseExport() {\r\n this.tblResponseExport.SortColumn = \"CreatedDt\";\r\n this.WareHouseMaterService.Get(this.tblResponseExport).then((data) => {\r\n const resdata = data.data;\r\n //when response data is not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.setState({\r\n exportData: resdata.ResponseData,\r\n });\r\n }\r\n });\r\n }\r\n\r\n //on page loading\r\n onPage(event) {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n this.getLazyLoadingValues(event);\r\n }, 250);\r\n }\r\n\r\n // get list data\r\n getLazyLoadingValues(event) {\r\n this.setState({ rows: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.First = event.first + 1;\r\n this.tblResponse.IsActive = true;\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n //this.tblResponse.SortColumn = event.sortField;\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n\r\n this.GetWareHouse(this.tblResponse);\r\n }\r\n //to get country data\r\n GetCountry() {\r\n this.CountryService.GetCountries(\"101\").then((data) => {\r\n const resdata = data.data;\r\n //if resdata is not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.state.ship_countrySelectItems = resdata.ResponseData;\r\n this.state.bill_countrySelectItems = resdata.ResponseData;\r\n }\r\n });\r\n }\r\n\r\n SetState(cCode, fieldName) {\r\n if (fieldName == \"bill_Country\") {\r\n const resdata = this.state.allstate.filter((x) => x.CountryId == cCode);\r\n this.setState({\r\n bill_stateSelectItems: resdata,\r\n });\r\n }\r\n if (fieldName == \"ship_Country\") {\r\n const resdata = this.state.allstate.filter((x) => x.CountryId == cCode);\r\n this.setState({\r\n ship_stateSelectItems: resdata,\r\n });\r\n }\r\n }\r\n SetCity(sCode, fieldName) {\r\n if (fieldName == \"bill_State\") {\r\n const resdata = this.state.allcity.filter((x) => x.StateId == sCode);\r\n this.setState({\r\n bill_citySelectItems: resdata,\r\n });\r\n }\r\n if (fieldName == \"ship_State\") {\r\n const resdata = this.state.allcity.filter((x) => x.StateId == sCode);\r\n this.setState({\r\n ship_citySelectItems: resdata,\r\n });\r\n }\r\n }\r\n\r\n GetStates(cCode) {\r\n this.CountryService.GetStates(cCode).then((data) => {\r\n const resdata = data.data;\r\n\r\n this.setState({\r\n allstate: resdata.ResponseData,\r\n bill_stateSelectItems: resdata.ResponseData,\r\n ship_stateSelectItems: resdata.ResponseData,\r\n });\r\n\r\n // if(fieldName == 'bill_Country')\r\n // this.setState({\r\n // \"bill_stateSelectItems\" : resdata.ResponseData,\r\n // \"ship_stateSelectItems\" : resdata.ResponseData\r\n // });\r\n\r\n // if(fieldName == 'ship_Country')\r\n // this.setState({\r\n // \"ship_stateSelectItems\" : resdata.ResponseData\r\n // });\r\n });\r\n }\r\n\r\n GetCities(sCode) {\r\n this.CountryService.GetCities(sCode).then((data) => {\r\n const resdata = data.data;\r\n this.setState({\r\n allcity: resdata.ResponseData,\r\n bill_citySelectItems: resdata.ResponseData,\r\n ship_citySelectItems: resdata.ResponseData,\r\n });\r\n //if(fieldName == 'bill_State')\r\n // this.setState({\r\n // \"bill_citySelectItems\" : resdata.ResponseData,\r\n // \"ship_citySelectItems\" : resdata.ResponseData\r\n // });\r\n\r\n // if(fieldName == 'ship_State')\r\n // this.setState({\r\n // \"ship_citySelectItems\" : resdata.ResponseData\r\n // });\r\n });\r\n }\r\n\r\n // GetStates(cCode,fieldName) {\r\n\r\n // this.CountryService.GetStates(cCode).then(data =>{\r\n // const resdata = data.data;\r\n\r\n // if(fieldName == 'bill_Country')\r\n // this.setState({\r\n // \"bill_stateSelectItems\" : resdata.ResponseData\r\n // });\r\n\r\n // if(fieldName == 'ship_Country')\r\n // this.setState({\r\n // \"ship_stateSelectItems\" : resdata.ResponseData\r\n // });\r\n\r\n // });\r\n\r\n // }\r\n\r\n // GetCities(sCode,fieldName) {\r\n\r\n // let cCode = \"\";\r\n\r\n // this.CountryService.GetCities(sCode).then(data => {\r\n // const resdata = data.data;\r\n\r\n // if(fieldName == 'bill_State')\r\n // this.setState({\r\n // \"bill_citySelectItems\" : resdata.ResponseData\r\n // });\r\n\r\n // if(fieldName == 'ship_State')\r\n // this.setState({\r\n // \"ship_citySelectItems\" : resdata.ResponseData\r\n // });\r\n\r\n // });\r\n // }\r\n\r\n // get users data list from api\r\n GetWareHouse(tbl) {\r\n this.tblResponse.SortColumn = \"CreatedDt\";\r\n this.tblResponse.IsWareHouse = true;\r\n this.WareHouseMaterService.Get(this.tblResponse).then((data) => {\r\n const resdata = data.data;\r\n //if responsedata is not null sales state will be set with ResponseData\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n this.setState({\r\n totalRecords: resdata.ResponseData[0].TotalRows,\r\n first: this.tblResponse.First - 1,\r\n sales: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n //if responsedata is null sales state will be set null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecords: 0,\r\n first: 1,\r\n sales: null,\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n });\r\n }\r\n\r\n // call every change of form and validation part also\r\n handleChange(event) {\r\n if (\r\n this.state.bill_Pincode != (null || undefined || \"\") &&\r\n this.state.bill_Address1 != (null || undefined || \"\") &&\r\n this.state.bill_Address2 != (null || undefined || \"\")\r\n ) {\r\n this.setState({\r\n chkbx: false,\r\n });\r\n }\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n\r\n const isValid = this.validateForm(value, name);\r\n this.setState({ errors, [name]: value });\r\n //to set state of IsActive\r\n if (name == \"IsActive\")\r\n this.setState({\r\n IsActive: event.target.checked,\r\n });\r\n }\r\n\r\n // call to update billing to shipping\r\n SameAsBilling(event) {\r\n if (event.target.checked) {\r\n this.setState({\r\n ship_countrySelectItems: this.state.bill_countrySelectItems,\r\n ship_stateSelectItems: this.state.bill_stateSelectItems,\r\n ship_citySelectItems: this.state.bill_citySelectItems,\r\n ship_Country: this.state.bill_Country,\r\n ship_State: this.state.bill_State,\r\n ship_City: this.state.bill_City,\r\n ship_Address1: this.state.bill_Address1,\r\n ship_Address2: this.state.bill_Address2,\r\n GST: this.state.bill_Pincode,\r\n });\r\n }\r\n }\r\n\r\n // Validate form\r\n validateForm(value, name) {\r\n let errors = this.state.formError;\r\n let IsValid = true;\r\n //to validate each form field with required conditions\r\n switch (name) {\r\n case \"CompanyId\":\r\n if (value == undefined || value == \"\") {\r\n IsValid = false;\r\n errors.CompanyId = \"Please select Company\";\r\n } else {\r\n errors.CompanyId = \"\";\r\n }\r\n break;\r\n\r\n case \"FirmName\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.FirmName = \"Please enter WarehouseName.\";\r\n } else {\r\n errors.FirmName = \"\";\r\n }\r\n break;\r\n // case 'ship_Country':\r\n // if (value == undefined || value == \"\") {\r\n // IsValid = false;\r\n // errors.ship_Country = \"Please select country.\";\r\n // } else {\r\n // errors.ship_Country = '';\r\n // this.SetState(value.CountryId, name);\r\n // }\r\n\r\n // break;\r\n case \"bill_Country\":\r\n if (value == undefined || value == \"\") {\r\n IsValid = false;\r\n errors.bill_Country = \"Please select country.\";\r\n } else {\r\n errors.bill_Country = \"\";\r\n this.SetState(value.CountryId, name);\r\n }\r\n break;\r\n\r\n // case \"Wcode\":\r\n // if (value.length < 1) {\r\n // IsValid = false;\r\n // errors.Wcode = \"Please enter Warehouse Code.\";\r\n // } else errors.Wcode = \"\";\r\n // break;\r\n // case 'FirmName':\r\n // if (value.length < 1) {\r\n // IsValid = false;\r\n // errors.FirmName = \"Please enter your Firm name.\";\r\n // }\r\n // else if (value.length >= 1) {\r\n // if (!value.match(/^[A-Za-z]+$/)) {\r\n // IsValid = false;\r\n // errors.FirmName = \"FirmName should be alpha only.\"\r\n // } else errors.FirmName = ''\r\n // }\r\n // else errors.FirmName = ''\r\n // break;\r\n case \"LastName\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.LastName = \"Please enter your last name.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^[A-Za-z]+$/)) {\r\n IsValid = false;\r\n errors.LastName = \"LastName should be alpha only.\";\r\n } else errors.LastName = \"\";\r\n } else errors.LastName = \"\";\r\n break;\r\n // case \"Email\":\r\n // if (value.length < 1) {\r\n // IsValid = false;\r\n // errors.Email = \"Please enter your email-id.\";\r\n // } else if (value.length >= 1) {\r\n // if (!value.match(/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/)) {\r\n // IsValid = false;\r\n // errors.Email = \"Please enter valid email-id.\";\r\n // } else errors.Email = \"\";\r\n // } else errors.Email = \"\";\r\n // break;\r\n // case \"MobileNo\":\r\n // if (value.length < 1) {\r\n // IsValid = false;\r\n // errors.MobileNo = \"Please enter your mobile no.\";\r\n // } else if (value.length >= 1) {\r\n // if (!value.match(/^[6-9]\\d{9}$/)) {\r\n // IsValid = false;\r\n // errors.MobileNo = \"Please enter valid mobile no.\";\r\n // } else errors.MobileNo = \"\";\r\n // } else errors.MobileNo = \"\";\r\n // break;\r\n\r\n case \"IsActive\":\r\n this.setState({\r\n IsActive: value,\r\n });\r\n break;\r\n // case 'ship_City':\r\n // if (value == undefined || value == \"\") {\r\n // IsValid = false;\r\n // errors.ship_City = \"Please select city\";\r\n // } else\r\n // errors.ship_City = '';\r\n // break;\r\n case \"bill_City\":\r\n if (value == undefined || value == \"\") {\r\n IsValid = false;\r\n errors.bill_City = \"Please select city\";\r\n } else errors.bill_City = \"\";\r\n break;\r\n case \"bill_State\":\r\n if (value == undefined || value == \"\") {\r\n IsValid = false;\r\n errors.bill_State = \"Please select state\";\r\n } else {\r\n errors.bill_State = \"\";\r\n this.SetCity(value.StateId, name);\r\n }\r\n break;\r\n // case 'ship_State':\r\n // if (value == undefined || value == \"\") {\r\n // IsValid = false;\r\n // errors.ship_State = \"Please select state\";\r\n // } else {\r\n // errors.ship_State = '';\r\n // this.SetCity(value.StateId, name);\r\n // }\r\n // break;\r\n // case \"bill_Address1\":\r\n // if (value.length < 1) {\r\n // IsValid = false;\r\n // errors.bill_Address1 = \"Please enter address1\";\r\n // }\r\n // break;\r\n // case \"bill_Address2\":\r\n // if (value.length < 1) {\r\n // IsValid = false;\r\n // errors.bill_Address2 = \"Please enter address2\";\r\n // }\r\n // break;\r\n case \"bill_Pincode\":\r\n if (value == undefined || value == \"\" || value.length < 1) {\r\n IsValid = false;\r\n errors.bill_Pincode = \"Please enter pincode\";\r\n } else if (!value.match(/^[0-9]+$/)) {\r\n IsValid = false;\r\n errors.bill_Pincode = \"Please enter valid pincode.\";\r\n } else if (value.length != 6) {\r\n IsValid = false;\r\n errors.bill_Pincode = \"Please enter valid pincode\";\r\n } else errors.bill_Pincode = \"\";\r\n break;\r\n // case 'ship_Address1':\r\n // if (value.length < 1) {\r\n // IsValid = false;\r\n // errors.ship_Address1 = \"Please enter address1\";\r\n // }\r\n // break;\r\n // case 'ship_Address2':\r\n // if (value.length < 1) {\r\n // IsValid = false;\r\n // errors.ship_Address2 = \"Please enter address2\";\r\n // }\r\n // break;\r\n // case 'GST':\r\n // if (!value.match(/^\\d{2}[A-Z]{5}\\d{4}[A-Z]{1}[1-9A-Z]{1}[Z]{1}[A-Z\\d]{1}$/)) {\r\n // IsValid = false;\r\n // errors.GST = \"Please enter valid GST number\";\r\n // }\r\n // else\r\n // errors.GST = '';\r\n // break;\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n }\r\n\r\n // reset form text value\r\n formReset() {\r\n this.setState({\r\n ID: \"0\",\r\n Wcode: \"\",\r\n FirmName: \"\",\r\n Email: \"\",\r\n MobileNo: \"\",\r\n IsActive: true,\r\n ship_City: \"\",\r\n ship_State: \"\",\r\n chkbx: true,\r\n ship_Country: \"\",\r\n ship_Address1: \"\",\r\n ship_Address2: \"\",\r\n GST: \"\",\r\n bill_City: \"\",\r\n bill_State: \"\",\r\n bill_Country: \"\",\r\n bill_Address1: \"\",\r\n bill_Address2: \"\",\r\n bill_Pincode: \"\",\r\n });\r\n let errors = this.state.formError;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n\r\n hideFunc() {\r\n this.setState({\r\n visible: false,\r\n buttonLabel: \"Submit\",\r\n formHeading: \"Add Warehouse\",\r\n });\r\n this.formReset();\r\n }\r\n // open Dialog\r\n openDialog() {\r\n this.setState({ visible: true });\r\n this.formReset();\r\n }\r\n // submit form and create or update user\r\n submitForm(event) {\r\n event.preventDefault();\r\n\r\n let isfrmvalid = true;\r\n let checkerror = this.state.formError;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateForm(val, key);\r\n //form is not valid\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n //form is valid\r\n if (isfrmvalid) {\r\n this.setState({ updateLoader: false });\r\n console.log(this.ship_City);\r\n\r\n const formData = {\r\n Wcode: this.state.Wcode,\r\n CompanyId: this.state.CompanyId.CompId,\r\n FirmName: this.state.FirmName,\r\n Email: this.state.Email,\r\n MobileNo: this.state.MobileNo,\r\n ID: this.state.ID,\r\n IsActive: this.state.IsActive,\r\n ship_City: this.state.bill_City.CityId,\r\n ship_State: this.state.bill_State.StateId,\r\n ship_Country: this.state.bill_Country.CountryId,\r\n ship_Pincode: this.state.bill_Pincode,\r\n GST: this.state.GST,\r\n ship_Address1: this.state.bill_Address1,\r\n ship_Address2: this.state.bill_Address2,\r\n bill_City: this.state.bill_City.CityId,\r\n bill_State: this.state.bill_State.StateId,\r\n bill_Country: this.state.bill_Country.CountryId,\r\n bill_Pincode: this.state.bill_Pincode,\r\n bill_Address1: this.state.bill_Address1,\r\n bill_Address2: this.state.bill_Address2,\r\n IsFactory: this.state.IsFactory,\r\n };\r\n\r\n setTimeout(() => {\r\n this.WareHouseMaterService.Save(formData).then((data) => {\r\n const resdata = data.data;\r\n //if ResponseCode is 200 success message will be shown else it will move 'else statement'\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n this.setState({\r\n loading: true,\r\n visible: false,\r\n updateLoader: true,\r\n });\r\n this.formReset();\r\n this.GetWareHouse(this.tblResponse);\r\n this.GetWareHouseExport();\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.setState({\r\n updateLoader: true,\r\n });\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n\r\n this.setState({\r\n loading: true,\r\n visible: false,\r\n updateLoader: true,\r\n });\r\n });\r\n }, 100);\r\n }\r\n }\r\n\r\n // delete user data\r\n deleteUser(ID) {\r\n this.WareHouseMaterService.DeleteUser(ID).then((data) => {\r\n const resdata = data.data;\r\n //if ResponseCode is 200 success message will be shown else it will move 'else statement'\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.GetWareHouse(this.tblResponse);\r\n this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n const totlrecord = this.state.totalRecords - 1;\r\n const row = this.state.rows;\r\n\r\n if (this.tblResponse.First >= totlrecord) {\r\n const _curntCursor = Math.round(totlrecord / row);\r\n this.tblResponse.First = _curntCursor + 1;\r\n }\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }\r\n\r\n setOnEditDDL(rowData) {\r\n this.SetState(rowData.ship_Country, \"ship_Country\");\r\n this.SetState(rowData.bill_Country, \"bill_Country\");\r\n this.SetCity(rowData.ship_State, \"ship_State\");\r\n this.SetCity(rowData.bill_State, \"bill_State\");\r\n }\r\n //to get company data for ddl\r\n GetCompany() {\r\n this.CompanyMasterService.GetCompanyDDL().then((data) => {\r\n const resdata = data.data;\r\n //if ResponseData is not null companyDDL state will be set to ResponseData\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.setState({\r\n companyDDL: resdata.ResponseData,\r\n });\r\n }\r\n });\r\n }\r\n // Search Filter\r\n searchFilter(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetWareHouse();\r\n }\r\n\r\n callbackFunction = (childData) => {\r\n this.setState({ message: childData });\r\n };\r\n\r\n // disabled check box\r\n activeTemplate(rowData, column) {\r\n return ;\r\n }\r\n\r\n // sort page\r\n onSort(event) {\r\n this.setState({\r\n sortOrder: this.state.sortOrder === 1 ? 2 : 1,\r\n sortIcon: !this.state.sortIcon,\r\n });\r\n const sortField =\r\n event.sortField == \"CreatedDt\" ? \"CreatedDt\" : event.sortField;\r\n this.tblResponse.SortColumn = sortField ? sortField : \"\";\r\n this.tblResponse.SortOrder = this.state.sortOrder === 1 ? \"DESC\" : \"ASC\";\r\n this.GetWareHouse(this.tblResponse);\r\n const clickData = document.getElementsByClassName(\r\n \"p-sortable-column-icon pi pi-fw pi-sort\"\r\n );\r\n console.log(event);\r\n }\r\n\r\n // edit form\r\n actionTemplate(rowData, column) {\r\n const editMode = (e) => {\r\n this.setState({\r\n buttonLabel: \"Update\",\r\n formHeading: \"Update Warehouse\",\r\n visible: true,\r\n Wcode: rowData.WCode,\r\n ID: rowData.ID,\r\n FirmName: rowData.FirmName,\r\n Email: rowData.Email,\r\n MobileNo: rowData.MobileNo,\r\n IsActive: rowData.IsActive,\r\n ship_Address1: rowData.ship_Address1,\r\n ship_Address2: rowData.ship_Address2,\r\n ship_Pincode: rowData.ship_Pincode,\r\n GST: rowData.GST,\r\n bill_Address1: rowData.bill_Address1,\r\n bill_Address2: rowData.bill_Address2,\r\n bill_Pincode: rowData.bill_Pincode,\r\n });\r\n\r\n const ship_CountryObj = this.state.ship_countrySelectItems.filter(\r\n (x) => x.CountryId == rowData.ship_Country\r\n );\r\n const bill_CountryObj = this.state.bill_countrySelectItems.filter(\r\n (x) => x.CountryId == rowData.bill_Country\r\n );\r\n\r\n this.SetState(rowData.ship_Country, \"ship_Country\"); //ship\r\n this.SetState(rowData.bill_Country, \"bill_Country\"); //bll\r\n this.SetCity(rowData.ship_State, \"ship_State\");\r\n this.SetCity(rowData.bill_State, \"bill_State\");\r\n\r\n const ship_StateObj = this.state.allstate.filter(\r\n (x) => x.StateId == rowData.ship_State\r\n );\r\n const bill_StateObj = this.state.allstate.filter(\r\n (x) => x.StateId == rowData.bill_State\r\n );\r\n const ship_CityObj = this.state.allcity.filter(\r\n (x) => x.CityId == rowData.ship_City\r\n );\r\n const bill_CityObj = this.state.allcity.filter(\r\n (x) => x.CityId == rowData.bill_City\r\n );\r\n\r\n this.setState({\r\n CompanyId: this.state.companyDDL.filter(\r\n (y) => y.CompId == rowData.CompanyId\r\n )[0],\r\n ship_Country: ship_CountryObj[0],\r\n bill_Country: bill_CountryObj[0],\r\n ship_State: ship_StateObj[0],\r\n bill_State: bill_StateObj[0],\r\n ship_City: ship_CityObj[0],\r\n bill_City: bill_CityObj[0],\r\n });\r\n };\r\n\r\n const deleteFunc = () => {\r\n confirmAlert({\r\n title: \"Confirm to delete\",\r\n message: \"Are you sure to do this.\",\r\n buttons: [\r\n {\r\n label: \"Yes\",\r\n onClick: () => this.deleteUser(rowData.ID),\r\n },\r\n {\r\n label: \"No\",\r\n onClick: () => null,\r\n },\r\n ],\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n );\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n Warehouse Master
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n Export\r\n \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, { Component } from \"react\";\r\nimport \"primereact/resources/themes/saga-blue/theme.css\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { CSVLink, CSVDownload } from \"react-csv\";\r\nimport { Calendar } from \"primereact/calendar\";\r\nimport tableRequest from \"../../models/tableRequest.js\";\r\nimport UserService from \"../../services/UserService\";\r\nimport ItemLedgerReportService from \"../../services/ItemLedgerReportService\";\r\nimport WareHouseMaterService from \"../../services/WareHouseMaterService\";\r\nimport ProductService from \"../../services/ProductService\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { Column } from \"primereact/column\";\r\nimport MessageComponent from \"../../template/Message\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport $ from \"jquery\";\r\nimport Loaders from \"../../template/Loaders\";\r\nimport { DriveEtaSharp } from \"@material-ui/icons\";\r\nimport { withWidth } from \"@material-ui/core\";\r\n\r\nexport default class ItemWiseStockDetail extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.surveyLink = React.createRef();\r\n this.UserService = new UserService();\r\n this.ProductService = new ProductService();\r\n this.WareHouseMaterService = new WareHouseMaterService();\r\n this.ItemLedgerReportService = new ItemLedgerReportService();\r\n this.tblResponse = new tableRequest();\r\n this.state = {\r\n warehouseVisible: true,\r\n WareHouseId: \"\",\r\n ddid: \"\",\r\n FromDate: new Date(),\r\n ToDate: new Date(),\r\n SendTo: \"\",\r\n success: false,\r\n updateLoader: false,\r\n visible: false,\r\n sortOrder: \"\",\r\n sales: [],\r\n loading: true,\r\n first: 0,\r\n rows: 10,\r\n totalRecords: 0,\r\n globalFilter: null,\r\n emptyMessage: \"No Data found\",\r\n allData: [],\r\n wareHouseDDL: [],\r\n UserDDL: [],\r\n SelectedDDL: [],\r\n ProductDDL: [],\r\n };\r\n this.onPage = this.onPage.bind(this);\r\n this.FilterData = this.FilterData.bind(this);\r\n this.GetReportExport = this.GetReportExport.bind(this);\r\n this.searchFilter = this.searchFilter.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.onSort = this.onSort.bind(this);\r\n this.GetReportData = this.GetReportData.bind(this);\r\n }\r\n //to trigger api function on page call\r\n componentDidMount() {\r\n setTimeout(() => {\r\n var date = new Date();\r\n date.setDate(date.getDate() - 7);\r\n this.tblResponse.FromDate = date.toLocaleDateString();\r\n this.tblResponse.ToDate = new Date().toLocaleDateString();\r\n this.setState({\r\n FromDate: date,\r\n ToDate: new Date(),\r\n });\r\n\r\n this.GetReport();\r\n\r\n // this.GetReportExport();\r\n }, 100);\r\n\r\n $(\".p-column-title\").on(\"click\", function () {\r\n $(this)\r\n .next()\r\n .removeClass(\"pi-sort\")\r\n .toggleClass(\"pi-sort-up\")\r\n .addClass(\"pi-sort-down\");\r\n });\r\n }\r\n //to search\r\n searchFilter(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetReport();\r\n }\r\n\r\n onChange = (date) => this.setState({ FromDate: \"\", ToDate: \"\" });\r\n //on page loading\r\n onPage(event) {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n this.getLazyLoadingValues(event);\r\n this.GetReport();\r\n }, 250);\r\n }\r\n\r\n // get data list from api\r\n GetReportExport() {\r\n this.tblResponse.FromDate = this.state.FromDate.toLocaleDateString();\r\n this.tblResponse.ToDate = this.state.ToDate.toLocaleDateString();\r\n\r\n if (this.state.WareHouseId)\r\n this.tblResponse.WareHouseId = this.state.WareHouseId.ID;\r\n else this.tblResponse.WareHouseId = 0;\r\n\r\n if (this.state.ddid) this.tblResponse.UserId = this.state.ddid.UserId;\r\n else this.tblResponse.UserId = 0;\r\n\r\n this.ItemLedgerReportService.GetStockExport(this.tblResponse).then(\r\n (data) => {\r\n const resdata = data.data;\r\n console.log(this.state.SelectedDDL);\r\n //if response data not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.setState({\r\n allData: resdata.ResponseData,\r\n });\r\n\r\n this.setState({ allData: resdata.ResponseData }, () => {\r\n this.surveyLink.link.click();\r\n });\r\n } else {\r\n // this.setState({\r\n // allData: null\r\n // });\r\n }\r\n }\r\n );\r\n }\r\n\r\n //to get warehouse data for ddl\r\n GetWareHouse(compId) {\r\n this.WareHouseMaterService.GetWareHouseDDL(compId).then((data) => {\r\n const resdata = data.data;\r\n //if response data not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n //const filteredWareHouse = resdata.ResponseData.filter(x=>x.ID != this.ApiService.getWareHouseId())\r\n var factory = resdata.ResponseData.filter((x) => x.IsFactory == true);\r\n const warehouse = resdata.ResponseData.filter(\r\n (x) => x.IsFactory == false\r\n );\r\n const mergedArr = [...factory, ...warehouse];\r\n this.setState({\r\n wareHouseDDL: mergedArr,\r\n });\r\n }\r\n });\r\n }\r\n\r\n //to get active users\r\n GetActiveUsers() {\r\n this.UserService.GetAllActiveUsers().then((data) => {\r\n const resdata = data.data;\r\n //if response data not null\r\n\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.setState({\r\n UserDDL: resdata.ResponseData,\r\n });\r\n }\r\n });\r\n }\r\n\r\n //to handle change\r\n handleChange(event) {\r\n let user = sessionStorage.getItem(\"username\");\r\n let userid = sessionStorage.getItem(\"userid\");\r\n const { name, value } = event.target;\r\n //to validate each form field with required conditions\r\n switch (name) {\r\n case \"SendTo\":\r\n if (this.state.warehouseVisible) {\r\n if (this.state.SendTo != null && value != null) {\r\n let req = {\r\n WareHouseId: value.ID,\r\n IsWareHouse: true,\r\n };\r\n this.GetProductDDL(req);\r\n }\r\n } else {\r\n if (this.state.SendTo != null && value != null) {\r\n let req = {\r\n UserId: value.UserId,\r\n IsWareHouse: false,\r\n };\r\n this.GetProductDDL(req);\r\n }\r\n }\r\n break;\r\n case \"FromDate\":\r\n if (value == null || !(value instanceof Date)) {\r\n this.formIsValid = false;\r\n this.refs.Messchild.showError(\"Please select from date.\");\r\n return;\r\n } else if (\r\n !value.toLocaleDateString().match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/)\r\n ) {\r\n this.formIsValid = false;\r\n this.refs.Messchild.showError(\"Please enter only date.\");\r\n return;\r\n } else if (value instanceof Date && this.state.ToDate instanceof Date) {\r\n const startDate = value;\r\n const endDate = this.state.ToDate;\r\n if (!(Date.parse(startDate) <= Date.parse(endDate))) {\r\n this.formIsValid = false;\r\n this.refs.Messchild.showError(\r\n \"From date must be less than to date.\"\r\n );\r\n return;\r\n }\r\n }\r\n\r\n break;\r\n case \"ToDate\":\r\n if (value == null || !(value instanceof Date)) {\r\n this.formIsValid = false;\r\n this.refs.Messchild.showError(\"Please select to date.\");\r\n return;\r\n } else if (\r\n !value.toLocaleDateString().match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/)\r\n ) {\r\n this.formIsValid = false;\r\n this.refs.Messchild.showError(\"Please enter only date.\");\r\n return;\r\n } else if (\r\n value instanceof Date &&\r\n this.state.FromDate instanceof Date\r\n ) {\r\n const startDate = this.state.FromDate;\r\n const endDate = value;\r\n if (!(Date.parse(startDate) <= Date.parse(endDate))) {\r\n this.formIsValid = false;\r\n this.refs.Messchild.showError(\r\n \"To date must be greater than from date.\"\r\n );\r\n return;\r\n }\r\n }\r\n\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n this.setState({ [name]: value });\r\n }\r\n //to filter data\r\n FilterData() {\r\n this.tblResponse.FromDate = this.state.FromDate.toLocaleDateString();\r\n this.tblResponse.ToDate = this.state.ToDate.toLocaleDateString();\r\n this.tblResponse.ToDate = this.state.ToDate.toLocaleDateString();\r\n this.setState({ sales: [] });\r\n this.GetReport();\r\n }\r\n\r\n getLazyLoadingValues(event) {\r\n this.setState({ rows: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.First = event.first + 1;\r\n this.tblResponse.IsActive = \"1\";\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n //this.tblResponse.SortColumn = event.sortField;\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n this.tblResponse.FromDate = this.state.FromDate;\r\n this.tblResponse.ToDate = this.state.ToDate;\r\n }\r\n //to get report data\r\n GetReport() {\r\n if (sessionStorage.getItem(\"uid\") == 1) {\r\n this.GetProductDDL({\r\n UserId: sessionStorage.getItem(\"uid\"),\r\n IsWareHouse: false,\r\n });\r\n this.GetWareHouse(0);\r\n //this.GetActiveUsers();\r\n setTimeout(() => {\r\n if (this.state.SendTo != null && this.state.SendTo != \"\")\r\n this.tblResponse.WareHouseId = this.state.SendTo.ID;\r\n else {\r\n this.setState({\r\n SendTo: this.state.wareHouseDDL[0],\r\n });\r\n this.tblResponse.WareHouseId = this.state.wareHouseDDL[0].ID;\r\n }\r\n\r\n this.tblResponse.UserId = 0;\r\n this.tblResponse.IsWareHouse = true;\r\n\r\n this.tblResponse.ProductId = this.state.ProductId;\r\n this.GetReportData();\r\n }, 500);\r\n } else {\r\n this.GetProductDDL({\r\n UserId: sessionStorage.getItem(\"uid\"),\r\n IsWareHouse: false,\r\n });\r\n let wid = sessionStorage.getItem(\"wid\");\r\n this.tblResponse.UserId = sessionStorage.getItem(\"uid\");\r\n this.tblResponse.WareHouseId = wid == null ? 0 : wid;\r\n this.tblResponse.ProductId = this.state.ProductId;\r\n this.GetReportData();\r\n }\r\n // if (this.state.WareHouseId)\r\n // this.tblResponse.WareHouseId = this.state.WareHouseId.ID;\r\n // else\r\n // this.tblResponse.WareHouseId=0;\r\n\r\n // if (this.state.ddid)\r\n // this.tblResponse.UserId = this.state.ddid.UserId;\r\n // else\r\n // this.tblResponse.UserId = 0 ;\r\n\r\n // this.datasource = null;\r\n // this.setState({\r\n // totalRecords: 0,\r\n // first: 1,\r\n // sales: null,\r\n // loading: false\r\n // });\r\n }\r\n\r\n GetReportData() {\r\n this.ItemLedgerReportService.GetStockReport(this.tblResponse).then(\r\n (data) => {\r\n const resdata = data.data;\r\n this.setState({ updateLoader: true });\r\n //if response data not null\r\n debugger;\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n this.setState({\r\n totalRecords: resdata.ResponseData[0].TotalRows,\r\n first: this.tblResponse.First - 1,\r\n sales: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n });\r\n }\r\n //if response data null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecords: 0,\r\n first: 1,\r\n sales: null,\r\n loading: false,\r\n });\r\n }\r\n }\r\n );\r\n }\r\n\r\n //get Product drop down list\r\n GetProductDDL(req) {\r\n this.ProductService.GetMapProductsDDLBySelectionWU(req).then((data) => {\r\n const resdata = data.data;\r\n //if response data not null\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n this.setState({\r\n ProductDDL: resdata.ResponseData,\r\n });\r\n }\r\n });\r\n }\r\n //to sort\r\n onSort(event) {\r\n this.setState({ sortOrder: this.state.sortOrder === 1 ? 2 : 1 });\r\n const sortField =\r\n event.sortField == \"CreatedDate\" ? \"CreatedDt\" : event.sortField;\r\n this.tblResponse.SortColumn = sortField ? sortField : \"\";\r\n this.tblResponse.SortOrder = this.state.sortOrder === 1 ? \"DESC\" : \"ASC\";\r\n this.GetReport();\r\n }\r\n\r\n //to render html part\r\n render() {\r\n let header = (\r\n \r\n \r\n
*/}\r\n \r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n value={this.state.CompanyId}\r\n className=\"form-control\"\r\n placeholder=\"Select Company\"\r\n name=\"CompanyId\"\r\n options={this.state.companyDDL}\r\n />\r\n {this.state.formError.CompanyId !== null ? (\r\n
\r\n\r\n {this.state.formError.CompanyId}
\r\n ) : null}\r\n \r\n \r\n
\r\n\r\n {this.state.formError.Wcode}
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n\r\n {this.state.formError.FirmName}
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n {this.state.formError.Email}
\r\n ) : null}\r\n \r\n \r\n
\r\n {this.state.formError.MobileNo}
\r\n ) : null}\r\n \r\n \r\n
\r\n\r\n {/* {this.state.formError.GST}
\r\n ) : null}\r\n \r\n \r\n
*/}\r\n \r\n
\r\n {/* \r\n Billing Address\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {this.state.formError.bill_Country}\r\n
\r\n ) : null}\r\n \r\n {this.state.formError.bill_State}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_City}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_Address1}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_Address2}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_Pincode}\r\n
\r\n ) : null}\r\n \r\n
*/}\r\n\r\n Shipping Address
\r\n \r\n\r\n\r\n\r\n \r\n
\r\n {this.state.formError.ship_Country}
: null}\r\n \r\n \r\n
\r\n {this.state.formError.ship_State}
: null}\r\n \r\n \r\n
\r\n {this.state.formError.ship_City}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Address1 !== null ?\r\n
\r\n {this.state.formError.ship_Address1}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Address2 !== null ?\r\n
\r\n {this.state.formError.ship_Address2}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Pincode !== null ?\r\n
\r\n {this.state.formError.GST}
: 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 return (\r\n <>\r\n \r\n \r\n
\r\n {/* \r\n \r\n this.surveyLink = r}\r\n filename={\"Stock report.csv\"}\r\n >\r\n Export\r\n \r\n
*/}\r\n \r\n
\r\n Available Stock Report
\r\n\r\n
\r\n );\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n Export */}\r\n\r\n \r\n Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Damage report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Damage Report
\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 Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"DeMapping report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n DeMapping Reports
\r\n\r\n
\r\n \r\n {/*
\r\n \r\n
\r\n Damage Carton
\r\n\r\n
\r\n \r\n \r\n { this.setState({ reason: e.target.value }) }} name=\"reason\" value={this.state.reason} type=\"search\" autoComplete='off' className=\"form-control ml-2\" id=\"scan\" />\r\n
\r\n \r\n \r\n { this.setState({ scanTxt: e.target.value }) }} name=\"scanTxt\" value={this.state.scanTxt} type=\"search\" autoComplete='off' className=\"form-control ml-2\" id=\"scan\" onKeyDown={e => { this.ScanItem(e) }} />\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport DispatchService from \"../../services/DispatchService\";\r\nimport MessageComponent from \"../../template/Message\";\r\nexport default class QrCodeReport extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.DispatchService = new DispatchService();\r\n this.state = {\r\n isDetail: false,\r\n journeyList: [],\r\n scanTxt: \"\",\r\n did: false,\r\n tid: false,\r\n qrs: true,\r\n sid: false,\r\n TIDproducts: [],\r\n iddata: [],\r\n expandedRows: \"\",\r\n iddata2: [],\r\n expandedRows2: \"\",\r\n activeIndex: 0,\r\n };\r\n this.items = [];\r\n this.ScanItem = this.ScanItem.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.rowExpansionTemplate = this.rowExpansionTemplate.bind(this);\r\n this.rowExpansionTemplate2 = this.rowExpansionTemplate2.bind(this);\r\n this.toggle = this.toggle.bind(this);\r\n this.toggle2 = this.toggle2.bind(this);\r\n }\r\n\r\n // call every change of form and validation part also\r\n handleChange(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n\r\n // const isValid = this.validateForm(value, name);\r\n this.setState({ errors, [name]: value });\r\n }\r\n toggle(e) {\r\n console.log(this.state.expandedRows);\r\n if (e.length == 0 || this.state.expandedRows.length > 0) {\r\n this.setState({ expandedRows: \"\" });\r\n this.setState({\r\n iddata: \"\",\r\n });\r\n } else {\r\n let uid = e.data[0].Id;\r\n this.DispatchService.GetScanInfo(uid).then((res) => {\r\n const resp = res.data;\r\n let qr = [];\r\n let val;\r\n resp.ResponseData.forEach((element) => {\r\n if (val == element.Id) {\r\n } else {\r\n val = element.Id;\r\n qr.push(element);\r\n }\r\n });\r\n this.setState({\r\n iddata: qr,\r\n });\r\n });\r\n this.setState({ expandedRows: e.data });\r\n }\r\n }\r\n toggle2(e) {\r\n console.log(this.state.expandedRows);\r\n if (e.length == 0 || this.state.expandedRows2.length > 0) {\r\n this.setState({ expandedRows2: \"\" });\r\n this.setState({\r\n iddata2: \"\",\r\n });\r\n } else {\r\n let uid = e.data[0].Id;\r\n this.DispatchService.GetScanInfo(uid).then((res) => {\r\n const resp = res.data;\r\n let qr = [];\r\n let val;\r\n resp.ResponseData.forEach((element) => {\r\n if (val == element.SeqNo) {\r\n } else {\r\n val = element.Id;\r\n qr.push(element);\r\n }\r\n });\r\n this.setState({\r\n iddata2: qr,\r\n });\r\n });\r\n this.setState({ expandedRows2: e.data });\r\n }\r\n }\r\n // scan qr code\r\n ScanItem(e) {\r\n if (e.key === \"Enter\") {\r\n let qr = e.target.value;\r\n\r\n // if (qr.includes(\"iil\")||qr.includes(\"104\")|| (qr.includes(\"SID\")||qr.includes(\"TID\")))\r\n // {\r\n if (qr.includes(\"DID\")) {\r\n this.DispatchService.GetScanInfo(qr).then((data) => {\r\n const res = data.data;\r\n if (res.ResponseCode === \"200\") {\r\n //if (qr.includes('DID')) {\r\n this.setState({\r\n qrs: false,\r\n TIDproducts: res.ResponseData,\r\n did: true,\r\n tid: false,\r\n sid: false,\r\n });\r\n //}\r\n // else if (qr.includes('TID')) {\r\n // this.rowExpansionTemplate(res.ResponseData)\r\n // this.setState({ qrs:false,\r\n // iddata: res.ResponseData,\r\n // tid: true,\r\n // sid: false,\r\n // did: false\r\n\r\n // })\r\n // }\r\n // else if (qr.includes('SID')) {\r\n // this.rowExpansionTemplate(res.ResponseData)\r\n // this.setState({\r\n\r\n // qrs:false,\r\n // iddata2: res.ResponseData,\r\n // sid: true,\r\n // did: false,\r\n // tid: false\r\n\r\n // })\r\n // }\r\n\r\n //console.log(this.state.TIDproducts);\r\n }\r\n });\r\n //this.refs.Messchild.showWarn(\"Invalid QR code scanned\");\r\n } else {\r\n qr = qr.includes(\"=\") ? qr.split(\"=\")[1] : qr;\r\n\r\n this.DispatchService.GetJourney(qr).then((data) => {\r\n const resdata = data.data;\r\n //if response data not null\r\n if (resdata !== null && resdata.ResponseCode === \"200\") {\r\n // this.items = [] = [];\r\n this.setState({\r\n journeyList: resdata.ResponseData,\r\n qrs: true,\r\n did: false,\r\n tid: false,\r\n sid: false,\r\n });\r\n } else this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n });\r\n }\r\n this.setState({\r\n scanTxt: \"\",\r\n });\r\n }\r\n }\r\n rowExpansionTemplate(data) {\r\n if (data.Id.includes(\"SID\")) {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n } else if (data.Id.includes(\"TID\")) {\r\n return (\r\n Items In {data.Id}
\r\n\r\n {\r\n this.toggle2(e);\r\n }}\r\n rowExpansionTemplate={this.rowExpansionTemplate2}\r\n >\r\n
\r\n );\r\n }\r\n }\r\n rowExpansionTemplate2(data) {\r\n return (\r\n Items In {data.Id}
\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const item = [];\r\n for (const [index, value] of this.state.journeyList.entries()) {\r\n item.push(\r\n Items In {data.Id}
\r\n\r\n
\r\n\r\n {/* QR Code Tracking Report
\r\n\r\n this.setState(pre=>({isDetail:!pre.isDetail}))} checked={this.state.isDetail} />\r\n \r\n
*/}\r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n name=\"scanTxt\"\r\n value={this.state.scanTxt}\r\n type=\"search\"\r\n autoComplete=\"off\"\r\n className=\"form-control ml-2\"\r\n id=\"scan\"\r\n onKeyDown={(e) => {\r\n this.ScanItem(e);\r\n }}\r\n autoFocus\r\n />\r\n
\r\n\r\n \r\n {this.state.qrs && (\r\n
\r\n - \r\n {item}\r\n
\r\n .\r\n {this.state.did && (\r\n {\r\n this.toggle(e);\r\n }}\r\n rowExpansionTemplate={this.rowExpansionTemplate}\r\n >\r\n {\r\n this.toggle2(e);\r\n }}\r\n rowExpansionTemplate={this.rowExpansionTemplate2}\r\n >\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport UserService from '../services/UserService';\r\nimport MessageComponent from '../template/Message';\r\n\r\n// Manage password\r\nexport default class ChangePassword extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n UserName: '',\r\n OldPassword: '',\r\n NewPassword: '',\r\n UserId: 0,\r\n\r\n formError: {\r\n OldPassword: null,\r\n NewPassword: null\r\n }\r\n }\r\n\r\n this.UserService = new UserService();\r\n this.handleChange = this.handleChange.bind(this);\r\n this.submitForm = this.submitForm.bind(this);\r\n }\r\n //trigger api function on page call\r\n componentDidMount() {\r\n this.getUser();\r\n }\r\n\r\n //get user list\r\n getUser() {\r\n this.UserService.getUser().then(data => {\r\n const resdata = data.data;\r\n //if ResponseCode is 200\r\n if (resdata.ResponseCode === '200') {\r\n const usr = resdata.ResponseData;\r\n this.setState({\r\n UserName: usr.Username,\r\n UserId: usr.UserId\r\n });\r\n }\r\n });\r\n }\r\n\r\n // submit form and create or update user\r\n submitForm(event) {\r\n event.preventDefault();\r\n\r\n let isfrmvalid = true;\r\n let checkerror = this.state.formError;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key]\r\n let valid = this.validateForm(val, key);\r\n //form not valid\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n //form valid\r\n if (isfrmvalid) {\r\n const formData = {\r\n UserName: this.state.UserName,\r\n OldPassword: this.state.OldPassword,\r\n NewPassword: this.state.NewPassword,\r\n UserId: this.state.UserId\r\n }\r\n\r\n this.UserService.ChangePassword(formData).then(data => {\r\n const resdata = data.data;\r\n //if ResponsCode is 200 success else error or warning message\r\n if (resdata !== null && resdata.ResponseCode === '200') {\r\n this.setState({\r\n loading: true,\r\n visible: false\r\n });\r\n const res = this.refs.Messchild.showSuccess(resdata.ResponseMessage);\r\n if (res) {\r\n setTimeout(() => {\r\n sessionStorage.clear();\r\n window.location = '/login';\r\n }, 2000);\r\n }\r\n\r\n } else if (resdata.ResponseCode === '400') {\r\n this.refs.Messchild.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.refs.Messchild.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }\r\n }\r\n\r\n // form Reset\r\n formReset() {\r\n this.setState({\r\n UserName: '',\r\n OldPassword: '',\r\n NewPassword: ''\r\n });\r\n }\r\n\r\n // call every change of form and validation part also\r\n handleChange(event) {\r\n\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n\r\n const isValid = this.validateForm(value, name);\r\n this.setState({ errors, [name]: value });\r\n }\r\n\r\n // validate Form\r\n validateForm(value, name) {\r\n let errors = this.state.formError;\r\n let IsValid = true;\r\n //to validate each form field with required conditions\r\n switch (name) { \r\n case 'OldPassword':\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.OldPassword = \"Please enter old password.\";\r\n } else if (value.length >= 1 && this.state.NewPassword.length >= 1) {\r\n errors.OldPassword = '';\r\n errors.NewPassword = '';\r\n if (value == this.state.NewPassword) {\r\n IsValid = false;\r\n errors.OldPassword = \"Old password and new password should not be same.\";\r\n }\r\n } else errors.OldPassword = ''\r\n break;\r\n\r\n case 'NewPassword':\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.NewPassword = \"Please enter new password.\";\r\n } else if (value.length >= 1 && this.state.OldPassword.length >= 1) {\r\n errors.OldPassword = '';\r\n errors.NewPassword = '';\r\n if (value == this.state.OldPassword) {\r\n IsValid = false;\r\n errors.NewPassword = \"New password and old password should not be same.\";\r\n }\r\n } else errors.NewPassword = ''\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n }\r\n\r\n // return html\r\n render() {\r\n return (\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 Factory Master
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n Export\r\n \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, { Component } from \"react\";\r\nimport \"primereact/resources/themes/saga-blue/theme.css\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { Button } from \"primereact/button\";\r\nimport $ from \"jquery\";\r\nimport NumberGenerationService from \"../../services/NumberGenerationService\";\r\nimport MessageComponent from \"../../template/Message\";\r\nimport tableRequest from \"../../models/tableRequest\";\r\nimport ApiService from \"../../services/apiService\";\r\nimport Loaders from \"../../template/Loaders\";\r\n// TO Generate NUmber\r\nexport default class AdminNumberGenerated extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.NumberGenerationService = new NumberGenerationService();\r\n this.ApiService = new ApiService();\r\n this.tblResponse = new tableRequest();\r\n this.state = {\r\n visible: false,\r\n buttonLabel: \"Submit\",\r\n updateLoader: false,\r\n formHeading: \"Add Number Generation\",\r\n sortOrder: \"\",\r\n FromNo: \"\",\r\n ToNo: \"\",\r\n Qty: \"\",\r\n formError: {\r\n FromNo: null,\r\n ToNo: null,\r\n Qty: null,\r\n },\r\n prefix: \"\",\r\n downloadLink: \"\",\r\n sales: [],\r\n loading: true,\r\n first: 0,\r\n rows: 10,\r\n totalRecords: 0,\r\n globalFilter: null,\r\n emptyMessage: \"No Data found\",\r\n };\r\n\r\n this.actionTemplate = this.actionTemplate.bind(this);\r\n this.handleChnage = this.handleChnage.bind(this);\r\n //this.submitForm = this.submitForm.bind(this);\r\n this.hideFunc = this.hideFunc.bind(this);\r\n this.onPage = this.onPage.bind(this);\r\n this.searchFilter = this.searchFilter.bind(this);\r\n // this.GetFromNo = this.GetFromNo.bind(this);\r\n this.onSort = this.onSort.bind(this);\r\n }\r\n //trigger api function on page call\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.GetGeneratedNumbers();\r\n }, 1000);\r\n $(\".p-column-title\").on(\"click\", function () {\r\n $(this)\r\n .next()\r\n .removeClass(\"pi-sort\")\r\n .toggleClass(\"pi-sort-up\")\r\n .addClass(\"pi-sort-down\");\r\n });\r\n }\r\n\r\n // call page event\r\n onPage(event) {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n //imitate delay of a backend call\r\n setTimeout(() => {\r\n this.getLazyLoadingValues(event);\r\n this.GetGeneratedNumbers();\r\n }, 250);\r\n }\r\n\r\n // show when edit record\r\n actionTemplate(rowData) {\r\n const editMode = () => {\r\n this.Downlaod(rowData);\r\n };\r\n return (\r\n \r\n \r\n
*/}\r\n \r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n value={this.state.CompanyId}\r\n className=\"form-control\"\r\n placeholder=\"Select Company\"\r\n name=\"CompanyId\"\r\n options={this.state.companyDDL}\r\n />\r\n {this.state.formError.CompanyId !== null ? (\r\n
\r\n\r\n {this.state.formError.CompanyId}
\r\n ) : null}\r\n \r\n \r\n
\r\n\r\n {this.state.formError.Wcode}
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n\r\n {this.state.formError.FirmName}
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n {this.state.formError.Email}
\r\n ) : null}\r\n \r\n \r\n
\r\n\r\n {this.state.formError.MobileNo}
\r\n ) : null}\r\n \r\n \r\n
\r\n {this.state.formError.prefix}
\r\n ) : null}\r\n {/* \r\n \r\n
*/}\r\n \r\n
\r\n {/* \r\n Billing Address\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {this.state.formError.bill_Country}\r\n
\r\n ) : null}\r\n \r\n {this.state.formError.bill_State}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_City}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_Address1}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_Address2}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {this.state.formError.bill_Pincode}\r\n
\r\n ) : null}\r\n \r\n
*/}\r\n Shipping Address
\r\n \r\n\r\n\r\n\r\n \r\n
\r\n {this.state.formError.ship_Country}
: null}\r\n \r\n \r\n
\r\n {this.state.formError.ship_State}
: null}\r\n \r\n \r\n
\r\n {this.state.formError.ship_City}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Address1 !== null ?\r\n
\r\n {this.state.formError.ship_Address1}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Address2 !== null ?\r\n
\r\n {this.state.formError.ship_Address2}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Pincode !== null ?\r\n
\r\n {this.state.formError.ship_Pincode}
: 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 //validate form\r\n //resolved KREP-17\r\n validateForm(value, name) {\r\n let errors = this.state.formError;\r\n let IsValid = true;\r\n //to validate each form field with required conditions\r\n switch (name) {\r\n case \"FromNo\":\r\n if (value < 1) {\r\n IsValid = false;\r\n errors.FromNo = \"Please enter your from number.\";\r\n } else {\r\n if (!value.match(/^[0-9]+$/)) {\r\n IsValid = false;\r\n errors.FromNo = \"Please enter only number.\";\r\n this.setState({ Qty: 0 });\r\n } else {\r\n errors.ToNo = null;\r\n errors.Qty = null;\r\n errors.FromNo = null;\r\n const fromNumber = value.trim() === \"\" ? 0 : parseInt(value.trim());\r\n const toNumber =\r\n this.state.ToNo.toString().trim() === \"\"\r\n ? 0\r\n : parseInt(this.state.ToNo.toString().trim());\r\n if (fromNumber >= 1 && toNumber >= 1) {\r\n if (fromNumber <= toNumber) {\r\n const qty = toNumber - fromNumber + 1;\r\n if (qty >= 0) {\r\n this.setState({ Qty: qty });\r\n } else {\r\n IsValid = false;\r\n errors.FromNo = \"From number should be less than to number.\";\r\n this.setState({ Qty: 0 });\r\n }\r\n } else {\r\n IsValid = false;\r\n errors.FromNo = \"From number should be less than to number.\";\r\n this.setState({ Qty: 0 });\r\n }\r\n } else {\r\n // IsValid = false;\r\n // errors.FromNo = \"From number should be less than to number.\";\r\n this.setState({ Qty: 0 });\r\n }\r\n }\r\n }\r\n break;\r\n case \"ToNo\":\r\n if (value < 1) {\r\n IsValid = false;\r\n errors.ToNo = \"Please enter To Number.\";\r\n } else errors.ToNo = null;\r\n break;\r\n case \"Qty\":\r\n if (value < 1) {\r\n IsValid = false;\r\n errors.Qty = \"Please enter your quantity.\";\r\n } else {\r\n if (!value.match(/^[0-9]+$/)) {\r\n IsValid = false;\r\n errors.Qty = \"Please enter only number.\";\r\n this.setState({ Qty: 0 });\r\n } else {\r\n errors.ToNo = null;\r\n errors.Qty = null;\r\n errors.FromNo = null;\r\n const qty = value.trim() === \"\" ? 0 : parseInt(value.trim());\r\n const fromNumber =\r\n this.state.FromNo.toString().trim() === \"\"\r\n ? 0\r\n : parseInt(this.state.FromNo.toString().trim());\r\n if (fromNumber >= 1 && qty >= 1) {\r\n const toNumber = qty + fromNumber - 1;\r\n if (toNumber >= 0) {\r\n this.setState({ ToNo: toNumber });\r\n } else {\r\n IsValid = false;\r\n errors.Qty =\r\n \"To number should be greater than or equal to from number.\";\r\n this.setState({ ToNo: 0 });\r\n }\r\n } else {\r\n // IsValid = false;\r\n // errors.ToNo = \"To number should be greater than from number.\";\r\n this.setState({ ToNo: 0 });\r\n }\r\n }\r\n }\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n }\r\n\r\n // call when input data on form\r\n handleChnage(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n\r\n const isValid = this.validateForm(value, name);\r\n this.setState({ errors, [name]: value });\r\n }\r\n hideFunc() {\r\n this.setState({\r\n visible: false,\r\n buttonLabel: \"Submit\",\r\n formHeading: \"Add Number Generation\",\r\n });\r\n this.formReset();\r\n }\r\n\r\n // form Reset\r\n formReset() {\r\n this.setState({\r\n FromNo: \"\",\r\n ToNo: \"\",\r\n Qty: \"\",\r\n });\r\n\r\n let errors = this.state.formError;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n // submit form to api\r\n Downlaod(rowData) {\r\n const formData = {\r\n FromNo: rowData.FromNo,\r\n ToNo: rowData.ToNo,\r\n Qty: rowData.Qty,\r\n Prefix: rowData.Prefix,\r\n ProductName: rowData.ProductName,\r\n };\r\n setTimeout(() => {\r\n this.NumberGenerationService.DownloadNumber(formData).then((data) => {\r\n const resdata = data.data;\r\n //if response code is 200 sucess else error or warning message\r\n if (resdata.ResponseCode === \"200\") {\r\n this.refs.child.showSuccess(resdata.ResponseMessage);\r\n this.setState({\r\n loading: true,\r\n visible: false,\r\n // downloadLink : resdata.downloadLinK\r\n });\r\n this.formReset();\r\n this.GetGeneratedNumbers();\r\n\r\n const link = document.createElement(\"a\");\r\n link.href = resdata.downloadLinK;\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n } else if (resdata.ResponseCode === \"400\") {\r\n this.refs.child.showWarn(resdata.ResponseMessage);\r\n } else {\r\n this.refs.child.showError(resdata.ResponseMessage);\r\n }\r\n });\r\n }, 1000);\r\n }\r\n\r\n // get product issue number list data\r\n GetGeneratedNumbers() {\r\n // this.tblResponse.SortColumn='CreatedDt';\r\n this.tblResponse.Prefix = \"\";\r\n this.tblResponse.isAdmin = true;\r\n this.tblResponse.SortColumn = \"FromNo\";\r\n this.tblResponse.sortOrder = \"Desc\";\r\n this.NumberGenerationService.GetGeneratedNumbers(this.tblResponse).then(\r\n (data) => {\r\n const resdata = data.data;\r\n //if response data is not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseData !== null &&\r\n resdata.ResponseData.length > 0\r\n ) {\r\n this.datasource = resdata.ResponseData;\r\n this.setState({\r\n totalRecords: resdata.ResponseData[0].TotalRows,\r\n first: this.tblResponse.First - 1,\r\n sales: this.datasource.slice(\r\n 0,\r\n this.tblResponse.First - 1 + this.tblResponse.PageSize\r\n ),\r\n loading: false,\r\n updateLoader: true,\r\n });\r\n }\r\n ///if response data is null\r\n else {\r\n this.datasource = null;\r\n this.setState({\r\n totalRecords: 0,\r\n first: 1,\r\n sales: null,\r\n loading: false,\r\n });\r\n }\r\n }\r\n );\r\n }\r\n\r\n // set Lazy Loading Values\r\n getLazyLoadingValues(event) {\r\n this.setState({ rows: event.rows });\r\n this.tblResponse.PageSize = event.rows;\r\n this.tblResponse.First = event.first + 1;\r\n this.tblResponse.IsActive = \"1\";\r\n this.tblResponse.SearchValue = event.globalFilter ? event.globalFilter : \"\";\r\n this.tblResponse.SortOrder = event.sortOrder === 1 ? \"ASC\" : \"DESC\";\r\n }\r\n\r\n // search Filter table\r\n searchFilter(e) {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.tblResponse.SearchValue = e.target.value;\r\n this.GetGeneratedNumbers();\r\n }\r\n\r\n // Sort table\r\n onSort(event) {\r\n this.setState({ sortOrder: this.state.sortOrder === 1 ? 2 : 1 });\r\n const sortField = event.sortField; //== \"CreatedDate\" ? \"CreatedDate\" : event.sortField;\r\n this.tblResponse.SortColumn = sortField ? sortField : \"\";\r\n this.tblResponse.SortOrder = this.state.sortOrder === 1 ? \"DESC\" : \"ASC\";\r\n this.GetGeneratedNumbers();\r\n }\r\n\r\n // Render html\r\n //resolved KREP-19\r\n render() {\r\n let header = (\r\n \r\n \r\n
\r\n );\r\n return (\r\n <>\r\n \r\n
\r\n\r\n Number Download
\r\n\r\n \r\n \r\n
\r\n );\r\n\r\n ;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n Carton Return
\r\n\r\n
\r\n \r\n\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n const TabView = (\r\n \r\n \r\n\r\n this.setState({ globalFilter: e.target.value })}\r\n placeholder=\"Global Search\"\r\n size=\"30\"\r\n />\r\n
\r\n \r\n {\" \"}\r\n {\r\n this.setState({ CartonName: e.target.value });\r\n }}\r\n onKeyDown={(e) => {\r\n if (e.key == \"Enter\") {\r\n if (e.target.value.includes(sessionStorage.getItem(\"Prefix\"))) {\r\n this.submitFormFinal(e);\r\n } else {\r\n this.refs.Messchild.showWarn(\"Invalid Cartons\");\r\n this.setState({ CartonName: \"\" });\r\n }\r\n }\r\n }}\r\n autoFocus\r\n />\r\n
\r\n \r\n );\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n Replace
\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n onKeyDown={(e) => {\r\n this.ScanItem(e);\r\n }}\r\n className=\"form-control\"\r\n name=\"FistQrCode\"\r\n />\r\n\r\n {this.state.formError.FistQrCode !== null ? (\r\n
\r\n {this.state.formError.FistQrCode}
\r\n ) : null}\r\n \r\n
\r\n
\r\n \r\n \r\n Replace\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 Export */}\r\n\r\n \r\n Export\r\n \r\n (this.surveyLink = r)}\r\n filename={\"Dealer Loyalty Report.csv\"}\r\n >\r\n Export\r\n \r\n
\r\n \r\n {/*
\r\n\r\n Dealer Loyalty Report
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n ) : null}\r\n \r\n
\r\n\r\n Product
\r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n value={this.state.ProductId}\r\n className=\"w-60\"\r\n placeholder=\"All Products\"\r\n name=\"ProductId\"\r\n options={this.state.ProductDDL}\r\n showClear={true}\r\n />\r\n
\r\n \r\n From\r\n
\r\n\r\n \r\n To\r\n
\r\n \r\n
\r\n Stock Report
\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 Salesperson Master
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n Export\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n {\r\n this.handleChange(e);\r\n }}\r\n value={this.state.CompanyId}\r\n className=\"form-control\"\r\n placeholder=\"Select Company\"\r\n name=\"CompanyId\"\r\n options={this.state.companyDDL}\r\n />\r\n {this.state.formError.CompanyId !== null ? (\r\n
\r\n {this.state.formError.CompanyId}
\r\n ) : null}\r\n \r\n
\r\n \r\n {/* \r\n \r\n \r\n {this.state.formError.EmpId !== '' ?\r\n
\r\n {this.state.formError.EmpId}
: ''}\r\n \r\n \r\n
\r\n {/* {this.state.formError.FirstName}
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n {this.state.formError.LastName !== '' ?\r\n
*/}\r\n {this.state.formError.LastName}
: ''}\r\n \r\n \r\n \r\n {this.state.formError.Email !== null ?\r\n
\r\n {this.state.formError.Email}
: null}\r\n \r\n \r\n
\r\n {this.state.formError.MobileNo}
\r\n ) : null}\r\n \r\n \r\n
\r\n {this.state.formError.Password}
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {/* \r\n {this.state.formError.ConfirmPassword}\r\n
\r\n ) : null}\r\n \r\n \r\n \r\n {this.state.formError.bill_Address2 !== null ?\r\n
*/}\r\n \r\n {this.state.formError.bill_Address2}
: null}\r\n \r\n \r\n \r\n {this.state.formError.ship_Address2 !== null ?\r\n
*/}\r\n \r\n \r\n {this.state.formError.ship_Address2}
: 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, { Component } from \"react\";\r\nimport Sidebar from \"./Sidebar\";\r\nimport Footer from \"./Footer\";\r\nimport Dashboard from \"./../views/Dashboard\";\r\nimport AccessRight from \"./../views/master/AccessRight\";\r\nimport ProductMaster from \"./../views/master/ProductMaster\";\r\nimport UserMaster from \"./../views/master/UserMaster\";\r\nimport CartonMaster from \"./../views/master/CartonMaster\";\r\nimport CompanyMaster from \"./../views/master/CompanyMaster\";\r\nimport DealerMaster from \"./../views/master/DealerMaster\";\r\nimport ListMaster from \"./../views/master/ListMaster\";\r\nimport PriceMaster from \"./../views/master/PriceMaster\";\r\nimport DistributorMaster from \"./../views/master/DistributorMaster\";\r\nimport DeMapping from \"./../views/transaction/DeMapping\";\r\nimport Mapping from \"./../views/transaction/Mapping\";\r\nimport Dispatch from \"./../views/transaction/Dispatch\";\r\nimport SecondaryPacking from \"./../views/transaction/SecondaryPacking\";\r\nimport TertiaryPacking from \"./../views/transaction/TertiaryPacking\";\r\nimport NumberIssued from \"./../views/transaction/NumberIssued\";\r\nimport StockManagement from \"./../views/transaction/StockManagement\";\r\nimport ProductDamage from \"./../views/transaction/ProductDamage\";\r\nimport StaticMapping from \"./../views/transaction/StaticMapping\";\r\nimport CartonSlip from \"./../views/transaction/CartonSlip\";\r\nimport LoyaltyRedeemRequests from \"./../views/transaction/LoyaltyRedeemRequests\";\r\nimport ProductConfiguration from \"./../views/master/ProductConfiguration\";\r\nimport MappingReport from \"./../views/reports/MappingReport\";\r\nimport VerificationReport from \"./../views/reports/VerificationReport\";\r\nimport FeedbackReport from \"./../views/reports/FeedbackReport\";\r\nimport SAPDataReport from \"./../views/reports/SAPDataReport\";\r\nimport DispatchReport from \"./../views/reports/DispatchReport\";\r\nimport PrimaryPackingReport from \"./../views/reports/PrimaryPackingReport\";\r\nimport SecondaryPackingReport from \"./../views/reports/SecondaryPackingReport\";\r\nimport TertiaryPackingReport from \"./../views/reports/TertiaryPackingReport\";\r\nimport ItemLedger from \"./../views/reports/ItemLedger\";\r\nimport SchemeReport from \"./../views/reports/SchemeReport\";\r\nimport RedemptionReport from \"./../views/reports/RedemptionReport\";\r\nimport MissingCartonReport from \"./../views/reports/MissingCartonReport\";\r\nimport DispatchReceiveRpt from \"./../views/reports/DispatchReceiveRpt\";\r\nimport PickLuckyUsers from \"../views/reports/PickLuckyUsers\";\r\nimport FractionalCartonRpt from \"./../views/reports/FractionalCartonsRpt\";\r\nimport ReturnReport from \"./../views/reports/ReturnReport\";\r\nimport Profile from \"./../views/Profile\";\r\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\r\nimport Logo from \"./../assets/images/logo.png\";\r\nimport Avtar from \"./../assets/images/avatar.jpg\";\r\nimport \"./../App.css\";\r\nimport Message from \"./Message\";\r\nimport SchemeMaster from \"../views/master/SchemeMaster\";\r\nimport SchemeConfiguration from \"../views/transaction/SchemeConfiguration\";\r\nimport Category from \"../views/master/Category\";\r\nimport UserService from \"../services/UserService\";\r\nimport NumberGeneration from \"../views/transaction/NumberGeneration\";\r\nimport DispatchReceive from \"../views/transaction/DispatchReceive\";\r\nimport WareHouseMaster from \"../views/master/WareHouseMaster\";\r\nimport ItemWiseStockDetail from \"../views/reports/ItemWiseStockDetail\";\r\nimport DamageRpt from \"../views/reports/DamageRpt\";\r\nimport DeMappingReport from \"../views/reports/DeMappingReport\";\r\nimport damageCarton from \"../views/transaction/damageCarton\";\r\nimport QrCodeReport from \"../views/reports/QrCodeReport\";\r\nimport ChangePassword from \"../views/ChangePassword\";\r\nimport FactoryMaster from \"../views/master/FactoryMaster\";\r\nimport AdminNumberGenerated from \"../views/transaction/AdminNumberGenerated\";\r\nimport ReturnCarton from \"../views/transaction/ReturnCarton\";\r\nimport Replace from \"../views/transaction/Replace\";\r\nimport DispatchLoyaltyReport from \"../views/reports/DealerLoyaltyReport\";\r\nimport ItemStockDetail from \"../views/reports/ItemStockDetail\";\r\nimport SalePersonMaster from \"../views/master/SalePersonMaster\";\r\n// use for layout\r\nexport default class Layout extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n UserName: \"\",\r\n toggle: false,\r\n value: null,\r\n };\r\n\r\n this.UserService = new UserService();\r\n }\r\n //trigger api function on page call\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.CheckIsResetPassword();\r\n this.getUser();\r\n }, 1000);\r\n }\r\n //to get user data\r\n getUser() {\r\n this.UserService.getUser().then((data) => {\r\n const resdata = data.data;\r\n\r\n if (resdata.ResponseCode === \"200\") {\r\n const usr = resdata.ResponseData;\r\n this.setState({\r\n UserName: usr.Username,\r\n UserId: usr.UserId,\r\n });\r\n sessionStorage.setItem(\"wid\", usr.WareHouseId);\r\n sessionStorage.setItem(\"uid\", usr.UserId);\r\n }\r\n });\r\n }\r\n // Check Reset Password\r\n CheckIsResetPassword() {\r\n this.UserService.getUser().then((res) => {\r\n const curl = window.location.pathname;\r\n\r\n const resdata = res.data;\r\n //if ResponData not null\r\n if (\r\n resdata !== null &&\r\n resdata.ResponseCode === \"200\" &&\r\n resdata.ResponseData != null &&\r\n resdata.ResponseData.IsResetPassword === true\r\n ) {\r\n if (!curl.includes(\"/profile\")) {\r\n window.location = \"/profile\";\r\n }\r\n } else {\r\n }\r\n });\r\n }\r\n\r\n handleChange = (value) => {\r\n this.setState({ value });\r\n };\r\n\r\n // Render HTML\r\n //updated Render HTML to resolve defect KREP-12 on [08-07-20]\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n sessionStorage.removeItem(\"LoggedInUser\");\r\n window.location = \"/login\";\r\n }}\r\n >\r\n Logout\r\n
\r\n \r\n \r\n Profile\r\n \r\n
\r\n \r\n \r\n Change Password\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \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 instance from './DefaultApi';\r\n\r\nexport default class PAService {\r\n ControllerName = 'ProductAuthentication';\r\n\r\n // get verify product\r\n VerifyProduct(prductData) { \r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/VerifyProduct`, prductData).then(res => res)\r\n } \r\n \r\n // create feed back\r\n UpdateFeedback(feedbackdata){\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/UpdateFeedback`, feedbackdata).then(res => res)\r\n }\r\n}","import instance from './DefaultApi';\r\n\r\nexport default class SchemeService {\r\n ControllerName = 'UserPointTransaction';\r\n\r\n\r\n // Create UserPoint Transaction\r\n CreateUserPointTransaction(userPoint) {\r\n return instance.post(`${process.env.REACT_APP_API_URL}${this.ControllerName}/CreateUserPointTransaction`, userPoint).then(res => res)\r\n }\r\n\r\n\r\n\r\n}","import React, { Component } from \"react\";\r\nimport PAService from \"../services/PASevice\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport UserPointTransactionService from \"../services/UserPointTransactionService\";\r\nimport MessageComponent from \"../template/Message\";\r\nimport productPic from \"./../assets/images/product-pic.png\";\r\nimport loadingPic from \"./../assets/images/loading.gif\";\r\nimport ApiService from \"../services/apiService\";\r\nimport sucessIcon from \"./../assets/images/success.png\";\r\nexport default class ProductAuthentication extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.PAService = new PAService();\r\n this.ApiService = new ApiService();\r\n this.UserPointTransactionService = new UserPointTransactionService();\r\n this.state = {\r\n formIsValid: false,\r\n formRedeemIsValid: false,\r\n Isloyalty: false,\r\n verifyProduct: {},\r\n verificationMode: \"Web\",\r\n qrData: window.location.href,\r\n verificationType: 2,\r\n UID: \"\",\r\n RedeemNumber: \"\",\r\n isLoading: true,\r\n Name: \"\",\r\n UsrId: \"\",\r\n Points: \"\",\r\n Totalpoints: \"\",\r\n ProductName: \"\",\r\n SchemeName: \"\",\r\n PaytmPoint: \"\",\r\n Location: \"\",\r\n email: \"\",\r\n MobNo: \"\",\r\n msg: \"\",\r\n UserName: \"\",\r\n //UsrFeedback: '',\r\n feedbackId: 0,\r\n formError: {\r\n Name: null,\r\n email: null,\r\n MobileNo: null,\r\n /// UsrFeedback: null\r\n },\r\n redeemError: {\r\n MobNo: null,\r\n UserName: null,\r\n },\r\n\r\n ProductImage: null,\r\n GenuineAudio: null,\r\n LoyaltyPoints: null,\r\n ProductConfiguration: {},\r\n CreatedDt: \"\",\r\n };\r\n\r\n this.submitForm = this.submitForm.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.redeemLoyalty = this.redeemLoyalty.bind(this);\r\n this.redeemhandleChange = this.redeemhandleChange.bind(this);\r\n }\r\n\r\n // basic page operation\r\n componentDidMount() {\r\n const urlParams = new URLSearchParams(window.location.search);\r\n\r\n const parmUid = urlParams.get(\"U\");\r\n this.setState({ UID: parmUid });\r\n navigator.geolocation.getCurrentPosition(\r\n (position) => {\r\n console.log(position);\r\n\r\n this.ApiService.reverseGeoCode(\r\n position.coords.latitude,\r\n position.coords.longitude\r\n )\r\n .then((res) => {\r\n let data = res.data;\r\n //console.log(data);\r\n const productAuthRequests = {\r\n verificationMode: this.state.verificationMode,\r\n qrData: this.state.qrData,\r\n verificationType: this.state.verificationType,\r\n UID: parmUid,\r\n UsrCity: data.address.city,\r\n UsrState: data.address.state,\r\n UsrCntry: data.address.country,\r\n UsrAdrs: data.display_name,\r\n UsrZip: data.address.postcode,\r\n };\r\n\r\n setTimeout(() => {\r\n this.GetVerifyProduct(productAuthRequests);\r\n }, 1000);\r\n })\r\n .catch((error) => {});\r\n },\r\n (error) => {\r\n console.error(error);\r\n\r\n const productAuthRequests = {\r\n verificationMode: this.state.verificationMode,\r\n qrData: this.state.qrData,\r\n verificationType: this.state.verificationType,\r\n UID: parmUid,\r\n };\r\n\r\n setTimeout(() => {\r\n this.GetVerifyProduct(productAuthRequests);\r\n }, 1000);\r\n },\r\n {\r\n // timeout: 1000,\r\n // maximumAge: 10000,\r\n // enableHighAccuracy: true\r\n }\r\n );\r\n }\r\n\r\n // get verify product list data\r\n GetVerifyProduct(productAuthReq) {\r\n this.setState({\r\n Isloyalty: false,\r\n });\r\n this.PAService.VerifyProduct(productAuthReq).then((data) => {\r\n ;\r\n const resdata = data.data.ResponseData;\r\n console.log(resdata);\r\n //if ResponseData is not null\r\n if (resdata !== null) {\r\n this.setState({\r\n isLoading: false,\r\n verifyProduct: resdata,\r\n feedbackId: resdata.FeedbackId,\r\n Isloyalty: resdata.Isloyalty,\r\n ProductImage: resdata.ProductImg,\r\n GenuineAudio: resdata.GenuineAudio,\r\n LoyaltyPoints: resdata.LoyaltyPoints,\r\n CreatedDt: resdata.CreatedDt,\r\n msg: resdata.ResponseMessage,\r\n // ProductConfiguration: JSON.parse(resdata.ProdConfiguration)\r\n });\r\n //if GenuineAudio is not null\r\n if (\r\n this.state.GenuineAudio != null &&\r\n this.state.verifyProduct.ResponseCode !== undefined\r\n ) {\r\n document.getElementById(\"pm3paly\").play();\r\n }\r\n } else {\r\n if (data.data.ResponseCode === \"-3\") {\r\n this.setState({\r\n isLoading: false,\r\n verifyProduct: data.data,\r\n showDialog: true,\r\n });\r\n }\r\n }\r\n });\r\n }\r\n\r\n // submit feedback\r\n submitForm(event) {\r\n event.preventDefault();\r\n let isfrmvalid = true;\r\n let checkerror = this.state.formError;\r\n\r\n Object.entries(checkerror).map(([key, value]) => {\r\n const val = this.state[key];\r\n let valid = this.validateForm(val, key);\r\n //form is not valid\r\n if (!valid) {\r\n this.setState({ checkerror: isfrmvalid });\r\n isfrmvalid = false;\r\n }\r\n });\r\n\r\n if (isfrmvalid) {\r\n const urlParams = new URLSearchParams(window.location.search);\r\n\r\n const parmUid = urlParams.get(\"U\");\r\n this.setState({ UID: parmUid });\r\n navigator.geolocation.getCurrentPosition(\r\n (position) => {\r\n console.log(position);\r\n\r\n this.ApiService.reverseGeoCode(\r\n position.coords.latitude,\r\n position.coords.longitude\r\n )\r\n .then((res) => {\r\n let data = res.data;\r\n //console.log(data);\r\n const productAuthRequests = {\r\n Name: this.state.Name,\r\n email: this.state.email,\r\n MobileNo: this.state.MobileNo,\r\n MobNo: this.state.MobNo,\r\n isFormFilled: true,\r\n verificationMode: this.state.verificationMode,\r\n qrData: this.state.qrData,\r\n verificationType: this.state.verificationType,\r\n UID: parmUid,\r\n UsrCity: data.address.city,\r\n UsrState: data.address.state,\r\n UsrCntry: data.address.country,\r\n UsrAdrs: data.display_name,\r\n UsrZip: data.address.postcode,\r\n };\r\n\r\n setTimeout(() => {\r\n this.GetVerifyProduct(productAuthRequests);\r\n }, 1000);\r\n })\r\n .catch((error) => {});\r\n },\r\n (error) => {\r\n console.error(error);\r\n\r\n const productAuthRequests = {\r\n verificationMode: this.state.verificationMode,\r\n qrData: this.state.qrData,\r\n verificationType: this.state.verificationType,\r\n UID: parmUid,\r\n };\r\n\r\n setTimeout(() => {\r\n this.GetVerifyProduct(productAuthRequests);\r\n }, 1000);\r\n },\r\n {\r\n // timeout: 1000,\r\n // maximumAge: 10000,\r\n // enableHighAccuracy: true\r\n }\r\n );\r\n }\r\n }\r\n\r\n // redeemloyalty\r\n redeemLoyalty(event) {\r\n event.preventDefault();\r\n const userPoint = {\r\n UsrId: this.state.UsrId,\r\n Points: this.state.Points,\r\n Totalpoints: this.state.Totalpoints,\r\n ProductName: this.state.ProductName,\r\n SchemeName: this.state.SchemeName,\r\n PaytmPoint: this.state.PaytmPoint,\r\n Location: this.state.Location,\r\n MobNo: this.state.MobNo,\r\n UserName: this.state.UserName,\r\n };\r\n\r\n this.UserPointTransactionService.CreateUserPointTransaction(userPoint)\r\n .then((data) => {\r\n const resdata = data.data;\r\n //if ResponseCode is 200 success else error or warning message\r\n if (resdata.ResponseCode === \"200\") {\r\n this.refs.child.showSuccess(resdata.ResponseMessage);\r\n } else {\r\n this.refs.child.showError(resdata.ResponseMessage);\r\n }\r\n })\r\n .catch((error) => {\r\n const err = JSON.parse(error.request.response).errors;\r\n\r\n let errors = this.state.formError;\r\n let erlist = {};\r\n Object.entries(err).map(([key, value]) => {\r\n erlist[key] = errors[key.toLowerCase()] = value[0];\r\n });\r\n this.setState({ formError: erlist });\r\n });\r\n }\r\n\r\n // redeemhandle\r\n redeemhandleChange(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.redeemError;\r\n this.formRedeemIsValid = true;\r\n\r\n //to validate each form field with required conditions\r\n // switch (name) {\r\n // case 'MobNo':\r\n // if (value.length < 1) {\r\n // this.formRedeemIsValid = false;\r\n // errors.MobNo = \"Please enter your redeem mobile no.\";\r\n // }\r\n // else if (value.length >= 1) {\r\n // if (!value.match(/^[0-9]{10}$/)) {\r\n // this.formRedeemIsValid = false;\r\n // errors.MobNo = \"Please enter valid redeem mobile no.\";\r\n // } else errors.MobNo = null\r\n // } else errors.MobNo = null\r\n // break;\r\n\r\n // case 'UserName':\r\n // if (value.length < 1) {\r\n // this.formRedeemIsValid = false;\r\n // errors.UserName = \"Please enter your UserName\";\r\n // }\r\n // else if (value.length >= 1) {\r\n // if (!value.match(/^[A-Za-z]+$/)) {\r\n // this.formRedeemIsValid = false;\r\n // errors.UserName = \"alpha only\";\r\n // } else errors.UserName = null\r\n // } else errors.UserName = null\r\n // break;\r\n // default:\r\n // break;\r\n // }\r\n\r\n // this.setState({ [name]: value });\r\n // }\r\n }\r\n\r\n // reset form text value\r\n formReset() {\r\n this.setState({\r\n Name: \"\",\r\n email: \"\",\r\n MobileNo: \"\",\r\n // UsrFeedback: '',\r\n formError: {\r\n Name: null,\r\n email: null,\r\n MobileNo: null,\r\n // UsrFeedback: null\r\n },\r\n });\r\n let errors = this.state.formError;\r\n Object.entries(errors).map(([key, value]) => {\r\n errors[key] = \"\";\r\n });\r\n }\r\n\r\n // call when input\r\n handleChange(event) {\r\n const { name, value } = event.target;\r\n let errors = this.state.formError;\r\n\r\n this.validateForm(value, name);\r\n this.setState({ errors, [name]: value });\r\n }\r\n\r\n // validate form\r\n //resolved KREP-17,KREP-21\r\n validateForm(value, name) {\r\n let errors = this.state.formError;\r\n let IsValid = true;\r\n\r\n //to validate each form field with required conditions\r\n switch (name) {\r\n case \"Name\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.Name = \"Please enter your name.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^[a-zA-Z-,]+(\\s{0,1}[a-zA-Z-, ])*$/)) {\r\n this.IsValid = false;\r\n errors.Name = \"Please enter only alphabet.\";\r\n } else errors.Name = null;\r\n } else errors.Name = null;\r\n break;\r\n case \"email\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.email = \"Please enter your email-id.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/)) {\r\n IsValid = false;\r\n errors.email = \"Please enter valid email-id.\";\r\n } else errors.email = \"\";\r\n } else errors.email = \"\";\r\n break;\r\n case \"MobileNo\":\r\n if (value.length < 1) {\r\n IsValid = false;\r\n errors.MobileNo = \"Please enter your mobile no.\";\r\n } else if (value.length >= 1) {\r\n if (!value.match(/^[6-9]\\d{9}$/)) {\r\n IsValid = false;\r\n errors.MobileNo = \"Please enter valid mobile no.\";\r\n } else errors.MobileNo = \"\";\r\n } else errors.MobileNo = \"\";\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n return IsValid;\r\n }\r\n\r\n // return HTML\r\n //resolved KREP-115\r\n render() {\r\n let data = \"\";\r\n const res = {};\r\n res[\"Product Image\"] = this.state.verifyProduct.ProductImg;\r\n res[\"Product Name\"] = this.state.verifyProduct.ProductName;\r\n res[\"Product Code\"] = this.state.verifyProduct.ProductCd;\r\n res[\"Manufacture Name\"] = this.state.verifyProduct.ManufactureName;\r\n // res[\"UID\"] = this.state.verifyProduct.SeqNo;\r\n res[\"Product Description\"] = this.state.verifyProduct.ProductDscrptn;\r\n res[\"UOM\"] = this.state.verifyProduct.ProductUOM;\r\n res[\"Marketed By\"] = this.state.verifyProduct.MarketedBy;\r\n res[\"Customer Care Details\"] = this.state.verifyProduct.CustomerCareDetails;\r\n res[\"Expiry Date\"] = this.state.verifyProduct.ExpireDate;\r\n res[\"Registration No\"] = this.state.verifyProduct.RegistrationNo;\r\n res[\"D.O.M.\"] = this.state.verifyProduct.DOM;\r\n res[\"Batch No.\"] = this.state.verifyProduct.BatchNo;\r\n res[\"Cautionary Symbol\"] = this.state.verifyProduct.CautionarySymbol;\r\n res[\"Antidote Statement\"] = this.state.verifyProduct.AntidoteStatement;\r\n //if res not null\r\n // if (this.state.verifyProduct.ResponseCode == '1' && res != null) {\r\n // data = Object.entries(res).map(([key, value], index) => {\r\n // return (\r\n // \r\n // \r\n //
\r\n // );\r\n // });\r\n // }\r\n // else {\r\n // if (this.state.verifyProduct.ResponseCode != undefined && this.state.verifyProduct.ResponseCode != '1') {\r\n // data = (\r\n // {key}
\r\n // {value}
\r\n //
\r\n // );\r\n\r\n // }\r\n // }\r\n\r\n return (\r\n It seems you might have bought a fake product.
\r\n // \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nexport default class HomePage extends Component {\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n {this.state.verifyProduct.ResponseCode !== \"-3\" ? (\r\n this.state.verifyProduct.ResponseCode !== \"-1\" ? (\r\n this.state.isLoading ? (\r\n \r\n 
\r\n
\r\n ) : (\r\n \r\n
\r\n )\r\n ) : (\r\n \r\n Product Verification Detail\r\n
\r\n\r\n {(this.state.ProductConfiguration != null &&\r\n this.state.ProductConfiguration.IsProductImage) ===\r\n true ? (\r\n
\r\n \r\n 
\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {this.state.verifyProduct.ProductImg ? (\r\n \r\n ) : null}\r\n {this.state.verifyProduct.ProductImg ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n {this.state.verifyProduct.ProductName ? (\r\n \r\n Product Name\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.ProductName ? (\r\n \r\n {this.state.verifyProduct.ProductName}\r\n {/* {this.state.verifyProduct.ProductValue}\r\n {this.state.verifyProduct.ProductUOM} */}\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.ProductDscrptn ? (\r\n \r\n Description\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.ProductDscrptn ? (\r\n \r\n {this.state.verifyProduct.ProductDscrptn}\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.TechnicalName ? (\r\n \r\n Technical Name\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.TechnicalName ? (\r\n \r\n {this.state.verifyProduct.TechnicalName}\r\n
\r\n ) : null}\r\n \r\n Unique Identifier\r\n
\r\n {this.state.UID}
\r\n {this.state.verifyProduct.GTIN ? (\r\n GTI No.
\r\n ) : null}\r\n {this.state.verifyProduct.GTIN ? (\r\n \r\n {this.state.verifyProduct.GTIN}\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.BatchNo ? (\r\n Batch No.
\r\n ) : null}\r\n {this.state.verifyProduct.BatchNo ? (\r\n \r\n {this.state.verifyProduct.BatchNo}\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.MFGDate ? (\r\n MFG Date
\r\n ) : null}\r\n {this.state.verifyProduct.MFGDate ? (\r\n \r\n {this.state.verifyProduct.MFGDate}\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.ExpireDate ? (\r\n \r\n Expiry Date\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.ExpireDate ? (\r\n \r\n {this.state.verifyProduct.ExpireDate}\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.Pamphlet ? (\r\n Leaflet
\r\n ) : null}\r\n {this.state.verifyProduct.Pamphlet ? (\r\n \r\n \r\n Download\r\n \r\n
\r\n ) : null}\r\n {this.state.verifyProduct.Label ? (\r\n Label
\r\n ) : null}\r\n {this.state.verifyProduct.Label ? (\r\n \r\n \r\n Download\r\n \r\n
\r\n ) : null}\r\n {this.state.verifyProduct.CustomerCareTollfreeNo ? (\r\n \r\n Toll Free Number\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.CustomerCareTollfreeNo ? (\r\n \r\n {this.state.verifyProduct.CustomerCareTollfreeNo}\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.CustomerCareNo ? (\r\n \r\n Customer Care Number\r\n
\r\n ) : null}\r\n {this.state.verifyProduct.CustomerCareNo ? (\r\n \r\n {this.state.verifyProduct.CustomerCareNo}\r\n
\r\n ) : null}\r\n \r\n
\r\n )\r\n ) : (\r\n <>\r\n \r\n \r\n )}\r\n \r\n {this.state.msg}\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {\" \"}\r\n \r\n {\" \"}\r\n
\r\n \r\n
{\" \"}\r\n \r\n {\" \"}\r\n
\r\n {/* \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
*/}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n About MSRM Organics Pvt. Ltd.
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n Services
\r\n\r\n We offer no. of services to the farmers, educate them to\r\n use right kind of inputs for their farming.\r\n
\r\nMarketing
\r\n\r\n We are operating in 9 states, each state headed by state\r\n head, des Area managers, sales officers.\r\n
\r\nIndustry Links
\r\n\r\n Indian Council of Agriculture N G Ranga Agricultural\r\n University Hissar, India\r\n {/*
- \r\n
- Indian Council of Agriculture \r\n
- N G Ranga Agricultural University \r\n
- Hissar, India\r\n \r\n
\r\n
\r\n VISION & MISSION
\r\n\r\n
\r\n \r\n \r\n {/* Feature End*/}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n To expand our activities to other areas, there by\r\n offering our services to more no. of farmers for their\r\n prosperity, and involving ourselves in building\r\n the national wealth and prosperity of the country.\r\n
\r\n\r\n
\r\n\r\n {/* Contact Start */}\r\n \r\n
\r\n What our customers say
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n ![](\"https://img.icons8.com/ultraviolet/40/000000/quote-left.png\")
\r\n
\r\n \r\n
\r\n \r\n Lorem Ipsum is simply dummy text of the printing and\r\n typesetting industry. Lorem Ipsum has been the\r\n industry's standard dummy text ever since the 1500s,'\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Vineet Gupta
\r\nCEO & Co-Founder
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Lorem Ipsum is simply dummy text of the printing and\r\n typesetting industry. Lorem Ipsum has been the\r\n industry's standard dummy text ever since the 1500s,'\r\n
{\" \"}\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Pooja
\r\nCEO
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Lorem Ipsum is simply dummy text of the printing and\r\n typesetting industry. Lorem Ipsum has been the\r\n industry's standard dummy text ever since the 1500s,'\r\n
{\" \"}\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Alok
\r\nCustomer
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Lorem Ipsum is simply dummy text of the printing and\r\n typesetting industry. Lorem Ipsum has been the\r\n industry's standard dummy text ever since the 1500s,'\r\n
{\" \"}\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Versha Tyagi
\r\nShop Kepper
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Lorem Ipsum is simply dummy text of the printing and\r\n typesetting industry. Lorem Ipsum has been the\r\n industry's standard dummy text ever since the 1500s,'\r\n
{\" \"}\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Vineet Gupta
\r\nCEO & Co-Founder
\r\n\r\n \r\n
\r\n \r\n {/* Contact End */}\r\n\r\n {/* Footer Start */}\r\n \r\n
\r\n GET IN TOUCH WITH US !
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Location
\r\n\r\n Flat#2-b, M.S. Nilayam, No 15, Hacp Colony,\r\n Karkhana, Secunderabad - 500009, Telangana, India.\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n Phone
\r\n+91-40-27892790
\r\n\r\n \r\n
\r\n \r\n Email
\r\n
\r\n contact@pasuracropcare.com
\r\n\r\n
\r\n \r\n \r\n
\r\n Reach Out To Us
\r\n\r\n
\r\n {/* Footer End */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport Login from \"./views/Login\";\nimport TnC from \"./views/Tnc\";\nimport PrivacyPolicy from \"./views/PrivacyPolicy\";\nimport Layout from \"./template/Layout\";\nimport ProductAuthentication from \"./views/ProductAuthentication\";\n\nimport HomePage from './views/HomePage';\nexport default class App extends Component {\n constructor(props) {\n super(props);\n this.state = {\n login: false,\n authPage: \"other\",\n };\n }\n\n componentDidMount() {\n\n this.setState({ urlParams: window.location.pathname });\n const urlParams = window.location.pathname;\n\n if (urlParams === \"/P\" || urlParams === \"/p\") {\n this.setState({\n authPage: \"/P\",\n });\n } else {\n this.setState({\n authPage: \"other\",\n });\n }\n if (this.state.authPage === \"other\") {\n let storeCollector = JSON.parse(sessionStorage.getItem(\"LoggedInUser\"));\n if (storeCollector && storeCollector.login) {\n this.setState({\n login: true,\n });\n } else {\n this.setState({\n login: false,\n });\n }\n }\n }\n\n render() {\n return (\n <>\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Follow us by
\r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n Facebook
\r\n \r\n {\" \"}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n Twitter
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Linkedin
\r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n \r\n\r\n
\r\n
\r\n YouTube
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n whatsapp
\r\n \r\n {\" \"}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Instagram
\r\n \r\n {\" \"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n Copyright © 2023 MSRM Organics Private Limited - All Rights\r\n Reserved.{\" \"}\r\n
\r\n \r\n Design & Developed by{\" \"}\r\n \r\n Holostik India Limited\r\n \r\n
\r\n