\r\n\r\n );\r\n });\r\n }\r\n\r\n render() {\r\n const text = \"This is the total quantity of waste water (in cubic meter per month)\\ndischarged outside the unit post treatment.\"\r\n\r\n return (\r\n \r\n\r\n )\r\n }\r\n}\r\n\r\nexport default Waterdischarge","import React, { Component } from 'react'\r\nimport { Table } from 'react-bootstrap';\r\nimport Form from 'react-bootstrap/Form';\r\nimport { Button, Card, CardBody, CardGroup, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row, NavLink } from 'reactstrap';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport '../index.css';\r\nimport axios from 'axios';\r\nimport Tooltip from \"react-simple-tooltip\"\r\nclass Dischargedwaterquality extends Component {\r\n constructor(props) {\r\n super(props)\r\n let date = new Date()\r\n let longMonth = date.toLocaleString('en-us', { month: 'long' });\r\n let longYear = date.toLocaleString('en-us', { year: 'numeric' })\r\n let prevMonth = date.toLocaleString('en-us', { month: 'long' });\r\n this.state = {\r\n count: 0,\r\n rows: [{ id: 0 }],\r\n type: '',\r\n quantity: '',\r\n ucode: localStorage.getItem('username'),\r\n utype: localStorage.getItem('utype'),\r\n location: localStorage.getItem('location'),\r\n longMonth: longMonth,\r\n longYear: longYear,\r\n prevMonth:prevMonth\r\n }\r\n\r\n }\r\n\r\n\r\n componentDidMount() {\r\n var loggedin = sessionStorage.getItem('LoggedIn')\r\n var utypeid = localStorage.getItem('utypeid')\r\n if (loggedin == null || utypeid == 1) {\r\n window.location.href = '/'\r\n return;\r\n }\r\n document.getElementById(\"navribbon\").style.display = \"none\";\r\n localStorage.setItem('homepage', false);\r\n }\r\n\r\n handleChange = (idx) => (e) => {\r\n e.preventDefault();\r\n // const { name, value } = e.target;\r\n const name = e.target.name;\r\n var value = 0;\r\n //let id=name+(idx);\r\n\r\n if (name == \"DischargeAmt\") {\r\n value = parseInt(e.target.value);\r\n\r\n }\r\n else {\r\n value = e.target.value;\r\n }\r\n\r\n const rows = [...this.state.rows];\r\n var longYear = this.state.longYear;\r\n var prevMonth = this.state.prevMonth;\r\n var location = parseInt(this.state.location);\r\n var utype = parseInt(this.state.utype);\r\n let row = {\r\n ...rows[idx],\r\n id: idx,\r\n [name]: value,\r\n \"DischargedYear\": longYear,\r\n \"DischargedMonth\": prevMonth,\r\n \"LocationId\": location,\r\n \"UserId\": utype\r\n };\r\n rows[idx] = row;\r\n this.setState({\r\n rows\r\n });\r\n };\r\n\r\n handleAddRow = () => (event) => {\r\n \r\n let count = this.state.count\r\n count = count + 1;\r\n this.setState({ count })\r\n\r\n // this.setState((prevState) => ({ count: prevState.count + '1'}));\r\n\r\n const item = {\r\n id: count\r\n // type: \"\",\r\n // unit: \"\",\r\n // consumed: \"\",\r\n // recycle:\"\"\r\n\r\n };\r\n event.preventDefault();\r\n this.setState({\r\n rows: [...this.state.rows, item]\r\n\r\n });\r\n };\r\n // handleRemoveRow = (event) => {\r\n // event.preventDefault();\r\n // this.setState({\r\n // rows: this.state.rows.slice(0, -1)\r\n // });\r\n // };\r\n handleRemoveSpecificRow = (idx) => () => {\r\n \r\n const rows = [...this.state.rows]\r\n rows.splice(idx, 1)\r\n this.setState({ rows })\r\n }\r\n\r\n\r\n\r\n handleSubmit = event => {\r\n\r\n \r\n const { rows } = this.state;\r\n\r\n const Options = {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(rows)\r\n };\r\n localStorage.setItem('dischargequality', Options.body);\r\n /* let newbody = JSON.parse(Options.body);\r\n\r\n\r\n axios.post('http://localhost:23013/api/DischargeWaterQuality/SaveTotalDischargedQuality', newbody)\r\n .then(response1 => {\r\n\r\n if (response1.data.Status === 'Success') {\r\n alert(\"Data Save Successfully\");\r\n window.location.reload();\r\n console.log(response1.data.Status);\r\n\r\n }\r\n\r\n else {\r\n alert('Data Saved Successfully');\r\n window.location.reload();\r\n }\r\n }); */\r\n\r\n\r\n }\r\n\r\n\r\n\r\n\r\n renderRows() {\r\n return this.state.rows.map((item, idx) => {\r\n return (\r\n\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n
\r\n\r\n );\r\n });\r\n }\r\n\r\n render() {\r\n const text = \"This is the total quantity of waste water discharged in the premises.\\nTotal amount of pollutant load discharged from the unit during the\\nreporting period(eg.The total BOD in kg during the period=\\nAverage BOD(mg / lit) * total volume of waste water discharged(m3)\\n* 1, 000 / 1, 000, 000.Total volume should be same as in Table EN 21 - 1.\"\r\n\r\n return (\r\n \r\n\r\n )\r\n }\r\n}\r\n\r\nexport default Dischargedwaterquality","import React,{Component} from 'react'\r\nimport {Table } from 'react-bootstrap';\r\nimport Form from 'react-bootstrap/Form';\r\nimport { Button, Card, CardBody, CardGroup, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row, NavLink } from 'reactstrap';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport '../index.css';\r\nimport axios from 'axios';\r\nimport Tooltip from \"react-simple-tooltip\"\r\nclass Significantspills extends Component {\r\n constructor(props) {\r\n super(props)\r\n let date = new Date()\r\n let longMonth = date.toLocaleString('en-us', { month: 'long' });\r\n let longYear = date.toLocaleString('en-us', { year: 'numeric' })\r\n let prevMonth = date.toLocaleString('en-us', { month: 'long' });\r\n this.state= {\r\n count:0,\r\n rows:[{id:0}],\r\n \r\n type: '',\r\n quantity: '',\r\n ucode: localStorage.getItem('username'),\r\n utype: localStorage.getItem('utype'),\r\n location: localStorage.getItem('location'),\r\n longMonth: longMonth,\r\n longYear: longYear,\r\n prevMonth:prevMonth\r\n } \r\n \r\n}\r\n componentDidMount() {\r\n var loggedin = sessionStorage.getItem('LoggedIn')\r\n var utypeid = localStorage.getItem('utypeid')\r\n if (loggedin == null || utypeid == 1) {\r\n window.location.href = '/'\r\n return;\r\n }\r\n document.getElementById(\"navribbon\").style.display = \"none\";\r\n localStorage.setItem('homepage', false);\r\n }\r\n \r\n handleChange = (idx) => (e) => {\r\n\r\n e.preventDefault();\r\n // const { name, value } = e.target;\r\n const name = e.target.name;\r\n var value = 0;\r\n //let id=name+(idx);\r\n\r\n if (name == \"SpilledAmt\") {\r\n value = parseInt(e.target.value);\r\n\r\n }\r\n else {\r\n value = e.target.value;\r\n }\r\n\r\n const rows = [...this.state.rows];\r\n var longYear = this.state.longYear;\r\n var prevMonth = this.state.prevMonth;\r\n var location = parseInt(this.state.location);\r\n var utype = parseInt(this.state.utype);\r\n let row = {\r\n ...rows[idx],\r\n id: idx,\r\n [name]: value,\r\n \"SpillageYear\": longYear,\r\n \"SpillageMonth\": prevMonth,\r\n \"LocationId\": location,\r\n \"UserId\": utype\r\n };\r\n rows[idx] = row;\r\n this.setState({\r\n rows\r\n });\r\n };\r\n \r\n handleAddRow =() => (event) => {\r\n \r\n let count=this.state.count\r\n count=count+1;\r\n this.setState({count})\r\n\r\n // this.setState((prevState) => ({ count: prevState.count + '1'}));\r\n \r\n const item = {\r\n id:count\r\n // type: \"\",\r\n // unit: \"\",\r\n // consumed: \"\",\r\n // recycle:\"\"\r\n \r\n };\r\n event.preventDefault();\r\n this.setState({\r\n rows: [...this.state.rows, item] \r\n \r\n });\r\n };\r\n // handleRemoveRow = (event) => {\r\n // event.preventDefault();\r\n // this.setState({\r\n // rows: this.state.rows.slice(0, -1)\r\n // });\r\n // };\r\n handleRemoveSpecificRow = (idx) => () => {\r\n \r\n const rows = [...this.state.rows]\r\n rows.splice(idx, 1)\r\n this.setState({ rows })\r\n }\r\n \r\n \r\n\r\n handleSubmit = event => {\r\n\r\n event.preventDefault()\r\n const { rows } = this.state;\r\n\r\n const Options = {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(rows)\r\n };\r\n localStorage.setItem('spills', Options.body);\r\n alert(\"Data Saved Successfully\");\r\n /* let newbody = JSON.parse(Options.body);\r\n\r\n\r\n axios.post('http://localhost:23013/api/SignificantSpills/SaveSpillageDetails', newbody)\r\n .then(response1 => {\r\n\r\n if (response1.data.Status === 'Success') {\r\n alert(\"Data Save Successfully\");\r\n window.location.reload();\r\n console.log(response1.data.Status);\r\n\r\n }\r\n\r\n else {\r\n alert('Data Saved Successfully');\r\n window.location.reload();\r\n }\r\n });*/\r\n\r\n\r\n }\r\n\r\n\r\n\r\n\r\n renderRows(){\r\n return this.state.rows.map((item, idx) => {\r\n return(\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n });\r\n }\r\n\r\n render() {\r\n const text = \"Number of incidents and volume of significant spill of chemical/ oils/ fuels/wastes\\nwhich could be a serious environmental issue. Oil/ Chemical/ fuel Spill > 5 lit.\\nshould be accounted as an incidence of significant spill.\"\r\n\r\n return (\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default Significantspills","import React,{Component} from 'react'\r\nimport { Table, Modal} from 'react-bootstrap';\r\nimport Form from 'react-bootstrap/Form';\r\nimport { Button, Card, CardBody, CardGroup, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row, NavLink } from 'reactstrap';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport '../index.css';\r\nimport axios from 'axios';\r\nimport Tooltip from \"react-simple-tooltip\"\r\n\r\nclass Legalcompliance extends Component {\r\n constructor(props) {\r\n super(props)\r\n let date = new Date()\r\n let longMonth = date.toLocaleString('en-us', { month: 'long' });\r\n let longYear = date.toLocaleString('en-us', { year: 'numeric' })\r\n date.setMonth(date.getMonth() - 1)\r\n let prevMonth = date.toLocaleString('en-us', { month: 'long' });\r\n let prevYear = longYear - 1;\r\n this.state= {\r\n count:0,\r\n rows: [{ id: 0 }],\r\n compliance: '',\r\n fine: '',\r\n ucode: localStorage.getItem('username'),\r\n utype: localStorage.getItem('utype'),\r\n location: localStorage.getItem('location'),\r\n longMonth: longMonth,\r\n longYear: longYear,\r\n prevMonth: prevMonth,\r\n prevYear: prevYear,\r\n isOpen: false\r\n } \r\n \r\n}\r\n componentDidMount() {\r\n var loggedin = sessionStorage.getItem('LoggedIn')\r\n var utypeid = localStorage.getItem('utypeid')\r\n if (loggedin == null || utypeid == 1) {\r\n window.location.href = '/'\r\n return;\r\n }\r\n document.getElementById(\"navribbon\").style.display = \"none\";\r\n localStorage.setItem('homepage', false);\r\n var legal = JSON.parse(localStorage.getItem(\"legal\"));\r\n var rows = this.state.rows;\r\n\r\n if (legal != null) {\r\n rows = legal\r\n\r\n this.setState({\r\n rows\r\n })\r\n }\r\n\r\n\r\n }\r\n \r\n handleChange = (idx) => (e) => {\r\n\r\n e.preventDefault();\r\n // const { name, value } = e.target;\r\n const name = e.target.name;\r\n \r\n //let id=name+(idx);\r\n\r\n \r\n const value = parseFloat(e.target.value);\r\n\r\n \r\n \r\n\r\n const rows = [...this.state.rows];\r\n var longYear = this.state.longYear;\r\n var prevMonth = this.state.prevMonth;\r\n var location = parseInt(this.state.location);\r\n var utype = parseInt(this.state.utype);\r\n var month = localStorage.getItem(\"month1\");\r\n var year = localStorage.getItem(\"year1\")\r\n var Reference = localStorage.getItem(\"globalvar\")\r\n //var year = 0\r\n\r\n //var prevYear = this.state.prevYear;\r\n //if (prevMonth == \"December\") {\r\n // year = prevYear\r\n //}\r\n //else {\r\n // year = longYear\r\n //}\r\n let row = {\r\n ...rows[idx],\r\n id: idx,\r\n [name]: value,\r\n \"ComplianceYear\": year,\r\n \"ComplianceMonth\": month,\r\n \"LocationId\": location,\r\n \"UserId\": utype,\r\n \"ReferenceId\":Reference\r\n };\r\n rows[idx] = row;\r\n this.setState({\r\n rows\r\n });\r\n };\r\n openModal = (e) => {\r\n\r\n\r\n this.setState({ isOpen: true }, () => {\r\n window.setTimeout(() => {\r\n this.setState({ isOpen: false })\r\n }, 2000)\r\n });\r\n\r\n }\r\n closeModal = () => this.setState({ isOpen: false });\r\n\r\n\r\n \r\n handleAddRow =() => (event) => {\r\n \r\n let count=this.state.count\r\n count=count+1;\r\n this.setState({count})\r\n\r\n // this.setState((prevState) => ({ count: prevState.count + '1'}));\r\n \r\n const item = {\r\n id:count\r\n // type: \"\",\r\n // unit: \"\",\r\n // consumed: \"\",\r\n // recycle:\"\"\r\n \r\n };\r\n event.preventDefault();\r\n this.setState({\r\n rows: [...this.state.rows, item] \r\n \r\n });\r\n };\r\n // handleRemoveRow = (event) => {\r\n // event.preventDefault();\r\n // this.setState({\r\n // rows: this.state.rows.slice(0, -1)\r\n // });\r\n // };\r\n handleRemoveSpecificRow = (idx) => () => {\r\n \r\n const rows = [...this.state.rows]\r\n rows.splice(idx, 1)\r\n this.setState({ rows })\r\n }\r\n \r\n isDisabled1() {\r\n\r\n var submitcounter = localStorage.getItem('submitcounter')\r\n\r\n if (submitcounter == \"true\") {\r\n\r\n return true;\r\n\r\n }\r\n else {\r\n return false;\r\n }\r\n\r\n }\r\n\r\nhandleSubmit = event => {\r\n\r\n event.preventDefault();\r\n const { rows } = this.state;\r\n //var prevMonth = this.state.prevMonth;\r\n //var year = 0;\r\n //var longYear = this.state.longYear\r\n\r\n //if (prevMonth == \"December\") {\r\n // year = longYear - 1;\r\n //}\r\n\r\n //else {\r\n\r\n // year = longYear\r\n //}\r\n var month = localStorage.getItem('month1')\r\n var year = localStorage.getItem('year1');\r\n var id = localStorage.getItem('utype')\r\n //axios.get(process.env.REACT_APP_GLOBAL_CODE + '/api/ComplianceDetails/GetComplianceDataMonthWise', { params: { Month: month,Year: year, UserId: id } })\r\n // .then(response => {\r\n \r\n // if (response.data.length == 0) {\r\n\r\n\r\n const Options = {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(rows)\r\n };\r\n localStorage.setItem('legal', Options.body);\r\n let newbody = JSON.parse(Options.body);\r\n axios.post(process.env.REACT_APP_GLOBAL_CODE + '/api/SaveTemporaryAPI/SaveEnvComplianceDatatemp', newbody).then(response => {\r\n\r\n if (response.data == 1) {\r\n this.openModal()\r\n }\r\n\r\n else {\r\n\r\n alert(\"Data Not Saved.Kindly Save Again\")\r\n }\r\n\r\n })\r\n // }\r\n // else {\r\n\r\n // alert(\"Data Already Submitted\")\r\n // }\r\n\r\n //})\r\n \r\n /* let newbody = JSON.parse(Options.body);\r\n\r\n\r\n axios.post('http://localhost:23013/api/ComplianceDetails/SaveComplianceData', newbody)\r\n .then(response1 => {\r\n\r\n if (response1.data.Status === 'Success') {\r\n alert(\"Data Save Successfully\");\r\n window.location.reload();\r\n console.log(response1.data.Status);\r\n\r\n }\r\n\r\n else {\r\n alert('Data Saved Successfully');\r\n window.location.reload();\r\n }\r\n }); */\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n renderRows(){\r\n return this.state.rows.map((item, idx) => {\r\n return(\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n {/*
\r\n \r\n \r\n \r\n \r\n
*/}\r\n
\r\n \r\n );\r\n });\r\n }\r\n\r\n render() {\r\n const text = \"Non-compliance is defined as incidents of not meeting the relevant local, state, national or international environmental regulations\\n(For example : delay in renewal of consent /authorisation, delay in filing returns, exceeding the stipulated effluent / emission standards).\\nAlso include the fines or non-monetary sanctions imposed relating to environmental regulations.Details of non compliance,\\ncorrective measures taken and the present status of compliance to be included in remark.\"\r\n return (\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default Legalcompliance","import React, { Component } from 'react';\r\nimport { Modal, Button } from \"react-bootstrap\";\r\n\r\nclass modal extends Component {\r\n state = {\r\n modal: false\r\n }\r\n\r\n openModal = () => {\r\n \r\n this.setState({ modal: true });\r\n }\r\n render() {\r\n return (\r\n
\n \n \n \n {({ TransitionProps, placement }) => (\n \n \n \n \n \n Mike John responded to your email\n \n \n You have 5 new tasks\n \n \n You{\"'\"}re now friend with Andrew\n \n \n Another Notification\n \n \n Another One\n \n \n \n \n \n )}\n \n
\n \n );\n}\n\nFixedPlugin.propTypes = {\n bgImage: PropTypes.string,\n handleFixedClick: PropTypes.func,\n rtlActive: PropTypes.bool,\n fixedClasses: PropTypes.string,\n bgColor: PropTypes.oneOf([\n \"white\",\n \"purple\",\n \"blue\",\n \"green\",\n \"orange\",\n \"red\",\n ]),\n handleColorClick: PropTypes.func,\n handleImageClick: PropTypes.func,\n};\n","import {\n drawerWidth,\n transition,\n container,\n} from \"../../nextjs-material-dashboard.js\";\n\nconst appStyle = (theme) => ({\n wrapper: {\n position: \"relative\",\n top: \"0\",\n height: \"100vh\",\n },\n mainPanel: {\n [theme.breakpoints.up(\"md\")]: {\n width: `calc(100% - ${drawerWidth}px)`,\n },\n overflow: \"auto\",\n position: \"relative\",\n float: \"right\",\n ...transition,\n maxHeight: \"100%\",\n width: \"100%\",\n overflowScrolling: \"touch\",\n },\n content: {\n marginTop: \"70px\",\n padding: \"30px 15px\",\n minHeight: \"calc(100vh - 123px)\",\n },\n container,\n map: {\n marginTop: \"70px\",\n },\n});\n\nexport default appStyle;\n","import React from \"react\";\n//import { useRouter } from \"next/router\";\n// creates a beautiful scrollbar\nimport PerfectScrollbar from \"perfect-scrollbar\";\nimport \"perfect-scrollbar/css/perfect-scrollbar.css\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// core components\nimport Navbar from \"../../components/Navbars/Navbar.js\";\nimport Footer from \"../../components/Footer/Footer.js\";\nimport Sidebar from \"../../components/Sidebar/Sidebar.js\";\nimport FixedPlugin from \"../../components/FixedPlugin/FixedPlugin.js\";\n\n//import routes from \"routes.js\";\n\nimport styles from \"../assets/jss/nextjs-material-dashboard/layouts/adminStyle.js\";\n\nimport bgImage from \"../assets/img/sidebar-2.jpg\";\nimport logo from \"../assets/img/reactlogo.png\";\n\nlet ps;\n\nexport default function Admin({ children, ...rest }) {\n // used for checking current route\n // const router = useRouter();\n // styles\n const useStyles = makeStyles(styles);\n const classes = useStyles();\n // ref to help us initialize PerfectScrollbar on windows devices\n const mainPanel = React.createRef();\n // states and functions\n const [image, setImage] = React.useState(bgImage);\n const [color, setColor] = React.useState(\"white\");\n const [fixedClasses, setFixedClasses] = React.useState(\"dropdown show\");\n const [mobileOpen, setMobileOpen] = React.useState(false);\n const handleImageClick = (image) => {\n setImage(image);\n };\n const handleColorClick = (color) => {\n setColor(color);\n };\n const handleFixedClick = () => {\n if (fixedClasses === \"dropdown\") {\n setFixedClasses(\"dropdown show\");\n } else {\n setFixedClasses(\"dropdown\");\n }\n };\n const handleDrawerToggle = () => {\n setMobileOpen(!mobileOpen);\n };\n {/* const getRoute = () => {\n return router.pathname !== \"/admin/maps\";\n };*/}\n const resizeFunction = () => {\n if (window.innerWidth >= 960) {\n setMobileOpen(false);\n }\n };\n // initialize and destroy the PerfectScrollbar plugin\n React.useEffect(() => {\n if (navigator.platform.indexOf(\"Win\") > -1) {\n ps = new PerfectScrollbar(mainPanel.current, {\n suppressScrollX: true,\n suppressScrollY: false,\n });\n document.body.style.overflow = \"hidden\";\n }\n window.addEventListener(\"resize\", resizeFunction);\n // Specify how to clean up after this effect:\n return function cleanup() {\n if (navigator.platform.indexOf(\"Win\") > -1) {\n ps.destroy();\n }\n window.removeEventListener(\"resize\", resizeFunction);\n };\n }, [mainPanel]);\n return (\n
\n \n
\n \n //On the /maps route we want the map to be on full screen - this is not possible if the content and conatiner classes are present because they have some paddings which would make the map smaller \n {/* {getRoute() ? ( */}\n
*/}\r\n {/* Mr. Sivakumar Sundaram Chairman, Executive Committee*/}\r\n {/*
*/}\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n We are committed to protecting the environment, promoting health and safety, and achieving sustainability. Our vision is to be a leader in sustainable practices, setting an example for our industry and contributing to a better future for all.
\r\n We will achieve our vision by continuously improving our operations to minimize our environmental impact, reduce waste and pollution, and promote the use of renewable energy sources. We will prioritize the health and safety of our employees and customers, providing a safe and healthy workplace and promoting wellness in all aspects of our operations.
\r\n We will also work with our suppliers and partners to promote sustainable practices throughout our supply chain, and we will engage with our communities to promote sustainability and contribute to the well-being of society.
\r\n By living this vision, we will create long-term value for our stakeholders, contribute to a more sustainable future, and leave a positive impact on the world.\"\r\n
\r\n \r\n
\r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default Homepage","import React,{Component} from 'react'\r\nimport {Table } from 'react-bootstrap';\r\nimport Form from 'react-bootstrap/Form';\r\nimport { Button, Card, CardBody, CardGroup, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row, NavLink } from 'reactstrap';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport TextField from '@material-ui/core/TextField';\r\n\r\nimport './App.css';\r\nimport '../index.css';\r\nimport Tooltip from \"react-simple-tooltip\"\r\nimport axios from 'axios';\r\n\r\n\r\n\r\nclass Fireextenguisher extends Component {\r\n constructor(props) {\r\n super(props)\r\n let date = new Date()\r\n\r\n let longMonth = date.toLocaleString('en-us', { month: 'long' });\r\n let longYear = date.toLocaleString('en-us', { year: 'numeric' });\r\n date.setMonth(date.getMonth() - 1)\r\n let prevMonth = date.toLocaleString('en-us', { month: 'long' });\r\n let prevYear = (longYear - 1).toString(); this.state= {\r\n count:0,\r\n rows:[{id:0}],\r\n rows1: [],\r\n rows2:[],\r\n ucode: localStorage.getItem('username'),\r\n utype: localStorage.getItem('utype'),\r\n location: localStorage.getItem('location'),\r\n longMonth: longMonth,\r\n longYear: longYear,\r\n admincode: localStorage.getItem('admincode'),\r\n prevMonth: prevMonth,\r\n prevYear:prevYear\r\n } \r\n \r\n }\r\n\r\n \r\n componentDidMount() {\r\n var loggedin = sessionStorage.getItem('LoggedIn')\r\n var utypeid = localStorage.getItem('utypeid')\r\n if (loggedin == null || utypeid == 1) {\r\n window.location.href = '/'\r\n return;\r\n }\r\n document.getElementById(\"navribbon\").style.display = \"none\";\r\n localStorage.setItem('homepage', false);\r\n }\r\n \r\n handleChange = (idx) => (e) => {\r\n \r\n e.preventDefault();\r\n // const { name, value } = e.target;\r\n const name = e.target.name;\r\n \r\n //let id=name+(idx);\r\n \r\n const value = e.target.value;\r\n \r\n \r\n const rows = [...this.state.rows];\r\n const rows1 = [...this.state.rows1];\r\n var longYear = this.state.longYear;\r\n var prevMonth = this.state.prevMonth;\r\n var location = parseInt(this.state.location);\r\n var utype = parseInt(this.state.utype);\r\n var admincode = parseInt(this.state.admincode)\r\n var year = 0\r\n\r\n var prevYear = this.state.prevYear;\r\n if (prevMonth == \"December\") {\r\n year = prevYear\r\n }\r\n else {\r\n year = longYear\r\n }\r\n\r\n let row = {\r\n ...rows[idx],\r\n id: idx,\r\n [name]: value,\r\n \"Year\": year,\r\n \"Month\": prevMonth,\r\n \"LocationId\": location,\r\n \"UserId\":utype\r\n };\r\n rows[idx] = row;\r\n this.setState({\r\n rows\r\n });\r\n let row1 = {\r\n ...rows1[0],\r\n\r\n \"FormId\": 8,\r\n \"UserId\": utype,\r\n \"LocationId\": location,\r\n \"SubmittedTo\": admincode\r\n\r\n };\r\n\r\n rows1[0] = row1;\r\n this.setState({\r\n rows1\r\n });\r\n\r\n };\r\n \r\n handleAddRow =() => (event) => {\r\n \r\n let count=this.state.count\r\n count=count+1;\r\n this.setState({count})\r\n\r\n // this.setState((prevState) => ({ count: prevState.count + '1'}));\r\n \r\n const item = {\r\n id:count\r\n // type: \"\",\r\n // unit: \"\",\r\n // consumed: \"\",\r\n // recycle:\"\"\r\n \r\n };\r\n event.preventDefault();\r\n this.setState({\r\n rows: [...this.state.rows, item] \r\n \r\n });\r\n };\r\n // handleRemoveRow = (event) => {\r\n // event.preventDefault();\r\n // this.setState({\r\n // rows: this.state.rows.slice(0, -1)\r\n // });\r\n // };\r\n handleRemoveSpecificRow = (idx) => () => {\r\n \r\n const rows = [...this.state.rows]\r\n rows.splice(idx, 1)\r\n this.setState({ rows })\r\n }\r\n \r\n \r\n\r\n handleSubmit = async (event) => {\r\n \r\n event.preventDefault();\r\n\r\n const { rows } = this.state;\r\n const { rows1 } = this.state;\r\n var prevMonth = this.state.prevMonth;\r\n var year = 0;\r\n var longYear = this.state.longYear\r\n\r\n if (prevMonth == \"December\") {\r\n year = longYear - 1;\r\n }\r\n\r\n else {\r\n\r\n year = longYear\r\n }\r\n\r\n var id = localStorage.getItem('utype')\r\n await axios.get(process.env.REACT_APP_GLOBAL_CODE +'/api/FireExtinguisher/GetFireExtinguisherByMonth', { params: { Month: prevMonth, Year: year, UserId: id } })\r\n .then(response => {\r\n \r\n this.setState({\r\n rows2: response.data\r\n })\r\n\r\n })\r\n\r\n var rows2 = this.state.rows2\r\n if (rows2.length == 0) {\r\n\r\n\r\n const Options = {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(rows)\r\n };\r\n var newbody = JSON.parse(Options.body);\r\n\r\n const Options1 = {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(rows1)\r\n };\r\n let checkbody = JSON.parse(Options1.body);\r\n axios.all([\r\n await axios.post(process.env.REACT_APP_GLOBAL_CODE + '/api/FireExtinguisher/SaveFireExtinguisherDetails', newbody),\r\n\r\n axios.post(process.env.REACT_APP_GLOBAL_CODE + '/api/EHSAdminApproval/SaveEHSFormSubmission', checkbody)\r\n ]).then(axios.spread((response1, response2) => {\r\n if (response1.data.Status === 'Success') {\r\n alert(\"Data Save Successfully\");\r\n window.location.reload();\r\n console.log(response1.data.Status);\r\n\r\n }\r\n\r\n else {\r\n alert('Data Saved Successfully');\r\n window.location.reload();\r\n }\r\n }));\r\n\r\n }\r\n else {\r\n\r\n alert(\"Data Already Submitted\")\r\n window.location.reload();\r\n }\r\n\r\n\r\n \r\n\r\n }\r\n\r\n handleClick1 = () => (event) => {\r\n\r\n this.props.history.push(\"/fireextinguisherview\"); \r\n };\r\n\r\n\r\n renderRows(){\r\n return this.state.rows.map((item, idx) => {\r\n return (\r\n \r\n
\r\n \r\n {/*
\r\n { item.id}\r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n });\r\n }\r\n\r\n render() {\r\n \r\n\r\n const text = \"This is the sum of all water drawn (in cubic meter per month) into the facility from all\\nsources (groundwater, surface water, Municipal / others and harvested rainwater)\\nfor any uses within the unit during the reporting period.\"\r\n return (\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default Fireextenguisher","import React, { Component } from 'react'\r\nimport { Table } from 'react-bootstrap';\r\nimport Form from 'react-bootstrap/Form';\r\nimport { Modal, Button } from \"react-bootstrap\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Select from \"@material-ui/core/Select\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport axios from 'axios';\r\nimport './App.css';\r\nimport { RiPencilLine } from \"react-icons/ri\";\r\nimport '../index.css';\r\nimport Edit from './Editrawmaterial'\r\nimport { BiFontSize } from 'react-icons/bi';\r\nimport { Menu } from '@material-ui/core';\r\nimport Moment from 'moment';\r\n\r\n\r\n\r\nclass Safetywalkview extends Component {\r\n\r\n constructor(props) {\r\n super(props)\r\n \r\n this.handleRemoveSpecificRow = this.handleRemoveSpecificRow.bind(this);\r\n let date = new Date()\r\n\r\n let longMonth = date.toLocaleString('en-us', { month: 'long' });\r\n let longYear = date.toLocaleString('en-us', { year: 'numeric' })\r\n date.setMonth(date.getMonth() - 1);\r\n let prevMonth = date.toLocaleString('en-us', { month: 'long' });\r\n \r\n let prevYear = (longYear - 1).toString();\r\n\r\n\r\n this.state = {\r\n count: 0,\r\n \r\n rows: [],\r\n rows1: [],\r\n rows2: [],\r\n isOpen: false,\r\n \r\n type1: 'Yes',\r\n type2: 'No',\r\n type3: 'NA',\r\n month1:'January',\r\n month2:'February',\r\n month3:'March',\r\n month4:'April',\r\n month5:'May',\r\n month6:'June',\r\n month7:'July',\r\n month8:'August',\r\n month9:'September',\r\n month10:'October',\r\n month11:'November',\r\n month12:'December',\r\n year1:'2020',\r\n year2: '2021',\r\n status1: 'Approved',\r\n status2:'Rejected',\r\n uploadedPath: process.env.PUBLIC_URL + '/assets/blank.png',\r\n longMonth: longMonth,\r\n longYear: longYear,\r\n prevMonth: prevMonth,\r\n prevYear: prevYear,\r\n month: prevMonth,\r\n year: '',\r\n status: \"pending\",\r\n id:''\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n \r\n var loggedin = sessionStorage.getItem('LoggedIn')\r\n var utypeid = localStorage.getItem('utypeid')\r\n if (loggedin == null ) {\r\n window.location.href = '/'\r\n return;\r\n }\r\n var prevYear = this.state.prevYear;\r\n var longYear = this.state.longYear;\r\n var prevMonth = this.state.prevMonth;\r\n if (prevMonth == \"December\") {\r\n this.setState({\r\n year: prevYear\r\n })\r\n }\r\n else {\r\n this.setState({\r\n year: longYear\r\n })\r\n }\r\n document.getElementById(\"navribbon\").style.display = \"none\";\r\n localStorage.setItem('homepage', false);\r\n \r\n if (utypeid == 1) {\r\n \r\n\r\n document.getElementById('monthfilter').style.display = \"none\";\r\n \r\n document.getElementById(\"resubmit\").style.display = \"none\";\r\n\r\n var adminhistoryehs = localStorage.getItem('adminhistoryehs')\r\n if (adminhistoryehs == 'true') {\r\n document.getElementById('status').style.display = \"none\";\r\n }\r\n\r\n else {\r\n document.getElementById('status').style.display = \"inline\";\r\n }\r\n const values = this.props.location.search\r\n const params = new URLSearchParams(values);\r\n const id = params.get('id');\r\n this.setState({\r\n id: id\r\n });\r\n \r\n axios.get(process.env.REACT_APP_GLOBAL_CODE + '/api/SafetyWalkList/GetSafetyDataFiltered', { params: { SubmissionId: id } }).then(response => {\r\n \r\n var path = \"\"\r\n var rows = response.data;\r\n if (rows != 0) {\r\n\r\n path = rows[0].uploadedPath\r\n }\r\n else {\r\n path = \"\"\r\n }\r\n this.setState({\r\n rows: response.data,\r\n uploadedPath:path\r\n\r\n })\r\n\r\n })\r\n\r\n }\r\n\r\n\r\n else {\r\n \r\n var Status = localStorage.getItem('Status')\r\n \r\n const values = this.props.location.search\r\n const params = new URLSearchParams(values);\r\n const id = params.get('id');\r\n if (Status == 'Rejected' || id != null) {\r\n document.getElementById('monthfilter').style.display = \"none\";\r\n document.getElementById('status').style.display = \"none\";\r\n document.getElementById(\"resubmit\").style.display = \"inline\";\r\n\r\n\r\n localStorage.setItem('submissionid', id);\r\n\r\n this.setState({\r\n id: id\r\n });\r\n \r\n axios.get(process.env.REACT_APP_GLOBAL_CODE + '/api/SafetyWalkList/GetSafetyDataFiltered', { params: { SubmissionId: id } }).then(response => {\r\n var path = \"\"\r\n var rows = response.data;\r\n if (rows.length != 0) {\r\n\r\n path = rows[0].uploadedPath\r\n }\r\n else {\r\n path = \"\"\r\n }\r\n this.setState({\r\n rows: response.data,\r\n uploadedPath: path\r\n\r\n })\r\n console.log(response.data)\r\n })\r\n }\r\n\r\n else {\r\n\r\n document.getElementById('monthfilter').style.display = \"inline\";\r\n document.getElementById('status').style.display = \"none\";\r\n document.getElementById(\"resubmit\").style.display = \"none\";\r\n \r\n var uid = localStorage.getItem('utype')\r\n axios.get(process.env.REACT_APP_GLOBAL_CODE + '/api/SafetyWalkList/GetSafetyWalkListByUId', { params: { UserId: uid } }).then(response => {\r\n\r\n this.setState({\r\n rows1: response.data,\r\n\r\n\r\n })\r\n\r\n var prevMonth = this.state.prevMonth;\r\n\r\n // const rows = {...this.state.rows}\r\n var rows = response.data.filter(x => x.safetyMonth == prevMonth);\r\n var path = \"\"\r\n \r\n if (rows.length != 0) {\r\n\r\n path = rows[0].uploadedPath\r\n }\r\n else {\r\n path=\"\"\r\n }\r\n \r\n this.setState({\r\n rows: rows,\r\n uploadedPath:path\r\n\r\n\r\n })\r\n console.log(response.data)\r\n });\r\n }\r\n }\r\n }\r\n\r\n isDisabled() {\r\n var utype = localStorage.getItem('utype')\r\n\r\n if (utype == 1) {\r\n return true;\r\n\r\n }\r\n else {\r\n return false;\r\n }\r\n\r\n }\r\n \r\n\r\n handleAddRow = () => (event) => {\r\n \r\n let count = this.state.count\r\n count = count + 1;\r\n this.setState({ count })\r\n\r\n // this.setState((prevState) => ({ count: prevState.count + '1'}));\r\n\r\n const item = {\r\n id: count\r\n // type: \"\",\r\n // unit: \"\",\r\n // consumed: \"\",\r\n // recycle:\"\"\r\n\r\n };\r\n event.preventDefault();\r\n this.setState({\r\n rows: [...this.state.rows, item]\r\n\r\n\r\n });\r\n };\r\n // handleRemoveRow = (event) => {\r\n // event.preventDefault();\r\n // this.setState({\r\n // rows: this.state.rows.slice(0, -1)\r\n // });\r\n // };\r\n handleRemoveSpecificRow = (idx, id) => (e) => {\r\n\r\n e.preventDefault();\r\n var result = window.confirm(\"Are you sure you want to delete?\");\r\n if (result) {\r\n let index = idx + 1;\r\n axios.delete(process.env.REACT_APP_GLOBAL_CODE + '/api/SafetyWalkList/DeleteSafetyWalkList', { params: { SafetyWalkDetId: id } }).then(response => {\r\n alert(\"Entry Deleted Successfully\");\r\n window.location.reload();\r\n\r\n }).catch(err => console.log(err));\r\n }\r\n\r\n\r\n // let rowarr = [...this.state.rows];\r\n // let deletedItem = rowarr.findIndex(item => item.id === idx);\r\n // rowarr.splice(deletedItem, 1);\r\n // this.setState({...this.state.rows=rowarr})\r\n\r\n // let row = [...this.state.rows.filter(x=>x.id!==idx)];\r\n // this.setState({rows:row})\r\n\r\n\r\n\r\n\r\n // const rows = [...this.state.rows]\r\n // rows.splice(idx,1)\r\n // this.setState({ rows })\r\n // e.preventDefault()\r\n // var newrows=this.state.rows.slice();\r\n // newrows.splice(idx,1);\r\n // this.setState({ rows:newrows })\r\n\r\n // return [...this.state.rows.slice(0, idx), ...this.state.rows.slice(idx + 1)]\r\n // const newRows = this.state.rows.slice(0, idx).concat(this.state.rows.slice(idx + 1));\r\n // this.setState({\r\n // rows: newRows,\r\n // });\r\n\r\n }\r\n\r\n edit(idx) {\r\n\r\n \r\n this.props.history.push(\"/editsafety/?id=\" + idx);\r\n }\r\n\r\n handleSubmit9 = (event) => {\r\n\r\n\r\n this.props.history.push(\"/\");\r\n\r\n }\r\n\r\n formatDate(string) {\r\n var options = { day: 'numeric', month: 'numeric', year: 'numeric' };\r\n\r\n var check = new Date(string).toLocaleDateString([], options);\r\n\r\n return Moment(check).format('DD-MM-YYYY')\r\n\r\n\r\n }\r\n openModal = (e) => {\r\n \r\n this.setState({ status: e.target.value });\r\n this.setState({ isOpen: true });\r\n \r\n\r\n }\r\n closeModal = () => this.setState({ isOpen: false });\r\n\r\n handleSubmit = event => {\r\n event.preventDefault();\r\n \r\n var month = this.state.month;\r\n var year = this.state.year;\r\n var uid = localStorage.getItem('utype')\r\n axios.get(process.env.REACT_APP_GLOBAL_CODE + '/api/SafetyWalkList/GetSafetyWalkListMonthWise', { params: { SafetyMonth: month, SafetyYear: year,UserId:uid } })\r\n .then(response => {\r\n \r\n this.setState({\r\n rows: response.data\r\n });\r\n console.log(response.data)\r\n })\r\n }\r\n \r\n\r\n\r\n\r\n handleChange = event => {\r\n \r\n event.preventDefault();\r\n const name = event.target.name;\r\n\r\n const value = event.target.value;\r\n\r\n \r\n this.setState({\r\n [name]:value\r\n });\r\n };\r\n\r\n\r\n handleChange1 = e => {\r\n \r\n const rows2 = [...this.state.rows2];\r\n let row = {\r\n [e.currentTarget.name]: e.currentTarget.value,\r\n \r\n \"Status\": this.state.status,\r\n \"RegulatorId\": 1,\r\n \"SubmissionId\": parseInt(this.state.id)\r\n }\r\n rows2[0] = row\r\n this.setState({\r\n rows2\r\n });\r\n };\r\n\r\n\r\n isDisplayed() {\r\n\r\n\r\n var Status = localStorage.getItem('Status')\r\n var id = localStorage.getItem('submissionid')\r\n if (Status == 'Rejected' || id != null) {\r\n return \"inline\"\r\n\r\n }\r\n else {\r\n return \"none\";\r\n }\r\n\r\n\r\n }\r\n\r\n handleSubmit1 = e => {\r\n \r\n const { rows2 } = this.state;\r\n var Status = localStorage.getItem('Status')\r\n const Options = {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(rows2)\r\n };\r\n let newbody = JSON.parse(Options.body);\r\n if (Status == 'Submitted') {\r\n axios.put(process.env.REACT_APP_GLOBAL_CODE + '/api/GetAdminApprovalEhs/UpdateUserSubmittedEhs', newbody[0])\r\n\r\n .then(response => {\r\n\r\n this.setState({ isOpen1: false })\r\n alert(\"Data Rejected Again\");\r\n this.props.history.push('/usersubmittedehs')\r\n });\r\n }\r\n\r\n else {\r\n axios.post(process.env.REACT_APP_GLOBAL_CODE + '/api/EHSAdminApproval/SaveEHSStatus', newbody)\r\n .then(response => {\r\n this.setState({ isOpen: false })\r\n alert(\"Status Updated Successfully\");\r\n this.props.history.push('/ehsadminview')\r\n });\r\n }\r\n } \r\n handleSubmit2 = e => {\r\n \r\n e.preventDefault();\r\n let SubmissionId = parseInt(this.state.id);\r\n \r\n axios.get(process.env.REACT_APP_GLOBAL_CODE + '/api/GetAdminApprovalEhs/UpdateEhsStatus', { params: { SubmissionId: SubmissionId } })\r\n .then(response => {\r\n alert(\"Entry Updated Successfully\");\r\n this.props.history.push('/adminrejectedehs')\r\n\r\n }).catch(err => console.log(err));\r\n }\r\n\r\n handleSubmit3 = event => {\r\n event.preventDefault();\r\n this.setState({\r\n month: this.state.prevMonth,\r\n year: this.state.longYear\r\n })\r\n this.componentDidMount();\r\n }\r\n\r\n renderRows() {\r\n\r\n return this.state.rows.map((item, idx) => {\r\n return (\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read http://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register () {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see http://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister () {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport registerServiceWorker from './registerServiceWorker';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport './index.css';\r\n\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n ,\r\n rootElement);\r\n\r\nregisterServiceWorker();\r\n\r\n","module.exports = __webpack_public_path__ + \"static/media/sidebar-2.310509c9.jpg\";","// ##############################\n// // // Tasks for TasksCard - see Dashboard view\n// #############################\n\nvar bugs = [\n [ \"Work Related Fatalities\" ],\n [\"Occupational Illness Issues\"],\n [\"EHS Training\"],\n [\"Total Recordable Injury Frequency Rate(TRI FR)\"],\n [\"Lost Time Injury Frequency Rate\"]\n]\n\n\nvar website = [\n [\"Work Related Fatalities\"],\n [\"Occupational Illness Issues\"],\n [\"EHS Training\"],\n [\"Total Recordable Injury Frequency Rate(TRI FR)\"],\n [\"Lost Time Injury Frequency Rate\"]\n];\nvar server = [\n \"Lines From Great Russian Literature? Or E-mails From My Boss?\",\n \"Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit\",\n 'Sign contract for \"What are conference organizers afraid of?\"',\n];\n\nmodule.exports = {\n // these 3 are used to create the tasks lists in TasksCard - Dashboard view\n bugs,\n \n website,\n server,\n};\n","module.exports = __webpack_public_path__ + \"static/media/sidebar-1.8e9f0a3c.jpg\";","module.exports = __webpack_public_path__ + \"static/media/sidebar-3.25031690.jpg\";","module.exports = __webpack_public_path__ + \"static/media/sidebar-4.fc9cb053.jpg\";","module.exports = __webpack_public_path__ + \"static/media/pic.8ac3e762.jpg\";","module.exports = \"data:image/png;base64,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\""],"sourceRoot":""}
![](\"https://img.icons8.com/external-flatart-icons-solid-flatarticons/56/ffffff/external-money-saving-economy-flatart-icons-solid-flatarticons.png\"){kind=icon}
\r\n\r\n ![](\"https://img.icons8.com/ios-glyphs/54/ffffff/receive-change.png\")
\r\n\r\n ![](\"https://img.icons8.com/ios-filled/54/ffffff/law.png\")
\r\n {/*
\r\n {/*