\n 959 ? \"transparent\" : \"white\"}\n justIcon={window.innerWidth > 959}\n simple={!(window.innerWidth > 959)}\n aria-label=\"Dashboard\"\n className={classes.buttonLink}\n >\n \n \n \n 959 ? \"transparent\" : \"white\"}\n justIcon={window.innerWidth > 959}\n simple={!(window.innerWidth > 959)}\n aria-label=\"Person\"\n className={classes.buttonLink}\n >\n \n \n \n
\n );\n}\n","import {\n container,\n defaultFont,\n primaryColor,\n defaultBoxShadow,\n infoColor,\n successColor,\n warningColor,\n dangerColor,\n whiteColor,\n grayColor\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst headerStyle = () => ({\n appBar: {\n backgroundColor: \"transparent\",\n boxShadow: \"none\",\n borderBottom: \"0\",\n marginBottom: \"0\",\n position: \"absolute\",\n width: \"100%\",\n paddingTop: \"10px\",\n zIndex: \"1029\",\n color: \"white\",\n border: \"0\",\n borderRadius: \"3px\",\n padding: \"10px 0\",\n transition: \"all 150ms ease 0s\",\n minHeight: \"50px\",\n display: \"block\"\n },\n container: {\n ...container,\n minHeight: \"50px\"\n },\n flex: {\n flex: 1\n },\n title: {\n ...defaultFont,\n letterSpacing: \"unset\",\n lineHeight: \"30px\",\n fontSize: \"18px\",\n borderRadius: \"3px\",\n textTransform: \"none\",\n color: \"inherit\",\n margin: \"0\",\n \"&:hover,&:focus\": {\n background: \"transparent\"\n }\n },\n appResponsive: {\n top: \"8px\"\n },\n primary: {\n backgroundColor: primaryColor[0],\n color: whiteColor,\n ...defaultBoxShadow\n },\n info: {\n backgroundColor: infoColor[0],\n color: whiteColor,\n ...defaultBoxShadow\n },\n success: {\n backgroundColor: successColor[0],\n color: whiteColor,\n ...defaultBoxShadow\n },\n warning: {\n backgroundColor: warningColor[0],\n color: whiteColor,\n ...defaultBoxShadow\n },\n danger: {\n backgroundColor: dangerColor[0],\n color: whiteColor,\n ...defaultBoxShadow\n }\n});\n\nexport default headerStyle;\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Hidden from \"@material-ui/core/Hidden\";\n// @material-ui/icons\nimport Menu from \"@material-ui/icons/Menu\";\n// core components\nimport AdminNavbarLinks from \"./AdminNavbarLinks.js\";\nimport RTLNavbarLinks from \"./RTLNavbarLinks.js\";\n\nimport styles from \"assets/jss/material-dashboard-react/components/headerStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Header(props) {\n const classes = useStyles();\n function makeBrand() {\n var name;\n props.routes.map(prop => {\n if (window.location.href.indexOf(prop.layout + prop.path) !== -1) {\n name = props.rtlActive ? prop.rtlName : prop.name;\n }\n return null;\n });\n return name;\n }\n const { color } = props;\n const appBarClasses = classNames({\n [\" \" + classes[color]]: color\n });\n return (\n \n
\n آمارها
\n\n 959 ? \"transparent\" : \"white\"}\n justIcon={window.innerWidth > 959}\n simple={!(window.innerWidth > 959)}\n aria-owns={open ? \"menu-list-grow\" : null}\n aria-haspopup=\"true\"\n onClick={handleToggle}\n className={classes.buttonLink}\n >\n \n \n \n \n {({ TransitionProps, placement }) => (\n \n \n \n \n \n محمدرضا به ایمیل شما پاسخ داد\n \n \n شما ۵ وظیفه جدید دارید\n \n \n از حالا شما با علیرضا دوست هستید\n \n \n اعلان دیگر\n \n \n اعلان دیگر\n \n \n \n \n \n )}\n \n
\n \n اعلانها\n
\nحساب کاربری
\n\n {/* Here we create navbar brand, based on route name */}\n {/* */}\n
\n Olá, {JSON.parse(localStorage.getItem(\"user\")).data.name}\n \n
\n )\n }\n\n function ItemLink(prop) {\n //console.log(color)\n var activePro = \" \";\n var listItemClasses;\n if (prop.path === \"/upgrade-to-pro\") {\n activePro = classes.activePro + \" \";\n listItemClasses = classNames({\n [\" \" + classes[color]]: true\n });\n } else {\n listItemClasses = classNames({\n [\" \" + classes[color]]: activeRoute(prop.layout + prop.path)\n });\n }\n const whiteFontClasses = classNames({\n [\" \" + classes.whiteFont]: activeRoute(prop.layout + prop.path)\n });\n\n // console.log(\"Prop Key\", prop.key);\n\n return - \n {\n newRoutes.map((prop, key) => {\n return
\n \n
\n\n }\n\n\n\n\n return (\n \n 
\n
\n \n \n \n \n \n \n \n \n
\n );\n}\n\nSidebar.propTypes = {\n rtlActive: PropTypes.bool,\n handleDrawerToggle: PropTypes.func,\n bgColor: PropTypes.oneOf([\"purple\", \"blue\", \"green\", \"orange\", \"red\"]),\n logo: PropTypes.string,\n image: PropTypes.string,\n logoText: PropTypes.string,\n routes: PropTypes.arrayOf(PropTypes.object),\n open: PropTypes.bool\n};\n","import React from \"react\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Grid from \"@material-ui/core/Grid\";\n\nconst styles = {\n grid: {\n padding: \"0 15px !important\"\n }\n};\n\nconst useStyles = makeStyles(styles);\n\nexport default function GridItem(props) {\n const classes = useStyles();\n const { children, ...rest } = props;\n return (\n \n \n
\n {image !== undefined ? (\n \n \n
\n {image !== undefined ? (\n \n \n {tableHead !== undefined ? (\n
\n
\n );\n}\n\nCustomTable.defaultProps = {\n tableHeaderColor: \"white\",\n};\n\nCustomTable.propTypes = {\n tableHeaderColor: PropTypes.oneOf([\n \"warning\",\n \"primary\",\n \"danger\",\n \"success\",\n \"info\",\n \"rose\",\n \"white\",\n ]),\n tableHead: PropTypes.arrayOf(PropTypes.string),\n tableData: PropTypes.arrayOf(PropTypes.object),\n tableBodyRow: PropTypes.arrayOf(PropTypes.string),\n};\n","import {\n blackColor,\n whiteColor,\n hexToRgb\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst cardStyle = {\n card: {\n border: \"0\",\n marginBottom: \"30px\",\n marginTop: \"30px\",\n borderRadius: \"6px\",\n color: \"rgba(\" + hexToRgb(blackColor) + \", 0.87)\",\n background: \"#f1f1f2\",\n width: \"100%\",\n boxShadow: \"0 1px 4px 0 rgba(\" + hexToRgb(blackColor) + \", 0.14)\",\n position: \"relative\",\n display: \"flex\",\n flexDirection: \"column\",\n minWidth: \"0\",\n wordWrap: \"break-word\",\n fontSize: \".875rem\"\n },\n cardPlain: {\n background: \"transparent\",\n boxShadow: \"none\"\n },\n cardProfile: {\n marginTop: \"30px\",\n textAlign: \"center\"\n },\n cardChart: {\n \"& p\": {\n marginTop: \"0px\",\n paddingTop: \"0px\"\n }\n }\n};\n\nexport default cardStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/cardStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Card(props) {\n const classes = useStyles();\n const { className, children, plain, profile, chart, ...rest } = props;\n const cardClasses = classNames({\n [classes.card]: true,\n [classes.cardPlain]: plain,\n [classes.cardProfile]: profile,\n [classes.cardChart]: chart,\n [className]: className !== undefined\n });\n return (\n \n {children}\n
\n );\n}\n\nCard.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n chart: PropTypes.bool,\n children: PropTypes.node\n};\n","const cardBodyStyle = {\n cardBody: {\n padding: \"0.9375rem 20px\",\n flex: \"1 1 auto\",\n WebkitBoxFlex: \"1\",\n position: \"relative\"\n },\n cardBodyPlain: {\n paddingLeft: \"5px\",\n paddingRight: \"5px\"\n },\n cardBodyProfile: {\n marginTop: \"15px\"\n }\n};\n\nexport default cardBodyStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/cardBodyStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardBody(props) {\n const classes = useStyles();\n const { className, children, plain, profile, ...rest } = props;\n const cardBodyClasses = classNames({\n [classes.cardBody]: true,\n [classes.cardBodyPlain]: plain,\n [classes.cardBodyProfile]: profile,\n [className]: className !== undefined\n });\n return (\n \n {children}\n
\n );\n}\n\nCardBody.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n children: PropTypes.node\n};\n","import {\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader,\n availableCardHeader,\n whiteColor\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst cardHeaderStyle = {\n cardHeader: {\n padding: \"0.75rem 1.25rem\",\n marginBottom: \"0\",\n borderBottom: \"none\",\n background: \"transparent\",\n zIndex: \"3 !important\",\n \"&$cardHeaderPlain,&$cardHeaderIcon,&$cardHeaderStats,&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader,&$availableCardHeader\": {\n margin: \"0 15px\",\n padding: \"0\",\n position: \"relative\",\n color: whiteColor\n },\n \"&:first-child\": {\n borderRadius: \"calc(.25rem - 1px) calc(.25rem - 1px) 0 0\"\n },\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader,&$availableCardHeader\": {\n \"&:not($cardHeaderIcon)\": {\n borderRadius: \"3px\",\n marginTop: \"-20px\",\n padding: \"15px\"\n }\n },\n \"&$cardHeaderStats svg\": {\n fontSize: \"36px\",\n lineHeight: \"56px\",\n textAlign: \"center\",\n width: \"36px\",\n height: \"36px\",\n margin: \"10px 10px 4px\"\n },\n \"&$cardHeaderStats i,&$cardHeaderStats .material-icons\": {\n fontSize: \"36px\",\n lineHeight: \"56px\",\n width: \"56px\",\n height: \"56px\",\n textAlign: \"center\",\n overflow: \"unset\",\n marginBottom: \"1px\"\n },\n \"&$cardHeaderStats$cardHeaderIcon\": {\n textAlign: \"right\"\n }\n },\n cardHeaderPlain: {\n marginLeft: \"0px !important\",\n marginRight: \"0px !important\"\n },\n cardHeaderStats: {\n \"& $cardHeaderIcon\": {\n textAlign: \"right\"\n },\n \"& h1,& h2,& h3,& h4,& h5,& h6\": {\n margin: \"0 !important\"\n }\n },\n cardHeaderIcon: {\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader,&$availableCardHeader\": {\n background: \"transparent\",\n boxShadow: \"none\"\n },\n \"& i,& .material-icons\": {\n width: \"33px\",\n height: \"33px\",\n textAlign: \"center\",\n lineHeight: \"33px\"\n },\n \"& svg\": {\n width: \"24px\",\n height: \"24px\",\n textAlign: \"center\",\n lineHeight: \"33px\",\n margin: \"5px 4px 0px\"\n }\n },\n warningCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...warningCardHeader\n }\n },\n successCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...successCardHeader\n }\n },\n dangerCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...dangerCardHeader\n }\n },\n infoCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...infoCardHeader\n }\n },\n primaryCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...primaryCardHeader\n }\n },\n roseCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...roseCardHeader\n }\n },\n availableCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...availableCardHeader\n }\n }\n};\n\nexport default cardHeaderStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/cardHeaderStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardHeader(props) {\n const classes = useStyles();\n const { className, children, color, plain, stats, icon, ...rest } = props;\n const cardHeaderClasses = classNames({\n [classes.cardHeader]: true,\n [classes[color + \"CardHeader\"]]: color,\n [classes.cardHeaderPlain]: plain,\n [classes.cardHeaderStats]: stats,\n [classes.cardHeaderIcon]: icon,\n [className]: className !== undefined\n });\n return (\n \n {children}\n
\n );\n}\n\nCardHeader.propTypes = {\n className: PropTypes.string,\n color: PropTypes.oneOf([\n \"warning\",\n \"success\",\n \"danger\",\n \"info\",\n \"primary\",\n \"rose\",\n \"available\"\n ]),\n plain: PropTypes.bool,\n stats: PropTypes.bool,\n icon: PropTypes.bool,\n children: PropTypes.node\n};\n","import { hexToRgb, whiteColor } from \"assets/jss/material-dashboard-react.js\";\n\nconst customTabsStyle = {\n cardTitle: {\n float: \"left\",\n padding: \"10px 10px 10px 0px\",\n lineHeight: \"24px\"\n },\n cardTitleRTL: {\n float: \"right\",\n padding: \"10px 0px 10px 10px !important\"\n },\n displayNone: {\n display: \"none !important\"\n },\n tabsRoot: {\n minHeight: \"unset !important\",\n overflowX: \"visible\",\n \"& $tabRootButton\": {\n fontSize: \"0.875rem\"\n }\n },\n tabRootButton: {\n minHeight: \"unset !important\",\n minWidth: \"unset !important\",\n width: \"unset !important\",\n height: \"unset !important\",\n maxWidth: \"unset !important\",\n maxHeight: \"unset !important\",\n padding: \"10px 15px\",\n borderRadius: \"3px\",\n lineHeight: \"24px\",\n border: \"0 !important\",\n color: whiteColor + \" !important\",\n marginLeft: \"4px\",\n \"&:last-child\": {\n marginLeft: \"0px\"\n }\n },\n tabSelected: {\n backgroundColor: \"rgba(\" + hexToRgb(whiteColor) + \", 0.2)\",\n transition: \"0.2s background-color 0.1s\"\n },\n tabWrapper: {\n display: \"inline-block\",\n minHeight: \"unset !important\",\n minWidth: \"unset !important\",\n width: \"unset !important\",\n height: \"unset !important\",\n maxWidth: \"unset !important\",\n maxHeight: \"unset !important\",\n fontWeight: \"500\",\n fontSize: \"12px\",\n marginTop: \"1px\",\n \"& > svg,& > .material-icons\": {\n verticalAlign: \"middle\",\n margin: \"-1px 5px 0 0 !important\"\n }\n }\n};\n\nexport default customTabsStyle;\n","import React from 'react';\n// nodejs library that concatenates classes\nimport classNames from 'classnames';\n// nodejs library to set properties for components\nimport PropTypes from 'prop-types';\n\n// material-ui components\nimport { makeStyles } from '@material-ui/core/styles';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\n// core components\nimport Card from 'components/Card/Card.js';\nimport CardBody from 'components/Card/CardBody.js';\nimport CardHeader from 'components/Card/CardHeader.js';\n\nimport styles from 'assets/jss/material-dashboard-react/components/customTabsStyle.js';\n\nconst useStyles = makeStyles(styles);\n\nexport default function CustomTabs(props) {\n const [value, setValue] = React.useState(0);\n const handleChange = (event, value) => {\n setValue(value);\n };\n const classes = useStyles();\n const { headerColor, plainTabs, tabs, title, rtlActive } = props;\n const cardTitle = classNames({\n [classes.cardTitle]: true,\n [classes.cardTitleRTL]: rtlActive,\n });\n return (\n {title}
: null}\n {prop.tabContent}
;\n }\n return null;\n })}\n \n
\n );\n }\n}\nexport default withStyles(useStyles)(Circular);","import {\n defaultFont,\n primaryBoxShadow,\n infoBoxShadow,\n successBoxShadow,\n warningBoxShadow,\n dangerBoxShadow,\n roseBoxShadow,\n whiteColor,\n blackColor,\n grayColor,\n infoColor,\n successColor,\n dangerColor,\n roseColor,\n primaryColor,\n warningColor,\n hexToRgb\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst snackbarContentStyle = {\n root: {\n ...defaultFont,\n flexWrap: \"unset\",\n position: \"relative\",\n padding: \"20px 15px\",\n lineHeight: \"20px\",\n marginBottom: \"20px\",\n fontSize: \"14px\",\n backgroundColor: whiteColor,\n color: grayColor[7],\n borderRadius: \"3px\",\n minWidth: \"unset\",\n maxWidth: \"unset\",\n boxShadow:\n \"0 12px 20px -10px rgba(\" +\n hexToRgb(whiteColor) +\n \", 0.28), 0 4px 20px 0px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.12), 0 7px 8px -5px rgba(\" +\n hexToRgb(whiteColor) +\n \", 0.2)\"\n },\n top20: {\n top: \"20px\"\n },\n top40: {\n top: \"40px\"\n },\n info: {\n backgroundColor: infoColor[3],\n color: whiteColor,\n ...infoBoxShadow\n },\n success: {\n backgroundColor: successColor[3],\n color: whiteColor,\n ...successBoxShadow\n },\n warning: {\n backgroundColor: warningColor[3],\n color: whiteColor,\n ...warningBoxShadow\n },\n danger: {\n backgroundColor: dangerColor[3],\n color: whiteColor,\n ...dangerBoxShadow\n },\n primary: {\n backgroundColor: primaryColor[3],\n color: whiteColor,\n ...primaryBoxShadow\n },\n rose: {\n backgroundColor: roseColor[3],\n color: whiteColor,\n ...roseBoxShadow\n },\n message: {\n padding: \"0\",\n display: \"block\",\n maxWidth: \"89%\"\n },\n close: {\n width: \"11px\",\n height: \"11px\"\n },\n iconButton: {\n width: \"24px\",\n height: \"24px\",\n padding: \"0px\"\n },\n icon: {\n display: \"block\",\n left: \"15px\",\n position: \"absolute\",\n top: \"50%\",\n marginTop: \"-15px\",\n width: \"30px\",\n height: \"30px\"\n },\n infoIcon: {\n color: infoColor[3]\n },\n successIcon: {\n color: successColor[3]\n },\n warningIcon: {\n color: warningColor[3]\n },\n dangerIcon: {\n color: dangerColor[3]\n },\n primaryIcon: {\n color: primaryColor[3]\n },\n roseIcon: {\n color: roseColor[3]\n },\n iconMessage: {\n paddingLeft: \"50px\",\n display: \"block\"\n },\n actionRTL: {\n marginLeft: \"-8px\",\n marginRight: \"auto\"\n }\n};\n\nexport default snackbarContentStyle;\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Snack from \"@material-ui/core/Snackbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\n// @material-ui/icons\nimport Close from \"@material-ui/icons/Close\";\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/snackbarContentStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Snackbar(props) {\n const classes = useStyles();\n const { message, color, close, icon, place, open, rtlActive } = props;\n var action = [];\n const messageClasses = classNames({\n [classes.iconMessage]: icon !== undefined\n });\n if (close !== undefined) {\n action = [\n \n {children}\n
\n );\n}\n\nCardIcon.propTypes = {\n className: PropTypes.string,\n color: PropTypes.oneOf([\n \"warning\",\n \"success\",\n \"danger\",\n \"info\",\n \"primary\",\n \"rose\",\n \"available\"\n ]),\n children: PropTypes.node\n};\n","import { api } from \"../api\";\n\nexport const getSlots = function(lockerId, callback) {\n console.log(lockerId)\n const URL = `/lockers/${lockerId}/slots`;\n\n api\n .get(URL)\n .then((response) => {\n console.log(response)\n callback(replaceIdCaracter(response.data.data));\n })\n .catch((error) => {\n console.log(\"DEU ERRRO\");\n console.log(\"Error: getSlots . \" + error);\n callback([]);\n });\n};\n\nexport const getSlotsAsync = async (lockerId) => {\n try {\n const url = `/lockers/${lockerId}/slots`;\n\n let response = await api.get(url);\n return response.data.data.slots ? response.data.data.slots : [];\n } catch (error) {\n console.log(\"Error: getSlotsAsync . \" + error);\n }\n};\n\nexport const getSlotById = function(lockerId, slotId, callback) {\n const URL = `/lockers/${lockerId}/slots/${slotId}`;\n\n api\n .get(URL)\n .then((response) => {\n callback(replaceIdCaracter(response.data.data));\n })\n .catch((error) => {\n callback(null);\n console.log(\"Error:. getSlotById \" + error);\n });\n};\n\nexport const deleteSlot = function(lockerId, slotId, callback) {\n const URL = `/lockers/${lockerId}/slots/${slotId}`;\n console.log(URL);\n api\n .delete(URL)\n .then((response) => {\n callback(response.status);\n })\n .catch((error) => {\n callback(null);\n console.log(\"Error:. deleteSlot \" + error);\n });\n};\n\nexport const getLastOrdersSlot = function(lockerId, slotId, callback) {\n const URL = `/orders?filter[lockerId]=${lockerId}&filter[slotId]=${slotId}`;\n\n api\n .get(URL)\n .then((response) => {\n callback(replaceIdCaracter(response.data.data));\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. getLastOrdersSlot \" + error);\n });\n};\n\nexport const updateSlot = function(slot, callback) {\n const URL = `/lockers/${slot.lockerId}/slots/${slot.id}`;\n\n let data = {\n name: slot.slotName,\n status: slot.status,\n size: slot.size,\n label: slot.label,\n pne: slot.pne,\n deviceCondition: slot.deviceCondition,\n };\n\n api\n .put(URL, data)\n .then((response) => {\n \n callback(response.data.newSlot);\n })\n .catch((error) => {\n callback(null);\n console.log(\"Error:. updateSlot \" + error);\n });\n};\n\nexport const createSlot = function(lockerId, data, callback) {\n const URL = `/lockers/${lockerId}/slots`;\n\n api\n .post(URL, data)\n .then((response) => {\n callback(response.status);\n })\n .catch((error) => {\n callback(null);\n console.log(\"Error:. createSlot \" + error);\n });\n};\n\n// export const openSlot = function(lockerId, slotId, label, slotName, user, callback) {\n// const URL = `/open-slot/rabbit`;\n\n// let data = {\n// lockerId: lockerId,\n// slotId: slotId,\n// label: label,\n// slotName: slotName,\n// user: user\n// };\n\n// console.log(\"DATA OPEN SLOT\", JSON.stringify(data));\n\n// api\n// .post(URL, data)\n// .then((response) => {\n// callback(response.status);\n// })\n// .catch((error) => {\n// callback(null);\n// console.log(\"Error:. openSlot \" + error);\n// });\n// };\n\nexport const openSlot = function(lockerId, slotId, label, slotName, user, callback) {\n // const user = JSON.parse(localStorage.getItem(\"user\"));\n // api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = `/rabbit/send-command`;\n\n\n\n let data = {\n lockerId: lockerId,\n payload: {\n CMD: \"OPEN_PORT_REMOTELY\",\n slotId: slotId,\n label: label,\n slotName: slotName,\n user: user\n }\n };\n\n // console.log(\"DATA OPEN SLOT\", JSON.stringify(data));\n\n api\n .post(URL, data)\n .then((response) => {\n callback(response.status);\n })\n .catch((error) => {\n callback(null);\n console.log(\"Error:. openSlot \" + error);\n });\n};\n\nexport const replaceIdCaracter = (data) => {\n const rename = ({ _id: id, name: slotName, ...rest }) => ({\n id,\n slotName,\n ...rest,\n });\n let dataModfified = [];\n\n data.map((d) => dataModfified.push(rename(d)));\n\n return dataModfified;\n};\n","import { api } from \"../api\";\n\nexport const getAllLockers = function (callback) {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = \"/lockers\";\n\n api\n .get(URL)\n .then((response) => {\n callback(replaceIdCaracter(response.data.data));\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. getAllLockers \" + error);\n });\n};\n\nexport const getGrupos = function (callback) {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = \"/grupos\";\n\n api\n .get(URL)\n .then((response) => {\n callback(response.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. getAllLockers \" + error);\n });\n};\n\nexport const getAllLockersSelect = function (callback) {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = \"/lockers/select\";\n\n api\n .get(URL)\n .then((response) => {\n\n callback({\n listLockers: replaceIdCaracter(response.data.data.listLockers),\n listGrupos: replaceIdCaracter(response.data.data.listGrupos),\n });\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. getAllLockers \" + error)\n });\n};\n\nexport const getLockersById = function (lockerId, callback) {\n const URL = `/lockers/${lockerId}`;\n\n api\n .get(URL)\n .then((response) => {\n callback(replaceIdCaracter(response.data));\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. getLockersById \" + error);\n });\n};\n\nexport const getLockerById = function (lockerId, callback) {\n const URL = `/lockers/${lockerId}`;\n\n api\n .get(URL)\n .then((response) => {\n callback(response.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. getLockersById \" + error);\n });\n};\n\nexport const replaceIdCaracter = (data) => {\n const rename = ({ _id: id, ...rest }) => ({ id, ...rest });\n let dataModfified = [];\n\n data.map((d) => dataModfified.push(rename(d)));\n\n return dataModfified;\n};\n\nexport const sendCmd = (lockerId, action, callback) => {\n const URL = `/socket_action/`;\n\n let data = {\n lockerId,\n action,\n };\n\n api\n .post(URL, data)\n .then((resp) => {\n callback(true);\n })\n .catch((e) => {\n console.log(e);\n callback(false);\n });\n};\n\nexport const updateConfigs = (lockerId, configurations, callback) => {\n const URL = `/locker/config`;\n\n let data = {\n lockerId,\n configurations,\n };\n\n api\n .post(URL, data)\n .then((resp) => {\n callback(true);\n })\n .catch((e) => {\n console.log(e);\n callback(false);\n });\n};\n\n\nexport const updateLocker = (lockerId, data, callback) => {\n const URL = `/lockers/${lockerId}`;\n\n api\n .put(URL, data)\n .then((response) => {\n callback(response.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const getConfigLocker = (lockerId, callback) => {\n const URL = `/locker/${lockerId}/get-config`;\n\n api\n .get(URL)\n .then((response) => {\n callback(response.data?.config);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const updateConfigLocker = (lockerId, config, callback) => {\n const URL = `/locker/set-config`;\n\n let data = {\n lockerId,\n config,\n };\n\n api\n .post(URL, data)\n .then((response) => {\n callback(response.data?.config);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const sendAction = (lockerId, action, event, callback) => {\n const URL = `/lockers/socket_event`;\n\n let data = {\n lockerId,\n action,\n event\n };\n\n api\n .post(URL, data)\n .then((resp) => {\n callback(true);\n })\n .catch((e) => {\n console.log(e);\n callback(false);\n });\n};\n\nexport const deleteLocker = (lockerId, callback) => {\n const URL = `/lockers/delete/${lockerId}`;\n\n api\n .delete(URL)\n .then((response) => {\n callback(response.status);\n })\n .catch((e) => {\n console.log(e);\n callback(400);\n });\n};\n\nexport const syncLocker = (lockerId, callback) => {\n const URL = `/sync/rabbit`;\n \n let data = {\n lockerId\n };\n\n api\n .post(URL, data)\n .then((response) => {\n callback(response.status);\n })\n .catch((e) => {\n console.log(e);\n callback(400);\n });\n};\n\nexport const getFiles = (lockerId, fileType, callback) => {\n const URL = `/arquivos/` + lockerId + `/` + fileType;\n\n console.log(\"URL: \" + URL)\n \n api\n .get(URL)\n .then((response) => {\n callback(response);\n })\n .catch((e) => {\n console.log(e);\n callback(400);\n });\n};\n\nexport const getAllFiles = (lockerId, callback) => {\n const URL = `/files/lockers/` + lockerId;\n \n api\n .get(URL)\n .then((response) => {\n callback(response);\n })\n .catch((e) => {\n console.log(e);\n callback(400);\n });\n};\n\n\nexport const sendFile = (lockerId, url, fileName, callback) => {\n const URL = `/download-file/locker`;\n\n let data = {\n lockerId,\n fileName,\n url\n }\n \n api\n .post(URL, data)\n .then((response) => {\n callback(response);\n })\n .catch((e) => {\n console.log(e);\n callback(400);\n });\n};","import { api } from \"../api\";\n\nexport const getAllEvents = function(lockerId, callback) {\n const URL = `/events?filter[lockerId]=${lockerId}&limit=60`;\n const URL2 = `/lockers/${lockerId}/events`;\n\n api\n .get(URL2)\n .then((response) => {\n callback(response.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. \" + error);\n });\n};\n\n\nexport const createEvent = function(data, callback) {\n const URL = `/events`;\n\n api\n .post(URL, data)\n .then((response) => {\n callback(response.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. \" + error);\n });\n};\n","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Circular from \"../Circular/Circular\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport TextField from \"@material-ui/core/TextField\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport Input from \"@material-ui/core/Input\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport { updateSlot } from \"../../services/slots/slots\";\nimport { createEvent } from \"../../services/events/events\";\n\nconst useStyles = (theme) => ({\n iconView: {\n color: \"gray !important\",\n },\n root: {\n \"& .MuiFormControl-root\": {\n margin: theme.spacing(1),\n width: 200,\n },\n },\n dialog: {\n \"& .MuiPaper-root\": {\n margin: theme.spacing(1),\n width: 250,\n height: 200,\n },\n },\n green: {\n \"& label.Mui-focused\": {\n color: \"green\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"green\",\n },\n },\n red: {\n \"& label.Mui-focused\": {\n color: \"red\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"red\",\n },\n },\n});\n\nclass EditSlot extends Component {\n constructor(props) {\n super(props);\n this.updateSlot = this.updateSlot.bind(this);\n this.handleClickOpen = this.handleClickOpen.bind(this);\n this.handleCreate = this.handleCreate.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleChange = this.handleChange.bind(this);\n\n this.state = {\n sizes: [\n {\n value: \"small\",\n label: \"Pequeno\",\n },\n {\n value: \"medium\",\n label: \"Médio\",\n },\n {\n value: \"large\",\n label: \"Grande\",\n },\n {\n value: \"extra-large\",\n label: \"Extra Grande\",\n },\n ],\n statuses: [\n {\n value: \"available\",\n label: \"Disponível\",\n enabled: true,\n exception: \"unavailable\"\n },\n {\n value: \"reserved\",\n label: \"Reservado\",\n enabled: false,\n exception: false\n },\n {\n value: \"allocated\",\n label: \"Alocado pelo agente\",\n enabled: false,\n exception: false\n },\n {\n value: \"allocatedClient\",\n label: \"Alocado pelo cliente\",\n enabled: false,\n exception: false\n },\n {\n value: \"unavailable\",\n label: \"Bloqueadas\",\n enabled: true,\n exception: \"available\"\n },\n {\n value: \"to_be_free\",\n label: \"Necessita Reparo\",\n enabled: true,\n exception: true\n },\n {\n value: \"dirty\",\n label: \"Necessita Limpeza\",\n enabled: true,\n exception: true\n },\n ],\n categories: [\n {\n value: false,\n label: \"sem restrição\",\n },\n {\n value: true,\n label: \"deficiente físico\",\n },\n {\n value: \"control\",\n label: \"painel de controle\",\n }\n ],\n\n size: this.props.slot.size,\n\n status: this.props.slot.status,\n slotName: this.props.slot.slotName,\n label: this.props.slot.label,\n deviceCondition: this.props.slot.deviceCondition,\n id: this.props.slot.id,\n pne: this.props.slot.pne,\n slot: {},\n waiting: false,\n error: false,\n category: \"\",\n currentUser: JSON.parse(localStorage.getItem(\"user\")).data\n };\n }\n\n updateSlot = (slot) => {\n updateSlot(slot, (data) => {\n this.setState({ slot: {}, waiting: false });\n this.props.onChange(false);\n if (data) {\n let d = {\n 'lockerId': this.props.lockerId,\n 'parametro1': slot.label,\n 'code': '103',\n 'usuario': this.state.currentUser.name,\n 'complemento': `Porta atualizada`\n };\n\n createEvent(d, () => {\n console.log(`Creted event`);\n });\n\n this.props.setNotification(\n `Porta foi atualizada com sucesso!`,\n \"success\"\n );\n } else {\n this.props.setNotification(\n `Falha ao atualizar Porta !`,\n \"danger\"\n );\n }\n });\n };\n\n handleChange = (event) => {\n let e = event.target.id ? event.target.id : event.target.name;\n switch (e) {\n case \"slot\":\n this.setState({ slotName: event.target.value });\n break;\n case \"status\":\n this.setState({ status: event.target.value });\n break;\n case \"label\":\n this.setState({ label: event.target.value });\n break;\n case \"deviceCondition\":\n this.setState({ deviceCondition: event.target.value });\n break;\n case \"category\":\n if (event.target.value === \"control\") {\n this.setState({ deviceCondition: event.target.value });\n } else {\n this.setState({ pne: event.target.value });\n }\n break;\n\n default:\n this.setState({ size: event.target.value });\n break;\n }\n };\n\n handleClickOpen = () => {\n this.props.onChange(true);\n };\n\n handleCreate = () => {\n let {\n slotName,\n status,\n size,\n deviceCondition,\n slot,\n label,\n category,\n id,\n pne\n } = this.state;\n let { lockerId } = this.props;\n\n if (lockerId && size && slotName && status && deviceCondition && label) {\n Object.assign(slot, {\n lockerId,\n size,\n slotName,\n status,\n deviceCondition,\n id,\n label,\n pne\n });\n this.setState({ slot, waiting: true, error: false });\n this.updateSlot(slot);\n } else {\n this.setState({ error: true });\n }\n };\n\n handleClose = () => {\n this.props.onChange(false);\n };\n\n render() {\n const { classes } = this.props;\n\n return (\n \n \n \n {this.state.waiting ? \"Atualizando Porta\" : \"Atualizar Porta\"}\n \n \n {this.state.waiting ? (\n \n \n {this.state.waiting ? null : (\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(EditSlot);\n","import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Circular from '../Circular/Circular';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport { getLastOrdersSlot } from '../../services/slots/slots';\nimport Moment from 'react-moment';\nimport moment from 'moment';\nMoment.globalMoment = moment\nMoment.globalLocale = 'pt-br'\n\n\nconst useStyles = theme => ({\n iconView : {\n color: \"gray !important\"\n },\n root: {\n '& .MuiFormControl-root': {\n margin: theme.spacing(1),\n width: 600\n }\n },\n note: {\n lineHeight: '0.9em'\n },\n dialog: {\n '& .MuiPaper-root':{\n margin: theme.spacing(1),\n width: 250,\n height: 150 \n }\n },\n dialogInfo: {\n '& .MuiDialog-paperWidthSm':{\n margin: theme.spacing(1),\n maxWidth: 900 \n }\n },\n green: {\n '& label.Mui-focused': {\n color: 'green'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n }\n },\n red: {\n '& label.Mui-focused': {\n color: 'red'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'red',\n }\n }\n });\n\nclass ViewSlot extends Component {\n constructor(props) {\n super(props);\n this.getLastOrdersSlot = this.getLastOrdersSlot.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.compare = this.compare.bind(this);\n\n this.state = {\n waiting: true,\n error: false,\n data: [],\n color: [\"success\", \"warning\", \"info\"]\n }\n }\n\n componentDidMount() {\n this.getLastOrdersSlot();\n }\n\n getLastOrdersSlot = () => {\n\n getLastOrdersSlot(this.props.lockerId, this.props.slot.id, (data) => {\n let dataSorted = data.sort(this.compare);\n if(dataSorted.length > 3) {\n let newData = []\n for (let index = 0; index < 3; index++) {\n newData.push(dataSorted[index]);\n }\n \n dataSorted = newData;\n }\n \n this.setState({ waiting: false, data: dataSorted });\n });\n\n }\n\n compare(a, b) {\n if (Date.parse(a.createdAt) < Date.parse(b.createdAt)) {\n return 1;\n }\n if (Date.parse(a.createdAt) > Date.parse(b.createdAt)) {\n return -1;\n }\n return 0;\n }\n\n handleClose = () => {\n this.props.onChange(false);\n };\n\n render() {\n const { classes } = this.props;\n const { data, color } = this.state;\n\n return (\n \n
\n ) : (\n \n )}\n \n \n \n
\n )}\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(ViewSlot);","import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\n\nconst useStyles = theme => ({\n dialog: {\n '& .MuiPaper-root':{\n margin: theme.spacing(1),\n width: 360,\n height: 210 \n }\n }\n });\n\nclass OpenSlot extends Component {\n constructor(props) {\n super(props);\n this.handleClose = this.handleClose.bind(this);\n\n }\n\n\n handleClickOpen = () => {\n this.props.onChange(true);\n };\n\n handleClose = () => {\n this.props.onChange(false);\n };\n\n render() {\n const { classes } = this.props;\n\n return (\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(OpenSlot);","import {\n successColor,\n whiteColor,\n grayColor,\n hexToRgb\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst dashboardStyle = {\n successText: {\n color: successColor[0]\n },\n upArrowCardCategory: {\n width: \"16px\",\n height: \"16px\"\n },\n stats: {\n color: grayColor[0],\n display: \"inline-flex\",\n fontSize: \"12px\",\n lineHeight: \"22px\",\n \"& svg\": {\n top: \"4px\",\n width: \"16px\",\n height: \"16px\",\n position: \"relative\",\n marginRight: \"3px\",\n marginLeft: \"3px\"\n },\n \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n top: \"4px\",\n fontSize: \"16px\",\n position: \"relative\",\n marginRight: \"3px\",\n marginLeft: \"3px\"\n }\n },\n cardCategory: {\n color: grayColor[0],\n margin: \"0\",\n fontSize: \"14px\",\n marginTop: \"0\",\n paddingTop: \"10px\",\n marginBottom: \"0\"\n },\n cardCategoryWhite: {\n color: \"rgba(\" + hexToRgb(whiteColor) + \",.62)\",\n margin: \"0\",\n fontSize: \"14px\",\n marginTop: \"0\",\n marginBottom: \"0\"\n },\n cardTitle: {\n color: grayColor[2],\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: grayColor[1],\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n },\n cardTitleWhite: {\n color: whiteColor,\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: grayColor[1],\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n },\n iconView: {\n color: \"gray !important\"\n }\n};\n\nexport default dashboardStyle;\n","export function parseLocker(url) {\t\n const urlRegex = /^([0-9]+)([A-Za-z])([0-9]+)$/;\n const match = url.match(urlRegex);\n if (match) {\n return {\n col: match[1],\n position: match[2],\n line: match[3],\n group: `${match[1]}${match[2]}`,\n };\n } else {\n return null;\n }\n}\n\nexport function parseLockerKey(url) {\t\n const urlRegex = /^([0-9]+)([A-Za-z])$/;\n const match = url.match(urlRegex);\n if (match) {\n return {\n col: match[1],\n position: match[2],\n };\n } else {\n return null;\n }\n}","import React, { Component } from \"react\";\nimport GridLayout from \"react-grid-layout\";\nimport CircularProgress from \"../Circular/Circular\";\nimport Visibility from \"@material-ui/icons/Visibility\";\nimport Edit from \"@material-ui/icons/Edit\";\nimport LockOpen from \"@material-ui/icons/LockOpen\";\nimport Control from \"../../assets/img/control.png\";\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\nimport AddAlert from \"@material-ui/icons/AddAlert\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Available from \"../../assets/img/available_w.png\";\nimport Allocated from \"../../assets/img/allocated_w.png\";\nimport Reserved from \"../../assets/img/reserved_w.png\";\nimport ToBeFree from \"../../assets/img/to_be_free_w.png\";\nimport Block from \"../../assets/img/block_w.png\";\nimport Warning from \"../../assets/img/warning.png\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardIcon from \"components/Card/CardIcon.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport {\n getSlots as buscarEscaninho,\n openSlot,\n} from \"../../services/slots/slots\";\nimport { getLockerById } from \"../../services/lockers/lockers\";\nimport EditSlot from \"components/Slots/EditSlot\";\nimport ViewSlot from \"components/Slots/ViewSlot\";\nimport OpenSlot from \"components/Slots/OpenSlot\";\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\nimport VerticalSplit from '@material-ui/icons/VerticalSplit';\nimport WarningIcon from '@material-ui/icons/Warning';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { parseLocker, parseLockerKey } from \"./parseLocker\";\n\n\nimport \"./style.css\";\nimport { Lock } from \"@material-ui/icons\";\n\nconst useStyles = () => ({\n ...styles,\n root: {\n flexGrow: 1,\n backgroundColor: \"#f1f1f2\",\n },\n iconView: {\n color: \"white !important\",\n },\n alignVertical: {\n display: \"inline-grid\",\n },\n hidden: {\n display: \"none\",\n },\n});\n\nclass LockerStruct extends Component {\n constructor(props) {\n super(props);\n this.getSlots = this.getSlots.bind(this);\n this.getLocker = this.getLocker.bind(this);\n this.getLockerStructSize = this.getLockerStructSize.bind(this);\n this.groupBy = this.groupBy.bind(this);\n this.compare = this.compare.bind(this);\n this.statusIcon = this.statusIcon.bind(this);\n this.showActions = this.showActions.bind(this);\n this.getLastOrder = this.getLastOrder.bind(this);\n this.editSlot = this.editSlot.bind(this);\n this.openSlot = this.openSlot.bind(this);\n this.setDialog = this.setDialog.bind(this);\n this.setNotification = this.setNotification.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.loadPage = this.loadPage.bind(this);\n this.setOpenSlot = this.setOpenSlot.bind(this);\n this.setOpenSlotVariables = this.setOpenSlotVariables.bind(this);\n\n this.state = {\n slots: [],\n weight: 0,\n layout: [],\n columns: 0,\n circular: true,\n currSlot: null,\n openEdit: false,\n openView: false,\n openSlot: false,\n openningSlot: false,\n slot: null,\n callOnce: false,\n message: \"\",\n success: \"danger\",\n openSnackbar: false,\n currSlotOpen: null,\n AllocatedCount: 0,\n UnavailableCount: 0,\n AvailableCount: 0,\n NotAvailableCount: 0,\n locker: null,\n capacitySlots: 0,\n dirtySlots: 0,\n //TODO: definir o status de maintenance no slots\n maintenanceSlots: 0,\n allocatedClientCount: 0,\n user: {}\n };\n }\n\n componentDidMount() {\n this.getLocker(this.props.lockerId);\n }\n\n getLocker(lockerId) {\n\n const user = JSON.parse(localStorage.getItem('user'));\n\n console.log(\"USER\", JSON.stringify(user.data));\n\n getLockerById(lockerId, (locker) => {\n this.setState({ locker: locker, user: user?.data });\n this.getSlots(this.props.lockerId);\n });\n }\n\n getNeodent() {\n let _user = localStorage.getItem('user')\n _user = JSON.parse(_user)\n\n if (!_user.agency || _user.agency.plataforma !== 'NEODENT') {\n return false;\n }\n\n return true;\n };\n\n getSlots(lockerId) {\n let { layout, columns, locker } = this.state;\n\n buscarEscaninho(lockerId, (slots) => {\n\n // console.log(\"SLOTS:\", JSON.stringify(slots));\n\n let AllocatedCount = slots.filter((sl) => sl.status === \"allocated\")\n .length;\n let UnavailableCount = slots.filter(\n (sl) => sl.deviceCondition !== \"control\" && (sl.status === \"unavailable\" ||\n sl.status === \"to_be_free\")).length;\n\n // console.log({ UnavailableCount })\n\n let allocatedClientCount = slots.filter((sl) => sl.status === \"allocatedClient\").length;\n\n let NotAvailableCount = slots.filter(\n (sl) => sl.status === \"reserved\"\n ).length;\n\n let AvailableCount = slots.filter(\n (sl) => sl.status === \"available\"\n ).length;\n // console.log({ AvailableCount });\n\n\n let capacitySlots = slots.length - 1;\n let dirtySlots = slots.filter(\n (sl) => sl.status === \"dirty\"\n ).length;\n\n let maintenanceSlots = slots.filter(sl => sl.status === \"to_be_free\").length;\n\n let grouped = this.groupBy(slots, (slot) => slot.label);\n\n let maxKey = 0;\n\n for (var key of grouped.keys()) {\n \n let keyParse = parseLockerKey(key);\n \n if (maxKey < parseInt(keyParse.col)) {\n maxKey = parseInt(keyParse.col);\n }\n }\n\n columns = grouped.size;\n let weight = 3;\n let x = 0;\n\n for (let i = maxKey; i >= 0; i--) {\n // console.log(JSON.stringify(maxKey), i)\n\n if (grouped.get(`${i}L`)) {\n let sortedArray = grouped.get(`${i}L`).sort(this.compare);\n\n let y = 0;\n sortedArray.map((s, index) => {\n if (index > 0)\n y =\n this.getLockerStructSize(sortedArray[index - 1], weight).h + y;\n\n let size = this.getLockerStructSize(s, weight);\n layout.push({\n i: s.label,\n x: x,\n y,\n w: size.w,\n h: size.h,\n static: true,\n status: (s.deviceCondition === \"control\") ? this.statusIcon(s.deviceCondition) : this.statusIcon(s.status),\n color: (s.deviceCondition === \"control\") ? this.statusColor(s.deviceCondition) : this.statusColor(s.status),\n slot: s,\n });\n });\n\n x = x + weight;\n }\n\n // console.log(\"Maxkey:\", maxKey);\n\n if ((i === 1) || ((maxKey === 0) && (i === 0))) { //if ((i === 1) || (i === 0)) {\n for (let dex = 0; dex <= maxKey; dex++) {\n let kk = dex === 0 ? `${dex}C` : `${dex}R`;\n if (!grouped.get(kk)) continue;\n let sortedArray = grouped.get(kk).sort(this.compare);\n\n let y = 0;\n sortedArray.map((s, index) => {\n if (index > 0) {\n y =\n this.getLockerStructSize(sortedArray[index - 1], weight).h +\n y;\n\n if (s.dimensions) {\n switch (s.size) {\n case \"small\":\n y += 0.00;\n break;\n case \"medium\":\n y += 0.00;\n break;\n case \"large\":\n y += 0.00;\n break;\n\n default:\n break;\n }\n }\n }\n\n let size = this.getLockerStructSize(s, weight);\n\n layout.push({\n i: s.label,\n x: x,\n y,\n w: size.w,\n h: size.h,\n static: true,\n status: (s.deviceCondition === \"control\") ? this.statusIcon(s.deviceCondition) : this.statusIcon(s.status),\n color: (s.deviceCondition === \"control\") ? this.statusColor(s.deviceCondition) : this.statusColor(s.status),\n slot: s,\n });\n });\n x = x + weight;\n }\n }\n }\n\n\n this.setState({\n AvailableCount,\n UnavailableCount,\n AllocatedCount,\n NotAvailableCount,\n layout,\n circular: false,\n columns,\n weight,\n capacitySlots,\n dirtySlots,\n maintenanceSlots,\n allocatedClientCount\n });\n });\n }\n\n groupBy(list, keyGetter) {\n\n let map = new Map();\n\n list.forEach((item) => {\n let key = keyGetter(item);\n\n if (key) {\n let group = parseLocker(key);\n key = group.group; //key.substring(0, 2);\n\n let collection = map.get(key);\n if (!collection) {\n map.set(key, [item]);\n } else {\n collection.push(item);\n }\n }\n\n });\n\n return map;\n }\n\n compare(a, b) {\n const aLabel = parseLocker(a.label);\n const bLabel = parseLocker(b.label);\n\n // console.log(aLabel, bLabel);\n\n if (parseInt(aLabel.line) < parseInt(bLabel.line)) {\n return -1;\n }\n if (parseInt(aLabel.line) > parseInt(bLabel.line)) {\n return 1;\n }\n return 0;\n }\n\n getLockerStructSize(slot, weight) {\n let h = 0;\n\n switch (slot.size) {\n case \"small\":\n h = slot.dimensions ? (slot.dimensions.height * 1) / 130 : 1;\n return { w: weight, h };\n case \"medium\":\n h = slot.dimensions ? (slot.dimensions.height * 2) / 296 : 2;\n return { w: weight, h };\n case \"large\":\n h = slot.dimensions ? (slot.dimensions.height * 3) / 458 : 3;\n if (slot.label.includes(\"C7\"))\n h = 2;\n return { w: weight, h };\n case \"extra-large\":\n return { w: weight, h: 4 };\n default:\n return { w: weight, h: 2 };\n }\n }\n\n statusIcon(status) {\n switch (status) {\n case \"available\":\n return Available;\n case \"reserved\":\n return Reserved;\n case \"unavailable\":\n return Block;\n case \"dirty\":\n return Warning;\n case \"allocated\":\n case \"allocatedClient\":\n return Allocated;\n case \"control\":\n return Control;\n default:\n return Block;\n }\n }\n\n statusColor(status) {\n switch (status) {\n case \"available\":\n return \"#858585\";\n case \"reserved\":\n return \"#e4c309\";\n case \"unavailable\":\n return \"#f44336\";\n case \"dirty\":\n return \"#858585\";\n case \"allocated\":\n return \"#4caf50\";\n case \"allocatedClient\":\n return \"#26c6da\";\n case \"control\":\n return \"#D0D3D4\"\n default:\n return \"#f44336\";\n }\n }\n\n showActions(data) {\n let { currSlot } = this.state;\n currSlot = data !== currSlot ? data : null;\n this.setState({ currSlot });\n }\n\n getLastOrder(slot) {\n this.setState({ openView: true, slot });\n }\n\n editSlot(slot) {\n this.setState({ openEdit: true, slot });\n }\n\n setOpenSlotVariables(slot) {\n this.setState({ openSlot: true, currSlotOpen: slot });\n }\n\n openSlot() {\n let slot = this.state.currSlotOpen;\n const user = this.state.user;\n\n const modelUser = {\n id: user?.id,\n name: user?.name\n };\n\n openSlot(this.props.lockerId, slot.id, slot.label, slot.slotName, modelUser, (status) => {\n this.setState(\n {\n message: `Comando enviado com sucesso`,\n success: \"success\",\n openSnackbar: true,\n },\n () => {\n setTimeout(() => {\n this.handleClose();\n }, 6000);\n }\n );\n // if (status && status < 400) {\n // this.setState(\n // {\n // message: `Porta ${slot.slotName} está aberta!`,\n // success: \"success\",\n // openSnackbar: true,\n // },\n // () => {\n // setTimeout(() => {\n // this.handleClose();\n // }, 6000);\n // }\n // );\n // } else {\n // this.setState(\n // {\n // message: `Não foi possível abrir porta ${slot.slotName}!`,\n // success: \"danger\",\n // openSnackbar: true,\n // },\n // () => {\n // setTimeout(() => {\n // this.handleClose();\n // }, 6000);\n // }\n // );\n // }\n });\n }\n\n setDialog() {\n this.setState({ openEdit: false, openView: false });\n }\n\n setNotification(message, success) {\n this.setState({ message, success, openSnackbar: true });\n if (success === \"success\") {\n this.setState(\n { circular: true, weight: 0, layout: [], columns: 0, slots: [] },\n () => this.loadPage()\n );\n } else {\n setTimeout(() => {\n this.handleClose();\n }, 6000);\n }\n }\n\n loadPage() {\n this.componentDidMount();\n\n setTimeout(() => {\n this.handleClose();\n }, 6000);\n }\n\n handleClose() {\n this.setState({ openSnackbar: false });\n }\n\n setOpenSlot(openSlot) {\n console.log(openSlot);\n\n this.setState({ openSlot: false }, () => {\n if (openSlot) this.openSlot();\n });\n }\n\n render() {\n const { classes } = this.props;\n const {\n AvailableCount,\n UnavailableCount,\n AllocatedCount,\n NotAvailableCount,\n layout,\n circular,\n columns,\n weight,\n currSlot,\n capacitySlots,\n dirtySlots,\n maintenanceSlots,\n allocatedClientCount\n } = this.state;\n\n return circular ? (\n \n
\n ) : (\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n { \n \n \n \n \n \n \n \n \n }\n\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n\n \n \n {layout.map((item) => (\n this.showActions(item.i)}\n key={item.i}\n data-grid={item}\n >\n \n {item.i === currSlot ? (\n <>\n 1 ? \"text\" : classes.hidden}>\n {item.i}\n \n \n 
\n \n \n )}\n
\n \n ))}\n \n {\n this.state.openEdit ? (\n \n {AvailableCount}\n
\nDisponíveis
\n\n {NotAvailableCount}\n
\nReservadas
\n\n {AllocatedCount}\n
\nAlocado pelo agente
\n\n {allocatedClientCount}\n
\nAlocado pelo cliente
\n\n {UnavailableCount}\n
\nBloqueadas
\n\n {capacitySlots}\n
\nTotal
\n 2 ? classes.alignVertical : null}>\n this.getLastOrder(item.slot)}\n >\n \n \n \n this.editSlot(item.slot)}\n >\n \n \n \n this.setOpenSlotVariables(item.slot)}\n >\n \n \n {/* {this.getNeodent() ?\n \n \n : ''} */}\n \n
\n \n ) : (\n <>\n {item.i}\n \n \n {tableHead !== undefined ? (\n
\n
\n );\n}\n\nCustomTable.defaultProps = {\n tableHeaderColor: \"white\"\n};\n\nCustomTable.propTypes = {\n tableHeaderColor: PropTypes.oneOf([\n \"warning\",\n \"primary\",\n \"danger\",\n \"success\",\n \"info\",\n \"rose\",\n \"white\"\n ]),\n tableHead: PropTypes.arrayOf(PropTypes.string),\n tableData: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)),\n tableBodyRow: PropTypes.arrayOf(PropTypes.string)\n};\n","import { api } from \"../api\";\nimport { getCustomerAsync } from \"../customer\";\n\nconst company = localStorage.getItem(\"company\");\n\nexport const getAllOrders = (lockerId, filter, callback) => {\n let URL = `/lockers/${lockerId}/orders?filter[lockerId]=${lockerId}${filter}`;\n\n api\n .get(URL)\n .then((response) => {\n callback(replaceIdCaracter(response.data.data));\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const getAllOrdersFilter = (lockerId, codeOrder, statusO, selectedDateInit, selectedDateFinal, callback) => {\n\n let URL = `/lockers/${lockerId}/orders/filter`;\n\n const startOfDay = new Date(selectedDateInit);\n startOfDay.setUTCHours(0, 0, 0, 0);\n\n const endOfDay = new Date(selectedDateFinal);\n endOfDay.setDate(endOfDay.getDate() + 1);\n endOfDay.setUTCHours(23, 59, 59, 999);\n\n\n let data = {\n \"code\": codeOrder,\n \"status\": statusO,\n \"initialDate\": startOfDay.toISOString(),\n \"finalDate\": endOfDay.toISOString()\n };\n\n console.log(\"FILTER:\", JSON.stringify(data));\n\n api\n .post(URL, data)\n .then((response) => {\n callback(replaceIdCaracter(response.data));\n })\n .catch((error) => {\n callback([]);\n // console.log(\"Error:. \" + error);\n });\n};\n\nexport const getAllActiveOrders = (lockerId, callback) => {\n let URL = `/lockers/${lockerId}/active-orders`;\n console.log(URL)\n api\n .get(URL)\n .then((response) => {\n callback(replaceIdCaracter(response.data));\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const getOrdersbyStatus = (lockerId, status, callback) => {\n let url = `/lockers/${lockerId}/orders?status=${status}`;\n api\n .get(url)\n .then(function (response) {\n callback(\n company === \"socicam\"\n ? response.data.data.orders\n : replaceIdCaracter(response.data.data)\n );\n })\n .catch(function (error) {\n console.log(\"getOrderbySlotID => Error: \" + error);\n callback([]);\n });\n};\n\nexport const getOrdersbyStatusAsync = async (lockerId, status) => {\n let url = `/lockers/${lockerId}/orders?status=${status}`;\n let response = await api.get(url);\n return response.data.data.orders ? response.data.data.orders : [];\n};\n\nexport const getOrdersCustomersbyStatusAsync = async (lockerId, status) => {\n let url = `/lockers/${lockerId}/orders?status=${status}`;\n let response = await api.get(url);\n\n console.log(\"response.data.data.orders:: \", response.data.data.orders);\n\n const _orders = response.data.data.orders ? response.data.data.orders : [];\n\n return new Promise((resolve, reject) => {\n let orders = [];\n _orders.forEach(async (element) => {\n if (orders.length === _orders.length) resolve(orders);\n });\n });\n};\n\nexport const getOrderbySlotID = (lockerId, slotId, status, callback) => {\n let url = `/lockers/${lockerId}/orders?status=${status}&slotId=${slotId}`;\n api\n .get(url)\n .then(function (response) {\n callback(\n company === \"socicam\"\n ? response.data.data.orders\n : replaceIdCaracter(response.data.data)\n );\n })\n .catch(function (error) {\n console.log(\"getOrderbySlotID => Error: \" + error);\n callback([]);\n });\n};\n\nexport const createOrder = (order, callback) => {\n console.log(\"order\", order);\n let { size, email, mobile_phone, cpf, numero_pedido, lockerId, clientName, collectToken, deliveryToken, label } = order;\n\n let URL = `/lockers/${lockerId}/orders`;\n\n\n let _user = localStorage.getItem('user')\n _user = JSON.parse(_user);\n\n let data = {\n lockerId,\n size,\n email,\n mobile_phone,\n cpf,\n externalOrderId: numero_pedido,\n lockerType: 'ecommerce',\n user_id: _user.data.id,\n clientName,\n collectToken,\n deliveryToken,\n label\n };\n\n api\n .post(URL, data)\n .then((response) => {\n callback(response);\n })\n .catch((error) => {\n callback(400);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const deleteOrder = (orderId, callback) => {\n let URL = `/inpost/orders/${orderId}`;\n\n api\n .delete(URL)\n .then((response) => {\n callback(response.data.data);\n })\n .catch((error) => {\n callback(null);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const getOrderById = (lockerId, orderId, callback) => {\n let URL = `/lockers/${lockerId}/orders/${orderId}`;\n\n api\n .get(URL)\n .then((response) => {\n callback(\n company === \"socicam\"\n ? response.data.data.order\n : replaceIdCaracter(response.data.data)\n );\n })\n .catch((error) => {\n callback(null);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const intransitOrder = (AWB, callback) => {\n let URL = `/inpost/orders/${AWB}/intransit`;\n\n api\n .put(URL)\n .then((response) => {\n callback(response.data.data);\n })\n .catch((error) => {\n callback(null);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const cancelOrder = (lockerId, orderId, callback) => {\n let URL = `/lockers/${lockerId}/orders/${orderId}/cancel`;\n\n api\n .post(URL)\n .then((response) => {\n callback(response.status);\n })\n .catch((error) => {\n callback(null);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const getCustomer = function (filter, callback) {\n const URL = filter ? `/customer/?${filter}` : `/customer`;\n\n api\n .get(URL)\n .then((response) => {\n callback(response.data.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const getOrderByCustomerId = (\n customerId,\n status,\n lockerId,\n callback\n) => {\n let URL = status\n ? `/lockers/${lockerId}/orders?filter[customerId]=${customerId}&filter[lockerId]=${lockerId}&filter[status]=${status}`\n : `/lockers/${lockerId}/orders?filter[customerId]=${customerId}&filter[lockerId]=${lockerId}`;\n\n api\n .get(URL)\n .then((response) => {\n callback(\n company === \"socicam\"\n ? response.data.data.orders\n : replaceIdCaracter(response.data.data)\n );\n })\n .catch((error) => {\n callback(null);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const replaceIdCaracter = (data) => {\n let rename = ({ _id: id, ...rest }) => ({ id, ...rest });\n\n if (Array.isArray(data)) {\n let dataModfified = [];\n\n data.map((d) => dataModfified.push(rename(d)));\n\n return dataModfified;\n } else {\n return rename(data);\n }\n};\n\nexport const getOrdersFilteredByMonthYear = (lockerId, allocatedAtYear, allocatedAtMonth, callback) => {\n let URL = `/lockers/${lockerId}/orders?allocatedAtYear=${allocatedAtYear}&allocatedAtMonth=${allocatedAtMonth}`;\n\n api\n .get(URL)\n .then((response) => {\n callback(replaceIdCaracter(response.data.data));\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. \" + error);\n });\n};\n\n\nexport const updateOrder = (lockerId, orderId, data, callback) => {\n const URL = `/lockers/${lockerId}/orders/${orderId}`;\n\n console.log(\"URL: \", URL, \" Data: \", JSON.stringify(data));\n\n api\n .put(URL, data)\n .then((response) => {\n callback(response.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. \" + error);\n });\n};\n\nexport const updateOrderFull = (lockerId, orderId, data, callback) => {\n const URL = `/lockers/${lockerId}/orders/${orderId}/condomino`;\n\n console.log(\"URL: \", URL, \" Data: \", JSON.stringify(data));\n\n api\n .put(URL, data)\n .then((response) => {\n callback(response.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. \" + error);\n });\n};","import React from \"react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport Input from \"@material-ui/core/Input\";\n// @material-ui/icons\nimport Clear from \"@material-ui/icons/Clear\";\nimport Check from \"@material-ui/icons/Check\";\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/customInputStyle.js\";\n\nimport MaskedInput from \"react-text-mask\";\n\nconst useStyles = makeStyles(styles);\n\nfunction TextMask(props) {\n const { inputRef, ...other } = props;\n return (\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(NewOrder);","import { api } from \"../api\";\n\nexport const getAllCondominos = function (lockerId, callback) {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = `/condominos/${lockerId}`;\n\n api\n .get(URL)\n .then((response) => {\n callback(response.data.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. getAllcondominos \" + error);\n });\n};\n\nexport const getCondominoById = function (condominoId, callback) {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = `/condomino/${condominoId}`;\n\n api\n .get(URL)\n .then((response) => {\n callback(response.data.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. getCondominoById \" + error);\n });\n};\n\nexport const saveCondomino = function (data, callback) {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = `/condomino`;\n\n api\n .post(URL, data)\n .then((response) => {\n callback(response.data.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. saveCondomino \" + error);\n });\n};\n\nexport const updateCondominoLocker = function (lockerId, callback) {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = `/export/condomino/rabbit`;\n\n api\n .post(URL, { \"lockerId\": lockerId })\n .then((response) => {\n console.log(response)\n callback(response);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. updateCondominoLocker \" + error);\n });\n\n\n};\n\nexport const deleteCondomino = function (condominoId, callback) {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = `/condomino/${condominoId}`;\n\n api\n .delete(URL)\n .then((response) => {\n callback(response.data.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. deleteCondomino \" + error);\n });\n};\n\nexport const updateCondomino = function (condominoId, data, callback) {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = `/condomino/${condominoId}`;\n\n api\n .put(URL, data)\n .then((response) => {\n callback(response.data.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. updateCondomino \" + error);\n });\n};\n\nexport const renotificaCondomino = function (data, callback) {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = `/orders/renotifica`;\n\n api\n .post(URL, data)\n .then((response) => {\n console.log(response)\n callback(response);\n })\n .catch((error) => {\n console.log(\"Error:. renotificar condomino \" + error);\n });\n};\n","import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Circular from '../Circular/Circular';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Moment from 'react-moment';\nimport moment from 'moment';\nimport { renotificaCondomino } from 'services/condomino/condomino';\nimport { IconButton } from '@mui/material';\nimport { Edit } from '@material-ui/icons';\nimport { updateOrder, updateOrderFull } from \"../../services/orders/orders\";\nimport { getAllCondominos } from 'services/condomino/condomino';\nimport { FormControl, InputLabel, MenuItem, Select } from '@material-ui/core';\nimport isFirstDayOfMonth from 'date-fns/isFirstDayOfMonth/index';\nMoment.globalMoment = moment\nMoment.globalLocale = 'pt-br'\n\n\nconst useStyles = theme => ({\n iconView: {\n color: \"gray !important\"\n },\n root: {\n '& .MuiFormControl-root': {\n margin: theme.spacing(1),\n width: 200\n }\n },\n note: {\n lineHeight: '0.5em'\n },\n dialog: {\n '& .MuiPaper-root': {\n margin: theme.spacing(1),\n width: 250,\n height: 250\n }\n },\n green: {\n '& label.Mui-focused': {\n color: 'green'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n }\n }\n});\n\nclass InfoOrder extends Component {\n constructor(props) {\n super(props);\n this.handleClickOpen = this.handleClickOpen.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleClickOpenAlert = this.handleClickOpen.bind(this);\n this.handleCloseAlert = this.handleClose.bind(this);;\n this.editarNotification = this.editarNotification.bind(this);\n this.updateOrders = this.updateOrders.bind(this);\n this.getOrderById = this.getOrderById.bind(this);\n this.formatDate = this.formatDate.bind(this);\n this.state = {\n waiting: true,\n order: {},\n statusRenotifica: '',\n mensagemRenotifica: '',\n editing: false,\n condominos: [],\n condomino: {},\n slot: {},\n sizes: [\n {\n size: \"small\",\n pt: \"Pequena\",\n },\n {\n size: \"medium\",\n pt: \"Média\",\n },\n {\n size: \"large\",\n pt: \"Grande\",\n },\n {\n size: \"extra-large\",\n pt: \"Extra Grande\",\n },\n ]\n }\n }\n\n componentDidMount() {\n this.getOrderById();\n }\n\n getOrderById() {\n this.setState({ order: this.props.order, waiting: false });\n }\n\n handleClickOpen = () => {\n this.props.onChange(true);\n };\n\n handleClose = () => {\n this.props.onChange(false);\n };\n\n handleClickOpenAlert = () => {\n this.props.onChange(true);\n };\n\n handleCloseAlert = () => {\n this.props.onChange(false);\n };\n\n formatDate(date) {\n let dateArray = date.split('T');\n let data = dateArray[0];\n let time = dateArray[1];\n\n let anoMesDia = data.split('-');\n let horaMinutos = time.substring(0, 5);\n\n return `${anoMesDia[2]}/${anoMesDia[1]}/${anoMesDia[0]} ${horaMinutos}`;\n };\n\n notificarCondomino = () => {\n this.setState({ waiting: true })\n\n renotificaCondomino({\n orderId: this.state.order.id,\n email: true,\n sms: true,\n whatsapp: true,\n }, (data) => {\n\n this.setState({ waiting: false })\n this.handleClose();\n\n })\n };\n\n editarNotification = (editing) => {\n console.log(JSON.stringify(this.state.order))\n this.onCondominosDados();\n this.setState({ editing: editing })\n }\n\n onCondominosDados = () => {\n\n getAllCondominos(this.props.lockerId, (data) => {\n // console.log(JSON.stringify(data));\n data = data.sort((a, b) => (a.name > b.name) ? 1 : ((b.name > a.name) ? -1 : 0))\n const cond = data.find((el) => (el.name == (this.state.order?.condomino?.name || this.state.order?.receiverName)))\n\n this.setState({ condominos: data, condomino: cond });\n\n // const grid = data.map(item => {\n // console.log(JSON.stringify(item))\n // return item;\n // })\n })\n\n }\n\n handleChange = (event) => {\n const obj = event.target.value;\n\n console.log(\"===>\", JSON.stringify(obj))\n\n\n // console.log(JSON.stringify(obj), this.state.cmd, this.state.fields, cmdField);\n\n\n this.setState({ condomino: obj });\n }\n\n updateOrders = () => {\n const { condominoId, receiverPhone, receiverName, receiverEmail, receiverCpf } = this.state.order;\n\n\n let orderUp = {\n // condominoId, \n // receiverPhone, \n // receiverName, \n // receiverEmail, \n // receiverCpf\n };\n\n\n if (this.state.order.condomino) {\n orderUp.condominoId = this.state.condomino.id;\n } else {\n orderUp.receiverPhone = this.state.condomino.phone;\n orderUp.receiverName = this.state.condomino.name;\n orderUp.receiverEmail = this.state.condomino.n_email?this.state.condomino.email:\"no-reply@meulocker.com.br\";\n orderUp.receiverCpf = this.state.condomino.cpf;\n }\n\n // console.log(JSON.stringify(orderUp), this.props.order.lockerId, this.props.order.id)\n\n // console.log(JSON.stringify(this.state.condomino))\n\n\n\n updateOrderFull(this.state.order.lockerId, this.state.order.id, orderUp, (data) => {\n // this.setState({ order: {}, waiting: false });\n\n console.log(JSON.stringify(data));\n\n if (data) {\n this.props.setNotification(\n \"Encomenda atualizada com sucesso!\",\n \"success\"\n )\n\n if (this.state.order.condomino) {\n this.setState({ order: { ...this.state.order, condomino: this.state.condomino }, editing: false });\n } else {\n this.setState({ order: { ...this.state.order, ...orderUp }, editing: false });\n }\n\n\n } else {\n this.props.setNotification(\"Encomenda não foi atualizada!\", \"danger\");\n }\n });\n };\n\n\n\n render() {\n const { classes } = this.props;\n const { sizes } = this.state;\n\n return (\n \n \n\n \n
\n\n\n );\n }\n}\nexport default withStyles(useStyles)(InfoOrder);","import * as React from 'react';\nimport Paper from '@material-ui/core/Paper';\nimport {\n Chart,\n AreaSeries,\n BarSeries,\n SplineSeries,\n ScatterSeries,\n ArgumentAxis,\n ValueAxis,\n Title,\n Legend,\n Tooltip,\n} from '@devexpress/dx-react-chart-material-ui';\n\nimport {\n ValueScale,\n Stack,\n Animation,\n EventTracker,\n HoverState,\n} from '@devexpress/dx-react-chart';\nimport { connectProps } from '@devexpress/dx-react-core';\nimport { format } from 'd3-format';\n\nconst consumptionSeriesName = 'Taxa de Permanência';\nconst consumptionColor = '#f5481d';\nconst priceColor = 'gray';\n\nconst makeLabel = (symbol, color) => ({ text, style, ...restProps }) => (\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(IntransitOrder);","import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Circular from '../Circular/Circular';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport TextField from '@material-ui/core/TextField';\nimport { cancelOrder } from '../../services/orders/orders';\n\n\nconst useStyles = theme => ({\n iconView: {\n color: \"gray !important\"\n },\n root: {\n '& .MuiFormControl-root': {\n margin: theme.spacing(1),\n width: 200\n }\n },\n dialog: {\n '& .MuiPaper-root': {\n margin: theme.spacing(1),\n width: 250,\n height: 200\n }\n },\n green: {\n '& label.Mui-focused': {\n color: 'green'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n }\n },\n red: {\n '& label.Mui-focused': {\n color: 'red'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'red',\n }\n }\n});\n\nclass CancelOrder extends Component {\n constructor(props) {\n super(props);\n this.cancelOrder = this.cancelOrder.bind(this);\n this.handleCancel = this.handleCancel.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.state = {\n order: {},\n waiting: false\n }\n }\n\n cancelOrder = () => {\n\n cancelOrder(this.props.lockerId, this.props.order.id, (data) => {\n\n this.setState({ order: {}, waiting: false });\n this.props.onChange(false);\n (data) ? this.props.setNotification(\"Encomenda cancelado com sucesso!\", \"success\") : this.props.setNotification(\"Encomenda não foi cancelada!\", \"danger\");\n });\n\n }\n\n handleCancel = () => {\n this.setState({ waiting: true });\n this.cancelOrder();\n };\n\n handleClose = () => {\n this.props.onChange(false);\n };\n\n render() {\n const { classes } = this.props;\n\n return (\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(CancelOrder);","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Circular from \"../Circular/Circular\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport TextField from \"@material-ui/core/TextField\";\nimport Grid from '@material-ui/core/Grid';\nimport { updateOrder } from \"../../services/orders/orders\";\nimport { getAllUsers } from \"../../services/users/users\";\nimport { sendAction } from \"../../services/lockers/lockers\";\nimport { createEvent } from \"../../services/events/events\";\nimport MomentUtils from \"@date-io/date-fns\";\nimport pt from \"date-fns/locale/pt\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker\n} from '@material-ui/pickers';\n\nconst useStyles = (theme) => ({\n iconView: {\n color: \"gray !important\",\n },\n root: {\n \"& .MuiFormControl-root\": {\n margin: theme.spacing(1),\n width: 200,\n },\n },\n dialog: {\n \"& .MuiPaper-root\": {\n margin: theme.spacing(1),\n width: 250,\n height: 200,\n },\n },\n green: {\n \"& label.Mui-focused\": {\n color: \"green\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"green\",\n },\n webKitCalendarPickerIndicator: {\n display: \"none\",\n },\n },\n red: {\n \"& label.Mui-focused\": {\n color: \"red\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"red\",\n },\n },\n});\n\nclass EditOrder extends Component {\n constructor(props) {\n super(props);\n this.updateOrders = this.updateOrders.bind(this);\n this.handleCancel = this.handleCancel.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleDateChangeInit = this.handleDateChangeInit.bind(this);\n\n this.state = {\n order: {},\n role: null,\n waiting: false,\n orderStatus: [\n {\n value: \"reserved\",\n label: \"Reservada\",\n },\n {\n value: \"pre_allocated\",\n label: \"Pré-depositada\",\n },\n {\n value: \"allocated\",\n label: \"Depositada\",\n },\n {\n value: \"expired\",\n label: \"Expirada\",\n },\n {\n value: \"collected\",\n label: \"Coletada\",\n },\n {\n value: \"unableTocollect\",\n label: \"Encomenda presa\"\n }\n ],\n sizes: [\n {\n size: \"small\",\n pt: \"Pequena\",\n },\n {\n size: \"medium\",\n pt: \"Média\",\n },\n {\n size: \"large\",\n pt: \"Grande\",\n },\n {\n size: \"extra-large\",\n pt: \"Extra Grande\",\n },\n ],\n status: this.props.order.status === \"pre_allocated\" ? \"allocated\" : (this.props.order.status === \"addressed\" ? \"reserved\" : this.props.order.status),\n originalStatus: this.props.order.status,\n pne: this.props.order.pne,\n categories: [\n {\n value: false,\n label: \"sem restrição\",\n },\n {\n value: true,\n label: \"deficiente físico\",\n },\n ],\n expiredAt: this.props.order.expiredAt ? this.props.order.expiredAt : null,\n currentUser: JSON.parse(localStorage.getItem(\"user\")).data\n };\n }\n\n componentDidMount () {\n const user = JSON.parse(localStorage.getItem('user'));\n getAllUsers((users) => {\n let currentUser = users.filter(u => u.email === user.data.email)[0];\n if (currentUser && currentUser.roleName)\n this.setState({ role: currentUser.roleName });\n });\n }\n\n updateOrders = () => {\n const { status, pne, expiredAt } = this.state;\n\n let orderUp = {\n status,\n pne,\n expiredAt\n };\n\n console.log(JSON.stringify(orderUp), this.props.order.lockerId, this.props.order.id)\n\n updateOrder(this.props.order.lockerId, this.props.order.id, orderUp, (data) => {\n this.setState({ order: {}, waiting: false });\n this.props.onChange(false);\n if (data) {\n this.props.setNotification(\n \"Encomenda editada com sucesso!\",\n \"success\"\n )\n\n sendAction(this.props.order.lockerId, 'pollingNow', 'Action', (resp) => console.log(resp));\n const labelStatus = this.state.orderStatus.find(status => orderUp.status == status.value);\n\n\n let d = {\n 'lockerId': this.props.order.lockerId,\n 'parametro1': this.props.order.slot.label,\n 'code': '104',\n 'encomenda': this.props.order.deliveryToken,\n 'usuario': this.state.currentUser.name,\n 'complemento': `Encomenda atualizada para ${labelStatus.label}`\n };\n\n createEvent(d, () => {\n console.log(`Creted event`);\n });\n\n } else {\n this.props.setNotification(\"Encomenda não foi editada!\", \"danger\");\n }\n });\n };\n\n handleCancel = () => {\n this.setState({ waiting: true });\n this.updateOrders();\n };\n\n handleClose = () => {\n this.props.onChange(false);\n };\n\n handleChangeStatus = (e) => {\n this.setState({ status: e.target.value });\n };\n\n handleChange = (event) => {\n this.setState({ pne: event.target.value });\n }\n\n handleDateChangeInit (expiredAt) {\n if ((new Date(expiredAt)).getTime() < (new Date()).getTime()) {\n this.setState({ status: 'expired' });\n }\n\n if ((new Date(expiredAt)).getTime() > (new Date()).getTime() && this.state.status === 'expired') {\n this.setState({ status: 'pre_allocated' });\n }\n\n this.setState({ expiredAt });\n }\n\n render () {\n const { classes } = this.props;\n const { sizes, status, orderStatus, waiting, pne, categories, expiredAt, role } = this.state;\n return (\n \n \n \n {waiting ? \"Editando Encomenda\" : \"Editar Encomenda\"}\n \n \n {waiting ? (\n \n \n {waiting ? null : (\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(EditOrder);\n","\nexport default function ExportCsv(data) {\n let dataCSV = [];\n\n //covert json array into csv format\n let headers = Object.keys(data[0]);\n dataCSV.push(headers.join(','));\n\n for (let index of data) {\n let values = headers.map(header => {\n let escaped = (''+index[header]).replace(/\"/g, '\\\\\"');\n return escaped;\n });\n dataCSV.push(values.join(',')); \n }\n\n dataCSV = dataCSV.join('\\n')\n\n //download csv file\n let a = document.createElement(\"a\");\n document.body.appendChild(a);\n a.style = \"display: none\";\n \n let blob = new Blob([dataCSV], { type: 'text/csv;charset=utf8' });\n let blobURL = window.URL.createObjectURL(blob);\n \n a.href = blobURL;\n a.download = 'export.csv';\n a.click();\n window.URL.revokeObjectURL(blobURL);\n a.remove();\n}\n","import \"date-fns\";\nimport React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Table from \"components/Table/Table\";\nimport TextField from \"@material-ui/core/TextField\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Grid from '@material-ui/core/Grid';\nimport { getOrdersbyStatus } from \"../../services/orders/orders\";\nimport { getSlots } from \"../../services/slots/slots\";\nimport Chart from \"components/Chart/ChartPermanencyRate\";\nimport CircularProgress from \"../Circular/Circular\";\nimport ExportCsv from \"exportCsv.js\";\nimport MomentUtils from \"@date-io/date-fns\";\nimport pt from \"date-fns/locale/pt\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker\n} from '@material-ui/pickers';\n\nimport '../Slots/style.css';\n\nconst useStyles = (theme) => ({\n iconView: {\n color: \"gray !important\",\n },\n root: {\n \"& .MuiFormControl-root\": {\n margin: theme.spacing(1),\n width: 200,\n },\n },\n dialog: {\n \"& .MuiPaper-root\": {\n margin: theme.spacing(1),\n width: 250,\n height: 200,\n },\n },\n green: {\n \"& label.Mui-focused\": {\n color: \"green\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"green\",\n },\n },\n red: {\n \"& label.Mui-focused\": {\n color: \"red\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"red\",\n },\n },\n});\n\nclass PermanencyRate extends Component {\n constructor(props) {\n super(props);\n this.getOrders = this.getOrders.bind(this);\n this.handleExport = this.handleExport.bind(this);\n this.handleSearch = this.handleSearch.bind(this);\n this.getDiff = this.getDiff.bind(this);\n this.handleDateChangeInit = this.handleDateChangeInit.bind(this);\n this.handleDateChangeFinal = this.handleDateChangeFinal.bind(this);\n\n this.state = {\n selectedDate: new Date(),\n hours: [\n {\n value: 1,\n label: \"1h\",\n },\n {\n value: 2,\n label: \"2h\",\n },\n {\n value: 3,\n label: \"3h\",\n },\n {\n value: 4,\n label: \"4h\",\n }\n\n ],\n hour: 1,\n data: [],\n circular: true,\n dataExport: [],\n months: [\n \"Janeiro\",\n \"Fevereiro\",\n \"Março\",\n \"Abril\",\n \"Maio\",\n \"Junho\",\n \"Julho\",\n \"Agosto\",\n \"Setembro\",\n \"Outubro\",\n \"Novembro\",\n \"Dezembro\"\n ],\n selectedDateInital: new Date().setDate(new Date().getDate() - 30),\n selectedDateFinal: new Date(),\n period: [0, 1, 12, 24, 36, 48, 60, 72],\n chartData: [],\n };\n }\n\n componentDidMount() {\n this.getOrders();\n }\n\n handleDateChange(selectedDate) {\n this.setState({ selectedDate });\n }\n\n handleExport = () => {\n const { dataExport } = this.state;\n ExportCsv(dataExport);\n };\n\n handleSearch = () => {\n let selectedDate = (this.state.selectedDate) ? new Date(this.state.selectedDate) : new Date();\n this.setState({ circular: true });\n this.getOrders(selectedDate.getFullYear(), (selectedDate.getMonth()));\n };\n\n handleDateChangeInit(selectedDateInital) {\n this.setState({ selectedDateInital });\n }\n\n handleDateChangeFinal(selectedDateFinal) {\n this.setState({ selectedDateFinal });\n }\n\n getOrders = (year = (new Date()).getFullYear(), month = ((new Date()).getMonth())) => {\n let data = [];\n let dataExport = [];\n let chartData = [];\n const { months, hour, selectedDateFinal, selectedDateInital, period } = this.state;\n getSlots(this.props.lockerId, (slots) => {\n let capacitySlots = (slots.length) ? slots.length - 1 : 0;\n getOrdersbyStatus(this.props.lockerId, 'collected&status=courrier_collected', (order) => {\n\n order = order.filter(o => o.collectedAt ? selectedDateInital <= new Date(o.collectedAt).getTime() && new Date(o.collectedAt).getTime() <= selectedDateFinal : false);\n let ordersQty = order.length;\n let ordersCount = 0;\n let orderDiff = [];\n\n if (ordersQty > 0) {\n\n order.forEach((o, index) => {\n\n orderDiff.push(this.getDiff(o));\n\n });\n\n for (let i = 1; i < period.length; i++) {\n\n if (i == 1) {\n ordersCount = orderDiff.filter(o => o <= 1).length;\n } else if ((period.length - 1) == i) {\n ordersCount = orderDiff.filter(o => o >= period[i]).length;\n } else {\n ordersCount = orderDiff.filter(o => o <= period[i] && o > period[i - 1]).length;\n }\n\n let rate = Number(((ordersCount / order.length) * 100).toFixed(2));\n\n data.push([`${period[i]}`, `${rate}%`]);\n dataExport.push({ 'Permanência (horas)': `${period[i]}`, 'Taxa de permanência': `${rate}%` });\n chartData.push({ year: `${period[i]}`, max: rate });\n }\n } else {\n data.push([\"Nenhuma encomenda retirada nesse período!\"]);\n dataExport.push({ 'Permanência (horas)': `-`, 'Taxa de permanência': `-%` });\n }\n\n this.setState({ circular: false, data, dataExport, chartData });\n });\n });\n }\n\n getDiff = (order) => {\n\n let diff = (Math.abs(new Date(order.collectedAt).getTime() - new Date(order.allocatedAt).getTime()) / 3600000).toFixed(2);\n diff = Number(String(diff).split('.')[0]);\n\n return diff;\n\n }\n\n render() {\n const { classes } = this.props;\n const { selectedDateInital, selectedDateFinal, chartData, data, circular } = this.state;\n\n let layout = (circular) ?\n \n
\n ) : (\n \n )}\n \n \n \n
\n )}\n \n
\n : \n
;\n\n return (\n TAXA DE PERMANÊNCIA
\n\n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n {layout}\n
\n );\n }\n}\nexport default withStyles(useStyles)(PermanencyRate);\n","import * as React from 'react';\nimport Paper from '@material-ui/core/Paper';\nimport {\n Chart,\n AreaSeries,\n BarSeries,\n SplineSeries,\n ScatterSeries,\n ArgumentAxis,\n ValueAxis,\n Title,\n Legend,\n Tooltip,\n} from '@devexpress/dx-react-chart-material-ui';\n\nimport {\n ValueScale,\n Stack,\n Animation,\n EventTracker,\n HoverState,\n} from '@devexpress/dx-react-chart';\nimport { connectProps } from '@devexpress/dx-react-core';\nimport { format } from 'd3-format';\n\nconst consumptionSeriesName = 'Entregas';\nconst consumptionColor = '#f5481d';\nconst priceColor = 'gray';\n\nconst makeLabel = (symbol, color) => ({ text, style, ...restProps }) => (\n \n
\n : \n
;\n\n return (\n ENTREGAS E RETIRADAS
\n\n \n \n \n \n \n \n \n \n \n {period.map((option) => (\n \n ))}\n \n \n \n
\n \n
\n \n
\n \n {layout}\n
\n );\n }\n}\nexport default withStyles(useStyles)(SendAndCollect);\n","import { api } from \"../api\";\n\n\nexport const sendRabbitCommand = function (data, callback) {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n api.defaults.headers.authorization = `Bearer ${user.token}`;\n const URL = `/rabbit/send-command`;\n\n api\n .post(URL, data)\n .then((response) => {\n // console.log(JSON.stringify(response));\n callback(response.data);\n })\n .catch((error) => {\n callback([]);\n console.log(\"Error:. sendRabbitCommand \" + error);\n });\n};\n\nexport const createRabbitPayload = function (lockerId, cmd, payload) {\n\n const user = JSON.parse(localStorage.getItem(\"user\"));\n\n const modelUser = {\n id: user?.data.id,\n name: user?.data.name\n };\n\n return {\n \"lockerId\": lockerId,\n \"payload\": {\n CMD: cmd,\n ...payload,\n user: modelUser\n }\n }\n};","import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Circular from '../Circular/Circular';\nimport PropTypes from 'prop-types';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport TextField from '@material-ui/core/TextField';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MaskedInput from 'react-text-mask';\nimport FormControl from '@material-ui/core/FormControl';\nimport Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport { deleteLocker, syncLocker } from '../../services/lockers/lockers';\nimport { sendRabbitCommand, createRabbitPayload } from '../../services/actions/actions';\n\n\nimport CustomInputMask from \"components/CustomInput/CustomInputMask.js\"\nimport CustomInputMaskCpf from \"components/CustomInput/CustomInputMaskCpf.js\"\n\nconst useStyles = theme => ({\n iconView: {\n color: \"gray !important\"\n },\n root: {\n '& .MuiFormControl-root': {\n margin: theme.spacing(1),\n width: 200\n }\n },\n dialog: {\n '& .MuiPaper-root': {\n margin: theme.spacing(1),\n width: 250,\n height: 200\n }\n },\n green: {\n '& label.Mui-focused': {\n color: 'green'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n }\n },\n red: {\n '& label.Mui-focused': {\n color: 'red'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'red',\n }\n }\n});\n\nclass Confirm extends Component {\n constructor(props) {\n super(props);\n this.deleteLocker = this.deleteLocker.bind(this);\n this.handleClickOpen = this.handleClickOpen.bind(this);\n this.handleDelete = this.handleDelete.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleUpdate = this.handleUpdate.bind(this);\n this.updateOrder = this.updateOrder.bind(this);\n this.collectOrder = this.collectOrder.bind(this);\n this.handleCollect = this.handleCollect.bind(this);\n /*this.TextMaskCustom = this.TextMaskCustom.bind(this);\n this.TextMaskCustom.propTypes = {\n inputRef: PropTypes.func.isRequired,\n };*/\n\n this.state = {\n order: {},\n sizes: [\n {\n value: 'small',\n label: 'Small',\n },\n {\n value: 'medium',\n label: 'Medium',\n },\n {\n value: 'large',\n label: 'Large',\n },\n {\n value: 'extra-large',\n label: 'Extra-Large',\n }\n ],\n size: 'small',\n mobile_phone: '',\n name: null,\n cpf: null,\n email: null,\n numero_pedido: null,\n waiting: false,\n error: false\n }\n }\n\n deleteLocker = (lockerId, lockerName) => {\n deleteLocker(lockerId, (code) => {\n this.setState({ order: {}, waiting: false });\n this.props.onChange(false);\n console.log('code', code);\n (code === 200) ? this.props.setNotification(`Locker ${lockerName} deletado com sucesso!`, \"success\", 'confirm') : this.props.setNotification(\"Falha ao deletar locker!\", \"danger\", 'confirm');\n });\n\n }\n\n syncLocker = (lockerId, lockerName) => {\n syncLocker(lockerId, (code) => {\n this.setState({ order: {}, waiting: false });\n this.props.onChange(false);\n console.log('code', code);\n (code === 200) ? this.props.setNotification(`Comando enviado com sucesso!`, \"success\", 'confirm') : this.props.setNotification(\"Falha ao enviar comando!\", \"danger\", 'confirm');\n });\n\n }\n\n collectOrder = (lockerId, order) => {\n\n // console.log(JSON.stringify(order))\n\n const model = {\n orderId: order.id,\n status: order.status,\n size: order.size,\n // confirmState: order. ,\n //userId: order. ,\n externalOrderId: order.externalOrderId,\n allocationType: order.allocation_method,\n lockerId: order.lockerId,\n createdAt: order.createdAt,\n allocatedAt: order.allocatedAt,\n collectedAt: order.collectedAt,\n updatedAt: order.updatedAt,\n expiredAt: order.expiredAt,\n // senderType: order. ,\n senderId: order.senderId,\n\n // receiverUUId: order. ,\n // collectedBy: order. ,\n canceledAt: order.canceledAt,\n deliveryType: order.deliveryType,\n\n receiverId: order.receiverId,\n receiverPhone: order.receiverPhone,\n receiverEmail: order.receiverEmail,\n receiverCpf: order.receiverCpf,\n receiverName: order.receiverName,\n\n slotStatus: order.slot.status,\n slotLabel: order.slot.label,\n\n\n // bloco: order. ,\n // ap: order. ,\n // ala: order. ,\n\n collectToken: order.collectToken,\n deliveryToken: order.deliveryToken,\n }\n\n const payload = createRabbitPayload(lockerId, \"COLLECT_ORDER_SLOT\", model)\n console.log('Payload: ', JSON.stringify(payload));\n\n sendRabbitCommand(payload, (resp) => {\n\n this.setState({ order: {}, waiting: false });\n this.props.onChange(false);\n console.log('code', resp);\n (resp) ? this.props.setNotification(`Comando enviado com sucesso!`, \"success\", 'confirm') : this.props.setNotification(\"Falha ao enviar comando!\", \"danger\", 'confirm');\n\n });\n }\n\n updateOrder = (lockerId, order) => {\n\n // console.log(JSON.stringify(order))\n\n const model = {\n orderId: order.id,\n status: order.status,\n size: order.size,\n // confirmState: order. ,\n //userId: order. ,\n externalOrderId: order.externalOrderId,\n allocationType: order.allocation_method,\n lockerId: order.lockerId,\n createdAt: order.createdAt,\n allocatedAt: order.allocatedAt,\n collectedAt: order.collectedAt,\n updatedAt: order.updatedAt,\n expiredAt: order.expiredAt,\n // senderType: order. ,\n senderId: order.senderId,\n\n // receiverUUId: order. ,\n // collectedBy: order. ,\n canceledAt: order.canceledAt,\n deliveryType: order.deliveryType,\n\n receiverId: order.receiverId,\n receiverPhone: order.receiverPhone,\n receiverEmail: order.receiverEmail,\n receiverCpf: order.receiverCpf,\n receiverName: order.receiverName,\n\n slotStatus: order.slot.status,\n slotLabel: order.slot.label,\n\n\n // bloco: order. ,\n // ap: order. ,\n // ala: order. ,\n\n collectToken: order.collectToken,\n deliveryToken: order.deliveryToken,\n }\n\n const payload = createRabbitPayload(lockerId, \"UPDATE_ORDER\", model)\n console.log('Payload: ', JSON.stringify(payload));\n\n sendRabbitCommand(payload, (resp) => {\n\n this.setState({ order: {}, waiting: false });\n this.props.onChange(false);\n console.log('code', resp);\n (resp) ? this.props.setNotification(`Comando enviado com sucesso!`, \"success\", 'confirm') : this.props.setNotification(\"Falha ao enviar comando!\", \"danger\", 'confirm');\n\n });\n }\n\n handleChange = (event) => {\n console.log(event.target.id)\n switch (event.target.id) {\n case 'numero_pedido':\n this.setState({ numero_pedido: event.target.value })\n break;\n case 'email':\n this.setState({ email: event.target.value })\n break;\n case 'mobile_phone':\n this.setState({ mobile_phone: event.target.value })\n break;\n case 'cpf':\n this.setState({ cpf: event.target.value })\n break;\n case 'clientName':\n this.setState({ clientName: event.target.value })\n break;\n default:\n this.setState({ size: event.target.value })\n break;\n }\n }\n\n handleClickOpen = () => {\n this.props.onChange(true);\n };\n\n handleDelete = () => {\n let { lockerId, lockerName } = this.props\n this.deleteLocker(lockerId, lockerName)\n };\n\n handleSync = () => {\n let { lockerId, lockerName } = this.props\n this.syncLocker(lockerId, lockerName)\n };\n\n handleUpdate = () => {\n let { lockerId, order } = this.props\n this.updateOrder(lockerId, order)\n };\n\n handleCollect = () => {\n let { lockerId, order } = this.props\n this.collectOrder(lockerId, order)\n };\n\n handleClose = () => {\n this.props.onChange(false);\n };\n\n render() {\n const { classes, lockerName, lockerId, message, type, order } = this.props;\n console.log(message)\n return (\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(Confirm);","import \"date-fns\";\nimport React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Circular from \"../Circular/Circular\";\nimport Table from \"components/Table/Table\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Delete from \"@material-ui/icons/Delete\";\nimport Edit from \"@material-ui/icons/Edit\";\nimport { Refresh } from \"@material-ui/icons\";\nimport CloudDownloadIcon from '@mui/icons-material/CloudDownload';\nimport PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';\nimport Visibility from \"@material-ui/icons/Visibility\";\nimport Icon from \"@material-ui/core/Icon\";\nimport LocalShipping from \"@material-ui/icons/LocalShipping\";\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\nimport AddAlert from \"@material-ui/icons/AddAlert\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport NewOrder from \"./NewOrder\";\nimport InfoOrder from \"./InfoOrder\";\nimport IntransitOrder from \"./IntransitOrder\";\nimport CancelOrder from \"./CancelOrder\";\nimport EditOrder from \"./EditOrder\";\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport CardIcon from \"components/Card/CardIcon.js\";\nimport { getAllUsers } from \"../../services/users/users\";\nimport { getAllOrders, getAllActiveOrders, getAllOrdersFilter } from \"../../services/orders/orders\";\nimport ShowChartIcon from '@material-ui/icons/ShowChart';\nimport SearchIcon from '@material-ui/icons/Search';\nimport AllInbox from '@material-ui/icons/AllInbox';\nimport FormControl from \"@material-ui/core/FormControl\";\nimport PermanencyRate from \"./PermanencyRate\";\nimport SendAndCollect from \"./SendAndCollect\";\nimport Input from \"@material-ui/core/Input\";\nimport TextField from \"@material-ui/core/TextField\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\nimport ExportCsv from \"exportCsv.js\";\nimport Grid from '@material-ui/core/Grid';\nimport MomentUtils from \"@date-io/date-fns\";\nimport pt from \"date-fns/locale/pt\";\nimport { addHours, format } from 'date-fns'\nimport { api } from '../../services/api';\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker\n} from '@material-ui/pickers';\nimport Moment from \"react-moment\";\nimport moment from \"moment\";\nimport Confirm from \"./Confirm\";\nimport { getSlots } from \"services/slots/slots\";\n\nMoment.globalMoment = moment;\nMoment.globalLocale = \"pt-br\";\nclass Orders extends Component {\n constructor(props) {\n super(props);\n this.getOrders = this.getOrders.bind(this);\n this.createNewOrder = this.createNewOrder.bind(this);\n this.setDialog = this.setDialog.bind(this);\n this.setNotification = this.setNotification.bind(this);\n // this.setNotificationConfirm = this.setNotificationConfirm.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.cancelOrder = this.cancelOrder.bind(this);\n this.loadPage = this.loadPage.bind(this);\n this.getOrderById = this.getOrderById.bind(this);\n this.intransitOrder = this.intransitOrder.bind(this);\n this.openSearch = this.openSearch.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleDateChangeInit = this.handleDateChangeInit.bind(this);\n this.handleDateChangeFinal = this.handleDateChangeFinal.bind(this);\n this.handleExport = this.handleExport.bind(this);\n this.handleSearch = this.handleSearch.bind(this);\n this.handleChangeInit = this.handleChangeInit.bind(this);\n this.resetSearch = this.resetSearch.bind(this);\n this.openPermanencyRate = this.openPermanencyRate.bind(this);\n this.openSendAndCollect = this.openSendAndCollect.bind(this);\n this.formatDate = this.formatDate.bind(this);\n this.getUserLogged = this.getUserLogged.bind(this);\n this.updateOrderRabbit = this.updateOrderRabbit.bind(this);\n this.collectOrderRabbit = this.collectOrderRabbit.bind(this);\n this.setDialogUpdate = this.setDialogUpdate.bind(this);\n\n const dayMinus = new Date();\n // dayMinus.setDate(dayMinus.getDate() - 1);\n\n this.state = {\n circular: true,\n orders: [[\"Nenhuma encomenda encontrada!\"]],\n statusO: false,\n selectedDateInit: dayMinus,\n selectedDateFinal: new Date(),\n dataExport: [{}],\n ordersH: [],\n locker: null,\n role: null,\n permanencyRate: false,\n sendAndCollect: false,\n statusesO: [\n {\n value: \"reserved\",\n label: \"Reservada\",\n },\n {\n value: \"allocated\",\n label: \"Depositada\",\n },\n {\n value: \"expired\",\n label: \"Expirada\",\n },\n {\n value: \"collected\",\n label: \"Coletada\",\n },\n {\n value: null,\n label: \"-\",\n }\n ],\n statuses: [\n [\n {\n \"status\": \"addressed\",\n \"pt\": \"Reservada\"\n },\n {\n \"status\": \"reserved\",\n \"pt\": \"Reservada\"\n },\n {\n \"status\": \"allocated\",\n \"pt\": \"Depositada\"\n },\n {\n \"status\": \"collected\",\n \"pt\": \"Coletada\"\n },\n {\n \"status\": \"canceled\",\n \"pt\": \"Cancelada\"\n },\n {\n \"status\": \"pre_allocated\",\n \"pt\": \"Esperando baixa\"\n },\n {\n \"status\": \"allocatedClient\",\n \"pt\": \"Depositada\"\n },\n {\n \"status\": \"courrier_collected\",\n \"pt\": \"Coletada\"\n },\n {\n \"status\": \"expired\",\n \"pt\": \"Expirada\"\n },\n {\n \"status\": \"unableTocollect\",\n \"pt\": \"Encomenda presa\"\n }\n ],\n [],\n ],\n openDialog: false,\n openUpdateDialog: false,\n editOrder: false,\n openSnackbar: false,\n success: \"danger\",\n message: \"\",\n messageUpdate: \"\",\n orderId: null,\n showInfo: false,\n showIntransit: false,\n awb: null,\n order: {},\n openCancel: false,\n search: false,\n dialogType: \"\",\n codeOrder: \"\",\n mapSlots: [],\n colorHeadCart: [\n \"warning\",\n \"info\",\n \"success\",\n \"info\",\n \"warning\",\n \"danger\",\n ],\n };\n }\n componentDidMount() {\n this.getUserLogged()\n this.getAllSlots()\n this.getLocker()\n // setTimeout(() => {\n // this.getOrders(this.props.lockerId);\n // }, 1000);\n }\n\n getAllSlots = () => {\n const slotsArray = [];\n getSlots(this.props.lockerId, (slots) => {\n let mapSlots = new Map();\n slots.forEach(slot => {\n slotsArray.push({ \"id\": slot.id, \"label\": slot.label });\n });\n\n this.setState({ mapSlots: slotsArray });\n })\n }\n\n getLocker = () => {\n const urlTest = `/lockers/${this.props.lockerId}`;\n\n api.get(urlTest).then((res) => {\n console.log(res.data)\n this.setState({ locker: res.data.data });\n });\n }\n\n createNewOrder() {\n this.setState({ openDialog: true });\n }\n cancelOrder(order) {\n this.setState({ openCancel: true, order });\n }\n openEditOrder(order) {\n this.setState({ editOrder: true, order });\n }\n getOrderById(orderId, order) {\n\n console.log(\"ORDER\", JSON.stringify(order));\n this.setState({ orderId, order, showInfo: true });\n }\n getUserLogged() {\n const user = JSON.parse(localStorage.getItem('user'));\n getAllUsers((users) => {\n if ((!users) || (users?.length == 0)) {\n // console.log(\"Current User Length\", users?.length)\n return;\n }\n\n let currentUser = users.find(u => u.email === user.data.email);\n // console.log(\"Current User\", currentUser)\n // console.log(\"Current User RoleName\", currentUser.roleName)\n if (currentUser && currentUser.roleName) {\n this.setState({ role: currentUser.roleName });\n }\n\n setTimeout(() => {\n this.getOrders(this.props.lockerId);\n }, 50);\n });\n }\n\n updateOrderRabbit(order) {\n console.log(\"ORDER\", JSON.stringify(order));\n this.setState({ order, dialogType: \"update\", openUpdateDialog: true, messageUpdate: `Confirma o envio da encomenda no ${order.slot.label} (${order.type}) para o Locker?` });\n }\n\n collectOrderRabbit(order) {\n console.log(\"ORDER\", JSON.stringify(order));\n this.setState({ order, dialogType: \"collect\", openUpdateDialog: true, messageUpdate: `Confirma a coleta da encomenda ${order.slot.label} em ${order.slot.label} (${order.type}) para o Locker?` });\n }\n\n formatDate(date) {\n let dateArray = date.split('T');\n let data = dateArray[0];\n let time = dateArray[1];\n\n let anoMesDia = data.split('-');\n let horaMinutos = time.substring(0, 5);\n\n return `${anoMesDia[2]}/${anoMesDia[1]}/${anoMesDia[0]} ${horaMinutos}`;\n }\n\n setDialogUpdate(openDialog) {\n this.setState({\n openUpdateDialog: openDialog,\n showInfo: openDialog,\n showIntransit: openDialog,\n openCancel: openDialog,\n editOrder: openDialog,\n });\n }\n\n handleChange(e) {\n let value = (e.target.value === '-') ? null : e.target.value;\n console.log(value)\n this.setState({ statusO: value });\n }\n\n // setNotificationConfirm(message, success, type) {\n // console.log('entrou aqui');\n // this.setState(\n // {\n // circular: true,\n // messageUpdate: message,\n // openUpdateDialog: true \n // },\n // () => this.loadPage()\n // );\n // }\n\n setDialog(openDialog) {\n this.setState({\n openDialog,\n showInfo: openDialog,\n showIntransit: openDialog,\n openCancel: openDialog,\n editOrder: openDialog,\n });\n }\n\n setNotification(message, success) {\n if (success === \"success\") {\n this.setState(\n {\n circular: true,\n message,\n success,\n openSnackbar: true,\n statuses: [\n [\n {\n \"status\": \"addressed\",\n \"pt\": \"Reservada\"\n },\n {\n \"status\": \"reserved\",\n \"pt\": \"Reservada\"\n },\n {\n \"status\": \"allocated\",\n \"pt\": \"Depositada\"\n },\n {\n \"status\": \"collected\",\n \"pt\": \"Coletada\"\n },\n {\n \"status\": \"canceled\",\n \"pt\": \"Cancelada\"\n },\n {\n \"status\": \"pre_allocated\",\n \"pt\": \"Depositada\"\n },\n {\n \"status\": \"allocatedClient\",\n \"pt\": \"Depositada\"\n },\n {\n \"status\": \"courrier_collected\",\n \"pt\": \"Coletada\"\n },\n {\n \"status\": \"expired\",\n \"pt\": \"Expirada\"\n },\n {\n \"status\": \"unableTocollect\",\n \"pt\": \"Encomenda presa\"\n }\n ],\n [],\n ],\n },\n () => this.loadPage()\n );\n } else {\n this.setState({ message, success, openSnackbar: true });\n setTimeout(() => {\n this.handleClose();\n }, 9000);\n }\n }\n\n loadPage() {\n this.componentDidMount();\n setTimeout(() => {\n this.handleClose();\n }, 9000);\n }\n\n handleClose() {\n this.setState({ openSnackbar: false });\n }\n\n openSearch() {\n let { search } = this.state;\n\n if (search) {\n this.resetSearch();\n }\n\n this.setState({ search: !search });\n }\n\n getOrders = (lockerId) => {\n getAllActiveOrders(\n lockerId,\n (data) => {\n this.buildOrdersTable(data);\n }\n );\n };\n\n buildOrdersTable = (data, filter = false) => {\n console.log(\"State Role\", this.state.role);\n\n if (filter) {\n this.setState({ circular: true });\n }\n\n let { orders, statuses } = this.state;\n\n let dataExport = [];\n const classes = this.props.classes;\n \n if (!data.length > 0) {\n this.setState({ orders: [[\"Nenhuma encomenda encontrada!\"]] });\n this.setState({ circular: false });\n } else {\n orders = data.length > 0 ? [] : orders\n data.forEach((order) => {\n let {\n id,\n slot,\n status,\n carrier,\n collectedAt,\n createdAt,\n allocatedAt,\n AWB,\n deliveryToken,\n condomino,\n externalOrderId,\n type\n } = order;\n\n // console.log(JSON.stringify(order));\n\n let diff;\n\n if (allocatedAt) {\n if (collectedAt) {\n diff = (Math.abs(new Date(collectedAt).getTime() - (new Date(allocatedAt)).getTime()) / 3600000).toFixed(2);\n } else {\n diff = (Math.abs(new Date().getTime() - addHours(new Date(allocatedAt), 3).getTime()) / 3600000).toFixed(2);\n }\n diff = `${String(diff).split('.')[0]}h${((Number(String(diff).split('.')[1]) / 100) * 60).toFixed(0)}min`;\n }\n\n\n orders.push([\n externalOrderId ? externalOrderId : '',\n condomino ? condomino.ala : \"-\",\n condomino ? condomino.bloco : \"-\",\n condomino ? condomino.ap : \"-\",\n condomino ? condomino.name : (order.receiverName && order.receiverName != 0) ? order.receiverName : '-',\n slot ? slot.label : \"-\",\n statuses[0].filter(st => st.status === status)[0].pt,\n (type == 'refund') ? \"Devolução\" : (type == 'change') ? \"Troca\" : \"Entrega\",\n (order.locker.lockerType == 'ecommerce' && order.type == 'delivery') ? \"Agente\" : (order.locker.lockerType != \"ecommerce\") ? \"Correios\" : \"Cliente\",\n diff ? diff : \"-\",\n createdAt ? (\n this.formatDate(createdAt)\n ) : (\n \"-\"\n ),\n allocatedAt ?\n this.formatDate(allocatedAt)\n : (\n \"-\"\n ),\n collectedAt ? (\n this.formatDate(collectedAt)\n ) : (\n \"-\"\n ),\n < div >\n {/* \n
\n );\n\n return (\n \n \n
\n {!search ? : PESQUISAR ENCOMENDAS
}\n\n {!search ?\n :\n \n Código da Encomenda \n \n {this.state.statusesO.map((option) => (\n \n ))}\n }\n {!search ? :\n \n \n \n }\n {!search ? :\n \n \n \n }\n {search ? : }\n
\n {!search ? : \n
}\n \n \n \n
\n \n \n \n \n \n {/* \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n */}\n
\n \n {Number(this.state.statuses[1][0].split(':')[1])}\n
\nEncomendas endereçadas
\n\n {Number(this.state.statuses[1][1].split(':')[1])}\n
\nEncomenda reservadas
\n\n {Number(this.state.statuses[1][2].split(':')[1])}\n
\nEncomenda depositadas
\n\n {Number(this.state.statuses[1][3].split(':')[1])}\n
\nEncomenda coletadas
\n\n {Number(this.state.statuses[1][4].split(':')[1])}\n
\nEncomenda canceladas
\n\n {layout}\n {this.state.openDialog ? (\n
\n );\n }\n}\nexport default withStyles(styles)(Orders);","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Circular from \"../Circular/Circular\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport TextField from \"@material-ui/core/TextField\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport Input from \"@material-ui/core/Input\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport { createSlot } from \"../../services/slots/slots\";\n\nconst useStyles = (theme) => ({\n iconView: {\n color: \"gray !important\",\n },\n root: {\n \"& .MuiFormControl-root\": {\n margin: theme.spacing(1),\n width: 200,\n },\n },\n dialog: {\n \"& .MuiPaper-root\": {\n margin: theme.spacing(1),\n width: 250,\n height: 200,\n },\n },\n green: {\n \"& label.Mui-focused\": {\n color: \"green\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"green\",\n },\n },\n red: {\n \"& label.Mui-focused\": {\n color: \"red\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"red\",\n },\n },\n});\n\nclass NewSlot extends Component {\n constructor(props) {\n super(props);\n this.createSlot = this.createSlot.bind(this);\n this.handleClickOpen = this.handleClickOpen.bind(this);\n this.handleCreate = this.handleCreate.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleChange = this.handleChange.bind(this);\n\n this.state = {\n sizes: [\n {\n value: \"small\",\n label: \"Pequeno\",\n },\n {\n value: \"medium\",\n label: \"Médio\",\n },\n {\n value: \"large\",\n label: \"Grande\",\n },\n {\n value: \"extra-large\",\n label: \"Extra Grande\",\n },\n ],\n categories: [\n {\n value: false,\n label: \"sem restrição\",\n },\n {\n value: true,\n label: \"deficiente físico\",\n },\n {\n value: \"control\",\n label: \"painel de controle\",\n },\n ],\n size: null,\n slot: \"\",\n label: \"\",\n waiting: false,\n error: false,\n category: \"\",\n deviceCondition: null,\n pne: false,\n };\n }\n\n createSlot = (lockerId, data) => {\n createSlot(lockerId, data, (dataR) => {\n this.setState({ waiting: false });\n this.props.onChange(false);\n dataR\n ? this.props.setNotification(\n \"Nova Porta criada com sucesso!\",\n \"success\"\n )\n : this.props.setNotification(\"Falha ao criar Nova Porta!\", \"danger\");\n });\n };\n\n handleChange = (event) => {\n let e = event.target.id ? event.target.id : event.target.name;\n switch (e) {\n case \"slot\":\n this.setState({ slot: event.target.value });\n break;\n case \"label\":\n this.setState({ label: event.target.value });\n break;\n case \"category\":\n if (event.target.value === \"control\") {\n this.setState({ deviceCondition: event.target.value });\n } else {\n this.setState({ pne: event.target.value });\n }\n break;\n default:\n this.setState({ size: event.target.value });\n break;\n }\n };\n\n handleClickOpen = () => {\n this.props.onChange(true);\n };\n\n handleCreate = () => {\n let { size, slot, label, deviceCondition, pne} = this.state;\n let { lockerId } = this.props;\n\n if (lockerId && size && slot) {\n this.setState({ waiting: true, error: false });\n deviceCondition = deviceCondition ? deviceCondition : 'Created';\n let data = {\n name: slot, \n status: 'available',\n size, \n label,\n deviceCondition,\n pne\n };\n this.createSlot(lockerId, data);\n } else {\n this.setState({ error: true });\n }\n };\n\n handleClose = () => {\n this.props.onChange(false);\n };\n\n render() {\n const { classes } = this.props;\n\n return (\n \n \n \n {this.state.waiting ? \"Criando Porta\" : \"Criar Nova Porta\"}\n \n \n {this.state.waiting ? (\n \n \n {this.state.waiting ? null : (\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(NewSlot);\n","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Circular from \"../Circular/Circular\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport TextField from \"@material-ui/core/TextField\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport Input from \"@material-ui/core/Input\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport { createSlot } from \"../../services/slots/slots\";\nimport { lockerColumns } from \"variables/lockerColumns\";\n\nconst useStyles = (theme) => ({\n iconView: {\n color: \"gray !important\",\n },\n root: {\n \"& .MuiFormControl-root\": {\n margin: theme.spacing(1),\n width: 200,\n },\n },\n dialog: {\n \"& .MuiPaper-root\": {\n margin: theme.spacing(1),\n width: 250,\n height: 200,\n },\n },\n green: {\n \"& label.Mui-focused\": {\n color: \"green\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"green\",\n },\n },\n red: {\n \"& label.Mui-focused\": {\n color: \"red\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"red\",\n },\n },\n});\n\nclass NewColumn extends Component {\n constructor(props) {\n super(props);\n this.createSlot = this.createSlot.bind(this);\n this.handleClickOpen = this.handleClickOpen.bind(this);\n this.handleCreate = this.handleCreate.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleChange = this.handleChange.bind(this);\n\n this.state = {\n sizes: [\n {\n value: \"small\",\n label: \"Pequeno\",\n cl: \"P\"\n },\n {\n value: \"medium\",\n label: \"Médio\",\n cl: \"M\"\n },\n {\n value: \"large\",\n label: \"Grande\",\n cl: \"G\"\n },\n {\n value: \"extra-large\",\n label: \"Extra Grande\",\n cl: \"XG\"\n },\n ],\n categories: [\n {\n value: false,\n label: \"sem restrição\",\n },\n {\n value: true,\n label: \"deficiente físico\",\n },\n {\n value: \"control\",\n label: \"painel de controle\",\n },\n ],\n size: null,\n columnModel: null,\n slot: \"\",\n label: \"\",\n waiting: false,\n error: false,\n category: \"\",\n deviceCondition: null,\n pne: false,\n };\n }\n\n createSlot = (lockerId, data) => {\n new Promise((resolve, reject) => {\n createSlot(lockerId, data, (dataR) => {\n // this.setState({ waiting: false });\n // this.props.onChange(false);\n dataR\n ? this.props.setNotification(\n \"Nova Porta criada com sucesso!\",\n \"success\"\n )\n : this.props.setNotification(\"Falha ao criar Nova Porta!\", \"danger\");\n resolve(dataR);\n });\n })\n };\n\n handleChange = (event) => {\n let e = event.target.id ? event.target.id : event.target.name;\n switch (e) {\n case \"slot\":\n this.setState({ slot: event.target.value });\n break;\n case \"label\":\n this.setState({ label: event.target.value });\n break;\n default:\n this.setState({ columnModel: event.target.value });\n break;\n }\n };\n\n handleClickOpen = () => {\n this.props.onChange(true);\n };\n\n handleCreate = async () => {\n let { columnModel, slot, label, deviceCondition, pne } = this.state;\n let { lockerId } = this.props;\n\n if (lockerId && columnModel && slot && label) {\n this.setState({ waiting: true, error: false });\n\n for (let index = 0; index < columnModel.length; index++) {\n const element = columnModel[index];\n const sizeFind = this.state.sizes.find((el) => el.cl === element);\n const size = sizeFind.value;\n const slotInt = parseInt(slot * 1 + index);\n const slotString = (slotInt < 10) ? `0${slotInt}` : `${slotInt}`;\n const labelString = `${label}${index + 1}`;\n\n deviceCondition = deviceCondition ? deviceCondition : 'Created';\n let data = {\n name: slotString,\n status: 'available',\n size,\n label: labelString,\n deviceCondition,\n pne\n };\n console.log(JSON.stringify(data));\n\n await this.createSlot(lockerId, data);\n\n }\n\n this.setState({ waiting: false, error: false });\n this.props.onChange(false);\n\n }\n\n\n // if (lockerId && size && slot) {\n // this.setState({ waiting: true, error: false });\n // deviceCondition = deviceCondition ? deviceCondition : 'Created';\n // let data = {\n // name: slot, \n // status: 'available',\n // size, \n // label,\n // deviceCondition,\n // pne\n // };\n // this.createSlot(lockerId, data);\n // } else {\n // this.setState({ error: true });\n // }\n };\n\n handleClose = () => {\n this.props.onChange(false);\n };\n\n getStringFromArray = (array) => {\n let valReturn = \"\";\n\n for (let index = 0; index < array.length; index++) {\n const element = array[index];\n valReturn = `${valReturn}${(index > 0) ? \" \" : \"\"}${element}`;\n }\n\n return valReturn;\n\n }\n\n render() {\n const { classes } = this.props;\n\n return (\n \n
\n ) : (\n \n )}\n \n \n \n
\n )}\n \n \n \n {this.state.waiting ? \"Criando Coluna\" : \"Criar Nova Coluna\"}\n \n \n {this.state.waiting ? (\n \n \n {this.state.waiting ? null : (\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(NewColumn);\n","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport { deleteSlot } from \"../../services/slots/slots\";\nimport Circular from \"../Circular/Circular\";\n\nconst useStyles = (theme) => ({\n dialog: {\n \"& .MuiPaper-root\": {\n margin: theme.spacing(1),\n minHeight: '12rem',\n },\n },\n});\n\nclass DeleteSlot extends Component {\n constructor(props) {\n super(props);\n this.handleClose = this.handleClose.bind(this);\n this.state = {\n spinner: false,\n };\n }\n\n handleClickDelete = () => {\n this.setState({ spinner: true }, () => {\n deleteSlot(this.props.lockerId, this.props.slot.id, (data) => {\n data\n ? this.props.setNotification(\"Porta foi deletada!\", \"success\")\n : this.props.setNotification(\"Falha ao deletar Porta!\", \"danger\");\n \n this.props.onChange(false);\n });\n })\n \n };\n\n handleClose = () => {\n this.props.onChange(false);\n };\n\n render() {\n const { classes } = this.props;\n\n return (\n \n
\n ) : (\n \n )}\n \n \n \n
\n )}\n \n \n \n {\"Confirmação de exclusão de Porta\"}\n \n {this.state.spinner ?
\n );\n }\n}\nexport default withStyles(useStyles)(DeleteSlot);\n","import * as React from 'react';\nimport Paper from '@material-ui/core/Paper';\nimport {\n Chart,\n AreaSeries,\n BarSeries,\n SplineSeries,\n ScatterSeries,\n ArgumentAxis,\n ValueAxis,\n Title,\n Legend,\n Tooltip,\n} from '@devexpress/dx-react-chart-material-ui';\n\nimport {\n ValueScale,\n Stack,\n Animation,\n EventTracker,\n HoverState,\n} from '@devexpress/dx-react-chart';\nimport { connectProps } from '@devexpress/dx-react-core';\nimport { format } from 'd3-format';\n\nconst consumptionSeriesName = 'Taxa de ocupação';\nconst consumptionColor = '#f5481d';\nconst priceColor = 'gray';\n\nconst makeLabel = (symbol, color) => ({ text, style, ...restProps }) => (\n \n \n \n \n \n
}\n \n \n
\n Deseja realmente excluir a Porta?
\n\n \n \n Excluir\n \n
\n \n
\n : \n
;\n\n return (\n TAXA DE OCUPAÇÃO
\n\n \n \n \n \n \n {sizes.map((option) => (\n \n ))}\n \n \n \n \n
\n \n
\n \n
\n \n {layout}\n
\n );\n }\n}\nexport default withStyles(useStyles)(OccupancyRate);\n","import { api } from '../api';\n\nexport const getConfig = (callback) => {\n let url = '/config';\n api.get(url).then(function (response) {\n callback(response.data.config ? response.data.config : []);\n }).catch(function (error) {\n console.log('getConfig => Error: ' + error);\n callback([]);\n });\n}\n\nexport const getConfigAsync = async () => {\n let url = '/config';\n const response = await api.get(url)\n return response.data.config ? response.data.config : [];\n}\n\nexport const updateConfigAsync = async (config) => {\n try {\n let url = '/config/1';\n\n let response = await api.put(url, {\n serieRps: config.serieRps,\n cnpjEmitente: config.cnpjEmitente,\n valorServico: config.valorServico,\n intervalo: config.intervalo,\n rpsHeader: config.rpsHeader,\n ticketFouter: config.ticketFouter,\n rpsFouter: config.rpsFouter,\n tolerancia: config.tolerancia,\n valorAdicional: config.valorAdicional,\n });\n return response.data.config ? response.data.config : [];\n } catch (error) {\n console.log(\"Update Config Error: \", error);\n }\n\n\n}\n\n\nexport const updateConfig = (config, callback) => {\n let url = '/config/1';\n api.put(url, {\n ...config\n }).then(function (response) {\n console.log('updateConfig => response: ' + response.data);\n callback(response.data.config ? response.data.config : []);\n }).catch(function (error) {\n console.log('updateConfig => Error: ' + error);\n callback([]);\n });\n}\n\nconst sizeLetter = {\n \"small\": \"p\",\n \"medium\": \"m\",\n \"large\": \"g\",\n \"extra-large\": \"xg\",\n\n}\n\n\nexport const createConfigFile = (locker, portas) => {\n\n // console.log(JSON.stringify(locker));\n\n var mapeamento = [];\n var portasArray = [];\n\n for (let index = 0; index < portas.length; index++) {\n const porta = portas[index];\n\n mapeamento.push(\n {\n \"porta\": porta.slotName,\n \"tamanho\": sizeLetter[porta.size],\n \"status\": porta.status,\n \"label\": porta.label,\n \"categoria\": 0\n });\n \n }\n\n if (mapeamento.find(el => el.tamanho === sizeLetter[\"small\"])) portasArray.push({\n \"id\": \"p\",\n \"label\": \"Pequeno P\"\n })\n\n if (mapeamento.find(el => el.tamanho === sizeLetter[\"medium\"])) portasArray.push({\n \"id\": \"m\",\n \"label\": \"Médio M\"\n })\n\n if (mapeamento.find(el => el.tamanho === sizeLetter[\"large\"])) portasArray.push({\n \"id\": \"g\",\n \"label\": \"Grande G\"\n })\n\n if (mapeamento.find(el => el.tamanho === sizeLetter[\"extra-large\"])) portasArray.push({\n \"id\": \"xg\",\n \"label\": \"Extra Grande GG\"\n })\n\n\n\n var model = {\n \"logradouro\": `${locker?.address[\"Endereço\"]} - ${locker?.address[\"UF\"]}`,\n \"cep\": `${locker?.address[\"CEP\"]}`,\n \"modelo\": \"LK500\",\n \"numeroSerie\": \"000\",\n \"lockerId\": locker?.id,\n \"ambiente\": \"producao\",\n \"lockerIdPublico\": locker?.publicLockerId,\n \"CondominioIdPublico\": locker?.name,\n // \"USE_KERONG\": true,\n // \"KERONG_VERSION\": 2,\n \"blockStatusBar\": false,\n \"entrega\": true,\n \"escolhaOutros\": \"completo\",\n \"entregaCorreios\": false,\n \"entregaOutros\": true,\n \"loginSenhaEntregador\": false,\n \"idDestinatario\": false,\n \"categoria\": false,\n \"categorias\": [\n {\n \"id\": 1,\n \"label\": \"Categoria 1\"\n },\n {\n \"id\": 2,\n \"label\": \"Categoria 2\"\n },\n {\n \"id\": 3,\n \"label\": \"Categoria 3\"\n },\n {\n \"id\": 4,\n \"label\": \"Categoria 4\"\n },\n {\n \"id\": 5,\n \"label\": \"Categoria 5\"\n }\n ],\n \"portas\": portasArray,\n \"mapeamento\": mapeamento\n }\n\n\n\n\n return model;\n\n // getConfigLocker(locker?.id, (response) => {\n\n // var model = {};\n // if (response) {\n // model = {\n // \"logradouro\": `${locker?.address[\"Endereço\"]} - ${locker?.address[\"UF\"]}`,\n // \"cep\": `${locker?.address[\"CEP\"]}`,\n // \"modelo\": \"LK500\",\n // \"numeroSerie\": \"000\",\n // \"lockerId\": locker?.id,\n // \"ambiente\": \"producao\",\n // \"lockerIdPublico\": locker?.publicLockerId,\n // \"CondominioIdPublico\": locker?.name,\n // ...response,\n // \"categorias\": [\n // {\n // \"id\": 1,\n // \"label\": \"Categoria 1\"\n // },\n // {\n // \"id\": 2,\n // \"label\": \"Categoria 2\"\n // },\n // {\n // \"id\": 3,\n // \"label\": \"Categoria 3\"\n // },\n // {\n // \"id\": 4,\n // \"label\": \"Categoria 4\"\n // },\n // {\n // \"id\": 5,\n // \"label\": \"Categoria 5\"\n // }\n // ],\n // \"portas\": portasArray,\n // \"mapeamento\": mapeamento\n // }\n // } else {\n // model = {\n // \"logradouro\": `${locker?.address[\"Endereço\"]} - ${locker?.address[\"UF\"]}`,\n // \"cep\": `${locker?.address[\"CEP\"]}`,\n // \"modelo\": \"LK500\",\n // \"numeroSerie\": \"000\",\n // \"lockerId\": locker?.id,\n // \"ambiente\": \"producao\",\n // \"lockerIdPublico\": locker?.publicLockerId,\n // \"CondominioIdPublico\": locker?.name,\n // \"categorias\": [\n // {\n // \"id\": 1,\n // \"label\": \"Categoria 1\"\n // },\n // {\n // \"id\": 2,\n // \"label\": \"Categoria 2\"\n // },\n // {\n // \"id\": 3,\n // \"label\": \"Categoria 3\"\n // },\n // {\n // \"id\": 4,\n // \"label\": \"Categoria 4\"\n // },\n // {\n // \"id\": 5,\n // \"label\": \"Categoria 5\"\n // }\n // ],\n // \"portas\": portasArray,\n // \"mapeamento\": mapeamento\n // }\n // }\n\n // return model;\n\n\n // }\n\n\n}","import React, { Component } from \"react\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Visibility from \"@material-ui/icons/Visibility\";\nimport Delete from \"@material-ui/icons/Delete\";\nimport Edit from \"@material-ui/icons/Edit\";\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\nimport AddAlert from \"@material-ui/icons/AddAlert\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Table from \"components/Table/Table\";\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport CardIcon from \"components/Card/CardIcon.js\";\nimport CircularProgress from \"../Circular/Circular\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport NewSlot from \"./NewSlot\";\nimport NewColumn from \"./NewColumn\";\nimport EditSlot from \"./EditSlot\";\nimport ViewSlot from \"./ViewSlot\";\nimport DeleteSlot from \"./DeleteSlot\";\nimport OccupancyRate from \"./OccupancyRate\";\nimport { getSlots, deleteSlot } from \"../../services/slots/slots\";\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\nimport VerticalSplit from '@material-ui/icons/VerticalSplit';\nimport WarningIcon from '@material-ui/icons/Warning';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { createConfigFile } from \"services/config\";\nimport { api } from \"services/api\";\n\nclass Slots extends Component {\n constructor(props) {\n super(props);\n this.getAllSlots = this.getAllSlots.bind(this);\n this.downloadConfigFile = this.downloadConfigFile.bind(this);\n this.createConfigJson = this.createConfigJson.bind(this);\n this.createNewSlot = this.createNewSlot.bind(this);\n this.setDialog = this.setDialog.bind(this);\n this.setNotification = this.setNotification.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.loadPage = this.loadPage.bind(this);\n this.deleteSlot = this.deleteSlot.bind(this);\n this.editSlot = this.editSlot.bind(this);\n this.viewSlot = this.viewSlot.bind(this);\n this.compare = this.compare.bind(this);\n this.getLockerConfig = this.getLockerConfig.bind(this);\n this.state = {\n circular: true,\n slots: [[\"Nenhuma Porta encontrada!\"]],\n statuses: [\n [\n {\n \"status\": \"available\",\n \"pt\": \"Disponível\"\n },\n {\n \"status\": \"reserved\",\n \"pt\": \"Reservado\"\n },\n {\n \"status\": \"allocated\",\n \"pt\": \"Alocado pelo agente\"\n },\n {\n \"status\": \"allocatedClient\",\n \"pt\": \"Alocado pelo cliente\"\n },\n {\n \"status\": \"unavailable\",\n \"pt\": \"Bloqueadas\"\n },\n {\n \"status\": \"to_be_free\",\n \"pt\": \"Bloqueadas\"\n },\n {\n \"status\": \"dirty\",\n \"pt\": \"Disponível\"\n }\n ],\n [],\n ],\n sizes: [\n {\n \"size\": \"small\",\n \"pt\": \"Pequeno\"\n },\n {\n \"size\": \"medium\",\n \"pt\": \"Médio\"\n },\n {\n \"size\": \"large\",\n \"pt\": \"Grande\"\n },\n {\n \"size\": \"extra-large\",\n \"pt\": \"Extra Grande\"\n },\n ],\n openDialog: false,\n openDialogColumn: false,\n openEdit: false,\n openView: false,\n openDelete: false,\n slot: null,\n slotData: [],\n locker: {},\n openSnackbar: false,\n success: \"danger\",\n message: \"\",\n colorHeadCart: [\n \"available\",\n \"warning\",\n \"success\",\n \"danger\",\n \"warning\",\n \"warning\",\n ],\n capacitySlots: 0,\n dirtySlots: 0,\n maintenanceSlots: 0,\n occupancyRate: false,\n dataTemp: [\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%'],\n ['01/10/2020', '3%', '13%']\n ]\n };\n }\n\n componentDidMount() {\n this.getAllSlots(this.props.lockerId, this.props.classes);\n this.getLockerConfig(this.props.lockerId);\n }\n\n getLockerConfig = (lockerId) => {\n const urlTest = `/lockers/${lockerId}`;\n api.get(urlTest).then((res) => this.setState({ locker: res.data.data }));\n };\n\n getAllSlots = (lockerId, classes) => {\n let { statuses, slots, sizes, capacitySlots } = this.state;\n let maintenanceSlots = 0;\n let dirtySlots = 0;\n\n getSlots(lockerId, (data) => {\n\n data = data.sort((a,b) => (a.slotName > b.slotName) ? 1 : ((b.slotName > a.slotName) ? -1 : 0))\n\n this.setState({ slotData: data });\n\n\n capacitySlots = (data.length) ? data.length - 1 : 0;\n slots = (data.length > 0) ? [] : slots;\n data.forEach(slot => {\n\n let { slotName, status, size, label } = slot;\n\n size = size ? size : \"medium\";\n\n let ptStatus = statuses[0].filter(st => st.status === status)[0].pt;\n\n if (status === 'dirty') {\n dirtySlots += 1;\n ptStatus = ({ptStatus}
{ptStatus}
\n
\n : (occupancyRate) ?\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {/* \n \n \n \n \n \n \n \n \n */}\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n{/* \n\n \n */}\n \n
\n\n return (\n \n\n \n\n \n\n \n\n \n\n
\n \n {Number(this.state.statuses[1][0].split(':')[1])}\n
\nDisponíveis
\n\n {Number(this.state.statuses[1][1].split(':')[1])}\n
\nReservadas
\n\n {Number(this.state.statuses[1][2].split(':')[1])}\n
\nAlocado pelo agente
\n\n {Number(this.state.statuses[1][3].split(':')[1])}\n
\nAlocado pelo cliente
\n\n {Number(this.state.statuses[1][4].split(':')[1])}\n
\nBloqueadas
\n\n {Number(this.state.capacitySlots)}\n
\nTotal
\n\n \n \n \n \n \n \n \n */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/*
*/}\n {/* \n {this.state.capacitySlots} Total\n
\n */}\n {/* Solicitações: */}\n {/*
*/}\n {/* {this.state.dirtySlots} Limpeza
{this.state.maintenanceSlots} Manutenção
\n {layout}\n {(this.state.openDialog) ?
\n );\n }\n loadPage() {\n setTimeout(() => {\n this.componentDidMount();\n }, 500);\n\n setTimeout(() => {\n this.handleClose();\n }, 6000);\n }\n\n createNewSlot() {\n this.setState({ openDialog: true });\n }\n\n createNewColumn() {\n this.setState({ openDialogColumn: true });\n }\n\n openOccupancyRate() {\n this.setState({ occupancyRate: true });\n }\n\n editSlot(slot) {\n this.setState({ slot, openEdit: true });\n }\n\n viewSlot(slot) {\n this.setState({ slot, openView: true });\n }\n\n deleteSlot(slot) {\n this.setState({ slot, openDelete: true });\n }\n\n}\nexport default withStyles(styles)(Slots);\n","import React, { Component, useState } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Circular from \"../Circular/Circular\";\nimport Table from \"components/Table/Table\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Checkbox from \"@material-ui/core/Checkbox\";\n// material-ui icons\nimport Check from \"@material-ui/icons/Check\";\n\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Visibility from \"@material-ui/icons/Visibility\";\nimport { getAllUsers } from \"../../services/users/users\";\n\nconst useStyles = (theme) => ({\n iconView: {\n color: \"gray !important\",\n },\n});\n\nclass Users extends Component {\n constructor(props) {\n super(props);\n this.getUsers = this.getUsers.bind(this);\n this.state = {\n circular: true,\n checked: false,\n users: [[\"No users found!\"]],\n };\n };\n\n \n handleToggle = value => {\n let { checked } = this.state;\n const currentIndex = checked.indexOf(value);\n const newChecked = [...checked];\n\n if (currentIndex ===-1) {\n newChecked.push(value);\n } else {\n newChecked.splice(currentIndex, 1);\n }\n this.setState({checked: newChecked});\n };\n\n componentDidMount() {\n this.getUsers(this.props.lockerId, this.props.classes);\n }\n\n getUsers = (lockerId, classes) => {\n let { users, checked } = this.state;\n\n getAllUsers((data) => {\n let checkbox = ( \n \n\n
\n );\n\n return {layout}
;\n }\n}\nexport default withStyles(useStyles)(Users);\n","import React from 'react'\n\nimport { withStyles } from \"@material-ui/core/styles\";\n\nimport IconButton from '@material-ui/core/IconButton'\nimport Visibility from \"@material-ui/icons/Visibility\"\nimport Edit from \"@material-ui/icons/Edit\"\nimport Delete from \"@material-ui/icons/Delete\"\nimport Table from \"components/Table/Table.js\"\nimport Card from \"components/Card/Card.js\"\nimport CardHeader from \"components/Card/CardHeader.js\"\nimport CardBody from \"components/Card/CardBody.js\"\nimport Circular from \"components/Circular/Circular\"\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions'\nimport DialogContent from '@material-ui/core/DialogContent'\nimport DialogTitle from '@material-ui/core/DialogTitle'\nimport DialogContentText from '@material-ui/core/DialogContentText'\nimport Button from 'components/CustomButtons/Button.js'\nimport TextField from '@material-ui/core/TextField'\nimport MenuItem from '@material-ui/core/MenuItem';\nimport CustomInput from \"components/CustomInput/CustomInput.js\"\n\nimport Snackbar from '@material-ui/core/Snackbar';\nimport MuiAlert from '@material-ui/lab/Alert';\n\nimport GridItem from \"components/Grid/GridItem.js\"\nimport GridContainer from \"components/Grid/GridContainer.js\"\n\nimport { createEvent } from \"../../services/events/events\";\nimport { getAllLockersSelect } from \"../../services/lockers/lockers\";\nimport { getAllUsersGrid, saveUser, updateUser, deleteUser } from \"../../services/users/users\";\nimport { createBrowserHistory } from \"history\";\n\nclass Usuarios extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n id: '',\n nome: '',\n cpf: '',\n email: '',\n lockers: [],\n perfil: '',\n senha: '',\n telefone: '',\n matricula: '',\n\n load: true,\n loadSave: false,\n\n openModal: false,\n openModalDelete: false,\n userDeleteSelected: undefined,\n\n dataLockersGrid: [],\n dataLockers: [],\n dataGrupos: [],\n dataRoles: [],\n data: [],\n\n showSave: true,\n modoEdit: false,\n\n showValidation: false,\n\n currentUser: JSON.parse(localStorage.getItem(\"user\")).data\n }\n\n this.onNovo = this.onNovo.bind(this)\n this.onCancel = this.onCancel.bind(this)\n this.onEditar = this.onEditar.bind(this)\n this.onSave = this.onSave.bind(this)\n this.onDelete = this.onDelete.bind(this)\n this.onDeleteItemGridLockersUser = this.onDeleteItemGridLockersUser.bind(this)\n this.onBuscaDados = this.onBuscaDados.bind(this)\n }\n\n async componentDidMount() {\n\n if (this.props.lockerId !== undefined) {\n this.setState({ modoEdit: true })\n }\n\n this.onBuscaDados()\n }\n\n onBuscaDados = async () => {\n\n getAllLockersSelect((data) => {\n\n this.setState({\n dataLockers: data.listLockers,\n dataGrupos: data.listGrupos\n })\n\n getAllUsersGrid({\n lockerId: this.props.lockerId\n }, (data) => {\n\n if (data.length === 0) {\n this.setState({ load: false })\n return\n }\n\n let indexCurrent = data.users.findIndex(g => this.state.currentUser.id === g.id);\n\n if (indexCurrent) {\n let temp = data.users[indexCurrent];\n data.users[indexCurrent] = data.users[0];\n data.users[0] = temp;\n }\n\n data.users = data.users.filter(u => u && u.role?.name !== \"Aplicativo\");\n\n const grid = data.users.map(item => {\n return [\n item.name,\n item.email,\n item.role.name,\n item.matricula,\n <>\n {\n (!this.state.modoEdit && this.state.currentUser.id !== item.id) ?\n <>\n Usuários
\nUsuários cadastrados
\n\n {\n !this.state.modoEdit ?\n
\n\n \n
: undefined\n }\n\n \n \n
\n {\n this.state.dataLockersGrid.map((locker, index) => {\n\n return (\n \n {\n this.state.showSave ?\n this.onDeleteItemGridLockersUser(locker)}>\n : undefined\n }\n \n
\n )\n })\n }\n \n \n
\n );\n }\n}\n\nexport default withStyles(useStyles)(SearchCondominos);\n","import React from 'react'\n\nimport { withStyles } from \"@material-ui/core/styles\";\n\nimport IconButton from '@material-ui/core/IconButton'\nimport Visibility from \"@material-ui/icons/Visibility\"\nimport WhatsAppIcon from '@mui/icons-material/WhatsApp';\nimport SmsOutlinedIcon from '@mui/icons-material/SmsOutlined';\nimport MailOutlineIcon from '@mui/icons-material/MailOutline';\n\nimport Edit from \"@material-ui/icons/Edit\"\nimport Delete from \"@material-ui/icons/Delete\"\nimport Table from \"components/Table/Table.js\"\nimport Circular from \"components/Circular/Circular\"\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions'\nimport DialogContent from '@material-ui/core/DialogContent'\nimport DialogTitle from '@material-ui/core/DialogTitle'\nimport DialogContentText from '@material-ui/core/DialogContentText'\nimport Button from 'components/CustomButtons/Button.js'\nimport CustomInput from \"components/CustomInput/CustomInput.js\"\nimport CustomInputMask from \"components/CustomInput/CustomInputMask.js\"\nimport FormGroup from '@material-ui/core/FormGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport CSVReader from 'react-csv-reader';\n\nimport Snackbar from '@material-ui/core/Snackbar';\nimport MuiAlert from '@material-ui/lab/Alert';\n\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\n\nimport ExportCsv from \"exportCsv.js\";\n\nimport { getCondominioById } from \"../../services/condominio/condominio\";\nimport { getLockerById } from \"../../services/lockers/lockers\";\n\nimport { v4 as uuidv4 } from 'uuid';\n\nimport {\n getAllCondominos,\n getCondominoById,\n saveCondomino,\n deleteCondomino,\n updateCondomino,\n updateCondominoLocker\n} from \"../../services/condomino/condomino\";\n\nimport { getLockerRelated } from \"../../services/condominio/condominio\";\nimport { createBrowserHistory } from \"history\";\nimport './condomino.css';\nimport SearchCondominos from 'components/Search/SearchCondominos';\n\nconst papaparseOptions = {\n header: true,\n dynamicTyping: false,\n skipEmptyLines: true,\n transformHeader: header =>\n header\n .toLowerCase()\n .replace(/\\W/g, '_')\n}\n\nclass Usuarios extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n id: '',\n nome: '',\n cpf: '',\n email: '',\n senha: '',\n telefone: '',\n ala: '',\n bloco: '',\n ap: '',\n\n load: true,\n loadSave: false,\n\n openModal: false,\n openModalDelete: false,\n deleteSelected: undefined,\n\n data: [],\n\n showSave: true,\n\n showValidation: false,\n\n currentUser: JSON.parse(localStorage.getItem(\"user\")).data,\n\n sms: false,\n registroRaiz: false,\n exibitionName: '',\n condominoId: '',\n emailNotification: false,\n meuLockerApp: false,\n pwaApp: false,\n\n isAssociate: false,\n condominioId: null,\n allData: [],\n openModalDeleteAll: false,\n\n showForm: false,\n showButtonSearch: true\n }\n\n this.onNovo = this.onNovo.bind(this)\n this.onCancel = this.onCancel.bind(this)\n this.onEditar = this.onEditar.bind(this)\n this.onSave = this.onSave.bind(this)\n this.onDelete = this.onDelete.bind(this)\n this.onBuscaDados = this.onBuscaDados.bind(this)\n this.handleClickExportCSV = this.handleClickExportCSV.bind(this)\n this.deleteAllData = this.deleteAllData.bind(this)\n this.saveNewData = this.saveNewData.bind(this)\n }\n\n componentDidMount() {\n\n this.onBuscaDados()\n }\n\n onBuscaDados = () => {\n\n getAllCondominos(this.props.lockerId, (data) => {\n\n // console.log(JSON.stringify(data));\n\n data = data.sort((a,b) => (a.name > b.name) ? 1 : ((b.name > a.name) ? -1 : 0))\n\n\n getLockerRelated(this.props.lockerId, (res) => {\n if (res.length > 0) {\n this.setState({ isAssociate: true, condominioId: res[0].condominioId });\n }\n\n if (data.length === 0) {\n this.setState({ data: [], load: false })\n return\n }\n\n const grid = data.map(item => {\n console.log(JSON.stringify(item))\n\n\n return [\n item.name,\n item.ap,\n item.bloco,\n item.ala,\n item.email,\n item.phone,\n \n {(item.app_pwa) &&
,\n <>\n \n \n \n \n \n \n \n
\n\n Notificações:
\n \n \n \n \n
\n\n {layout}
;\n }\n}\nexport default Events;\n","import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';\nimport GridItem from \"components/Grid/GridItem.js\";\nimport IconButton from '@material-ui/core/IconButton';\nimport Visibility from \"@material-ui/icons/Visibility\";\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport FormControl from '@material-ui/core/FormControl';\nimport Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport TextField from '@material-ui/core/TextField';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Button from \"components/CustomButtons/Button.js\";\nimport DateFnsUtils from '@date-io/date-fns';\nimport Circular from '../Circular/Circular';\nimport Table from 'components/Table/Table';\nimport { getAllOrders } from '../../services/orders/orders';\nimport InfoOrder from 'components/Orders/InfoOrder';\nimport ExportCsv from \"exportCsv.js\";\n\n\nconst useStyles = theme => ({\n root: {\n '& .MuiFormControl-root': {\n margin: theme.spacing(2),\n width: 200,\n marginLeft: \"1px\"\n }\n },\n rootCircular: {\n flexGrow: 1,\n backgroundColor: \"#f1f1f2\"\n },\n green: {\n '& label.Mui-focused': {\n color: 'green'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n }\n },\n buttonAlign: {\n float: 'right'\n }\n });\n\nclass Search extends Component {\n\n state = {\n statuses: [ \n {\n value: 'reserved',\n label: 'Reservado',\n },\n ,\n {\n value: 'collected',\n label: 'Coletado',\n },\n {\n value: 'allocated',\n label: 'Alocado',\n },\n {\n value: 'canceled',\n label: 'Cancelado',\n },\n {\n value: null,\n label: '-'\n },\n ],\n status: null,\n code: null, \n dateFrom: null,\n dateTo: null,\n circular: false,\n orders: [],\n order: {},\n orderId: null,\n showInfo: false\n }\n\n handleChange = (event) => {\n let e = (event.target.id) ? event.target.id : event.target.name;\n\n switch (e) {\n case 'codeOrder':\n this.setState({ code: event.target.value })\n break;\n case 'status':\n this.setState({ status:event.target.value })\n break;\n }\n }\n\n handleChangeDateFrom = (dateFrom) => {\n this.setState({ dateFrom });\n }\n\n handleChangeDateTo = (dateTo) => {\n this.setState({ dateTo });\n }\n\n getOrderById = (orderId, order) => {\n this.setState({ orderId, order, showInfo: true });\n }\n\n handleSearch = () => {\n let { code, status, dateFrom, dateTo } = this.state;\n\n this.setState({ circular: true });\n\n const startOfDay = new Date(dateFrom);\n startOfDay.setUTCHours(0, 0, 0, 0);\n\n const endOfDay = new Date(dateTo);\n endOfDay.setUTCHours(23, 59, 59, 999);\n\n let filter = '';\n let orders = [];\n filter += dateTo ? `&filter[createdAt][$gte]=${startOfDay.toISOString()}` : '';\n filter += dateFrom ? `&filter[createdAt][$lte]=${endOfDay.toISOString()}` : '';\n filter += status ? `&filter[status]=${status}` : '';\n filter += code ? `&filter[codOrder]=${code}` : '';\n\n console.log(\"FILTER:\", filter);\n\n getAllOrders(this.props.lockerId, filter, (data) => {\n\n data.map(d => {\n let { id, slotName, status, codOrder, collectToken } = d;\n\n orders.push([id.substring(5, 10).toUpperCase(), (codOrder) ? codOrder : '-',\n (slotName) ? slotName : '-', (collectToken) ? collectToken : '-',\n (status) ? status : '-', \n \n \n {(circular) ?
\n );\n }\n}\n\nexport default withStyles(useStyles) (Search);","import React, { Component, useState } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';\nimport GridItem from 'components/Grid/GridItem.js';\nimport GridContainer from 'components/Grid/GridContainer.js';\nimport FormControl from '@material-ui/core/FormControl';\nimport Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport TextField from '@material-ui/core/TextField';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Button from 'components/CustomButtons/Button.js';\nimport DateFnsUtils from '@date-io/date-fns';\n\nconst useStyles = (theme) => ({\n root: {\n '& .MuiFormControl-root': {\n margin: theme.spacing(2),\n width: 200,\n marginLeft: '1px',\n },\n },\n rootCircular: {\n flexGrow: 1,\n backgroundColor: '#f1f1f2',\n },\n green: {\n '& label.Mui-focused': {\n color: 'green',\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n },\n width: '100% !important'\n },\n buttonAlign: {\n float: 'right',\n },\n});\n\n// preparando refatoração para componente funcional\n// const [dateFrom, setDateFrom] = useState(null);\n// const handleChangeDateFrom = (dateFrom) => setDateFrom(dateFrom);\n// const [dateTo, setDateTo] = useState(null);\n// const handleChangeDateTo = (dateTo) => setDateTo(dateTo);\n// const [circular, setCircular] = useState(false);\n// const handleCircular = () => setCircular(!circular);\n\nclass SearchOperations extends Component {\n state = {\n code: '',\n usuario: '',\n encomenda: '',\n porta: '',\n dateFrom: null,\n dateTo: null,\n circular: false,\n finalValue: '',\n finalField: '',\n setEncomenda: false,\n };\n\n handleClearInput = () => {\n this.setState({\n code: '',\n usuario: '',\n encomenda: '',\n porta: '',\n dateFrom: null,\n dateTo: null,\n finalValue: '',\n finalField: '',\n setEncomenda: false,\n });\n };\n\n handleChange = (event) => {\n const e = event.target.id ? event.target.id : event.target.name;\n const { value } = event.target;\n\n switch (e) {\n case 'code':\n this.setState({ code: value, finalValue: value, finalField: e });\n break;\n case 'usuario':\n this.setState({ usuario: value, finalValue: value, finalField: e });\n break;\n case 'parametro1':\n this.setState({ porta: Number(value), finalValue: Number(value), finalField: e });\n break;\n case 'encomenda':\n this.setState({ encomenda: value, finalValue: value, finalField: e, setEncomenda: true });\n break;\n }\n };\n\n handleChangeDateFrom = (dateFrom) => {\n this.setState({ dateFrom, finalField: 'dateFrom' });\n };\n\n handleChangeDateTo = (dateTo) => {\n this.setState({ dateTo, finalField: 'dateTo' });\n };\n\n handleFilterTable = () => {\n const { finalField, finalValue, dateFrom, dateTo, code, usuario, porta } = this.state;\n this.props.filterTable(finalField, finalValue, dateFrom, dateTo, code, usuario, porta);\n this.handleClearInput();\n };\n\n render() {\n const { show, classes, codeAndOperation } = this.props;\n let { dateFrom, dateTo, setEncomenda, code } = this.state;\n\n if (!show) return null;\n\n return (\n \n
: (orders.length ===0) ? null : \n \n
}\n {(showInfo) ? \n \n
\n );\n }\n}\n\nexport default withStyles(useStyles)(SearchOperations);\n","import { grayColor } from \"assets/jss/material-dashboard-react.js\";\n\nconst cardFooterStyle = {\n cardFooter: {\n padding: \"0\",\n paddingTop: \"10px\",\n margin: \"0 15px 10px\",\n borderRadius: \"0\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n display: \"flex\",\n backgroundColor: \"transparent\",\n border: \"0\"\n },\n cardFooterProfile: {\n marginTop: \"-15px\"\n },\n cardFooterPlain: {\n paddingLeft: \"5px\",\n paddingRight: \"5px\",\n backgroundColor: \"transparent\"\n },\n cardFooterStats: {\n borderTop: \"1px solid \" + grayColor[10],\n marginTop: \"20px\",\n \"& svg\": {\n position: \"relative\",\n top: \"4px\",\n marginRight: \"3px\",\n marginLeft: \"3px\",\n width: \"16px\",\n height: \"16px\"\n },\n \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n fontSize: \"16px\",\n position: \"relative\",\n top: \"4px\",\n marginRight: \"3px\",\n marginLeft: \"3px\"\n }\n },\n cardFooterChart: {\n borderTop: \"1px solid \" + grayColor[10]\n }\n};\n\nexport default cardFooterStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/cardFooterStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardFooter(props) {\n const classes = useStyles();\n const { className, children, plain, profile, stats, chart, ...rest } = props;\n const cardFooterClasses = classNames({\n [classes.cardFooter]: true,\n [classes.cardFooterPlain]: plain,\n [classes.cardFooterProfile]: profile,\n [classes.cardFooterStats]: stats,\n [classes.cardFooterChart]: chart,\n [className]: className !== undefined\n });\n return (\n \n {children}\n
\n );\n}\n\nCardFooter.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n stats: PropTypes.bool,\n chart: PropTypes.bool,\n children: PropTypes.node\n};\n","import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport Button from 'components/CustomButtons/Button.js';\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\nimport AddAlert from \"@material-ui/icons/AddAlert\";\nimport { sendCmd } from 'services/lockers/lockers';\nimport { commands } from 'variables/commands';\nimport { sendRabbitCommand, createRabbitPayload } from 'services/actions/actions';\n\nimport Card from 'components/Card/Card.js';\nimport CardHeader from 'components/Card/CardHeader.js';\nimport CardBody from 'components/Card/CardBody.js';\nimport CardFooter from 'components/Card/CardFooter.js';\nimport GridContainer from 'components/Grid/GridContainer';\nimport GridItem from 'components/Grid/GridItem';\nimport { TextField } from '@material-ui/core';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Checkbox from '@mui/material/Checkbox';\n\nconst useStyles = theme => ({\n formControl: {\n // margin: theme.spacing(2),\n minWidth: '100% !important',\n '& label.Mui-focused': {\n color: 'green'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n }\n },\n rootCircular: {\n flexGrow: 1,\n backgroundColor: \"#f1f1f2\"\n },\n iconView: {\n color: \"white !important\"\n },\n alItems: {\n display: \"flex\",\n // alignItems: \"baseline\"\n },\n note: {\n lineHeight: '0.3em'\n }\n});\n\nclass Action extends Component {\n\n state = {\n open: false,\n cmd: null,\n openSnackbar: false,\n success: \"danger\",\n message: \"\",\n function: {},\n fields: [],\n cmdField: {},\n }\n\n handleClose = () => {\n this.setState({ open: false, openSnackbar: false });\n }\n\n handleOpen = () => {\n this.setState({ open: true });\n }\n\n handleChange = (event) => {\n const obj = event.target.value;\n\n let cmdField = {};\n\n for (let index = 0; index < obj.fields?.length; index++) {\n const element = obj.fields[index];\n cmdField[`${element.name}`] = element.value || \"\";\n }\n\n // console.log(JSON.stringify(obj), this.state.cmd, this.state.fields, cmdField);\n\n \n this.setState({ cmd: obj, fields: obj.fields, cmdField: cmdField});\n }\n\n\n handleChangeChecked = async (event) => {\n const e = event.target.id ? event.target.id : event.target.name;\n const val = event.target.checked;\n\n const nval = this.state.fields.find((el) => (el.name == e));\n const value = nval.getValue(val);\n\n // console.log(JSON.stringify(this.state.allLockersData))\n let objeto = this.state.cmdField;\n objeto[`${e}`] = value;\n console.log(e, value)\n this.setState({cmdField: objeto});\n\n }\n\n handleChangeFields = async (event) => {\n const e = event.target.id ? event.target.id : event.target.name;\n const { value, type } = event.target;\n // console.log(JSON.stringify(this.state.allLockersData))\n let objeto = this.state.cmdField;\n objeto[`${e}`] = (type == \"number\")?parseInt(value):value;\n console.log(e, value)\n this.setState({cmdField: objeto});\n\n }\n\n handleSend = () => {\n const payload = createRabbitPayload(this.props.lockerId, this.state.cmd?.function?.CMD, this.state.cmdField)\n // console.log('Payload: ', JSON.stringify(payload));\n\n\n sendRabbitCommand(payload, (resp) => {\n \n if (resp) {\n this.setState({ message: 'Comando enviado com sucesso!', success: 'success' });\n } else {\n this.setState({ message: 'Ops o locker não respondeu ao comando!', success: 'danger' });\n }\n this.setState({ openSnackbar: true });\n });\n }\n\n render() {\n const { classes, lockerName, show } = this.props;\n let { open, cmd, openSnackbar, success, message } = this.state;\n\n if (!show) return null;\n\n return (\n \n \n \n \n \n \n \n \n Comando \n \n \n {\n commands.map((item) =>\n \n )\n }\n \n \n \n {this.state.fields && this.state.fields.map((nprop, key) => {\n\n // console.log(JSON.stringify(nprop));\n if (nprop.type == \"checkbox\") {\n return (\n \n \n \n }\n label={(this.state.cmdField[`${nprop.name}`] != null)?this.state.cmdField[`${nprop.name}`]:nprop.value}\n />\n \n );\n } else {\n return (\n \n \n \n \n );\n }\n })}\n \n
\n \n \n \n \n \n
\n );\n }\n}\n\nexport default withStyles(useStyles)(Action);","import axios from \"axios\";\nimport { Buffer } from \"buffer\";\n\nconst MAX_IMAGE_SIZE = 10000000\n/* ENTER YOUR ENDPOINT HERE */\nconst API_ENDPOINT = 'https://h1mii3ihig.execute-api.us-east-1.amazonaws.com/uploads?file='\n \n export async function uploadFile(file) {\n var image = \"\";\n var uploadURL = \"\";\n var mime = \"\";\n var fileName = \"\";\n var fileURL = \"\";\n var fileSize = 0;\n var message = \"\";\n\n async function uploadImage(e) {\n console.log('Upload clicked')\n // Get the presigned URL\n const resposta = await axios({\n method: 'GET',\n url: API_ENDPOINT + fileName\n })\n\n const response = resposta?.data;\n\n const fileBase64 = image.split(',')[1];\n console.log('Response: ', response, mime, API_ENDPOINT + fileName)\n // console.log('Uploading: ', image)\n // console.log('Uploading 64: ', fileBase64)\n\n let binary = Buffer.from(fileBase64, \"base64\");\n let array = []\n for (var i = 0; i < binary.length; i++) {\n array.push(binary[i])\n }\n fileURL = response.url\n let blobData = new Blob([new Uint8Array(array)], {type: mime})\n console.log('Uploading to: ', response.uploadURL)\n message = 'Uploading file ' + fileName\n const result = await fetch(response.uploadURL, {\n method: 'PUT',\n body: blobData\n })\n console.log('Result: ', result)\n // Final URL for the user doesn't need the query string params\n uploadURL = response.uploadURL\n image = ''\n message = ''\n return response;\n }\n \n async function createImage(file) {\n // var image = new Image()\n console.log('IMAGE', JSON.stringify(file.name))\n mime = file['type']\n fileName = file.name;\n let reader = new FileReader()\n reader.onload = (e) => {\n console.log('length: ', e.target.result.includes('data:'+ mime))\n const fileSize = (e.target.result.length/(1024*1024)).toFixed(2)\n const message = 'Readed file ' + fileName\n image = e.target.result\n }\n await reader.readAsDataURL(file)\n return file.name;\n }\n \n\n\n\n\n image = ''\n fileURL = '';\n fileName = await createImage(file);\n const rsp = await uploadImage(file);\n return rsp;\n\n }","import React, { Component, useEffect } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport Button from 'components/CustomButtons/Button.js';\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\nimport AddAlert from \"@material-ui/icons/AddAlert\";\nimport { updateConfigs } from 'services/lockers/lockers';\nimport { QRCodeCanvas } from 'qrcode.react';\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\nimport ReactTextareaAutocomplete from \"@webscopeio/react-textarea-autocomplete\";\nimport { uploadFile } from 'services/file';\n\n\nimport TextArea from '@material-ui/core/TextareaAutosize';\nimport GridContainer from 'components/Grid/GridContainer';\nimport GridItem from 'components/Grid/GridItem';\nimport { Divider, FormControlLabel, FormGroup, Input, TextField, Typography, Checkbox } from '@material-ui/core';\nimport { ArrowRightSharp, Label, ThreeSixtyOutlined } from '@material-ui/icons';\n\nimport Card from 'components/Card/Card.js';\nimport CardHeader from 'components/Card/CardHeader.js';\nimport CardBody from 'components/Card/CardBody.js';\nimport CardFooter from 'components/Card/CardFooter.js';\nimport \"./style.css\";\n\nconst useStyles = theme => ({\n formControl: {\n minWidth: \"100%\",\n '& label.Mui-focused': {\n color: 'green'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n }\n },\n rootCircular: {\n flexGrow: 1,\n backgroundColor: \"#f1f1f2\"\n },\n iconView: {\n color: \"white !important\"\n },\n // alItems: {\n // display: \"flex\",\n // alignItems: \"baseline\"\n // },\n note: {\n lineHeight: '0.3em'\n }\n});\n\n\n\nconst objeto = {\n data: {\n day: \"Dia\",\n hour: \"Hora\"\n },\n locker: {\n \"id\": \"ID\",\n \"userId\": null,\n \"name\": \"2SP_RPR_VER\",\n \"status\": \"active\",\n \"qiStatus\": \"disconnected\",\n \"bateria\": 100,\n \"conexao\": null,\n \"agencyId\": null,\n \"appVersion\": null,\n \"cep\": \"15025-110\",\n \"an8\": null,\n \"geolocation\": {\n \"latitude\": -20.802393627717517,\n \"longitude\": -49.38154625950674\n },\n \"address\": {\n \"UF\": \"São José do Rio Preto - SP\",\n \"CEP\": \"15025-110\",\n \"Bairro\": \"Boa Vista\",\n \"Endereço\": \"R. Floriano Peixoto, 483\"\n },\n \"firmware\": null,\n \"createdAt\": \"2022-09-06T13:29:48.000Z\",\n \"updatedAt\": \"2023-06-06T19:00:18.000Z\",\n \"deletedAt\": null,\n \"group_lockers\": \"00000001\",\n \"working_hours\": {\n \"friday\": {\n \"init\": \"08:00\",\n \"final\": \"21:00\"\n },\n \"monday\": {\n \"init\": \"08:00\",\n \"final\": \"21:00\"\n },\n \"sunday\": {\n \"init\": \"08:00\",\n \"final\": \"21:00\"\n },\n \"tuesday\": {\n \"init\": \"08:00\",\n \"final\": \"21:00\"\n },\n \"saturday\": {\n \"init\": \"08:00\",\n \"final\": \"21:00\"\n },\n \"thursday\": {\n \"init\": \"08:00\",\n \"final\": \"21:00\"\n },\n \"weensday\": {\n \"init\": \"08:00\",\n \"final\": \"21:00\"\n }\n },\n \"networks\": null,\n \"cmd\": null,\n \"config\": null,\n \"last_connection\": null,\n \"qi_on\": \"\",\n \"allocation_method\": \"Dinâmico\",\n \"available_services\": \"Envio e Coleta\",\n \"expiration_hours\": 72,\n \"publicLockerId\": \"2SP_RPR_VER\",\n \"status_verification\": \"ok\",\n \"app_version\": \"CCI_3.0.201\",\n \"app_version_verification\": \"1231undefined\",\n \"ui_version\": \"2.6.0\",\n \"qi_version\": \"\",\n \"modelo\": \"0\",\n \"numeroSerie\": \"0\",\n \"lockerType\": \"0\",\n \"contactEmail\": null,\n \"mode\": null,\n \"typeOperation\": \"abun\",\n \"whatsapp\": false,\n \"ocupationRate\": \"61.11\",\n \"cond\": \"Ed. Versailles\"\n },\n order: {\n \"id\": \"02003dc8-9608-4545-8f33-7cb8a8238ba7\",\n \"lockerId\": \"9db325fb-4485-4576-8330-461407898307\",\n \"slotId\": \"cdeb74b5-6d00-4847-9a48-9607b4842a25\",\n \"carrierId\": null,\n \"customerId\": null,\n \"partnerCode\": null,\n \"size\": \"small\",\n \"deliveryToken\": \"262472\",\n \"collectToken\": \"799851\",\n \"addressedAt\": \"2023-03-13T14:56:10.000Z\",\n \"reservedAt\": \"2023-03-13T14:56:10.000Z\",\n \"allocatedAt\": \"2023-03-13T14:56:10.000Z\",\n \"collectedAt\": null,\n \"courrier_collectedAt\": null,\n \"expiredAt\": null,\n \"canceledAt\": null,\n \"status\": \"allocated\",\n \"paid\": false,\n \"smsSend\": false,\n \"pne\": false,\n \"dimensions\": null,\n \"receiverPhone\": null,\n \"condominoId\": \"473ab34b-d670-4596-bdf5-5d192cce68da\",\n \"receiverId\": \"0001\",\n \"senderId\": null,\n \"externalOrderId\": null,\n \"url\": \"\",\n \"token\": \"\",\n \"publicLockerId\": \"NXT_BOL_NXT\",\n \"publicCondominioId\": \"NXT_BOL_NXT\",\n \"receiverEmail\": \"0\",\n \"receiverCpf\": \"0\",\n \"deliveryType\": \"0\",\n \"receiverName\": \"0\",\n \"pdf\": \"0\",\n \"type\": \"delivery\",\n \"createdAt\": \"2023-03-13T14:56:10.000Z\",\n \"updatedAt\": \"2023-03-13T17:56:10.000Z\"\n },\n condominio: {\n \"id\": \"0158c36d-8a53-4249-9128-bec24574b4b9\",\n \"name\": \"Canopus\",\n \"address\": \"Av Tucunare 574 - Barueri\",\n \"idCondominio\": \"ENV_BAR_ENV\",\n \"url\": null,\n \"token\": null,\n \"agencyName\": \"0\",\n \"login\": \"0\",\n \"senha\": \"0\",\n \"contador_atual\": 46,\n \"contador_total\": 45,\n \"createdAt\": \"2022-12-15T20:01:35.000Z\",\n \"updatedAt\": \"2023-05-04T19:26:28.000Z\"\n },\n condomino: {\n \"id\": \"007e3914-585a-432d-8926-fc7128439f16\",\n \"name\": \"CASA 09 - EDJANE DOS SANTOS FERREIRA\",\n \"email\": \"\",\n \"password\": \"\",\n \"phone\": \"(61)98135-2152\",\n \"cpf\": \"031.379.215-11\",\n \"bloco\": \"09\",\n \"ap\": \"0\",\n \"ala\": \"\",\n \"createdAt\": \"2023-03-31T18:43:49.000Z\",\n \"updatedAt\": \"2023-06-05T17:06:44.000Z\",\n \"condominioId\": \"7f7f554d-20b1-49d0-8860-a832adead032\",\n \"lockerId\": \"b6f66677-a140-4206-b26e-3aac1365dacd\",\n \"app_meu_locker\": false,\n \"app_pwa\": true,\n \"n_email\": false,\n \"sms\": true,\n \"registroRaiz\": true,\n \"exibitionName\": \"CASA 09 - EDJANE DOS SANTOS FERREIRA\",\n \"condominoId\": \"50014376\",\n \"senha\": null,\n \"publicIdCondominio\": \"VIV_TGT_CDC\",\n \"publicUnidadeId\": null\n },\n\n\n}\n\nconst Item = ({ entity: { name, char } }) => (\n Envio de comandos
\nLocker: {lockerName}
\n\n \n
{`${name}: ${char}`}
\n);\n\n\nconst Loading = ({ data }) => Loading
;\n\nclass TextAreaComplete extends Component {\n\n state = {\n optionsCaretStart: false,\n caretPosition: 0,\n movePopupAsYouType: false,\n minChar: 0,\n optionsCaret: \"start\",\n actualTokenInProvider: \"\",\n showSecondTextarea: false,\n renderToBody: false\n };\n\n _handleOptionsCaretEnd = () => {\n this.setState(() => ({\n optionsCaret: \"end\"\n }));\n };\n\n _handleOptionsCaretNext = () => {\n this.setState(() => ({\n optionsCaret: \"next\"\n }));\n };\n\n _handleOptionsCaretStart = () => {\n this.setState(() => ({\n optionsCaret: \"start\"\n }));\n };\n\n _handleShowSecondTextarea = () => {\n this.setState(({ showSecondTextarea }) => ({\n showSecondTextarea: !showSecondTextarea\n }));\n };\n\n _handleMovePopupAsYouType = () => {\n this.setState(({ movePopupAsYouType }) => ({\n movePopupAsYouType: !movePopupAsYouType\n }));\n };\n\n _handleRenderToBody = () => {\n this.setState(({ renderToBody }) => ({\n renderToBody: !renderToBody\n }));\n };\n\n _onChangeHandle = ({ target: { value } }) => {\n this.setState({\n text: value\n });\n };\n\n _changeValueTo = () => {\n this.setState({\n text: \":troph\"\n });\n };\n\n _onCaretPositionChangeHandle = (position) => {\n this.setState({\n caretPosition: position\n });\n };\n\n _handleMinChar = ({ target: { value } }) => {\n this.setState({\n minChar: +value\n });\n };\n\n _setCaretPosition = () => {\n this.rtaRef.setCaretPosition(1);\n };\n\n _getCaretPosition = () => {\n alert(this.rtaRef.getCaretPosition());\n };\n\n _outputCaretEnd = (item, trigger) => ({\n text: item.char,\n caretPosition: \"end\"\n });\n\n _outputCaretStart = item => ({ text: item.char, caretPosition: \"start\" });\n\n _outputCaretNext = item => ({ text: item.char, caretPosition: \"next\" });\n\n _getSelectionPosition = () => {\n alert(JSON.stringify(this.rtaRef.getSelectionPosition()));\n };\n\n _getSelectedText = () => {\n alert(this.rtaRef.getSelectedText());\n };\n\n /**\n * it's the same as _outputCaretNext\n */\n _outputCaretDefault = item => item.char;\n\n _focus = () => {\n this.textareaRef.focus();\n };\n\n render() {\n\n const {\n optionsCaret,\n caretPosition,\n movePopupAsYouType,\n actualTokenInProvider,\n minChar,\n renderToBody\n } = this.state;\n\n return (\n )\n\n }\n\n return compo;\n\n }\n\n handleFileChange = async (e) => {\n\n let files = e.target.files || e.dataTransfer.files\n if (!files.length) return\n\n\n if (files) {\n const resposta = await uploadFile(files[0]);\n this.setState({ logoUrl: encodeURI(resposta?.url) })\n console.log(\"=========>\", JSON.stringify(resposta));\n }\n };\n\n copyTriggers = () => {\n\n let compo = [];\n var objectConstructor = ({}).constructor;\n\n for (let obj in objeto) {\n //console.log('OOOO', obj)\n const propriedade = objeto[obj];\n\n for (let pro in propriedade) {\n\n const level2 = propriedade[pro];\n\n if (level2?.constructor === objectConstructor) {\n for (let pro2 in level2) {\n compo.push({\n name: `${obj} ${pro} ${pro2}`,\n char: `{{${obj}.${pro}.${pro2}}}`\n })\n }\n\n } else {\n\n compo.push({\n name: `${obj} ${pro}`,\n char: `{{${obj}.${pro}}}`\n })\n }\n }\n }\n\n //console.log(\"Triggers: \", JSON.stringify(compo))\n\n this.setState({\n triggers: compo\n })\n\n return compo;\n\n }\n\n pasteMyText = async (e) => {\n\n /* navigator.clipboard.readText()\n .then(text => {\n console.log('Pasted content: ', text);\n \n })\n .catch(err => {\n console.error('Failed to read clipboard contents: ', err);\n });*/\n\n\n // const tt = e.target;\n\n // let cursorPosition = e.target.selectionStart\n // let textBeforeCursorPosition = e.target.value.substring(0, cursorPosition)\n // let textAfterCursorPosition = e.target.value.substring(cursorPosition, e.target.value.length)\n\n // let text = await navigator.clipboard.readText()\n // let textToInsert = ` ${text} `\n // //e.target.value = textBeforeCursorPosition + textToInsert + textAfterCursorPosition\n // tt.value = textBeforeCursorPosition + textToInsert + textAfterCursorPosition\n\n }\n\n\n\n\n\n\n\n\n\n render() {\n const { classes, lockerName, show, config, lockerId } = this.props;\n let { open, cmd, openSnackbar, success, message, configUpdate } = this.state;\n const urlChat = `http://api.whatsapp.com/send/?phone=5531984024474&text=Gostaria%20de%20me%20cadastrar%20${lockerId}&type=phone_number&app_absent=0`\n\n if (!show) return null;\n\n return (\n
\n \n \n
\n Chat de Cadastro:{\" \"} {urlChat}\n
\n this.setState({ copied: true })}>\n \n \n\n {this.state.copied ? {\" \"} Copiado para área de transferência. : null}\n
\n\n \n \n \n \n \n Intervalo de horas para renotificação \n \n \n \n \n Quantidade de renotificações \n \n \n \n
\n
\nMensagem encomenda reservada \n \n \n
\nAssunto encomenda reservada (email) \n \n \n
\nEmail encomenda reservada \n \n \n
\n
\nMensagem encomenda alocada \n \n \n
\nMensagem de renotificação \n \n \n
\nAssunto encomenda alocada (email) \n \n \n
\nEmail encomenda alocada \n \n \n
\nQR Code Delivery \n \n \n
\n
\nMensagem encomenda coletada \n \n \n
\nAssunto encomenda coletada (email) \n \n \n
\nEmail encomenda coletada \n \n \n
\nQR Code Collect \n \n \n
\n
\nMensagem devolução/refund encomenda \n \n \n
\nAssunto devolução/refund encomenda (email) \n \n \n
\nEmail devolução/refund encomenda \n \n \n
\n
\nMensagem de expiração \n \n \n
\nTempo para expiração (horas) \n \n \n \n \n
\n
\n
\nLogo do Email \n \n \n
\n\n URL \n \n \n \n \n
\n
\nNúmero de Notificações \n \n \n \n \n
\nTempo entre as notificações (horas) \n \n \n \n \n
\n \n\n\n\n \n
\n
\n \n \n
\n
\n \n
\n\n \n Webhook Type \n \n
\n\n Webhook URL \n \n
\n\n Webhook Token \n \n
\n \n \n \n E-mail Gestor \n \n
\n \n \n \n WhatsApp Channel \n \n
\n \n\n\n\n\n\n\n\n\n\n \n
\n \n \n \n \n {/* \n \n {this.CopyButtons()}\n \n */}\n \n
\n );\n }\n}\n\nexport default withStyles(useStyles)(LockerNotitication);","import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport Button from 'components/CustomButtons/Button.js';\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\nimport AddAlert from \"@material-ui/icons/AddAlert\";\nimport { getFiles, sendFile, getAllFiles } from 'services/lockers/lockers';\n\nimport Card from 'components/Card/Card.js';\nimport CardHeader from 'components/Card/CardHeader.js';\nimport CardBody from 'components/Card/CardBody.js';\nimport CardFooter from 'components/Card/CardFooter.js';\nimport GridContainer from 'components/Grid/GridContainer';\nimport GridItem from 'components/Grid/GridItem';\nimport Table from \"components/Table/Table.js\";\n\nimport Input from '@material-ui/core/Input';\n\nimport Circular from '../Circular/Circular';\n\nimport { Divider, TablePagination, TextField } from '@material-ui/core';\nimport { uploadFile } from 'services/file';\nimport { createRabbitPayload } from 'services/actions/actions';\nimport { sendRabbitCommand } from 'services/actions/actions';\n\nimport { Send } from '@material-ui/icons';\nimport moment from 'moment';\n\n\nconst useStyles = theme => ({\n formControl: {\n margin: theme.spacing(2),\n minWidth: 400,\n '& label.Mui-focused': {\n color: 'green'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n },\n },\n inputText: {\n minWidth: \"100% !important\"\n },\n rootCircular: {\n flexGrow: 1,\n backgroundColor: \"#f1f1f2\"\n },\n iconView: {\n color: \"white !important\"\n },\n alItems: {\n display: \"flex\",\n // alignItems: \"baseline\"\n },\n note: {\n lineHeight: '0.3em'\n }\n});\n\nclass File extends Component {\n\n state = {\n open: false,\n fileType: null,\n openSnackbar: false,\n success: \"danger\",\n message: \"\",\n function: {},\n files: [],\n url: null,\n fileName: null,\n circular: false,\n page: 0,\n rowsPerPage: 10\n\n }\n\n componentDidMount() {\n\n this.handleFileRefresh();\n }\n\n\n handleClose = () => {\n this.setState({ open: false, openSnackbar: false });\n }\n\n handleOpen = () => {\n this.setState({ open: true });\n }\n\n handleChange = (event) => {\n // const e = event.target.id ? event.target.id : event.target.name;\n const e = event.target.name;\n const { value } = event.target;\n\n switch (e) {\n case \"fileType\":\n this.setState({ fileType: value })\n break;\n case \"url\":\n this.setState({ url: value })\n break;\n case \"fileName\":\n this.setState({ fileName: value })\n break;\n }\n }\n\n handleFileChange = async (e) => {\n\n let files = e.target.files || e.dataTransfer.files\n if (!files.length) return\n\n\n if (files) {\n const resposta = await uploadFile(files[0]);\n this.setState({ url: encodeURI(resposta?.url) })\n console.log(\"=========>\", JSON.stringify(resposta));\n }\n };\n\n updateFilesView = () => {\n\n }\n\n handleUpload = () => {\n this.setState({ circular: true })\n\n getFiles(this.props.lockerId, this.state.fileType, (resp) => {\n\n this.handleFileRefresh();\n\n });\n }\n\n formatDate = (date) => {\n let dateArray = date.split('T');\n let data = dateArray[0];\n let time = dateArray[1];\n\n let anoMesDia = data.split('-');\n let horaMinutos = time.substring(0, 5);\n\n\n // return `${anoMesDia[2]}/${anoMesDia[1]}/${anoMesDia[0]} ${horaMinutos}`;\n\n return moment(date).local().format('DD/MM/YYYY HH:mm:SS');\n }\n\n handleDownload = () => {\n\n // const payploadBase = {\n // url: this.state.url,\n // fileName: this.state.fileName\n // }\n\n // const payload = createRabbitPayload(this.props.lockerId, \"FILE_DOWNLOAD\", payploadBase)\n // console.log('Payload: ', JSON.stringify(payload));\n\n // sendRabbitCommand(payload, (resp) => {\n // if (resp) {\n // this.setState({ message: 'Arquivo enviado com sucesso!', success: 'success' });\n // } else {\n // this.setState({ message: 'OPS! Erro ao enviar o arquivo', success: 'danger' });\n // }\n // this.setState({ openSnackbar: true });\n // });\n\n sendFile(this.props.lockerId, this.state.url, this.state.fileName, (resp) => {\n if (resp.status == 200) {\n this.setState({ message: 'Arquivo enviado com sucesso!', success: 'success' });\n } else {\n this.setState({ message: 'OPS! Erro ao enviar o arquivo', success: 'danger' });\n }\n\n this.handleFileRefresh();\n\n this.setState({ openSnackbar: true })\n })\n }\n\n handleResend = (arquivo) => {\n\n this.setState({\n url: arquivo.url,\n fileName: arquivo.fileName\n })\n \n }\n\n handleChangePage = (event, newPage) => {\n this.setState({page: newPage})\n };\n \n handleChangeRowsPerPage = (event) => {\n this.setState({page: 0, rowsPerPage: parseInt(event.target.value, 10)})\n };\n\n\n handleFileRefresh = () => {\n getAllFiles(this.props.lockerId, (resp) => {\n\n console.log(JSON.stringify(resp));\n\n let { files } = this.state;\n\n files = [];\n\n if (resp?.data) {\n \n resp.data.forEach((arquivo, index) => {\n files.push([\n this.formatDate(arquivo.createdAt),\n arquivo.fileName,\n {arquivo.url},\n arquivo.type,\n \n ])\n })\n }\n \n files = files.length > 0 ? files : [[\"Nenhum arquivo encontrado\", \"\", \"\"]];\n \n this.setState({ files, circular: false })\n\n });\n\n }\n\n render() {\n const { classes, lockerName, show } = this.props;\n let { open, fileType, openSnackbar, success, message, url, fileName, page, rowsPerPage, files } = this.state;\n const { circular } = this.state\n\n if (!show) return null;\n\n // this.handleFileRefresh();\n\n return (\n <>\n Notificações
\nLocker: {lockerName}
\n\n Chat de Cadastro:{\" \"} {urlChat}\n
\n
\n\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n
Gerenciamento de arquivos
\nLocker: {lockerName}
\nReceber Arquivos do Locker
\nEnvio de Arquivos
\nLista de Arquivos
\n\n \"{key}\":\n {isSimpleValue ? (\n {`${(valueType == \"string\") ? '\"' + value + '\"' : value}`};\n ) : (\n highlightedJSON(value)\n )}\n
\n );\n });\n return \n \n \n \n \n \n \n \n
\n
\n\n Status do Terminal \n \n\n \n handleChange(e)}\n >\n \n \n \n \n \n \n\n \n \n \n\n\n\n \n \n \n \n Horario de funcionamento \n \n \n Segunda-feira \n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n Terça-feira \n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n quarta-feira \n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n quinta-feira \n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n sexta-feira \n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n Sabado \n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n Domingo \n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n handleChange(e)}\n InputLabelProps={{\n shrink: true,\n }}\n >\n \n \n \n \n\n\n \n \n\n \n \n Metodo de alocação \n \n \n handleChange(e)}\n >\n \n \n \n \n \n
\n
\n\n \n Prazo de expiração de encomendas (horas) \n \n \n handleChange(e)}\n >\n \n \n \n
\n
\n\n \n Condomínio \n \n \n \n \n \n
\n\n Complemento \n \n \n handleChange(e)}\n >\n \n \n \n \n \n\n\n \n \n \n \n Tipo de Operação \n \n handleChange(e)} name=\"ala\" />}\n label=\"Ala\"\n />\n handleChange(e)} name=\"bloco\" />}\n label=\"Bloco\"\n />\n\n handleChange(e)} name=\"apto_numero\" />}\n label=\"Número Apto\"\n />\n handleChange(e)} name=\"nomeApto\" />}\n label=\"Nome\"\n />\n \n \n \n
\n
\n\n \n Envio de Notificações \n handleChange(e)} name=\"whatsapp\" />}\n label=\"WhatsApp\"\n />\n \n \n
\n\n \n Gestão de Inventário \n handleChange(e)} name=\"inventario\" />}\n label=\"Gestão de Inventário\"\n />\n \n \n \n \n\n\n \n \n \n \n \n \n \n\n\n {(role == 'Administrador') && \n \n \n \n Configurações JSON \n {/* handleChange(e)} name=\"whatsapp\" /> */}\n {\n console.log('Text inside div', e.json);\n if (e.jsObject != undefined) {\n console.log(\"JSON Válido:\", e.jsObject)\n setConfigJson(e.jsObject);\n }\n }}\n locale={locale}\n colors={{\n // string: \"#DAA520\" // overrides theme colors with whatever color value you want\n }}\n height=\"550px\"\n />\n \n \n \n \n \n \n }\n\n \n )}\n \n \n handleClose()}\n close\n />\n
\n );\n};\n\nexport default LockerConfig;\n","import React from 'react';\n// @material-ui/core components\nimport { withStyles } from '@material-ui/core/styles';\nimport styles from 'assets/jss/material-dashboard-react/views/dashboardStyle.js';\nimport Circular from 'components/Circular/Circular';\n// core components\nimport Button from 'components/CustomButtons/Button.js';\nimport Table from 'components/Table/Table.js';\nimport SearchForm from 'components/Search/SearchOperations';\nimport Search from '@material-ui/icons/Search';\nimport { api } from 'services/api';\n\nimport { addHours, format } from 'date-fns'\nclass LockersOperations extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n showButtonSearch: true,\n showForm: false,\n lockerAPI: [],\n finalResultAPI: [],\n operations: null,\n code: null,\n circular: true,\n codeAndOperation: null,\n };\n }\n\n componentDidMount() {\n const urlTest = `/lockers/${this.props.lockerId}/events`;\n\n api.get(urlTest).then((res) =>\n this.setState({\n lockerAPI: res.data.data\n .filter((res) => res.code > 50)\n .sort((a, b) => b.date.localeCompare(a.date)),\n finalResultAPI: res.data.data\n .filter((res) => res.code > 50)\n .sort((a, b) => b.date.localeCompare(a.date)),\n circular: false,\n }),\n );\n }\n\n // FUNÇÃO COMPLEXA QUE FAZ A PESQUISA NA TABELA\n // PODE SER PESQUISADO POR QUAISQUER CAMPOS, SOZINHOS OU EM GRUPO\n\n handleFilterTable = (\n field,\n value,\n dateFromValue,\n dateToValue,\n codeValue,\n userValue,\n portaValue,\n ) => {\n const { finalResultAPI } = this.state;\n\n let filteredData;\n\n // SE TODOS OS VALORES FOREM PREENCHIDOS, FAZ A BUSCA QUE ENCAIXA EM TODOS OS CAMPOS\n if (dateFromValue && dateToValue && codeValue && userValue && portaValue) {\n filteredData = finalResultAPI.filter(\n (el) =>\n el.code === codeValue &&\n el.usuario === userValue &&\n el.parametro1 === portaValue &&\n el.date >= dateFromValue.toISOString().substring(0, 11) + '00:00:00.000Z' &&\n el.date <= dateToValue.toISOString().substring(0, 11) + '23:59:59.000Z',\n );\n console.log('tenho TODOS OS VALORES');\n\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // APENAS SE OS VALORES DE CODE, USUARIO E PORTA FOREM PREENCHIDOS\n if (codeValue && userValue && portaValue) {\n filteredData = finalResultAPI.filter(\n (el) => el.code === codeValue && el.usuario === userValue && el.parametro1 === portaValue,\n );\n console.log('code, porta, usuario');\n\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // APENAS SE OS VALORES DO CODE E USUARIO FOREM PREENCHIDOS, FAZ A BUSCA POR ESSES DOIS CAMPOS\n if (codeValue && userValue) {\n filteredData = finalResultAPI.filter(\n (el) => el.code === codeValue && el.usuario === userValue,\n );\n console.log('code & user');\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // APENAS SE OS VALORES DO CODE E PORTA FOREM PREENCHIDOS, FAZ A BUSCA POR ESSES DOIS CAMPOS\n if (codeValue && portaValue) {\n filteredData = finalResultAPI.filter(\n (el) => el.code === codeValue && el.parametro1 === portaValue,\n );\n console.log('code & user');\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // APENAS SE OS VALORES DO USUARIO E PORTA FOREM PREENCHIDOS, FAZ A BUSCA POR ESSES DOIS CAMPOS\n if (userValue && portaValue) {\n filteredData = finalResultAPI.filter(\n (el) => el.usuario === userValue && el.parametro1 === portaValue,\n );\n console.log('code & user');\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // VALORES DO CODE E DAS 2 DATAS PREENCHIDAS\n if (codeValue && dateFromValue && dateToValue) {\n filteredData = finalResultAPI.filter(\n (el) =>\n el.code === codeValue &&\n el.date >= dateFromValue.toISOString().substring(0, 11) + '00:00:00.000Z' &&\n el.date <= dateToValue.toISOString().substring(0, 11) + '23:59:59.000Z',\n );\n console.log('code & dates');\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n // VALORES DO CODE E DATEFROM\n if (codeValue && dateFromValue) {\n filteredData = finalResultAPI.filter(\n (el) =>\n el.code === codeValue &&\n el.date >= dateFromValue.toISOString().substring(0, 11) + '00:00:00.000Z',\n );\n console.log('code & dateFrom');\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // VALORES DO CODE E DATETO\n if (codeValue && dateToValue) {\n filteredData = finalResultAPI.filter(\n (el) =>\n el.code === codeValue &&\n el.date <= dateToValue.toISOString().substring(0, 11) + '23:59:59.000Z',\n );\n console.log('code & dateTo');\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // VALORES DO USUARIO E DAS 2 DATAS PREENCHIDAS\n if (userValue && dateFromValue && dateToValue) {\n filteredData = finalResultAPI.filter(\n (el) =>\n el.usuario === userValue &&\n el.date >= dateFromValue.toISOString().substring(0, 11) + '00:00:00.000Z' &&\n el.date <= dateToValue.toISOString().substring(0, 11) + '23:59:59.000Z',\n );\n console.log('usuario & dates');\n\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n // VALORES DO USUARIO E DATEFROM\n if (userValue && dateFromValue) {\n filteredData = finalResultAPI.filter(\n (el) =>\n el.usuario === userValue &&\n el.date >= dateFromValue.toISOString().substring(0, 11) + '00:00:00.000Z',\n );\n console.log('usuario & dateFrom');\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // VALORES DO USUARIO E DATETO\n if (userValue && dateToValue) {\n filteredData = finalResultAPI.filter(\n (el) =>\n el.usuario === userValue &&\n el.date <= dateToValue.toISOString().substring(0, 11) + '23:59:59.000Z',\n );\n console.log('usuario & dateTo');\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // VALORES DA PORTA E DAS 2 DATAS PREENCHIDAS\n if (portaValue && dateFromValue && dateToValue) {\n filteredData = finalResultAPI.filter(\n (el) =>\n el.parametro1 === portaValue &&\n el.date >= dateFromValue.toISOString().substring(0, 11) + '00:00:00.000Z' &&\n el.date <= dateToValue.toISOString().substring(0, 11) + '23:59:59.000Z',\n );\n console.log('porta & dates');\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n // VALORES DA PORTA E DATEFROM\n if (portaValue && dateFromValue) {\n filteredData = finalResultAPI.filter(\n (el) =>\n el.parametro1 === portaValue &&\n el.date >= dateFromValue.toISOString().substring(0, 11) + '00:00:00.000Z',\n );\n console.log('code & dateFrom');\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // VALORES DA PORTA E DATETO\n if (portaValue && dateToValue) {\n filteredData = finalResultAPI.filter(\n (el) =>\n el.parametro1 === portaValue &&\n el.date <= dateToValue.toISOString().substring(0, 11) + '23:59:59.000Z',\n );\n console.log('code & dateTo');\n return this.setState({\n lockerAPI: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // PENÚLTIMO BLOCO\n // ESSE BLOCO IF SERVE PARA PESQUISA DE DATA\n if (field === 'dateFrom' || field === 'dateTo') {\n // COM O VALOR INICIAL A PESQUISA BUSCA DESDE A DATA DE INÍCIO ATÉ A ÚLTIMA REGISTRADA\n if (!dateToValue) {\n const filteredDataByDate = finalResultAPI.filter(\n (element) =>\n element.date >= dateFromValue.toISOString().substring(0, 11) + '00:00:00.000Z',\n );\n return this.setState({\n lockerAPI: filteredDataByDate,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // COM O VALOR FINAL A PESQUISA BUSCA DESDE O PRIMEIRO REGISTRO ATÉ A DATA ESCOLHIDA\n if (!dateFromValue) {\n const filteredDataByDate = finalResultAPI.filter(\n (element) => element.date <= dateToValue.toISOString().substring(0, 11) + '23:59:59.000Z',\n );\n return this.setState({\n lockerAPI: filteredDataByDate,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // COM OS DOIS VALORES A PESQUISA BUSCA O INTERVALO ENTRE AS DATAS\n\n const filteredDataByDate = finalResultAPI.filter(\n (element) =>\n element.date >= dateFromValue.toISOString().substring(0, 11) + '00:00:00.000Z' &&\n element.date <= dateToValue.toISOString().substring(0, 11) + '23:59:59.000Z',\n );\n return this.setState({\n lockerAPI: filteredDataByDate,\n showForm: false,\n showButtonSearch: true,\n });\n }\n\n // FORA DO IF, SE A PESQUISA FOR APENAS POR UM CAMPO, O ÚLTIMO ESCOLHIDO PELO USUÁRIO\n // SERVE PARA TODOS OS CAMPOS EXCETO AS DATAS\n filteredData = finalResultAPI.filter((data) => data[field] === value);\n this.setState({ lockerAPI: filteredData, showForm: false, showButtonSearch: true });\n };\n\n // FUNÇÃO QUE ABRE O FORMS DE PESQUISA E FAZ O FILTRO PRA GERAR AS OPTIONS DO SELECT DE OPERAÇÃO\n handleSearch = () => {\n const { finalResultAPI, showForm } = this.state;\n\n const codeAndOperation = [];\n\n const map = new Map();\n for (const item of finalResultAPI) {\n if (!map.has(item.code)) {\n map.set(item.code, true);\n codeAndOperation.push({\n codigo: item.code,\n operacao: item.complemento.replace(/[0-9]/g, 'X'),\n });\n }\n }\n\n this.setState({\n showForm: !showForm,\n showButtonSearch: false,\n lockerAPI: finalResultAPI,\n codeAndOperation: codeAndOperation.sort((a, b) => a.codigo.localeCompare(b.codigo)),\n });\n };\n\n render() {\n console.log('results from API', this.state.lockerAPI);\n\n const dataColumn = [\n 'Id',\n 'Operação',\n 'Porta',\n 'Encomenda',\n 'Usuário',\n 'Gerado em',\n ];\n \n const eventoCodeComTime = (code ) =>{\n return code == \"59\" || code == \"52\" || code == \"57\" || code ==\"61\"\n }\n const convertTime = ( evento ) =>{\n \n if(eventoCodeComTime(evento.code)){\n if(evento.parametro1){\n let minutes = evento.parametro1.split(\":\"); \n let seconds = minutes[1];\n if(seconds && seconds.length > 2){\n seconds = seconds % 60;\n } \n \n return `${minutes[0]}:${seconds < 10 ? \"0\"+seconds : seconds }`\n }\n return \"\";\n } \n return \"\";\n }\n \n const checkEvent = ( evento ) => {\n const response = (evento.code == \"103\" || evento.code == \"104\");\n if(response)\n return format( new Date(evento.date) ,\"dd/MM/yy HH:mm:ss\"); \n \n return format(addHours( new Date(evento.date),3 ) ,\"dd/MM/yy HH:mm:ss\"); //por causa da data.\n \n }\n // CMD 59 52 57 61\n // a api recebe como dados um array de objetos.\n // a tabela recebe como dados um array de arrays. Aqui eu faço um map nos dados da api e retorno\n // um array de arrays com os valores da API convertidos para elementos do array final\n const dataTable = this.state.lockerAPI.map((data) => [\n data.code,\n data.complemento,\n eventoCodeComTime(data.code) ? \"\": data.parametro1,\n data.encomenda,\n data.usuario,\n checkEvent(data) \n ]);\n\n return this.state.circular ? (\n \n \n {(configs?.id) && }\n \n \n
\n\n Configurações do Locker
\n\n ID: {lockers?.id}
\n Nome: {lockers?.name}
\n ID Público: {lockers?.publicLockerId}
\n Status: {lockers?.status}
\n Versão App: {lockers?.app_version}
\n {(lockers?.qi_version) && <>Versão QI: {lockers?.qi_version}
}\n {(lockers?.ui_version) && <>Versão UI: {lockers?.ui_version}
}\n Bateria: {lockers?.bateria}
\n Tipo: {lockers?.lockerType ? ((lockers?.lockerType == 0) ? 'cci' : lockers?.lockerType) : ((lockers?.ui_version) ? 'cci' : 'ecommerce')}
\n Geolocalização: Latitude: {lockers?.geolocation?.latitude} - Longitude: {lockers?.geolocation?.longitude}
\n Endereço: {lockers?.address?.Endereço} - {lockers?.address?.Bairro} - {lockers?.address?.UF} - {lockers?.address?.CEP}
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n 0 ? dataTable : [['Nada encontrado']]}\n tableHeaderColor=\"primary\"\n />\n
\n );\n }\n}\n\nexport default withStyles(styles)(LockersOperations);\n","import React, { Component, useState } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';\nimport GridItem from 'components/Grid/GridItem.js';\nimport GridContainer from 'components/Grid/GridContainer.js';\nimport FormControl from '@material-ui/core/FormControl';\nimport Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport TextField from '@material-ui/core/TextField';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Button from 'components/CustomButtons/Button.js';\nimport DateFnsUtils from '@date-io/date-fns';\n\nconst useStyles = (theme) => ({\n root: {\n '& .MuiFormControl-root': {\n margin: theme.spacing(2),\n width: 200,\n marginLeft: '1px',\n },\n },\n rootCircular: {\n flexGrow: 1,\n backgroundColor: '#f1f1f2',\n },\n green: {\n '& label.Mui-focused': {\n color: 'green',\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n },\n width: '100% !important'\n },\n buttonAlign: {\n float: 'right',\n },\n});\n\n// preparando refatoração para componente funcional\n// const [dateFrom, setDateFrom] = useState(null);\n// const handleChangeDateFrom = (dateFrom) => setDateFrom(dateFrom);\n// const [dateTo, setDateTo] = useState(null);\n// const handleChangeDateTo = (dateTo) => setDateTo(dateTo);\n// const [circular, setCircular] = useState(false);\n// const handleCircular = () => setCircular(!circular);\n\nclass SearchEvents extends Component {\n state = {\n code: '',\n porta: '',\n finalField: '',\n finalValue: '',\n };\n\n handleClearInput = () => {\n this.setState({\n code: '',\n porta: '',\n dateFrom: null,\n dateTo: null,\n finalField: '',\n finalValue: '',\n });\n };\n\n handleChange = (event) => {\n const e = event.target.id ? event.target.id : event.target.name;\n const { value } = event.target;\n\n console.log(value)\n\n switch (e) {\n case 'code':\n this.setState({ code: value, finalField: e, finalValue: value });\n break;\n case 'porta':\n this.setState({\n porta: value,\n finalField: e,\n finalValue: value,\n });\n break;\n }\n };\n\n handleFilterTable = () => {\n const { filterTable } = this.props;\n const { finalField, finalValue, code, porta } = this.state;\n filterTable(finalField, finalValue, code, porta);\n this.handleClearInput();\n };\n\n render() {\n const { show, classes, codeAndOperations, portaFilter } = this.props;\n\n const { dateFrom, dateTo, code, porta } = this.state;\n\n if (!show) return null;\n\n return (\n \n \n
\n\n \n \n
\n );\n }\n}\n\nexport default withStyles(useStyles)(SearchEvents);\n","import React, { Component, useEffect, useState } from 'react';\n\n// @material-ui/icons\nimport ViewModule from '@material-ui/icons/ViewModule';\nimport AllInbox from '@material-ui/icons/AllInbox';\nimport VerticalSplit from '@material-ui/icons/VerticalSplit';\nimport People from '@material-ui/icons/People';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CallToActionIcon from '@material-ui/icons/CallToAction';\nimport Settings from '@material-ui/icons/Settings';\nimport EventNote from '@material-ui/icons/EventNote';\n\n// core components\nimport CustomTabs from 'components/CustomTabs/CustomTabs.js';\nimport LockerStruct from 'components/LockerStruct';\nimport ListAltIcon from '@material-ui/icons/ListAlt';\nimport Orders from 'components/Orders/Orders';\nimport Slots from 'components/Slots/Slots';\nimport Users from 'components/Users/Users';\nimport Usuario from 'views/Usuarios'\nimport Condomino from 'views/Condomino'\nimport Operadores from 'views/Operadores'\nimport Events from 'components/Events/Events';\nimport Search from 'components/Search/Search';\nimport SearchOperations from 'components/Search/SearchOperations';\nimport Action from 'components/Action/Action';\n// import LockerConfig from 'components/LockerConfig';\nimport LockerConfig from 'components/LockerConfig/LockerConfigFabrika';\n\n// Criados por Fabrika de Softwares\nimport LockerOperations from 'views/Lockers/LockersOperations';\nimport EventsFabrika from 'components/Events/EventsFabrika';\nimport Tooltip from '@material-ui/core/Tooltip';\n\n\nclass DefaultLockerOptions extends Component {\n\n render() {\n const { lockerId, lockerName, role } = this.props;\n\n console.log(role)\n\n return (\n role == 'Administrador' ? \n \n 0 ? dataTable : [['Nada encontrado']]}\n tableHeaderColor=\"primary\"\n />\n
\n );\n }\n}\nexport default EventsFabrika;\n","import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Circular from '../Circular/Circular';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { Person, Phone, Description, Today, Update, Info, ViewModule, LocalShipping } from '@material-ui/icons';\nimport Moment from 'react-moment';\nimport moment from 'moment';\nMoment.globalMoment = moment\nMoment.globalLocale = 'pt-br'\n\n\nconst useStyles = theme => ({\n iconView : {\n color: \"gray !important\"\n },\n root: {\n '& .MuiFormControl-root': {\n margin: theme.spacing(1),\n width: 200\n }\n },\n note: {\n lineHeight: '1.5em'\n },\n dialog: {\n '& .MuiPaper-root':{\n margin: theme.spacing(1),\n width: 250,\n height: 250 \n }\n },\n green: {\n '& label.Mui-focused': {\n color: 'green'\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n }\n },\n rowIcon: {\n display: \"flex\",\n alignItems: \"center\"\n },\n rowIcon2: {\n display: \"flex\",\n alignItems: \"baseline\"\n },\n titleBackColor: {\n background: '#61b956'\n }\n });\n\nclass SearchInfo extends Component {\n constructor(props) {\n super(props);\n this.handleClickOpen = this.handleClickOpen.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.state = {\n waiting: true\n }\n }\n\n componentDidMount() {\n if(this.props.data)\n this.setState({waiting: false}); \n console.log(this.props.data);\n \n }\n\n handleClickOpen = () => {\n this.props.onChange(true);\n };\n\n handleClose = () => {\n this.props.onChange(false);\n };\n\n render() {\n const { classes, data } = this.props;\n\n return (\n \n \n
\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(SearchInfo);","import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Apps from '@material-ui/icons/Apps';\nimport FormatListBulletedIcon from '@material-ui/icons/FormatListBulleted';\nimport Grid from '@material-ui/core/Grid';\nimport ToggleButton from '@material-ui/lab/ToggleButton';\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';\n\nconst useStyles = theme => ({\n toggleContainer: {\n margin: theme.spacing(1, 0),\n },\n iconView : {\n color: \"gray !important\"\n }\n});\n\nclass ToggleButtonCustom extends Component {\n\n state = {\n alignment: 'left'\n }\n\n handleAlignment = (event, alignment) => {\n if (alignment !== null) {\n this.setState({ alignment })\n this.props.onChange(alignment);\n }\n }\n \n render() {\n let { classes } = this.props;\n let { alignment } = this.state;\n\n return (\n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n {(data.length > 0) ? data.map((d, index, arr) => (\n \n \n \n \n content_copy \n {d.id.toUpperCase()}\n this.getcustomerById(d)} >\n \n \n \n \n \n {d.createdAto} : '-'}\n {d.updatedAto} : '-'}\n \n {/* */}\n \n {/* */}\n \n \n )) : (nothingFound) ? : \n {(this.state.showInfo) ?
\n );\n }\n}\nexport default withStyles(useStyles) (SearchSocicam);","import React, { Component } from \"react\";\n\n// @material-ui/icons\nimport ViewModule from \"@material-ui/icons/ViewModule\";\nimport SearchIcon from '@material-ui/icons/Search';\n// core components\nimport CustomTabs from \"components/CustomTabs/CustomTabs.js\";\nimport LockerStruct from 'components/LockerStruct';\nimport SearchSocicam from 'components/Search/SearchSocicam';\n\nclass SocicamLockerOptions extends Component {\n render() {\n const { lockerId } = this.props;\n return (\n \n \n \n {(!circular && data.length > 0) ?\n this.setState({ togglePosition })}\n /> : null }\n
\n {(circular) ? \n
: \n (togglePosition ==='left') ? No items found on this search!
: null }\n\n \n \n \n \n {this.state.options.map(option => (\n \n ))}\n \n
\n );\n }\n}\nexport default withStyles(styles)(Dropdown);","import __ from 'lodash';\n\n/**\n * You can extend Lodash with mixins\n * And use it as below\n * import _ from '@lodash'\n */\nconst _ = __.runInContext();\n\n_.mixin({\n // Immutable Set for setting state\n setIn: (state, name, value) => {\n return _.setWith(_.clone(state), name, value, _.clone);\n },\n});\n\nexport default _;\n","// eslint-disable-next-line max-classes-per-file\nimport _ from './@lodash';\nimport * as colors from '@mui/material/colors';\nimport { v4 as uuidv4 } from 'uuid';\n\nclass EventEmitter {\n constructor() {\n this.events = {};\n }\n\n _getEventListByName(eventName) {\n if (typeof this.events[eventName] === 'undefined') {\n this.events[eventName] = new Set();\n }\n return this.events[eventName];\n }\n\n on(eventName, fn) {\n this._getEventListByName(eventName).add(fn);\n }\n\n once(eventName, fn) {\n const self = this;\n\n const onceFn = (...args) => {\n self.removeListener(eventName, onceFn);\n fn.apply(self, args);\n };\n this.on(eventName, onceFn);\n }\n\n emit(eventName, ...args) {\n this._getEventListByName(eventName).forEach(\n // eslint-disable-next-line func-names\n function (fn) {\n fn.apply(this, args);\n }.bind(this)\n );\n }\n\n removeListener(eventName, fn) {\n this._getEventListByName(eventName).delete(fn);\n }\n}\n\nclass FuseUtils {\n static filterArrayByString(mainArr, searchText) {\n if (searchText === '') {\n return mainArr;\n }\n\n searchText = searchText.toLowerCase();\n\n return mainArr.filter((itemObj) => this.searchInObj(itemObj, searchText));\n }\n\n static searchInObj(itemObj, searchText) {\n if (!itemObj) {\n return false;\n }\n\n const propArray = Object.keys(itemObj);\n\n for (let i = 0; i < propArray.length; i += 1) {\n const prop = propArray[i];\n const value = itemObj[prop];\n\n if (typeof value === 'string') {\n if (this.searchInString(value, searchText)) {\n return true;\n }\n } else if (Array.isArray(value)) {\n if (this.searchInArray(value, searchText)) {\n return true;\n }\n }\n\n if (typeof value === 'object') {\n if (this.searchInObj(value, searchText)) {\n return true;\n }\n }\n }\n return false;\n }\n\n static searchInArray(arr, searchText) {\n arr.forEach((value) => {\n if (typeof value === 'string') {\n if (this.searchInString(value, searchText)) {\n return true;\n }\n }\n\n if (typeof value === 'object') {\n if (this.searchInObj(value, searchText)) {\n return true;\n }\n }\n return false;\n });\n return false;\n }\n\n static searchInString(value, searchText) {\n return value.toLowerCase().includes(searchText);\n }\n\n static generateGUID() {\n // function S4() {\n // return Math.floor((1 + Math.random()) * 0x10000)\n // .toString(16)\n // .substring(1);\n // }\n\n // return S4() + S4();\n return uuidv4();\n }\n\n static toggleInArray(item, array) {\n if (array.indexOf(item) === -1) {\n array.push(item);\n } else {\n array.splice(array.indexOf(item), 1);\n }\n }\n\n static handleize(text) {\n return text\n .toString()\n .toLowerCase()\n .replace(/\\s+/g, '-') // Replace spaces with -\n .replace(/\\W+/g, '') // Remove all non-word chars\n .replace(/--+/g, '-') // Replace multiple - with single -\n .replace(/^-+/, '') // Trim - from start of text\n .replace(/-+$/, ''); // Trim - from end of text\n }\n\n static setRoutes(config, defaultAuth) {\n let routes = [...config.routes];\n\n routes = routes.map((route) => {\n let auth = config.auth || config.auth === null ? config.auth : defaultAuth || null;\n auth = route.auth || route.auth === null ? route.auth : auth;\n const settings = _.merge({}, config.settings, route.settings);\n\n return {\n ...route,\n settings,\n auth,\n };\n });\n\n return [...routes];\n }\n\n static generateRoutesFromConfigs(configs, defaultAuth) {\n let allRoutes = [];\n configs.forEach((config) => {\n allRoutes = [...allRoutes, ...this.setRoutes(config, defaultAuth)];\n });\n return allRoutes;\n }\n\n static findById(obj, id) {\n let i;\n let childObj;\n let result;\n\n if (id === obj.id) {\n return obj;\n }\n\n for (i = 0; i < Object.keys(obj).length; i += 1) {\n childObj = obj[Object.keys(obj)[i]];\n\n if (typeof childObj === 'object') {\n result = this.findById(childObj, id);\n if (result) {\n return result;\n }\n }\n }\n return false;\n }\n\n static getFlatNavigation(navigationItems, flatNavigation = []) {\n for (let i = 0; i < navigationItems.length; i += 1) {\n const navItem = navigationItems[i];\n\n if (navItem.type === 'item') {\n flatNavigation.push({\n id: navItem.id,\n title: navItem.title,\n type: navItem.type,\n icon: navItem.icon || false,\n url: navItem.url,\n auth: navItem.auth || null,\n });\n }\n\n if (navItem.type === 'collapse' || navItem.type === 'group') {\n if (navItem.children) {\n this.getFlatNavigation(navItem.children, flatNavigation);\n }\n }\n }\n return flatNavigation;\n }\n\n static randomMatColor(hue) {\n hue = hue || '400';\n const mainColors = [\n 'red',\n 'pink',\n 'purple',\n 'deepPurple',\n 'indigo',\n 'blue',\n 'lightBlue',\n 'cyan',\n 'teal',\n 'green',\n 'lightGreen',\n 'lime',\n 'yellow',\n 'amber',\n 'orange',\n 'deepOrange',\n ];\n const randomColor = mainColors[Math.floor(Math.random() * mainColors.length)];\n return colors[randomColor][hue];\n }\n\n static difference(object, base) {\n function changes(_object, _base) {\n return _.transform(_object, (result, value, key) => {\n if (!_.isEqual(value, _base[key])) {\n result[key] =\n _.isObject(value) && _.isObject(_base[key]) ? changes(value, _base[key]) : value;\n }\n });\n }\n\n return changes(object, base);\n }\n\n static EventEmitter = EventEmitter;\n\n static updateNavItem(nav, id, item) {\n return nav.map((_item) => {\n if (_item.id === id) {\n return _.merge({}, _item, item);\n }\n\n if (_item.children) {\n return _.merge({}, _item, {\n children: this.updateNavItem(_item.children, id, item),\n });\n }\n\n return _.merge({}, _item);\n });\n }\n\n static removeNavItem(nav, id) {\n return nav\n .map((_item) => {\n if (_item.id === id) {\n return null;\n }\n\n if (_item.children) {\n return _.merge({}, _.omit(_item, ['children']), {\n children: this.removeNavItem(_item.children, id),\n });\n }\n\n return _.merge({}, _item);\n })\n .filter((s) => s);\n }\n\n static prependNavItem(nav, item, parentId) {\n if (!parentId) {\n return [item, ...nav];\n }\n\n return nav.map((_item) => {\n if (_item.id === parentId && _item.children) {\n return {\n ..._item,\n children: [item, ..._item.children],\n };\n }\n\n if (_item.children) {\n return _.merge({}, _item, {\n children: this.prependNavItem(_item.children, item, parentId),\n });\n }\n\n return _.merge({}, _item);\n });\n }\n\n static appendNavItem(nav, item, parentId) {\n if (!parentId) {\n return [...nav, item];\n }\n\n return nav.map((_item) => {\n if (_item.id === parentId && _item.children) {\n return {\n ..._item,\n children: [..._item.children, item],\n };\n }\n\n if (_item.children) {\n return _.merge({}, _item, {\n children: this.appendNavItem(_item.children, item, parentId),\n });\n }\n\n return _.merge({}, _item);\n });\n }\n\n static hasPermission(authArr, userRole) {\n /**\n * If auth array is not defined\n * Pass and allow\n */\n if (authArr === null || authArr === undefined) {\n // console.info(\"auth is null || undefined:\", authArr);\n return true;\n }\n if (authArr.length === 0) {\n /**\n * if auth array is empty means,\n * allow only user role is guest (null or empty[])\n */\n // console.info(\"auth is empty[]:\", authArr);\n return !userRole || userRole.length === 0;\n }\n /**\n * Check if user has grants\n */\n // console.info(\"auth arr:\", authArr);\n /*\n Check if user role is array,\n */\n if (userRole && Array.isArray(userRole)) {\n return authArr.some((r) => userRole.indexOf(r) >= 0);\n }\n\n /*\n Check if user role is string,\n */\n return authArr.includes(userRole);\n }\n\n static filterRecursive(data, predicate) {\n // if no data is sent in, return null, otherwise transform the data\n return !data\n ? null\n : data.reduce((list, entry) => {\n let clone = null;\n if (predicate(entry)) {\n // if the object matches the filter, clone it as it is\n clone = { ...entry };\n }\n if (entry.children != null) {\n // if the object has childrens, filter the list of children\n const children = this.filterRecursive(entry.children, predicate);\n if (children.length > 0) {\n // if any of the children matches, clone the parent object, overwrite\n // the children list with the filtered list\n clone = { ...entry, children };\n }\n }\n\n // if there's a cloned object, push it to the output list\n if (clone) {\n list.push(clone);\n }\n return list;\n }, []);\n }\n}\n\nexport default FuseUtils;\n","import React, { Component } from 'react';\n// @material-ui/core components\nimport { withStyles } from \"@material-ui/core/styles\";\n// core components\nimport Moment from 'react-moment';\nimport moment from 'moment';\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport CustomTable from \"components/TableLocker/TableLocker.js\";\nimport DefaultLockerOptions from \"../LockerOptions/DefaultLockerOptions\";\nimport SocicamLockerOptions from \"../LockerOptions/SocicamLockerOptions\";\nimport IconButton from '@material-ui/core/IconButton';\nimport Arrow from \"@material-ui/icons/ArrowBackIos\";\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport Circular from \"components/Circular/Circular\";\nimport Dropdown from \"components/Dropdown/Dropdown\";\nimport { getAllLockers } from \"../../services/lockers/lockers\";\nimport { getLockerRelated, getCondominioById } from \"../../services/condominio/condominio\";\nimport { getSlots } from '../../services/slots/slots';\nimport { createBrowserHistory } from \"history\";\nimport DashboardIcon from '@material-ui/icons/Dashboard';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport './lockerOperations.css';\nimport { getAllUsers } from \"../../services/users/users\";\nimport Confirm from \"components/Orders/Confirm\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport SearchIcon from '@material-ui/icons/Search';\nimport TextField from \"@material-ui/core/TextField\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { Grid } from '@material-ui/core';\nimport FuseUtils from 'utils/FuseUtils';\n\n\n\nMoment.globalMoment = moment;\nMoment.globalLocale = 'pt-br';\n\n\n\nconst styles = theme => ({\n cardCategoryWhite: {\n \"&,& a,& a:hover,& a:focus\": {\n color: \"rgba(255,255,255,.62)\",\n margin: \"0\",\n fontSize: \"14px\",\n marginTop: \"0\",\n marginBottom: \"0\"\n },\n \"& a,& a:hover,& a:focus\": {\n color: \"#FFFFFF\"\n }\n },\n cardTitleWhite: {\n color: \"#FFFFFF\",\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: \"#777\",\n fontSize: \"65%\",\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n },\n iconView: {\n color: \"gray !important\"\n },\n iconViewArrow: {\n color: \"white !important\",\n },\n buttonIcon: {\n padding: \"0.6rem 0.4rem 0.6rem 0.8rem\",\n background: \"#4caf50\"\n },\n dropdown: {\n right: \"1.5%\",\n top: \"12%\",\n position: \"absolute\"\n }\n});\n\nclass Lockers extends Component {\n constructor(props) {\n super(props);\n this.handleLoginClick = this.handleLoginClick.bind(this);\n this.handleLogoutClick = this.handleLogoutClick.bind(this);\n this.handleEdit = this.handleEdit.bind(this);\n this.getLockers = this.getLockers.bind(this);\n this.returnLockers = this.returnLockers.bind(this);\n this.setSelected = this.setSelected.bind(this);\n this.returnTemplate = this.returnTemplate.bind(this);\n this.getKeyByValue = this.getKeyByValue.bind(this);\n this.setGeoLocation = this.setGeoLocation.bind(this);\n this.createConfirm = this.createConfirm.bind(this);\n this.refreshLockers = this.refreshLockers.bind(this);\n this.setNotification = this.setNotification.bind(this);\n this.setDialog = this.setDialog.bind(this);\n this.createConfirmSync = this.createConfirmSync.bind(this);\n this.state = {\n isLoggedIn: false,\n showSlots: false,\n lockersData: [[\"Nenhum locker encontrado!\"]],\n allLockersData: [[\"Nenhum locker encontrado!\"]],\n currentLocker: null,\n lockerName: null,\n circular: true,\n options: ['Todos', 'Em operação', 'Em instalação', 'Em manutenção'],\n selected: 'Todos',\n statuses: { 'Todos': null, 'Em operação': ['active', 'Offline'], 'Online': 'active', 'Offline': 'inactive', 'Em instalação': 'installing', 'Em manutenção': 'maintenance' },\n statusColor: [],\n dateRefresh: new Date(),\n role: null,\n openDialog: false,\n lockerId: null,\n message: null,\n typeDialog: null,\n search: false,\n searchText: \"\",\n searchMode: \"\",\n searchStatus: \"\"\n };\n }\n\n onUnload(event) {\n createBrowserHistory({ forceRefresh: false }).push(`/`);\n\n const user = JSON.parse(localStorage.getItem('user'));\n getAllUsers((users) => {\n let currentUser = users.filter(u => u.email === user.data.email)[0];\n if (currentUser && currentUser.roleName)\n this.setState({ role: currentUser.roleName });\n });\n }\n\n componentDidMount() {\n this.getLockers();\n /*window.onload = function () {\n this.onUnload();\n }.bind(this);*/\n }\n\n createConfirm(id, name) {\n this.setState({ openDialog: true, lockerId: id, lockerName: name, message: `Deseja deletar o Locker ${name}?`, typeDialog: 'delete' });\n }\n\n createConfirmSync(id, name) {\n this.setState({ \n openDialog: true, \n lockerId: id, \n lockerName: name, \n typeDialog: 'sync', \n message: `Deseja enviar comando de SYNC para Locker ${name}?` \n });\n }\n\n setDialog(openDialog) {\n this.setState({\n openDialog,\n showInfo: openDialog,\n showIntransit: openDialog,\n openCancel: openDialog,\n editOrder: openDialog,\n });\n }\n\n handleLoginClick() {\n this.setState({ isLoggedIn: true });\n }\n\n handleLogoutClick() {\n this.setState({ isLoggedIn: false });\n }\n\n getKeyByValue(object, value) {\n switch (value) {\n case 'active':\n case 'inactive':\n return ((Em operação
Em instalação
Em manutenção
Lockers
\n\n {/*
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Atualizado em {this.dateRefresh} \n this.refreshLockers()}>\n \n \n \n {/* \n \n \n \n \n Atualizado em {this.dateRefresh} \n this.refreshLockers()}>\n \n \n */}\n
\n \n {search &&\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n }\n
\n \n \n {(showSlots) ? this.returnLockers()} aria-label=\"view\"> \n {layout}\n \n \n\n {this.state.openDialog ? (\n
\n );\n }\n}\nexport default withStyles(styles)(Lockers);","import React, { Component } from \"react\";\n// @material-ui/core components\nimport { withStyles } from \"@material-ui/core/styles\";\n// core components\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Table from \"components/Table/Table.js\";\nimport DefaultLockerOptions from \"../LockerOptions/DefaultLockerOptions\";\nimport SocicamLockerOptions from \"../LockerOptions/SocicamLockerOptions\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Visibility from \"@material-ui/icons/Visibility\";\nimport Arrow from \"@material-ui/icons/ArrowBackIos\";\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport Circular from \"components/Circular/Circular\";\nimport Dropdown from \"components/Dropdown/Dropdown\";\nimport { getAllLockers } from \"../../services/lockers/lockers\";\nimport {\n getSlots as buscarEscaninho,\n openSlot,\n} from \"../../services/slots/slots\";\n\nconst styles = (theme) => ({\n cardCategoryWhite: {\n \"&,& a,& a:hover,& a:focus\": {\n color: \"rgba(255,255,255,.62)\",\n margin: \"0\",\n fontSize: \"14px\",\n marginTop: \"0\",\n marginBottom: \"0\",\n },\n \"& a,& a:hover,& a:focus\": {\n color: \"#FFFFFF\",\n },\n },\n cardTitleWhite: {\n color: \"#FFFFFF\",\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: \"#777\",\n fontSize: \"65%\",\n fontWeight: \"400\",\n lineHeight: \"1\",\n },\n },\n iconView: {\n color: \"gray !important\",\n },\n iconViewArrow: {\n color: \"white !important\",\n },\n buttonIcon: {\n padding: \"5px\",\n },\n dropdown: {\n right: \"1.5%\",\n top: \"24%\",\n position: \"absolute\",\n },\n});\n\nclass ListLockers extends Component {\n constructor(props) {\n super(props);\n this.handleLoginClick = this.handleLoginClick.bind(this);\n this.handleLogoutClick = this.handleLogoutClick.bind(this);\n this.getLockers = this.getLockers.bind(this);\n \n this.state = {\n isLoggedIn: false,\n showSlots: false,\n lockersData: [[\"Nenhum locker encontrado!\"]],\n currentLocker: null,\n lockerName: null,\n circular: true,\n options: [\"Ativo\", \"Inativo\"],\n selected: \"Ativo\",\n };\n }\n\n componentDidMount() {\n this.getLockers();\n }\n\n handleLoginClick() {\n this.setState({ isLoggedIn: true });\n }\n\n handleLogoutClick() {\n this.setState({ isLoggedIn: false });\n }\n\n getLockers() {\n let { lockersData } = this.state;\n\n getAllLockers((data) => {\n let currStatus = this.state.selected ===\"Ativo\" ? \"active\" : \"inactive\";\n console.log(\"Selected \" + this.state.selected);\n\n let lockers = data.filter((d) => d.status ===currStatus);\n lockersData = lockers.length > 0 ? [] : lockersData;\n\n lockers.forEach((locker) => {\n let { id, name, status, qiStatus, bateria, appVersion } = locker;\n buscarEscaninho(id, (slots) => {\n let smallSlots = slots.filter((sl) => sl.size ===\"small\");\n let mediumSlots = slots.filter((sl) => sl.size ===\"medium\");\n let largeSlots = slots.filter((sl) => sl.size ===\"large\");\n \n let SlotsCount = slots.length;\n let AllocatedCount = slots.filter((sl) => sl.status ===\"allocated\")\n .length;\n let UnavailableCount = slots.filter(\n (sl) =>\n sl.status ===\"unavailable\" ||\n sl.status ===\"reserved\" ||\n sl.status ===\"to_be_free\" ||\n sl.status ===\"dirty\"\n ).length;\n let AvailableCount =\n slots.length - (AllocatedCount + UnavailableCount);\n\n let occupation = (AllocatedCount * 100) / (SlotsCount - UnavailableCount)\n });\n\n lockersData.push([\n name,\n status,\n qiStatus,\n bateria,\n appVersion,\n Lockers
\n\n {selected !== \"Ativo\" ? \"Lockers inativos\" : \"Lockers ativos\"}\n
\n\n
\n : <>\n \n Volumes alocados
\n\n {AllocatedCount} Volumes\n
\nPortas bloqueadas
\n\n {UnavailableCount} Portas\n
\n this.setState({ showStatus: !showStatus })} key={item.i} data-grid={item}>\n
\n ))}\n\n \n {item.i}\n {item.status ===\"allocated\" && showStatus ?\n 
}\n
\n \n
\n : \n {item.allocatedAt} : '-'}
\n \n
\n \n
\n \n \n
\n );\n }\n}\nexport default withStyles(useStyles)(Date);","import React, { useState, useEffect } from \"react\";\n// react plugin for creating charts\nimport ChartistGraph from \"react-chartist\";\n// @material-ui/core\nimport { makeStyles } from \"@material-ui/core/styles\";\n//import Button from '@material-ui/core/Button';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\n// @material-ui/icons\nimport AllInbox from \"@material-ui/icons/AllInbox\";\nimport AllOut from \"@material-ui/icons/AllOut\";\nimport MonetizationOn from \"@material-ui/icons/MonetizationOn\";\nimport AttachMoney from \"@material-ui/icons/AttachMoney\";\n\n// core components\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardIcon from \"components/Card/CardIcon.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardFooter from \"components/Card/CardFooter.js\";\nimport CircularProgress from '../Circular/Circular';\nimport Button from \"components/CustomButtons/Button.js\";\n\nimport { getRps } from \"services/rps\";\n\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\nimport { getOrdersbyStatusAsync } from \"services/orders/orders\";\n\nimport { dailyChart } from \"./chart\";\nimport { getConfigAsync } from \"services/config\";\nimport { Info } from \"@material-ui/icons\";\nimport ExportCsv from \"exportCsv.js\";\nimport DateCus from \"components/Date/Date\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function SellReport(props) {\n const [rps, setRps] = useState([]);\n const [countDay, setCountDay] = useState({});\n const [paymentIn, setPaymentIn] = useState(0);\n const [paymentOut, setPaymentOut] = useState(0);\n const [paymentInData, setPaymentInData] = useState([]);\n const [paymentOutData, setPaymentOutData] = useState([0]);\n const [ordersAllocatedRaw, setOrdersAllocatedRaw] = useState([]);\n const [ordersCollectedRaw, setOrdersCollectedRaw] = useState([]);\n const [ordersAllocated, setOrdersAllocated] = useState([]);\n const [ordersCollected, setOrdersCollected] = useState([]);\n const [circular, setCircular] = useState(true);\n const [config, setConfig] = useState([]);\n const [anchorEl, setAnchorEl] = React.useState(null);\n const [exp, setExport] = React.useState(false);\n const [openDate, setOpenDate] = React.useState(false);\n\n const handleClick = event => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleClickExportCSV = e => {\n handleClick(e);\n setExport(true);\n }\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const classes = useStyles();\n\n useEffect(() => {\n async function getData() {\n\n const [_rps, _config, _ordersAllocated, _ordersCollected] = await Promise.all([\n getRps(),\n getConfigAsync(),\n getOrdersbyStatusAsync(props.lockerId, 'allocated'),\n getOrdersbyStatusAsync(props.lockerId, 'collected')\n ]);\n\n const _paymentInData = _rps.filter(r => r.descricaoItem ==='GUARDA_VOLUMES_CONVENCIONAL');\n const _paymentOutData = _rps.filter(r => r.descricaoItem ==='GUARDA_VOLUMES_ARMAZENADO');\n\n const _paymentIn = _paymentInData.length;\n const _paymentOut = _paymentOutData.length;\n\n handleChart(_ordersCollected);\n\n setConfig(_config);\n setOrdersAllocatedRaw(_ordersAllocated);\n setOrdersCollectedRaw(_ordersCollected);\n setOrdersAllocated(_ordersAllocated);\n setOrdersCollected(_ordersCollected);\n setPaymentIn(_paymentIn);\n setPaymentOut(_paymentOut);\n setPaymentInData(_paymentInData);\n setPaymentOutData(_paymentOutData);\n setRps(_rps);\n setCircular(false);\n };\n\n getData();\n\n }, [props.lockerId]);\n\n function handleChart(ordersCollectedArray) {\n let _countDay = {\n labels: [],\n series: []\n }\n _countDay.labels.push(\"Domingo\", \"Segunda\", \"Terça\", \"Quarta\", \"Quinta\", \"Sexta\", \"Sábado\");\n _countDay.series = [0, 0, 0, 0, 0, 0, 0];\n\n ordersCollectedArray.forEach(element => {\n let dateAllocated = new Date(element.allocatedAt);\n switch (dateAllocated.getDay()) {\n case 0:\n _countDay.series[0]++;\n break;\n case 1:\n _countDay.series[1]++;\n break;\n case 2:\n _countDay.series[2]++;\n break;\n case 3:\n _countDay.series[3]++;\n break;\n case 4:\n _countDay.series[4]++;\n break;\n case 5:\n _countDay.series[5]++;\n break;\n case 6:\n _countDay.series[6]++;\n break;\n\n default:\n break;\n }\n });\n\n setCountDay(_countDay);\n }\n\n async function handle1Dia() {\n let now = new Date();\n let _ordersAllocated = ordersAllocatedRaw.filter(o => new Date(o.allocatedAt) ===now);\n let _ordersCollected = ordersCollectedRaw.filter(o => new Date(o.collectedAt) ===now);\n let _paymentIn = paymentInData.filter(r => new Date(r.data) ===now).length;\n let _paymentOut = paymentOutData.filter(r => new Date(r.data) ===now).length;\n handleData(_ordersCollected, _ordersAllocated, _paymentIn, _paymentOut);\n }\n\n async function handle7Dias() {\n let now = new Date();\n now.setDate(now.getDate() - 7);\n let _ordersAllocated = ordersAllocatedRaw.filter(o => new Date(o.allocatedAt) >= now);\n let _ordersCollected = ordersCollectedRaw.filter(o => new Date(o.collectedAt) >= now);\n let _paymentIn = paymentInData.filter(r => new Date(r.data) >= now).length;\n let _paymentOut = paymentOutData.filter(r => new Date(r.data) >= now).length;\n handleData(_ordersCollected, _ordersAllocated, _paymentIn, _paymentOut);\n }\n\n async function handle1Mes() {\n let now = new Date();\n now.setDate(now.getDate() - 30);\n let _ordersAllocated = ordersAllocatedRaw.filter(o => new Date(o.allocatedAt) >= now);\n let _ordersCollected = ordersCollectedRaw.filter(o => new Date(o.collectedAt) >= now);\n let _paymentIn = paymentInData.filter(r => new Date(r.data) >= now).length;\n let _paymentOut = paymentOutData.filter(r => new Date(r.data) >= now).length;\n handleData(_ordersCollected, _ordersAllocated, _paymentIn, _paymentOut);\n }\n\n async function handle6Meses() {\n let now = new Date();\n now.setDate(now.getDate() - 180);\n let _ordersAllocated = ordersAllocatedRaw.filter(o => new Date(o.allocatedAt) >= now);\n let _ordersCollected = ordersCollectedRaw.filter(o => new Date(o.collectedAt) >= now);\n let _paymentIn = paymentInData.filter(r => new Date(r.data) >= now).length;\n let _paymentOut = paymentOutData.filter(r => new Date(r.data) >= now).length;\n handleData(_ordersCollected, _ordersAllocated, _paymentIn, _paymentOut);\n }\n\n async function handle1Ano() {\n let now = new Date();\n now.setDate(now.getDate() - 365);\n let _ordersAllocated = ordersAllocatedRaw.filter(o => new Date(o.allocatedAt) >= now);\n let _ordersCollected = ordersCollectedRaw.filter(o => new Date(o.collectedAt) >= now);\n let _paymentIn = paymentInData.filter(r => new Date(r.data) >= now).length;\n let _paymentOut = paymentOutData.filter(r => new Date(r.data) >= now).length;\n handleData(_ordersCollected, _ordersAllocated, _paymentIn, _paymentOut);\n }\n\n async function handleAll() {\n let _ordersAllocated = ordersAllocatedRaw;\n let _ordersCollected = ordersCollectedRaw;\n let _paymentIn = paymentInData.length;\n let _paymentOut = paymentOutData.length;\n handleData(_ordersCollected, _ordersAllocated, _paymentIn, _paymentOut);\n }\n\n async function handleCustomaze(dateFrom, dateTo) {\n let _ordersAllocated = ordersAllocatedRaw.filter(o => handledates(dateFrom, dateTo, new Date(o.allocatedAt)));\n let _ordersCollected = ordersCollectedRaw.filter(o => handledates(dateFrom, dateTo, new Date(o.collectedAt)));\n let _paymentIn = paymentInData.filter(r => handledates(dateFrom, dateTo, new Date(r.data))).length;\n let _paymentOut = paymentOutData.filter(r => handledates(dateFrom, dateTo, new Date(r.data))).length;\n handleData(_ordersCollected, _ordersAllocated, _paymentIn, _paymentOut);\n }\n\n const handledates = (dateFrom, dateTo, compareDate) => {\n if(compareDate >= dateFrom && compareDate <= dateTo){\n return true;\n }\n return false;\n }\n\n const handleData = (_ordersCollected, _ordersAllocated, _paymentIn, _paymentOut) => {\n handleChart(_ordersCollected);\n setOrdersAllocated(_ordersAllocated);\n setOrdersCollected(_ordersCollected);\n setPaymentIn(_paymentIn);\n setPaymentOut(_paymentOut);\n\n if(exp) {\n let data = {};\n Object.assign(data, { volumesRetirados: ordersCollected.length, volumesAlocados: ordersAllocated.length, \n pagamentoEntrada: 'R$ ' + (paymentIn * config.valorServico), pagamentoSaida: 'R$ ' + (paymentOut * config.valorServico),\n volumesDomingo: countDay.series[0], volumesSegunda: countDay.series[1], volumesTerça: countDay.series[3],\n volumesQuarta: countDay.series[4], volumesSexta: countDay.series[5], volumesSabado: countDay.series[6]\n });\n\n ExportCsv([data]);\n }\n \n handleClose();\n setExport(false);\n }\n\n\n return ((circular) ?\n \n
\n : \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {(openDate) ? \n setOpenDate(false)}\n /> : null}\n
);\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TablePagination from '@material-ui/core/TablePagination';\nimport TableRow from '@material-ui/core/TableRow';\nimport TableSortLabel from '@material-ui/core/TableSortLabel';\nimport Paper from '@material-ui/core/Paper';\nimport { getRps } from \"services/rps\";\nimport CircularProgress from '../Circular/Circular';\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\nimport { format } from 'date-fns';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { CSVLink } from \"react-csv\";\nimport ExportCsv from \"exportCsv.js\";\nimport DateCus from \"components/Date/Date\";\nconst useStyles = makeStyles(styles);\n\n\nfunction createData(number, serie, data, status, count, code, description, value, doc) {\n data = format(new Date(data), \"dd/MM/yyyy\", { timeZone: 'America/Sao_Paulo' });\n value = 'R$ ' + value;\n return { number, serie, data, status, count, code, description, value, doc };\n}\n\nfunction descendingComparator(a, b, orderBy) {\n if (b[orderBy] < a[orderBy]) {\n return -1;\n }\n if (b[orderBy] > a[orderBy]) {\n return 1;\n }\n return 0;\n}\n\nfunction getComparator(order, orderBy) {\n return order ==='desc'\n ? (a, b) => descendingComparator(a, b, orderBy)\n : (a, b) => -descendingComparator(a, b, orderBy);\n}\n\nfunction stableSort(array, comparator) {\n const stabilizedThis = array.map((el, index) => [el, index]);\n stabilizedThis.sort((a, b) => {\n const order = comparator(a[0], b[0]);\n if (order !== 0) return order;\n return a[1] - b[1];\n });\n return stabilizedThis.map(el => el[0]);\n}\n\nconst headCells = [\n { id: 'number', numeric: true, disablePadding: false, label: 'Número' },\n { id: 'serie', numeric: true, disablePadding: false, label: 'Série' },\n { id: 'data', numeric: false, disablePadding: true, label: 'Data' },\n { id: 'status', numeric: false, disablePadding: false, label: 'Situação' },\n { id: 'count', numeric: true, disablePadding: false, label: 'Quantidade' },\n { id: 'code', numeric: true, disablePadding: false, label: 'Código' },\n { id: 'description', numeric: false, disablePadding: false, label: 'Descrição' },\n { id: 'value', numeric: false, disablePadding: false, label: 'Valor' },\n { id: 'doc', numeric: false, disablePadding: false, label: 'CPF/CNPJ' },\n\n];\n\nfunction EnhancedTableHead(props) {\n const { classes, order, orderBy, onRequestSort } = props;\n const createSortHandler = property => event => {\n onRequestSort(event, property);\n };\n\n return (\n Volumes alocados
\n\n {ordersAllocated.length}\n
\n\n
\n Volumes retirados
\n{ordersCollected.length}
\n\n
\n Pagamentos Entrada
\n{'R$ ' + (paymentIn * config.valorServico)}
\n\n
\n Pagamentos Saída
\n{'R$ ' + (paymentOut * config.valorServico)}
\n\n
\n Pagamentos Total
\n{'R$ ' + ((paymentOut + paymentIn) * config.valorServico)}
\n\n
\n Volumes alocados por dia da semana
\nDesde o início das operações
\n\n
\n :\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n {stableSort(rows, getComparator(order, orderBy))\n .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n .map((row, index) => {\n const isItemSelected = isSelected(row.name);\n return (\n handleClick(event, row.number)}\n aria-checked={isItemSelected}\n key={row.number}\n selected={isItemSelected}\n >\n {row.number} \n {row.serie} \n {row.data} \n {row.status} \n {row.count} \n {row.code} \n {row.description} \n {row.value} \n {row.doc} \n \n );\n })}\n {emptyRows > 0 && (\n \n \n )}\n \n \n \n \n {(openDate) ? \n setOpenDate(false)}\n /> : null}\n
\n );\n}\n\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Table from \"@material-ui/core/Table\";\nimport TableBody from \"@material-ui/core/TableBody\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport TableContainer from \"@material-ui/core/TableContainer\";\nimport TableHead from \"@material-ui/core/TableHead\";\nimport TablePagination from \"@material-ui/core/TablePagination\";\nimport TableRow from \"@material-ui/core/TableRow\";\nimport TableSortLabel from \"@material-ui/core/TableSortLabel\";\nimport Paper from \"@material-ui/core/Paper\";\n\nimport CircularProgress from \"../Circular/Circular\";\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\nimport { format } from \"date-fns\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Menu from \"@material-ui/core/Menu\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport ExportCsv from \"exportCsv.js\";\nimport DateCus from \"components/Date/Date\";\nconst useStyles = makeStyles(styles);\n\nfunction createData(number, operation, data, user, doc) {\n data = format(new Date(data), \"dd/MM/yyyy\", {\n timeZone: \"America/Sao_Paulo\",\n });\n return { number, operation, data, user, doc };\n}\n\nfunction descendingComparator(a, b, orderBy) {\n if (b[orderBy] < a[orderBy]) {\n return -1;\n }\n if (b[orderBy] > a[orderBy]) {\n return 1;\n }\n return 0;\n}\n\nfunction getComparator(order, orderBy) {\n return order ===\"desc\"\n ? (a, b) => descendingComparator(a, b, orderBy)\n : (a, b) => -descendingComparator(a, b, orderBy);\n}\n\nfunction stableSort(array, comparator) {\n const stabilizedThis = array.map((el, index) => [el, index]);\n stabilizedThis.sort((a, b) => {\n const order = comparator(a[0], b[0]);\n if (order !== 0) return order;\n return a[1] - b[1];\n });\n return stabilizedThis.map((el) => el[0]);\n}\n\nconst headCells = [\n { id: \"number\", numeric: true, disablePadding: false, label: \"Número\" },\n { id: \"operation\", numeric: false, disablePadding: false, label: \"Operação\" },\n { id: \"data\", numeric: false, disablePadding: false, label: \"Data\" },\n { id: \"user\", numeric: false, disablePadding: false, label: \"Usuário\" },\n { id: \"doc\", numeric: true, disablePadding: false, label: \"Documento\" },\n];\n\nfunction EnhancedTableHead(props) {\n const { classes, order, orderBy, onRequestSort } = props;\n const createSortHandler = (property) => (event) => {\n onRequestSort(event, property);\n };\n\n return (\n \n
\n ) : (\n \n \n Filtrar por período\n \n \n Exportar csv\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {stableSort(rows, getComparator(order, orderBy))\n .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n .map((row, index) => {\n const isItemSelected = isSelected(row.number);\n return (\n handleClick(event, row.number)}\n aria-checked={isItemSelected}\n key={row.number}\n selected={isItemSelected}\n >\n {row.number} \n {row.operation} \n {row.data} \n {row.user} \n {row.doc} \n \n );\n })}\n {emptyRows > 0 && (\n \n \n )}\n \n \n \n \n {openDate ? (\n setOpenDate(false)}\n />\n ) : null}\n
\n );\n}\n","import React, { Component } from \"react\";\n\n// @material-ui/icons\nimport Storage from \"@material-ui/icons/Storage\";\nimport AttachMoney from \"@material-ui/icons/AttachMoney\";\nimport ConfirmationNumber from \"@material-ui/icons/ConfirmationNumber\";\nimport Receipt from \"@material-ui/icons/Receipt\";\n// core components\nimport CustomTabs from \"components/CustomTabs/CustomTabs.js\";\nimport LockerReport from \"components/LockerReport\";\nimport SellReport from \"components/SellReport\";\nimport RpsReport from 'components/RpsReport';\nimport TicketReport from 'components/TicketReport';\n\nclass Relatorios extends Component {\n\n render() {\n let lockerId = localStorage.getItem('lockerId');\n return (\n \n
:\n this.state.data.length === 0 ?\n \n Sem dados disponíveis\n
:\n \n
;\n\n return (\n TAXA DE OCUPAÇÃO
\n\n \n \n \n \n \n \n \n \n \n {sizes.map((option) => (\n \n ))}\n \n \n \n \n {lockers.map((option) => (\n \n ))}\n \n \n {groups.map((option) => (\n \n \n \n ))}\n \n
\n \n
\n \n
\n \n {layout}\n
\n );\n }\n}\nexport default withStyles(useStyles)(OccupancyRateGroup);\n","import \"date-fns\";\nimport React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Table from \"components/Table/Table\";\nimport TextField from \"@material-ui/core/TextField\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Grid from '@material-ui/core/Grid';\nimport Chart from \"components/Chart/ChartPermanencyRate\";\nimport { getAllLockers } from \"../../services/lockers/lockers\";\nimport { getSlots } from \"../../services/slots/slots\";\nimport { getOrdersbyStatus } from \"../../services/orders/orders\";\nimport { getUser } from \"../../services/users/users\";\nimport { getAllLockersSelect } from \"../../services/lockers/lockers\";\nimport CircularProgress from \"../Circular/Circular\";\nimport Tooltip from '@material-ui/core/Tooltip';\nimport ExportCsv from \"exportCsv.js\";\nimport MomentUtils from \"@date-io/date-fns\";\nimport pt from \"date-fns/locale/pt\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker\n} from '@material-ui/pickers';\n\nimport '../Slots/style.css';\n\nconst useStyles = (theme) => ({\n iconView: {\n color: \"gray !important\",\n },\n root: {\n \"& .MuiFormControl-root\": {\n margin: theme.spacing(1),\n width: 200,\n },\n },\n dialog: {\n \"& .MuiPaper-root\": {\n margin: theme.spacing(1),\n width: 250,\n height: 200,\n },\n },\n green: {\n \"& label.Mui-focused\": {\n color: \"green\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"green\",\n },\n },\n red: {\n \"& label.Mui-focused\": {\n color: \"red\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"red\",\n },\n },\n semDados: {\n color: '#333333'\n }\n});\n\nclass PermanencyRateGroup extends Component {\n constructor(props) {\n super(props);\n this.getOrders = this.getOrders.bind(this);\n this.handleDateChange = this.handleDateChange.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleExport = this.handleExport.bind(this);\n this.handleSearch = this.handleSearch.bind(this);\n this.getDiff = this.getDiff.bind(this);\n this.addData = this.addData.bind(this);\n this.handleDateChangeInit = this.handleDateChangeInit.bind(this);\n this.handleDateChangeFinal = this.handleDateChangeFinal.bind(this);\n this.handleChangeLocker = this.handleChangeLocker.bind(this);\n this.handleChangeGroup = this.handleChangeGroup.bind(this);\n\n this.state = {\n selectedDate: new Date(),\n hours: [\n {\n value: 1,\n label: \"1h\",\n },\n {\n value: 2,\n label: \"2h\",\n },\n {\n value: 3,\n label: \"3h\",\n },\n {\n value: 4,\n label: \"4h\",\n }\n\n ],\n hour: 1,\n data: [],\n orders: [],\n circular: true,\n dataExport: [],\n selected: this.props.selected ? this.props.selected : 'Todos',\n months: [\n \"Janeiro\",\n \"Fevereiro\",\n \"Março\",\n \"Abril\",\n \"Maio\",\n \"Junho\",\n \"Julho\",\n \"Agosto\",\n \"Setembro\",\n \"Outubro\",\n \"Novembro\",\n \"Dezembro\"\n ],\n selectedDateInital: new Date().setDate(new Date().getDate() - 30),\n selectedDateFinal: new Date(),\n period: [0, 1, 12, 24, 36, 48, 60, 72],\n chartData: [],\n groups: [],\n lockers: [],\n group: null,\n lockerS: null,\n groupedLockers: {}\n };\n }\n\n componentDidMount() {\n this.getOrders();\n }\n\n handleDateChange(selectedDate) {\n this.setState({ selectedDate });\n }\n\n handleDateChangeInit(selectedDateInital) {\n this.setState({ selectedDateInital });\n }\n\n handleDateChangeFinal(selectedDateFinal) {\n this.setState({ selectedDateFinal });\n }\n\n handleChangeLocker(locker) {\n this.setState({ lockerS: locker.target.value });\n };\n\n handleChangeGroup(group) {\n this.setState({ group: group.target.value });\n }\n\n handleChange = (event) => {\n let hour = (event.target.value <= 1 || event.target.value > 72) ? 1 : event.target.value;\n this.setState({ hour });\n };\n\n handleExport = () => {\n const { dataExport } = this.state;\n ExportCsv(dataExport);\n };\n\n handleSearch = () => {\n let selectedDate = (this.state.selectedDate) ? new Date(this.state.selectedDate) : new Date();\n this.setState({ circular: true });\n this.getOrders(selectedDate.getFullYear(), (selectedDate.getMonth()));\n };\n\n getOrders = (year = (new Date()).getFullYear(), month = ((new Date()).getMonth())) => {\n const { selectedDateFinal, selectedDateInital, group, lockerS } = this.state;\n\n let orders = [];\n //let currentUser = JSON.parse(localStorage.getItem(\"user\"));\n let groupedLockers = {};\n\n //getUser(currentUser.data.id, (us) => {\n getAllLockersSelect((us) => {\n us.listGrupos.push({\n value: null,\n label: \"Todos\",\n });\n\n us.listLockers.push({\n value: null,\n label: \"Todos\",\n });\n\n us.listGrupos.forEach(g => {\n groupedLockers[g.label] = [];\n });\n\n this.setState({ groups: us.listGrupos, lockers: us.listLockers });\n\n getAllLockers((lockers) => {\n\n if (lockers.length === 0) {\n this.setState({ circular: false, data: [] });\n }\n\n let capacitySlots = 0\n\n lockers.forEach((locker, indexL) => {\n let { id, group_lockers, name } = locker;\n\n if (groupedLockers[group_lockers]) {\n groupedLockers[group_lockers].push(`- ${name} \\n\\n`);\n }\n\n let availableLockers = null;\n let availableGroups = null;\n\n if (group || lockerS) {\n availableLockers = lockerS === id;\n availableGroups = group === group_lockers;\n } else {\n availableLockers = us.listLockers.findIndex(l => l.value == id);\n availableGroups = us.listGrupos.findIndex(g => g.value == group_lockers);\n }\n if (availableLockers || availableGroups) {\n getSlots(id, (slots) => {\n capacitySlots += (slots.length) ? slots.length - 1 : 0;\n getOrdersbyStatus(id, 'collected&status=courrier_collected', (order) => {\n order = order.filter(o => o.collectedAt ? selectedDateInital <= new Date(o.collectedAt).getTime() && new Date(o.collectedAt).getTime() <= selectedDateFinal : false);\n\n orders = orders.concat(order);\n order = orders;\n\n });\n });\n }\n\n setTimeout(() => {\n if (indexL === lockers.length - 1) {\n this.addData(orders, capacitySlots, groupedLockers);\n }\n }, 500);\n });\n });\n });\n\n\n }\n\n addData = (order, capacitySlots, groupedLockers) => {\n const { period } = this.state;\n let data = [];\n let dataExport = [];\n let chartData = [];\n let orderDiff = [];\n let ordersCount = 0;\n\n if (order.length > 0) {\n\n order.forEach((o, index) => {\n\n orderDiff.push(this.getDiff(o));\n });\n\n for (let i = 1; i < period.length; i++) {\n\n if (i == 1) {\n ordersCount = orderDiff.filter(o => o <= 1).length;\n } else if ((period.length - 1) == i) {\n ordersCount = orderDiff.filter(o => o >= period[i]).length;\n } else {\n ordersCount = orderDiff.filter(o => o <= period[i] && o > period[i - 1]).length;\n }\n\n let rate = Number(((ordersCount / order.length) * 100).toFixed(2));\n\n data.push([`${period[i]}`, `${rate}%`]);\n dataExport.push({ 'Permanência (horas)': `${period[i]}`, 'Taxa de permanência': `${rate}%` });\n chartData.push({ year: `${period[i]}`, max: rate });\n\n }\n\n this.setState({ circular: false, data, dataExport, orders: order, chartData, groupedLockers });\n } else {\n data.push([\"Nenhuma encomenda retirada nesse período!\"]);\n dataExport.push({ 'Permanência (horas)': `-`, 'Taxa de permanência': `-%` });\n\n this.setState({ circular: false, data, dataExport, orders: order, chartData });\n }\n }\n\n getDiff = (order) => {\n\n let diff = (Math.abs(new Date(order.collectedAt).getTime() - new Date(order.allocatedAt).getTime()) / 3600000).toFixed(2);\n diff = Number(String(diff).split('.')[0]);\n\n return diff;\n\n }\n\n render() {\n const { classes } = this.props;\n const { selectedDateInital, selectedDateFinal, chartData, data, circular, group, lockerS, groups, lockers, groupedLockers } = this.state;\n\n let layout = (circular) ?\n \n
:\n this.state.data.length === 0 ?\n \n Sem dados disponíveis\n
:\n \n
;\n\n return (\n TAXA DE PERMANÊNCIA
\n\n \n \n \n \n \n \n \n \n \n \n \n {lockers.map((option) => (\n \n ))}\n \n \n {groups.map((option) => (\n \n \n \n ))}\n \n
\n \n
\n \n
\n \n {layout}\n
\n );\n }\n}\nexport default withStyles(useStyles)(PermanencyRateGroup);\n","import \"date-fns\";\nimport React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Table from \"components/Table/Table\";\nimport TextField from \"@material-ui/core/TextField\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport ChartSendAndCollect from \"components/Chart/ChartSendAndCollect.js\";\nimport Grid from '@material-ui/core/Grid';\nimport { getOrdersbyStatus } from \"../../services/orders/orders\";\nimport CircularProgress from \"../Circular/Circular\";\nimport ExportCsv from \"exportCsv.js\";\nimport MomentUtils from \"@date-io/date-fns\";\nimport pt from \"date-fns/locale/pt\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker\n} from '@material-ui/pickers';\n\nimport '../Slots/style.css';\n\nconst useStyles = (theme) => ({\n iconView: {\n color: \"gray !important\",\n },\n root: {\n \"& .MuiFormControl-root\": {\n margin: theme.spacing(1),\n width: 200,\n },\n },\n dialog: {\n \"& .MuiPaper-root\": {\n margin: theme.spacing(1),\n width: 250,\n height: 200,\n },\n },\n green: {\n \"& label.Mui-focused\": {\n color: \"green\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"green\",\n },\n },\n red: {\n \"& label.Mui-focused\": {\n color: \"red\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"red\",\n },\n },\n});\n\nclass SendAndCollect extends Component {\n constructor(props) {\n super(props);\n this.getOrders = this.getOrders.bind(this);\n this.handleDateChangeInit = this.handleDateChangeInit.bind(this);\n this.handleDateChangeFinal = this.handleDateChangeFinal.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleExport = this.handleExport.bind(this);\n this.handleSearch = this.handleSearch.bind(this);\n this.getMinMax = this.getMinMax.bind(this);\n this.handleChangePeriod = this.handleChangePeriod.bind(this);\n this.handleChangeLocker = this.handleChangeLocker.bind(this);\n\n this.state = {\n selectedDateInital: null,\n selectedDateFinal: null,\n data: [],\n circular: true,\n chartData: [],\n dataExport: [],\n selectedPeriod: 1,\n period: [\n {\n value: 1,\n label: \"Todo\",\n },\n {\n value: 2,\n label: \"6h às 22h\",\n }\n ],\n lockerS: null\n };\n }\n\n componentDidMount() {\n this.getOrders();\n }\n\n handleDateChangeInit(selectedDateInital) {\n this.setState({ selectedDateInital });\n }\n\n handleChangeLocker(locker) {\n this.setState({ lockerS: locker.target.value });\n };\n\n handleDateChangeFinal(selectedDateFinal) {\n this.setState({ selectedDateFinal });\n }\n\n handleChange = (size) => {\n this.setState({ size: size.target.value });\n };\n\n handleChangePeriod = (event) => {\n this.setState({ selectedPeriod: event.target.value }, () => this.getOrders());\n }\n\n handleExport = () => {\n const { dataExport } = this.state;\n ExportCsv(dataExport);\n };\n\n handleSearch = () => {\n this.setState({ circular: true });\n this.getOrders();\n };\n\n getOrders = () => {\n let data = [];\n let chartData = [];\n let dataExport = [];\n\n let { selectedDateFinal, selectedDateInital, selectedPeriod, lockerS } = this.state;\n\n selectedDateInital = selectedDateInital ? new Date(selectedDateInital).setHours(0, 0, 0, 0) : new Date().setHours(0, 0, 0, 0);\n selectedDateFinal = selectedDateFinal ? new Date(selectedDateFinal).setHours(23, 59, 0, 0) : new Date().setHours(23, 59, 0, 0);\n if (lockerS) {\n getOrdersbyStatus(lockerS, 'allocated&status=collected&status=allocatedClient&status=courrier_collected', (order) => {\n\n order = order.filter(o => o.collectedAt ? selectedDateInital <= new Date(o.collectedAt).getTime() && new Date(o.collectedAt).getTime() <= selectedDateFinal : true);\n order = order.filter(o => o.allocatedAt ? selectedDateInital <= new Date(o.allocatedAt).getTime() && new Date(o.allocatedAt).getTime() <= selectedDateFinal : false);\n\n let firstHour;\n let lastHour;\n\n switch (selectedPeriod) {\n case 1:\n firstHour = 0;\n lastHour = 23;\n break;\n case 2:\n firstHour = 6;\n lastHour = 22;\n break;\n }\n\n\n\n for (var i = firstHour; i <= lastHour; i++) {\n\n let minMax = this.getMinMax(order, `${i}`);\n\n data.push([`${i}:00`, `${minMax.send}`, `${minMax.collect}`]);\n dataExport.push({ Hora: `${i}:00`, 'Entregas': `${minMax.send}`, 'Retiradas': `${minMax.collect}` })\n chartData.push({ year: `${i}:00`, min: minMax.send, max: minMax.collect })\n }\n\n this.setState({ circular: false, data, chartData, dataExport });\n });\n } else {\n this.setState({ circular: false, data, chartData, dataExport });\n }\n }\n\n getMinMax = (order, hour) => {\n\n let filteredOrdersCollect = order.filter(o => (o.collectedAt) ? new Date(o.collectedAt).getHours() === Number(hour) : false);\n filteredOrdersCollect = filteredOrdersCollect.length;\n\n let filteredOrdersSend = order.filter(o => (o.allocatedAt) ? new Date(o.allocatedAt).getHours() === Number(hour) : false);\n filteredOrdersSend = filteredOrdersSend.length;\n\n return {\n send: filteredOrdersSend,\n collect: filteredOrdersCollect\n }\n }\n\n render() {\n const { classes, lockers } = this.props;\n const { selectedDateInital, selectedDateFinal, data, circular, chartData, period, selectedPeriod, lockerS } = this.state;\n\n let layout = (circular) ?\n \n
\n : \n
;\n\n return (\n ENTREGAS E RETIRADAS
\n\n \n \n \n \n \n \n \n \n \n {period.map((option) => (\n \n ))}\n \n \n \n \n {lockers.map((option) => (\n (option.value) ?\n : null\n ))}\n \n
\n \n
\n \n
\n \n {layout}\n
\n );\n }\n}\nexport default withStyles(useStyles)(SendAndCollect);\n","import React, { Component } from 'react';\nimport { withStyles } from \"@material-ui/core/styles\";\nimport IconButton from '@material-ui/core/IconButton';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { getGrupos } from '../../services/lockers/lockers';\n\n\nconst styles = theme => ({\n iconView: {\n color: \"white !important\",\n },\n dropdownGroup: {\n margin: \"1.5rem 0rem 0rem -7rem\",\n zIndex: \"10\"\n }\n});\n\nclass DropdownGroup extends Component {\n constructor(props) {\n super(props);\n this.handleClick = this.handleClick.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleCloseOutside = this.handleCloseOutside.bind(this);\n this.getGroups = this.getGroups.bind(this);\n this.state = {\n selected: 'Todos',\n options: ['Todos'],\n open: false,\n anchorEl: null,\n ITEM_HEIGHT: 48\n }\n }\n\n componentDidMount() {\n this.getGroups();\n document.addEventListener('mousedown', this.handleCloseOutside);\n }\n\n componentWillUnmount() {\n document.removeEventListener('mousedown', this.handleCloseOutside);\n }\n\n getGroups() {\n getGrupos((data) => {\n let optionsAr = [...data];\n let { options } = this.state;\n\n optionsAr.forEach(o => {\n if (!options.includes(o))\n options.push(o);\n })\n\n this.setState({ options });\n });\n }\n\n handleCloseOutside() {\n this.setState({ anchorEl: null, open: false });\n }\n\n handleClick(event) {\n this.setState({ anchorEl: event.currentTarget, open: true });\n };\n\n handleClose(event) {\n this.handleCloseOutside();\n if (event) {\n this.setState({ selected: event });\n this.props.setSelected(event);\n }\n };\n\n render() {\n const { classes } = this.props;\n return (\n \n \n \n \n \n {this.state.options.map(option => (\n \n ))}\n \n
\n );\n }\n}\nexport default withStyles(styles)(DropdownGroup);","import React, { Component, useState } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';\nimport GridItem from 'components/Grid/GridItem.js';\nimport GridContainer from 'components/Grid/GridContainer.js';\nimport FormControl from '@material-ui/core/FormControl';\nimport Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport TextField from '@material-ui/core/TextField';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Button from 'components/CustomButtons/Button.js';\nimport DateFnsUtils from '@date-io/date-fns';\n\nconst useStyles = (theme) => ({\n root: {\n '& .MuiFormControl-root': {\n margin: theme.spacing(2),\n width: '105% !important',\n marginLeft: '1px',\n },\n },\n rootCircular: {\n flexGrow: 1,\n backgroundColor: '#f1f1f2',\n },\n green: {\n '& label.Mui-focused': {\n color: 'green',\n },\n '& .MuiInput-underline:after': {\n borderBottomColor: 'green',\n },\n },\n buttonAlign: {\n float: 'right',\n },\n});\n\n// preparando refatoração para componente funcional\n// const [dateFrom, setDateFrom] = useState(null);\n// const handleChangeDateFrom = (dateFrom) => setDateFrom(dateFrom);\n// const [dateTo, setDateTo] = useState(null);\n// const handleChangeDateTo = (dateTo) => setDateTo(dateTo);\n// const [circular, setCircular] = useState(false);\n// const handleCircular = () => setCircular(!circular);\n\nclass SearchRelatoriosOperacoes extends Component {\n state = {\n code: '',\n usuario: '',\n porta: '',\n encomenda: '',\n dateFrom: null,\n dateTo: null,\n circular: false,\n finalValue: '',\n finalField: '',\n setEncomenda: false,\n group: null,\n lockerS: null,\n origen: [\n {\n value: \"manage\",\n label: \"Sistema de Gestão\"\n },\n {\n value: \"locker\",\n label: \"Locker\"\n },\n {\n value: null,\n label: \"Ambos\"\n },\n ],\n origenSelect: null\n };\n\n handleClearInput = () => {\n this.setState({\n code: '',\n usuario: '',\n porta: '',\n encomenda: '',\n dateFrom: null,\n dateTo: null,\n finalValue: '',\n finalField: '',\n setEncomenda: false,\n });\n };\n\n handleChangeLocker = (locker) => {\n this.setState({ lockerS: locker.target.value });\n };\n\n handleChangeGroup = (group) => {\n this.setState({ group: group.target.value });\n }\n\n handleChangeOrigen = (origenSelect) => {\n this.setState({ origenSelect: origenSelect.target.value });\n }\n\n handleChange = (event) => {\n\n //console.log(`event:: ${JSON.stringify(event)}`);\n const e = event.target.id ? event.target.id : event.target.name;\n const { value } = event.target;\n\n switch (e) {\n case 'code':\n this.setState({ code: value, finalValue: value, finalField: e });\n break;\n case 'usuario':\n this.setState({ usuario: value, finalValue: value, finalField: e });\n break;\n case 'parametro1':\n this.setState({ porta: Number(value), finalValue: Number(value), finalField: e });\n break;\n case 'encomenda':\n this.setState({ encomenda: value, finalValue: value, finalField: e, setEncomenda: true });\n break;\n case 'lockers':\n this.setState({ finalValue: value, finalField: e });\n break;\n }\n\n console.log('dentro do handle CHANGE, campo e valor:', e, value);\n };\n\n handleChangeDateFrom = (dateFrom) => {\n this.setState({ dateFrom, finalField: 'dateFrom' });\n };\n\n handleChangeDateTo = (dateTo) => {\n this.setState({ dateTo, finalField: 'dateTo' });\n };\n\n handleFilterTable = () => {\n const { finalField, finalValue, dateFrom, dateTo, code, usuario, group, lockerS, origenSelect } = this.state;\n this.props.filterTable(finalField, finalValue, dateFrom, dateTo, code, usuario, group, lockerS, origenSelect);\n this.handleClearInput();\n };\n\n render() {\n const { show, classes, operations, groups, lockers, groupedLockers } = this.props;\n let { dateFrom, dateTo, setEncomenda, code, group, lockerS, origen, origenSelect } = this.state;\n\n // console.log('vindo do pai as operações', operations);\n\n if (!show) return null;\n\n return (\n \n \n
\n );\n }\n}\n\nexport default withStyles(useStyles)(SearchRelatoriosOperacoes);\n","import React, { useState, useEffect } from 'react';\n// @material-ui/core components\nimport { withStyles } from '@material-ui/core/styles';\nimport styles from 'assets/jss/material-dashboard-react/views/dashboardStyle.js';\n// core components\nimport Button from 'components/CustomButtons/Button.js';\nimport Table from 'components/Table/Table.js';\nimport SearchForm from 'components/Search/SearchRelatoriosOperacoes';\nimport Search from '@material-ui/icons/Search';\nimport Circular from 'components/Circular/Circular';\nimport { getAllEvents } from '../../services/events/events';\nimport { getAllLockers } from \"../../services/lockers/lockers\";\n\nimport moment from 'moment';\n\nclass RelatoriosOperacoes extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n showButtonSearch: true,\n showForm: false,\n lockerAPI: [],\n finalResultAPI: [],\n users: null,\n codeAndOperations: null,\n circular: true,\n joinLockers: [],\n selected: props.selected,\n allLockers: []\n };\n }\n\n componentDidMount() {\n this.handleGetAPI();\n }\n\n handleGetAPI = async () => {\n const { lockers, groups } = this.props;\n let allLockers = [];\n\n getAllLockers((los) => {\n los.push({ id: null, group_lockers: null });\n los.forEach((locker, index) => {\n if (lockers.find(l => l.value == locker.id) || groups.find(g => g.value == locker.group_lockers)) {\n getAllEvents(locker.id, (data) => {\n let dataVal = data.data.filter(d => d.code > 50);\n dataVal.forEach(dl => {\n dl['name'] = locker.name;\n dl['group'] = locker.group_lockers;\n });\n allLockers.push(...dataVal);\n\n if (index == los.length - 1) {\n this.setState({ circular: false, allLockers });\n this.joinAllLockers();\n }\n });\n } else {\n if (index == los.length - 1) {\n this.setState({ circular: false, allLockers });\n this.joinAllLockers();\n }\n }\n });\n });\n };\n\n joinAllLockers = () => {\n const { allLockers } = this.state;\n allLockers.sort((a, b) => moment(b.date) - moment(a.date));\n\n this.setState({ joinLockers: allLockers });\n };\n\n handleFilterTable = (field, value, dateFromValue, dateToValue, codeValue, userValue, groupVal, lockerVal, origenSelectVal) => {\n this.joinAllLockers();\n\n const { joinLockers } = this.state;\n\n let filteredData;\n\n groupVal = (groupVal) ? groupVal : {};\n lockerVal = (lockerVal) ? lockerVal : {};\n origenSelectVal = (origenSelectVal) ? origenSelectVal : {};\n\n filteredData = joinLockers.filter(\n (el) => {\n return (((codeValue) ? el.code === codeValue : true) && ((lockerVal && !lockerVal.value) ? true : (el.lockerId === lockerVal.value)) && ((groupVal && !groupVal.value) ? true : (el.group === groupVal.value)) && ((userValue) ? el.usuario === userValue : true) && ((dateFromValue) ? el.date >= dateFromValue.toISOString().substring(0, 11) + '00:00:00.000Z' : true) && ((dateToValue) ? el.date <= dateToValue.toISOString().substring(0, 11) + '23:59:59.000Z' : true));\n }\n );\n\n switch (origenSelectVal.value) {\n case \"manage\":\n filteredData = filteredData.filter(f => f.code >= 100);\n break;\n case \"locker\":\n filteredData = filteredData.filter(f => f.code < 100);\n break;\n }\n\n filteredData.sort((a, b) => moment(b.date) - moment(a.date));\n this.setState({\n joinLockers: filteredData,\n showForm: false,\n showButtonSearch: true,\n });\n\n };\n\n handleSearch = () => {\n const { showForm } = this.state;\n\n this.setState({\n showForm: !showForm,\n showButtonSearch: false,\n });\n\n this.joinAllLockers();\n };\n\n render() {\n const {\n circular,\n showForm,\n showButtonSearch,\n joinLockers,\n allLockers\n } = this.state;\n\n const codeAndOperation = [];\n\n const map = new Map();\n\n for (const item of allLockers) {\n if (!map.has(item.code)) {\n map.set(item.code, true);\n switch (item.code) {\n case '100':\n codeAndOperation.push({\n codigo: item.code,\n operacao: 'Usuário adicionado'.toUpperCase(),\n });\n break;\n case '101':\n codeAndOperation.push({\n codigo: item.code,\n operacao: 'Usuário atualizado'.toUpperCase(),\n });\n break;\n case '102':\n codeAndOperation.push({\n codigo: item.code,\n operacao: 'Usuário excluído'.toUpperCase(),\n });\n break;\n default:\n codeAndOperation.push({\n codigo: item.code,\n operacao: item.complemento.replace(/[0-9]/g, 'X').toUpperCase(),\n });\n }\n }\n }\n\n allLockers.sort((a, b) => b.date - a.date);\n\n const dataColumn = [\n 'Id',\n 'Operação',\n 'Locker',\n 'Porta',\n 'Encomenda',\n 'Usuário',\n 'Tempo de Operação',\n 'Gerado em',\n ];\n\n // a api recebe como dados um array de objetos.\n // a tabela recebe como dados um array de arrays. Aqui eu faço um map nos dados da api e retorno\n // um array de arrays com os valores da API convertidos para elementos do array final\n const dataTable = joinLockers.map((data) => [\n data.code,\n data.complemento.toUpperCase(),\n data.name,\n (data.parametro1 && (data.parametro1.includes(':') || !isNaN(data.parametro1))) ? '' : data.parametro1,\n (data.encomenda && data.encomenda.length > 20) ? data.encomenda.substring(0, 12) : data.encomenda,\n data.usuario,\n (data.parametro1 && data.parametro1.includes(':')) ? data.parametro1 : data.time,\n moment(data.date)\n .utcOffset((new Date().getTimezoneOffset()/60) * -1)\n .format('DD/MM/YYYY HH:mm:ss'),\n ]);\n\n return circular ? (\n \n cod.codigo !== null)\n .sort((a, b) => Number(a.codigo) - Number(b.codigo))}\n />\n 0 ? dataTable : [['Nada encontrado']]}\n tableHeaderColor=\"primary\"\n />\n
\n );\n }\n}\n\nexport default withStyles(styles)(RelatoriosOperacoes);\n","import React, { useEffect, useState } from 'react';\n\n// core components\nimport CustomTabs from 'components/CustomTabs/CustomTabs.js';\nimport OccupancyRateGroup from 'components/Slots/OccupancyRateGroup';\nimport PermanencyRateGroup from 'components/Orders/PermanencyRateGroup';\nimport SendAndCollect from 'components/Orders/SendAndCollectGroup';\nimport DropdownGroup from 'components/Dropdown/DropdownGroup';\nimport Operacoes from 'views/Relatorios/RelatoriosOperacoes';\nimport { createBrowserHistory } from \"history\";\n\nimport { getAllLockers } from '../../services/lockers/lockers';\nimport { getUser } from \"../../services/users/users\";\nimport { getAllLockersSelect } from \"../../services/lockers/lockers\";\n\nconst RelatoriosFabrika = () => {\n if (!localStorage.getItem(\"user\")) {\n createBrowserHistory({ forceRefresh: true }).push(\"/\");\n } else {\n createBrowserHistory({ forceRefresh: false }).push(`/`);\n }\n\n const lockerId = localStorage.getItem('lockerId');\n const currentUser = JSON.parse(localStorage.getItem(\"user\"));\n\n const [lockersId, setLockersId] = useState([]);\n const [lockersName, setLockersName] = useState([]);\n const [selected, setSelected] = useState('Todos');\n const [groups, setGroups] = useState([]);\n const [lockers, setLockers] = useState([]);\n const [groupedLockers, setGroupedLockers] = useState({});\n\n useEffect(() => {\n getLockers();\n }, []);\n\n const getLockers = async () => {\n //await getUser(currentUser.data.id, async (us) => {\n await getAllLockersSelect(async (us) => {\n\n let groupedLocker = {};\n\n us.listGrupos.push({\n value: null,\n label: \"Todos\",\n });\n\n us.listLockers.push({\n value: null,\n label: \"Todos\",\n });\n\n await us.listGrupos.forEach(g => {\n groupedLocker[g.label] = [];\n });\n\n await getAllLockers((data) => {\n const lockersName = data.map((locker) => {\n if (groupedLocker[locker.group_lockers]) {\n groupedLocker[locker.group_lockers].push(`- ${locker.name} \\n\\n`);\n }\n\n return locker.name;\n });\n\n setLockersName(lockersName);\n const lockersId = data.map((locker) => locker.id);\n setLockersId(lockersId);\n setGroupedLockers(groupedLocker);\n setGroups(us.listGrupos);\n setLockers(us.listLockers);\n });\n });\n\n };\n\n return (\n \n \n
\n\n \n
\n );\n};\n\nexport default RelatoriosFabrika;\n","import { hexToRgb, blackColor } from \"assets/jss/material-dashboard-react.js\";\n\nconst cardAvatarStyle = {\n cardAvatar: {\n \"&$cardAvatarProfile img\": {\n width: \"100%\",\n height: \"auto\"\n }\n },\n cardAvatarProfile: {\n maxWidth: \"130px\",\n maxHeight: \"130px\",\n margin: \"-50px auto 0\",\n borderRadius: \"50%\",\n overflow: \"hidden\",\n padding: \"0\",\n boxShadow:\n \"0 16px 38px -12px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.56), 0 4px 25px 0px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.12), 0 8px 10px -5px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.2)\",\n \"&$cardAvatarPlain\": {\n marginTop: \"0\"\n }\n },\n cardAvatarPlain: {}\n};\n\nexport default cardAvatarStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n// core components\n\nimport styles from \"assets/jss/material-dashboard-react/components/cardAvatarStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardAvatar(props) {\n const classes = useStyles();\n const { children, className, plain, profile, ...rest } = props;\n const cardAvatarClasses = classNames({\n [classes.cardAvatar]: true,\n [classes.cardAvatarProfile]: profile,\n [classes.cardAvatarPlain]: plain,\n [className]: className !== undefined\n });\n return (\n \n {children}\n
\n );\n}\n\nCardAvatar.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n profile: PropTypes.bool,\n plain: PropTypes.bool\n};\n","import { api } from '../api';\n\nexport const getDocumentsAsync = async () => {\n let url = '/document';\n const response = await api.get(url)\n return response.data ? response.data : [];\n}\n\nexport const getDocumentAsync = async (documentId) => {\n let url = `/document/${documentId}`;\n let response = await api.get(url);\n return (response.data.customer ? response.data.customer : []);\n\n}\n\nexport const createDocumentAsync = async (data) => {\n let url = `/document/`;\n let response = await api.post(url,data);\n return (response.status ===200 ? true : false);\n\n}\n\nexport const deleteDocumentAsync = async (documentId) => {\n let url = `/document/${documentId}`;\n let response = await api.delete(url);\n return (response.status ===200 ? true : false);\n\n}\n\nexport const updateDocumentAsync = async (documentId, data) => {\n let deleted = await deleteDocumentAsync(documentId);\n let result = false;\n if (deleted) {\n result = await createDocumentAsync(data);\n }\n \n return (result ? true : false);\n\n}","import React, { useState, useEffect, forwardRef } from \"react\";\nimport PropTypes from 'prop-types';\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport MuiAlert from '@material-ui/lab/Alert';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport { withStyles } from '@material-ui/core/styles';\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\n\n// core components\nimport MaterialTable from \"material-table\";\n\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardAvatar from \"components/Card/CardAvatar.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardFooter from \"components/Card/CardFooter.js\";\nimport { getConfigAsync } from \"services/config\";\nimport CircularProgress from \"components/Circular/Circular\";\nimport { updateConfigAsync } from \"services/config\";\nimport { getDocumentsAsync, createDocumentAsync, deleteDocumentAsync, updateDocumentAsync } from \"services/document\"\nimport Table from \"components/Table/Table.js\";\n\nimport AddBox from '@material-ui/icons/AddBox';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport Check from '@material-ui/icons/Check';\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\nimport ChevronRight from '@material-ui/icons/ChevronRight';\nimport Clear from '@material-ui/icons/Clear';\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\nimport Edit from '@material-ui/icons/Edit';\nimport FilterList from '@material-ui/icons/FilterList';\nimport FirstPage from '@material-ui/icons/FirstPage';\nimport LastPage from '@material-ui/icons/LastPage';\nimport Remove from '@material-ui/icons/Remove';\nimport SaveAlt from '@material-ui/icons/SaveAlt';\nimport Search from '@material-ui/icons/Search';\nimport ViewColumn from '@material-ui/icons/ViewColumn';\n\nconst tableIcons = {\n Add: forwardRef((props, ref) => \n
\n :\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n new Promise((resolve, reject) => {\n setTimeout(() => {\n {\n createDocumentAsync(newData)\n this.componentDidMount();\n \n resolve();\n }\n resolve()\n }, 1000)\n }),\n onRowUpdate: (newData, oldData) =>\n new Promise((resolve, reject) => {\n updateDocumentAsync(oldData.id, newData);\n\n setTimeout(() => {\n this.componentDidMount();\n\n resolve(); \n }, 200)\n }),\n onRowDelete: oldData =>\n new Promise((resolve, reject) => {\n setTimeout(() => {\n {\n deleteDocumentAsync(oldData.id);\n this.componentDidMount();\n\n resolve();\n }\n resolve()\n }, 1000)\n }),\n }}\n />\n \n \n\n \n \n \n \n \n \n \n Paramêtros atualizados com sucesso!\n \n \n \n\n \n
)\n }\n}\n\nexport default withStyles(styles)(Configuracoes);\n","import React, { Component } from \"react\";\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport { withStyles } from \"@material-ui/core/styles\";\n\n\nconst styles = theme => ({\n cardCategoryWhite: {\n \"&,& a,& a:hover,& a:focus\": {\n color: \"rgba(255,255,255,.62)\",\n margin: \"0\",\n fontSize: \"14px\",\n marginTop: \"0\",\n marginBottom: \"0\"\n },\n \"& a,& a:hover,& a:focus\": {\n color: \"#FFFFFF\"\n }\n },\n cardTitleWhite: {\n color: \"#FFFFFF\",\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: \"#777\",\n fontSize: \"65%\",\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n },\n iconView: {\n color: \"gray !important\"\n },\n iconViewArrow: {\n color: \"white !important\",\n },\n buttonIcon: {\n padding: \"5px\"\n },\n dropdown: {\n right: \"1.5%\",\n top: \"24%\",\n position: \"absolute\"\n }\n});\n\nclass Users extends Component {\n constructor(props) {\n super(props);\n }\n render() {\n const { classes } = this.props;\n return (\n Configurações
\nCadastro de Parâmetros
\nOperadores
\n\n {children}\n
\n );\n}\n\nDanger.propTypes = {\n children: PropTypes.node\n};\n","import React, {useState, useEffect} from \"react\";\n// react plugin for creating charts\nimport ChartistGraph from \"react-chartist\";\n// @material-ui/core\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Icon from \"@material-ui/core/Icon\";\n// @material-ui/icons\nimport Store from \"@material-ui/icons/Store\";\nimport Warning from \"@material-ui/icons/Warning\";\nimport DateRange from \"@material-ui/icons/DateRange\";\nimport LocalOffer from \"@material-ui/icons/LocalOffer\";\nimport Update from \"@material-ui/icons/Update\";\nimport ArrowUpward from \"@material-ui/icons/ArrowUpward\";\nimport AccessTime from \"@material-ui/icons/AccessTime\";\nimport Accessibility from \"@material-ui/icons/Accessibility\";\nimport BugReport from \"@material-ui/icons/BugReport\";\nimport Code from \"@material-ui/icons/Code\";\nimport Cloud from \"@material-ui/icons/Cloud\";\nimport { Chat, CloudOff, WhatsApp } from \"@material-ui/icons\";\n// core components\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Table from \"components/Table/Table.js\";\nimport Tasks from \"components/Tasks/Tasks.js\";\nimport CustomTabs from \"components/CustomTabs/CustomTabs.js\";\nimport Danger from \"components/Typography/Danger.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardIcon from \"components/Card/CardIcon.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardFooter from \"components/Card/CardFooter.js\";\nimport { getAllLockers } from \"../../services/lockers/lockers\";\n\n\nimport { bugs, website, server } from \"variables/general.js\";\n\nimport {\n dailySalesChart,\n emailsSubscriptionChart,\n completedTasksChart,\n} from \"variables/charts.js\";\n\nimport styles from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\n\n\nexport default function Dashboard() {\n const classes = useStyles();\n const [dataLockers, setDataLockers] = useState([]);\n const [status, setStatus] = useState({});\n const [mode, setMode] = useState({});\n const [statusData, setStatusData] = useState();\n const [ocupationRate, setOcupationRate] = useState(0);\n const [whatsapp, setWhatsapp] = useState(0)\n const [appData, setAppData] = useState();\n const [tipoData, setTipoData] = useState();\n\n useEffect(() => {\n getLockers();\n \n return () => {\n }\n }, [])\n\n useEffect(() => {\n \n copyTriggers(dataLockers)\n \n return () => {\n }\n }, [dataLockers])\n \n \n function copyTriggers(objeto) {\n\n let compo = [];\n var objectConstructor = ({}).constructor;\n var statusCount = {};\n var modeCount = {};\n var appVersionCount = {};\n var lockerTypeCount = {};\n let ocupationRateSum = 0;\n let ocupationRateCount = 0;\n var whatsappCount = 0;\n\n // console.log(JSON.stringify(objeto))\n const objetoFull = objeto;\n objeto = objeto.filter((el) => ((el?.mode === null) || (el?.mode === \"active\") || (el?.mode === \"maintenance\") || (el?.mode === \"\"))); \n\n\n for (let obj in objeto) {\n const propriedade = objeto[obj];\n\n const pStatus = (propriedade.status == \"active\")?\"active\":\"inactive\";\n const cStatus = statusCount[`${pStatus}`];\n\n // const pMode = propriedade.mode?propriedade.mode:\"active\";\n // const cMode = modeCount[`${pMode}`];\n\n const pAppVersion = propriedade.app_version?propriedade.app_version:\"Sem Versão\";\n const cAppVersion = appVersionCount[`${pAppVersion}`];\n\n const pLockerType = (propriedade?.lockerType == \"ecommerce\")?\"ecommerce\":\"condominio\";\n const cLockerType = lockerTypeCount[`${pLockerType}`];\n \n statusCount[`${pStatus}`] = (cStatus >= 0)?(cStatus+1):1;\n // modeCount[`${pMode}`] = (cMode >= 0)?(cMode+1):0;\n appVersionCount[`${pAppVersion}`] = (cAppVersion >= 0)?(cAppVersion+1):1;\n lockerTypeCount[`${pLockerType}`] = (cLockerType >= 0)?(cLockerType+1):1;\n\n ocupationRateSum = ocupationRateSum + (propriedade?.ocupationRate*1);\n ++ocupationRateCount;\n\n if (propriedade?.whatsapp) {\n whatsappCount++;\n }\n\n }\n\n for (let obj2 in objetoFull) {\n const propriedade = objetoFull[obj2];\n const pMode = propriedade.mode?propriedade.mode:\"active\";\n const cMode = modeCount[`${pMode}`];\n modeCount[`${pMode}`] = (cMode >= 0)?(cMode+1):0;\n }\n\n setStatus(statusCount);\n setMode(modeCount);\n let mData = emailsSubscriptionChart.data;\n mData.series[0] = [modeCount?.maintenance || 0, modeCount?.active || 0, modeCount?.inactive || 0, modeCount?.installing || 0,];\n setStatusData(mData);\n setOcupationRate(ocupationRateSum/ocupationRateCount);\n setWhatsapp(whatsappCount)\n\n var appVersionData = {\"labels\":[],\"series\":[[]]}\n\n for (let ob in appVersionCount) {\n const opRes = appVersionCount[ob];\n appVersionData.labels.push(ob);\n appVersionData.series[0].push(opRes);\n }\n\n\n setAppData(appVersionData);\n\n\n var lockerTypeData = {\"labels\":[],\"series\":[[]]}\n\n for (let ob in lockerTypeCount) {\n const opRes = lockerTypeCount[ob];\n lockerTypeData.labels.push(ob);\n lockerTypeData.series[0].push(opRes);\n }\n\n setTipoData(lockerTypeData);\n\n console.log( JSON.stringify(appVersionData), appVersionCount, JSON.stringify(emailsSubscriptionChart.data))\n // console.log(JSON.stringify(statusCount), JSON.stringify(modeCount), mData, emailsSubscriptionChart.data)\n\n return compo;\n\n}\n\n function getLockers() {\n\n getAllLockers((data) => {\n setDataLockers(data);\n });\n }\n\n return (\n \n \n\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n {/* \n \n \n \n \n \n \n \n \n */}\n\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n\n {/* \n \n \n \n \n \n \n \n \n */}\n \n\n {/* \n \n \n \n \n \n \n \n \n \n \n */}\n
\n );\n}\n","import React, { useEffect, useState } from \"react\";\n// material-ui\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\nimport TableChart from \"@material-ui/icons/TableChart\";\nimport LocationOnIcon from '@material-ui/icons/LocationOn';\n\nimport {\n withScriptjs,\n withGoogleMap,\n GoogleMap,\n Marker,\n LoadScript,\n OverlayView\n} from \"@react-google-maps/api\";\n// core components\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardIcon from \"components/Card/CardIcon.js\";\nimport { getAllLockers } from \"../../services/lockers/lockers\";\nimport { createBrowserHistory } from \"history\";\n\nimport dashboardStyle from \"assets/jss/material-dashboard-react/views/dashboardStyle.js\";\n\nvar styles = {\n ...dashboardStyle,\n cardTitle: {\n marginTop: \"0\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\"\n }\n};\n\nconst useStyles = makeStyles(styles);\n\nconst containerStyle = {\n width: \"100%\",\n height: \"100vh\",\n flex: 1,\n};\n\nlet center = {\n lat: -14.235004,\n lng: -51.92528,\n};\n\nlet zoom = 5;\n\nexport default function Maps() {\n const classes = useStyles();\n const [lockers, setLocker] = useState([]);\n\n if (!localStorage.getItem(\"user\")) {\n createBrowserHistory({ forceRefresh: true }).push(\"/\");\n } else {\n createBrowserHistory({ forceRefresh: false }).push(`/`);\n }\n\n let geo = JSON.parse(localStorage.getItem(\"geo\"));\n\n if (geo) {\n center = {\n lat: Number(geo.lat),\n lng: Number(geo.lng)\n }\n\n zoom = 15;\n } else {\n center = {\n lat: -14.235004,\n lng: -51.92528,\n };\n\n zoom = 5;\n\n }\n\n useEffect(() => {\n getAllLockers((data) => {\n let lockersData = data.filter((d) => d.geolocation);\n setLocker(lockersData);\n console.log(JSON.stringify(lockersData))\n localStorage.removeItem(\"geo\");\n });\n }, []);\n\n return (\n Lockers Online
\n{status?.active || 0}
\n\n
\n Lockers Offline
\n{status?.inactive || 0}
\n\n
\n Lockers com WhatsApp
\n{whatsapp}
\n\n
\n Taxa de Ocupação Média
\n{`${ocupationRate.toFixed(2)} %`}
\n\n
\n Daily Sales
\n\n \n
\n
\n Status dos Lockers
\nQuantidade de Lockers em cada Status
\n\n
\n Versão do Núcleo
\nQuantidade de Lockers em cada versão do núcleo
\n\n
\n Tipo dos Lockers
\nQuantidade de Lockers de cada tipo
\n\n
\n Completed Tasks
\nLast Campaign Performance
\n\n
\n Employees Stats
\n\n New employees on 15th September, 2016\n
\n\n \n {locker.status === 'active' ?\n \n \n \n : \n \n \n }\n \n {locker.name}\n \n \n
\n \n ))}\n <>\n \n Condomínio
\nCondomínios cadastrados
\n\n {\n !this.state.modoEdit ?\n
\n\n \n
: undefined\n }\n\n \n \n
\n {\n this.state.dataLockersGrid.map((locker, index) => {\n\n return (\n \n {\n this.state.showSave ?\n this.onDeleteItemGridLockers(locker)}>\n : undefined\n }\n \n
\n )\n })\n }\n \n
\n );\n}\n","// @material-ui/icons\nimport Dashboard from \"@material-ui/icons/Dashboard\";\nimport ViewComfy from \"@material-ui/icons/ViewComfy\";\nimport Settings from \"@material-ui/icons/Settings\";\nimport Person from \"@material-ui/icons/Person\";\nimport LibraryBooks from \"@material-ui/icons/LibraryBooks\";\nimport LocationOn from \"@material-ui/icons/LocationOn\";\nimport ApartmentIcon from '@material-ui/icons/LocationCity';\n// core components/views for Admin layout\nimport Lockers from \"views/Lockers/Lockers.js\";\nimport ListLockers from \"views/ListLockers\"\nimport Relatorios from \"views/Relatorios\";\nimport RelatoriosFabrika from \"views/Relatorios/RelatoriosFabrika\";\nimport Configuracoes from \"views/Configuracoes\";\nimport Users from \"views/Users\";\nimport DashboardView from \"views/Dashboard/Dashboard.js\"\nimport Maps from \"views/Maps/Maps.js\";\nimport LockersModel from \"views/Lockers/LockersModel.js\";\nimport Usuarios from 'views/Usuarios/index.js'\nimport Condominio from 'views/Condominio/index.js'\n\nconst dashboardRoutes = [\n /*todo: DashBoard ainda não está implementado.*/\n {\n path: \"/dashboard\",\n name: \"Dashboard\",\n rtlName: \"Dashboard\",\n icon: Dashboard,\n component: DashboardView,\n layout: \"/admin\",\n },\n {\n path: \"/lockers\",\n name: \"Lockers\",\n rtlName: \"Lockers\",\n icon: ViewComfy,\n component: Lockers,\n layout: \"/admin\",\n },\n\n {\n path: \"/maps\",\n name: \"Maps\",\n rtlName: \"Maps\",\n icon: LocationOn,\n component: Maps,\n layout: \"/admin\"\n },\n \n {\n path: \"/users\",\n name: \"Usuários\",\n rtlName: \"Usuários\",\n icon: Person,\n component: Usuarios,\n layout: \"/admin\",\n },\n \n {\n path: \"/condominio\",\n name: \"Condomínio\",\n rtlName: \"Condomínio\",\n icon: ApartmentIcon,\n component: Condominio,\n layout: \"/admin\",\n },\n \n /* todo Relatórios e configurações ainda não implementado.\n {\n path: \"/relatorios\",\n name: \"Relatórios\",\n icon: LibraryBooks,\n component: Relatorios,\n layout: \"/admin\",\n },\n {\n path: \"/config\",\n name: \"Configurações\",\n icon: Settings,\n component: Configuracoes,\n layout: \"/admin\",\n },*/\n /*{\n path: \"/relatorios\",\n name: \"Relatórios\",\n icon: LibraryBooks,\n component: RelatoriosFabrika,\n layout: \"/admin\",\n },*/\n /*{\n path: \"/config\",\n name: \"Configurações\",\n icon: Settings,\n component: Configuracoes,\n layout: \"/admin\",\n },*/\n\n];\n\nexport default dashboardRoutes;\n","import {\n drawerWidth,\n transition,\n container\n} from \"assets/jss/material-dashboard-react.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: \"40px\",\n padding: \"15px 15px\",\n minHeight: \"calc(100vh - 123px)\"\n },\n container,\n map: {\n marginTop: \"70px\"\n }\n});\n\nexport default appStyle;\n","import React, { Component } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { brow } from 'react-router';\nimport { createBrowserHistory } from \"history\";\nimport { Router, Route, Switch, Redirect } from \"react-router-dom\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\nimport TextField from \"@material-ui/core/TextField\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport Checkbox from \"@material-ui/core/Checkbox\";\nimport LinkSite from \"@material-ui/core/Link\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Box from \"@material-ui/core/Box\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Circular from \"components/Circular/Circular\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport icon from \"../../assets/img/icon.png\";\nimport correiosLogo from \"../../assets/img/meulocker_logo.png\";\nimport backgroundImage from \"../../assets/img/condominio_sigin.jpg\"\n\nimport { login as authenticate } from \"services/customer/index\";\n\nconst useStyles = (theme) => ({\n root: {\n height: \"100vh\",\n \"& .MuiTypography-root\": {\n padding: \"20px 0 0 0\",\n },\n },\n image: {\n backgroundImage: `url(${backgroundImage})`,\n backgroundRepeat: \"no-repeat\",\n backgroundColor:\n theme.palette.type ===\"dark\"\n ? theme.palette.grey[900]\n : theme.palette.grey[50],\n backgroundSize: \"cover\",\n backgroundPosition: \"center\",\n },\n paper: {\n margin: theme.spacing(8, 4),\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n },\n paperBackground: {\n background: \"#F1F1F2\",\n },\n img: {\n width: '60%',\n //marginBottom: '-10%'\n },\n span: {\n \"& .MuiTypography-root\": {\n color: \"gray\",\n },\n display: \"block !important\",\n },\n form: {\n width: \"100%\", // Fix IE 11 issue.\n marginTop: theme.spacing(1),\n },\n submit: {\n margin: theme.spacing(3, 0, 2),\n },\n green: {\n \"& label.Mui-focused\": {\n color: \"green\",\n },\n\n borderColor: \"green !important\",\n },\n red: {\n \"& label.Mui-focused\": {\n color: \"red\",\n },\n color: \"red\",\n borderColor: \"red !important\",\n },\n circular: {\n position: \"absolute !important\",\n top: \"320px !important\",\n },\n});\n\nclass SignInSide extends Component {\n constructor(props) {\n super(props);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.copyright = this.copyright.bind(this);\n this.handlePassChange = this.handlePassChange.bind(this);\n this.handleUserChange = this.handleUserChange.bind(this);\n //this.history = useHistory();\n this.state = {\n username: \"\",\n password: \"\",\n error: false,\n invalid: false,\n circular: false,\n };\n }\n\n handleUserChange(e) {\n this.setState({ username: e.target.value, error: false, invalid: false });\n }\n\n handlePassChange(e) {\n this.setState({ password: e.target.value, error: false, invalid: false });\n }\n\n handleSubmit(event) {\n event.preventDefault();\n this.setState({ circular: true }, () => {\n let { username, password } = this.state;\n if (!username || !password) {\n return this.setState({ error: true, circular: false });\n }\n\n authenticate(username, password, false, (token) => {\n if (token) {\n createBrowserHistory({ forceRefresh: true }).push(\"/\");\n\n } else {\n this.setState({ invalid: true, circular: false });\n }\n });\n });\n }\n\n copyright() {\n return (\n \n
\n \n
\n ) : (\n {switchRoutes}
\n {switchRoutes}
\n )}\n {getRoute() ? : null}\n {/* \n 
\n \n {circular ? null : \"\"}\n \n {circular ? (\n \n \n Log In\n \n {/* \n \n \n Esqueceu a senha?\n \n \n \n \n {\"Ainda não tem conta? Registrar\"}\n \n \n */}\n {this.copyright} \n \n )}\n
\n \n
\n ) : (\n Matrícula ou Senha Inválido!
\n ) : null}\n\n \n \n {circular ? null : \"\"}\n \n {circular ? (\n \n \n Log In\n \n {/* \n \n \n Esqueceu a senha?\n \n \n \n \n {\"Ainda não tem conta? Registrar\"}\n \n \n */}\n {this.copyright} \n \n )}\n
\n \n
\n ) : (\n Matrícula ou Senha Inválido!
\n ) : null}\n\n 
\n \n {circular ? null : \"Registrar\"}\n \n {circular ? (\n \n \n Registrar\n \n \n \n \n {\"Já possui uma conta? Log In\"}\n \n \n \n {this.copyright} \n \n )}\n
\n \n
\n ) : (\n Usuário já existe!
\n ) : null}\n