\r\n ![](\"//smartwork.scg.co.th/cdn/images/logo/scg-logo250x100.png\")
\r\n
*/}\r\n \r\n \r\n \r\n {!this.props.collapsed ?
\r\n {/*Waste Management
:W
}\r\n \r\n*/}\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n currentUser: state.CurrentUser.currentUser,\r\n language: state.LanguageSwitcher.language,\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, null)(LeftSider);\r\n","import React, { Component } from 'react';\r\nimport { Breadcrumb, Icon } from 'antd';\r\nimport { withRouter, Link } from 'react-router-dom';\r\nimport './AppBreadcrumb.less';\r\n\r\nclass AppBreadcrumb extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n {this.props.appRoutes.map((route, idx) => {\r\n return this.props.location.pathname.includes(route.path) ?\r\n (\r\n {route.name}\r\n ) : null\r\n })}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(AppBreadcrumb);\r\n","import React, { Component, Suspense } from 'react';\r\nimport { Layout, Menu, Icon, Drawer } from 'antd';\r\nimport Media from 'react-media';\r\nimport { Redirect, Route, Switch, Link, withRouter } from 'react-router-dom';\r\nimport TopRightHeader from './TopRightHeader';\r\nimport LeftSider from './LeftSider';\r\nimport AppBreadcrumb from './AppBreadcrumb';\r\nimport routes from '../../routes';\r\nimport './DefaultLayout.less';\r\nimport { isMobile } from 'react-device-detect';\r\nimport config from 'react-global-configuration';\r\n\r\nconst { Header, Content, Footer, } = Layout;\r\n//let enviroment = config.get(\"enviroment\");\r\n\r\nclass DefaultLayout extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n state = {\r\n collapsed: false,\r\n isMobile: false,\r\n winSize: {\r\n h: \"0px\"\r\n },\r\n \r\n };\r\n\r\n componentDidMount = () => {\r\n const { intl } = this.props;\r\n //console.log(\"DefaultLayout mounted \", intl.formatMessage({ id: 'label.hello' }));\r\n }\r\n\r\n toggle = () => {\r\n this.setState({\r\n collapsed: !this.state.collapsed,\r\n });\r\n }\r\n\r\n checkMobile = (matches) => {\r\n if (matches !== this.state.isMobile) {\r\n this.setState({\r\n isMobile: matches\r\n });\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n this.setState({\r\n winSize: { h: window.innerHeight + \"px\" }\r\n });\r\n }\r\n\r\n getLayoutStyle = () => {\r\n if (!(this.state.isMobile || isMobile)) {\r\n return {\r\n paddingLeft: this.state.collapsed ? '80px' : '256px',\r\n };\r\n }\r\n return null;\r\n };\r\n\r\n getHeaderWidthStyle = () => {\r\n let width = this.state.isMobile || isMobile ? '100%' : this.state.collapsed ? 'calc(100% - 80px)' : 'calc(100% - 256px)';\r\n return {\r\n width: width,\r\n }\r\n }\r\n\r\n loading = () => this.checkMobile(matches)}>\r\n {() =>\r\n \r\n {this.state.isMobile || isMobile ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {routes.map((route, idx) => {\r\n return route.component ? (\r\n (\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default withRouter(DefaultLayout);\r\n","import * as actionConst from './actions';\r\n\r\nconst initialStage = {\r\n currentUser: {},\r\n currentWasteSlipRequester: {}\r\n}\r\n\r\nexport default function (state = initialStage, action) {\r\n switch (action.type) {\r\n case actionConst.SET_USER:\r\n return {\r\n ...state,\r\n currentUser: action.payload\r\n };\r\n case actionConst.SET_WASTE_SLIP_REQUESTER:\r\n return {\r\n ...state,\r\n currentWasteSlipRequester: action.payload\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import * as actionConst from './actions';\r\n\r\nconst initialStage = {\r\n language: 'th'\r\n}\r\n\r\nexport default function (state = initialStage, action) {\r\n switch (action.type) {\r\n case actionConst.CHANGE_LANGUAGE:\r\n return {\r\n ...state,\r\n language: action.payload\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import CurrentUser from './currentUser/reducer'\r\nimport LanguageSwitcher from './languageSwitcher/reducer';\r\n\r\nexport default {\r\n LanguageSwitcher,\r\n CurrentUser\r\n};\r\n","export const SET_USER = 'SET_USER';\r\nexport const SET_WASTE_SLIP_REQUESTER = 'SET_WASTE_SLIP_REQUESTER';\r\n\r\n","import { createStore, combineReducers } from 'redux';\r\nimport reducers from './reducers'\r\n\r\nconst store = createStore(\r\n combineReducers(reducers)\r\n);\r\n\r\nexport default store;\r\n","import React from 'react';\r\nimport config from 'react-global-configuration';\r\nimport { Spin, Icon } from 'antd';\r\nimport store from '../../redux/store';\r\nimport * as currentUserActionConst from '../../redux/currentUser/actions';\r\n\r\nconst LogOut = (props) => {\r\n let appConfig = config.get(\"appConfig\");\r\n console.log(appConfig);\r\n\r\n localStorage.removeItem('SCGChem.PMM.WasteMgnt.WebUI.token');\r\n store.dispatch({ type: currentUserActionConst.SET_USER, payload: null });\r\n\r\n window.location = appConfig.ApiServer_LogOut_Endpoint;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n language: state.LanguageSwitcher.language\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n setUser: (payload) => dispatch({ type: actionCurrentUser.SET_USER, payload: payload })\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(App);\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\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 subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read http://bit.ly/CRA-PWA\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 function register(config) {\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.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/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. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit http://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See http://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\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 // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\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, config) {\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 const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.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, config);\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 React from 'react';\r\nimport { Spin, Icon } from 'antd';\r\nimport env from '../../env-config';\r\n\r\nlet wasteApiBaseUrl = env.REACT_APP_API_BASE_URL;\r\n\r\nexport const IENotSupport = () => \r\n {record.folio}\r\n \r\n )\r\n }\r\n else if (record.processName == \"Weight License\") {\r\n return (\r\n \r\n {record.folio}\r\n \r\n )\r\n }\r\n else if (record.processName == \"Receive Solvent\") {\r\n return (\r\n \r\n {record.folio}\r\n \r\n )\r\n }\r\n else if (record.processName == \"Survey By Observer\") {\r\n return (\r\n \r\n {record.folio}\r\n \r\n )\r\n }\r\n\r\n }\r\n },\r\n {\r\n title: intl.msg({ id: 'tbl.ProcessName', defaultMessage: 'Process Name' }),\r\n dataIndex: 'processName',\r\n width: 150,\r\n sorter: (a, b) => {\r\n return a.processName.toLowerCase().localeCompare(b.processName.toLowerCase());\r\n }\r\n },\r\n {\r\n title: intl.msg({ id: 'tbl.ActivityName', defaultMessage: 'Activity Name' }),\r\n dataIndex: 'status',\r\n width: 150,\r\n sorter: (a, b) => {\r\n return a.status.toLowerCase().localeCompare(b.status.toLowerCase());\r\n }\r\n },\r\n {\r\n title: intl.msg({ id: 'tbl.ActivityStartDate', defaultMessage: 'Activity Start Date' }),\r\n dataIndex: 'statusTimeStamp',\r\n width: 170,\r\n defaultSortOrder: 'descend',\r\n sorter: (a, b) => {\r\n return a.statusTimeStamp.localeCompare(b.statusTimeStamp);\r\n },\r\n render: (text, record) => {\r\n return (\r\n \r\n {moment.utc(record.statusTimeStamp).format(\"DD MMMM YYYY HH:mm\")}\r\n \r\n )\r\n }\r\n },\r\n //{\r\n // title: 'Destination',\r\n // dataIndex: 'destination',\r\n // width: 170,\r\n // sorter: (a, b) => {\r\n // return a.destination.toLowerCase().localeCompare(b.destination.toLowerCase());\r\n // },\r\n //}\r\n ];\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default MyTask;\r\n"],"sourceRoot":""}
Loading...
\r\n render() {\r\n\r\n console.log(isMobile);\r\n\r\n return (\r\n Your browser is not support.
Application cannot create an authen. Please contact 038-911 010 or IT One CS to report an incident.
;\r\n\r\nexport const CannotGetConfig = () =>Application cannot get configuration from server. Please contact 038-911 010 or IT One CS to report an incident.
;\r\n\r\nexport const CannotGetUserData = (props) =>Cannot get your account data.({props.username})
Please contact 038-911 010 or IT One CS to report an incident.
Or Click here to Log out
Please contact 038-911 010 or IT One CS to report an incident.
Or Click here to Log out