\r\n setanchor(false)}\r\n style={{ width: 250 }}\r\n subheader={\r\n \r\n {t(\"navigation.management\")}\r\n \r\n }\r\n >\r\n {user.programas.length > 1 && (\r\n {\r\n window.scrollTo(0, 0);\r\n history.push(ROUTES.PROGRAMS);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setanchor(false)}\r\n style={{ width: 250 }}\r\n subheader={\r\n \r\n {t(\"navigation.elements\")}\r\n \r\n }\r\n >\r\n {\r\n customRoute(ROUTES.DEVICES);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n\r\n {\r\n customRoute(ROUTES.ACCESSORIES);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n\r\n {\r\n customRoute(ROUTES.USERS);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n\r\n setanchor(false)}\r\n style={{ width: 250 }}\r\n subheader={\r\n \r\n {t(\"navigation.support\")}\r\n \r\n }\r\n >\r\n {\r\n history.push(ROUTES.SOURCES);\r\n window.scrollTo(0, 0);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n\r\n {\r\n history.push(ROUTES.RELEASE_NOTES);\r\n window.scrollTo(0, 0);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n\r\n \r\n V 2.0.0.13\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AuthDrawer;\r\n\r\nconst NavigatordBadge = withStyles((theme) => ({\r\n badge: {\r\n right: -4,\r\n border: `2px solid ${theme.palette.background.paper}`,\r\n padding: \"0 4px\",\r\n },\r\n}))(Badge);\r\n","import {\r\n ListItemIcon,\r\n ListItemText,\r\n MenuItem,\r\n CircularProgress,\r\n} from \"@material-ui/core\";\r\nimport { PowerSettingsNew } from \"@material-ui/icons\";\r\nimport React, { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { singOut } from \"../DataNet/DataNetAuth\";\r\n\r\nconst SingOutMenuItem = () => {\r\n const { t } = useTranslation();\r\n const [isClicked, setIsClicked] = useState(false);\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default SingOutMenuItem;\r\n","import { Avatar, IconButton, ListItemIcon, ListItemText, makeStyles, Menu, MenuItem } from \"@material-ui/core\";\r\nimport { grey } from \"@material-ui/core/colors\";\r\nimport React, { useState } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport SingOutMenuItem from \"../SignOut/SingOutMenuItem\";\r\nimport * as ROUTES from \"../../constants/routes\";\r\nimport LangSelect from \"./LangSelect\";\r\n\r\nconst User = ({ user }) => {\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const open = Boolean(anchorEl);\r\n const classes = useStyles();\r\n const history = useHistory();\r\n\r\n const handleMenu = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n return (\r\n <>\r\n \r\n \r\n \r\n {location.pathname.split(\"/\").length <= 4 ? t(\"common.program\") : t(\"common.group\")}\r\n \r\n \r\n {\r\n //* Si solo tiene una opcción se elimina la opción todos */\r\n /*\r\n userSelectOptions.length > 1 && (\r\n \r\n )*/\r\n }\r\n\r\n {userSelectOptions.map((p) => p)}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SelectList;\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n },\r\n formControl: {\r\n color: theme.palette.primary.main,\r\n },\r\n drawerContainer: {\r\n overflow: \"auto\",\r\n },\r\n content: {\r\n flexGrow: 1,\r\n padding: theme.spacing(3),\r\n },\r\n menuButton: {\r\n marginRight: theme.spacing(2),\r\n },\r\n title: {\r\n flexGrow: 0.2,\r\n display: \"none\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n display: \"block\",\r\n },\r\n },\r\n search: {\r\n position: \"relative\",\r\n borderRadius: theme.shape.borderRadius,\r\n minWidth: 120,\r\n backgroundColor: fade(theme.palette.common.white, 0.15),\r\n \"&:hover\": {\r\n backgroundColor: fade(theme.palette.common.white, 0.25),\r\n },\r\n marginLeft: 20,\r\n //width: \"100%\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n marginLeft: theme.spacing(1),\r\n minWidth: 140,\r\n },\r\n [theme.breakpoints.down(\"xs\")]: {\r\n marginLeft: theme.spacing(1),\r\n maxWidth: 140,\r\n },\r\n },\r\n searchIcon: {\r\n padding: theme.spacing(0, 2),\r\n height: \"100%\",\r\n position: \"absolute\",\r\n pointerEvents: \"none\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n inputRoot: {\r\n color: \"inherit\",\r\n },\r\n inputInput: {\r\n padding: theme.spacing(1, 1, 1, 0),\r\n // vertical padding + font size from searchIcon\r\n paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n transition: theme.transitions.create(\"width\"),\r\n width: \"100%\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n width: \"12ch\",\r\n \"&:focus\": {\r\n width: \"20ch\",\r\n },\r\n },\r\n },\r\n}));\r\n","export default __webpack_public_path__ + \"static/media/BEXEN_Cardio_Horiz_Blanco.2ddfb6c4.png\";","import React, { useState } from \"react\";\r\nimport { AppBar, Drawer, IconButton, Grid, Toolbar, Typography, Hidden, SwipeableDrawer, Avatar } from \"@material-ui/core\";\r\nimport { makeStyles, fade } from \"@material-ui/core/styles\";\r\nimport { Menu } from \"@material-ui/icons\";\r\nimport * as ROUTES from \"../../constants/routes\";\r\nimport { AuthUserContext } from \"../Session\";\r\nimport AuthDrawer from \"./AuthDrawer\";\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport User from \"./User\";\r\nimport SelectList from \"./SelectList\";\r\nimport LangSelect from \"./LangSelect\";\r\nimport { grey, purple } from \"@material-ui/core/colors\";\r\nimport BexenCardioLogoH from \"../../assets/images/BEXEN_Cardio_Horiz_Blanco.png\";\r\nimport BexenCardioLogoColorH from \"../../assets/images/0_3_BEXEN_Cardio_Horiz.png\";\r\n\r\nconst Navigation = ({}) => {\r\n const classes = useStyles();\r\n\r\n const [anchor, setanchor] = useState(false);\r\n const [openDrawer, setopenDrawer] = useState(false);\r\n\r\n const location = useLocation();\r\n const history = useHistory();\r\n\r\n var currentLoc = location.pathname.split(\"/\").pop();\r\n return (\r\n \r\n \r\n \r\n {(authUser) => }\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n {(authUser) => authUser && \r\n \r\n \r\n\r\n {/**drawer para versiones moviles y tablets */}\r\n\r\n \r\n setopenDrawer(true)}\r\n onClose={() => setopenDrawer(false)}\r\n >\r\n \r\n \r\n 
\r\n \r\n \r\n\r\n {(authUser) => authUser && \r\n \r\n \r\n\r\n {/**ocultar el drawer para versiones moviles y tablets */}\r\n \r\n \r\n {(authUser) => authUser && \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Navigation;\r\n\r\nconst drawerWidth = 251;\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n },\r\n appBar: {\r\n zIndex: theme.zIndex.drawer + 1,\r\n background: \"white\",\r\n [theme.breakpoints.up(\"sm\")]: {},\r\n },\r\n drawer: {\r\n width: drawerWidth,\r\n flexShrink: 0,\r\n },\r\n drawerPaper: {\r\n width: drawerWidth,\r\n overflowX: \"hidden\",\r\n },\r\n drawerContainer: {\r\n overflow: \"auto\",\r\n },\r\n content: {\r\n flexGrow: 1,\r\n padding: theme.spacing(3),\r\n },\r\n menuButton: {\r\n marginRight: theme.spacing(2),\r\n },\r\n title: {\r\n flexGrow: 0.2,\r\n marginRight: 20,\r\n display: \"none\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n display: \"block\",\r\n },\r\n },\r\n\r\n logo: {\r\n maxWidth: 164,\r\n verticalAlign: \"bottom\",\r\n },\r\n\r\n search: {\r\n position: \"relative\",\r\n borderRadius: theme.shape.borderRadius,\r\n backgroundColor: fade(theme.palette.common.white, 0.15),\r\n \"&:hover\": {\r\n backgroundColor: fade(theme.palette.common.white, 0.25),\r\n },\r\n marginLeft: 0,\r\n width: \"100%\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n marginLeft: theme.spacing(1),\r\n width: 150,\r\n },\r\n },\r\n searchIcon: {\r\n padding: theme.spacing(0, 2),\r\n height: \"100%\",\r\n position: \"absolute\",\r\n pointerEvents: \"none\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n inputRoot: {\r\n color: \"inherit\",\r\n },\r\n inputInput: {\r\n padding: theme.spacing(1, 1, 1, 0),\r\n paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n transition: theme.transitions.create(\"width\"),\r\n width: \"100%\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n width: \"12ch\",\r\n \"&:focus\": {\r\n width: \"20ch\",\r\n },\r\n },\r\n },\r\n}));\r\n","import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst ErrorDialog = ({ errorMsg, clearError }) => {\r\n const { t } = useTranslation();\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default ErrorDialog;\r\n","import { FormControl, makeStyles, MenuItem, Select, InputLabel, Grid, Zoom } from \"@material-ui/core\";\r\nimport { Skeleton } from \"@material-ui/lab\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport * as DATANETAPI from \"../DataNet/DataNet\";\r\nimport ErrorDialog from \"../ErrorDialog\";\r\n\r\nconst ModelSelect = ({ models, model, setModel, setGroup, group }) => {\r\n const classes = useStyles();\r\n const { t } = useTranslation();\r\n const [groups, setGroups] = useState([]);\r\n const [selectedGroup, setSelectedGroup] = useState(\"\");\r\n const [isSelectedGroup, setIsSelectedGroup] = useState(false);\r\n const { programId, groupId } = useParams();\r\n const [connectionErrorMsg, setConnectionErrorMsg] = useState(\"\");\r\n\r\n const handleChange = (event) => {\r\n setModel(event.target.value);\r\n };\r\n\r\n const handleGroup = (event) => {\r\n setSelectedGroup(event.target.value);\r\n setGroup(event.target.value);\r\n };\r\n\r\n useEffect(() => {\r\n if (groups.length === 1) {\r\n //console.log(\"entro a actualziar\", groups[0].id);\r\n setSelectedGroup(groups[0].id.toString());\r\n setGroup(groups[0].id.toString());\r\n }\r\n }, [groups]);\r\n\r\n useEffect(() => {\r\n let groups = [];\r\n if (groupId !== undefined) {\r\n DATANETAPI.getGroup(groupId).then((snap) => {\r\n if (snap.status >= 0) {\r\n groups.push({ id: snap.data.groupid, name: snap.data.name });\r\n setGroups(groups);\r\n setIsSelectedGroup(true);\r\n } else {\r\n setConnectionErrorMsg(t(`error.connection_${snap.status}`));\r\n }\r\n });\r\n } else {\r\n DATANETAPI.getAllGroups(programId).then((snap) => {\r\n snap.data.forEach((group) => {\r\n groups.push({ id: group.groupid, name: group.name });\r\n });\r\n setGroups(groups);\r\n setIsSelectedGroup(true);\r\n });\r\n }\r\n !!group && setSelectedGroup(group);\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n setopenDrawer(true)}>\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n {!ROUTES.SOURCES.includes(currentLoc) &&\r\n (ROUTES.DEVICES.includes(currentLoc) || ROUTES.USERS.includes(currentLoc) || ROUTES.GROUPS.includes(currentLoc)) /*||\r\n ROUTES.PROGRAMS.includes(currentLoc)*/ && \r\n {match.path == ROUTES.DEVICES_IN_GROUP && (\r\n {(user) => \r\n )}\r\n {match.path == ROUTES.DEVICES_IN_PROGRAM && (\r\n {(user) => \r\n )}\r\n {match.path == ROUTES.DEVICES && {(user) => }\r\n {match.path == ROUTES.PROGRAMS && {(user) => }\r\n {match.path == ROUTES.GROUPS && {(user) => }\r\n {match.path === ROUTES.GROUPS_IN_PROGRAM && {(user) => }\r\n {match.path === ROUTES.ACCESSORIES && {(user) => }\r\n {match.path === ROUTES.ACCES_IN_GROUP && {(user) => }\r\n {match.path === ROUTES.ACCES_IN_PROG && {(user) => }\r\n {match.path === ROUTES.USERS && {(user) => }\r\n {match.path === ROUTES.USERS_IN_GROUP && {(user) => }\r\n {match.path === ROUTES.USERS_IN_PROGRAM && {(user) => }\r\n {match.path === ROUTES.SOURCES && {(user) => }\r\n {match.path === ROUTES.RELEASE_NOTES && {(user) => }\r\n
\r\n );\r\n};\r\n\r\nexport default PageHeader;\r\n","export default __webpack_public_path__ + \"static/media/Parches_2.984fe117.png\";","import { Button, Card, CardActionArea, CardActions, CardContent, CardMedia, Chip, Divider, Grid, IconButton, Paper, SvgIcon, Tooltip, Typography } from \"@material-ui/core\";\r\nimport { green, orange, red, lightGreen, lime, yellow, amber, deepOrange, blueGrey, purple, pink, grey } from \"@material-ui/core/colors\";\r\nimport {\r\n Error,\r\n Check,\r\n Warning,\r\n BatteryFull,\r\n Battery90,\r\n Battery80,\r\n Battery60,\r\n Battery50,\r\n Battery30,\r\n Battery20,\r\n BatteryAlert,\r\n FlashOn,\r\n BatteryUnknown,\r\n CropPortrait,\r\n Sync,\r\n Face,\r\n} from \"@material-ui/icons\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport moment from \"moment\";\r\nimport getDeviceStatus from \"../../functions/getDeviceStatus\";\r\nimport Pads_Icon from \"../../assets/images/Parches_2.png\";\r\nimport batteryRemainingCalc from \"../../functions/BatteryChargeCalc\";\r\n\r\nconst deviceStatus = ({ status, t, hasComs, software }) => {\r\n //console.log(\"DEV STATUS ->\", status);\r\n var dev_status = status.device_status; //dev_status_ini;\r\n var type_error = status.main;\r\n\r\n const syncOutOfDate = moment().diff(dev_status?.updateDate, \"months\") >= (hasComs ? 3 : 12) || dev_status?.updateSource === 0;\r\n const batteryResult = batteryRemainingCalc({\r\n hasComs: hasComs,\r\n syncDate: moment(dev_status?.updateDate),\r\n battery: dev_status?.batteryStatus,\r\n software: software,\r\n updateSource: dev_status?.updateSource,\r\n });\r\n const statusErrors = getDeviceStatus(status, syncOutOfDate, batteryResult, software);\r\n const wrongBattery = dev_status?.batteryStatus.name !== \"BEXENCARDIO\" && dev_status?.batteryStatus.name !== \"DEMO\";\r\n const doNotWhowBattery = statusErrors?.errors?.some((s) => s?.id == 31) || wrongBattery;\r\n const demoPadsInNormalBattery = statusErrors?.errors?.some((s) => s?.id == 23);\r\n\r\n return (\r\n \r\n \r\n {t(\"groups.filter.deviceNumber\")}\r\n \r\n
\r\n \r\n \r\n {t(\"groups.filter.rescuerNumber\")}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {loading &&
\r\n \r\n {value === index && children}\r\n
\r\n );\r\n}\r\n\r\nconst condition = (authUser) => !!authUser;\r\n\r\nexport default withAuthorization(condition)(DevicePage);\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n paper: {\r\n borderRadius: 16,\r\n borderColor: red[200],\r\n padding: theme.spacing(2),\r\n [theme.breakpoints.up(\"xs\")]: {\r\n padding: theme.spacing(4),\r\n },\r\n [theme.breakpoints.up(\"md\")]: {\r\n padding: theme.spacing(8),\r\n paddingTop: theme.spacing(4),\r\n paddingBottom: theme.spacing(4),\r\n },\r\n },\r\n}));\r\n\r\nvar deviceBack = {\r\n id: 6,\r\n name: \"R100 I+D\",\r\n serial: \"2020/20202414\",\r\n manufacturer: \"Bexen Cardio\",\r\n disabled: false,\r\n conectivity: false,\r\n model: \"Reanibex 100\",\r\n status: { main: 0 },\r\n location: {\r\n name: \"Osatu S.coop\",\r\n latitude: 43.1854194,\r\n longitude: -2.5099712,\r\n },\r\n battery: {\r\n type: \"t_battery\",\r\n id: 124125,\r\n serial: \"2415/21070356\",\r\n expiration_date: \"2022-02-05T11:00:07.865465\",\r\n total: 1,\r\n used: 1,\r\n compatibility: [\"Reanibex 100\"],\r\n },\r\n pads: {\r\n type: \"t_pads\",\r\n id: 154127,\r\n serial: \"50623-0773\",\r\n reference: \"KSA 0501 B\",\r\n expiration_date: \"2021-02-05T11:00:07.865465\",\r\n total: 5,\r\n used: 3,\r\n compatibility: [\"Reanibex 100\"],\r\n },\r\n config: {\r\n device_setting: {\r\n langs: {\r\n default: 1,\r\n list: [\"02_EN\", \"01_ES\"],\r\n },\r\n cpr: {\r\n cpr1: 120,\r\n cpr2: 120,\r\n msg_long: 1,\r\n },\r\n metronome: {\r\n ratio_adult: 1,\r\n ratio_pediatric: 0,\r\n rate: 1,\r\n },\r\n shocks: {\r\n consecutive_shocks: 1,\r\n energy1_adult: 200,\r\n energy2_adult: 200,\r\n energy3_adult: 200,\r\n energy1_pediatric: 50,\r\n energy2_pediatric: 75,\r\n energy3_pediatric: 90,\r\n },\r\n patient: {\r\n patient_type: 1,\r\n },\r\n misc: {\r\n mains_filter: 50,\r\n utc_time: 1,\r\n volume: 2,\r\n },\r\n wifi: {\r\n eap: 1,\r\n ssid: \"\r\n \r\n \r\n {t(\"accessories.new.addNew\")} \r\n \r\n \r\n {\r\n setAddModalOpen(true);\r\n setNewAccesoryType(\"t_battery\");\r\n }}\r\n >\r\n {\r\n setAddModalOpen(true);\r\n setNewAccesoryType(\"t_pads\");\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n {t(\"accessories.notFound\")} \r\n
\r\n )}\r\n \r\n {(authUser) => !!authUser && \r\n\r\n \r\n \r\n \r\n \r\n
\r\n