\n {location ? location : deviceName}\n
\n \n \n \n \n\n \n \n {\n resizeGrid()\n }}\n >\n {\n history.push(\n `/${i18n.language}/dashboard/${event.data.id}`\n )\n }}\n />\n {\n return moment.unix(params.value).fromNow()\n }}\n resizable\n filter\n sortable\n />\n {\n // TODO: clean this when fully remove nemo\n return params.data.tvoc || params.data.lvoc\n }}\n resizable\n filter\n sortable\n />\n\n \n \n
\n )\n}\n\nexport default Grid\n\nconst GridWrapper = styled.div`\n position: absolute;\n right: 0;\n bottom: 0;\n`\nconst AgGridWrapper = styled.div.attrs<{ display: string }>(({ display }) => ({\n style: { maxHeight: display },\n}))<{ display: string }>`\n width: calc(100vw - 251px);\n height: 500px;\n transition: max-height 1s;\n`\n\nconst ChevronWrapper = styled.img`\n padding-top: 1px;\n margin-right: 10px;\n`\nconst ShowDataButtonWrapper = styled.div.attrs<{ bottom: string }>(\n ({ bottom }) => ({\n style: { bottom: bottom },\n })\n)<{ bottom: string }>`\n position: absolute;\n right: calc(50vw - 233px);\n transition: bottom 1s;\n`\n","export enum EMode {\n Auto,\n Relative,\n}\n\nexport interface ILastMeasure {\n id: string\n temperature: number\n humidity: number\n co2: number\n lvoc: number\n pm1: number\n pm2dot5: number\n pm10: number\n pressure: number\n formaldehyde: number\n battery: number\n ullage: number\n [x: string]: number | string\n}\n\nexport interface IDeviceMeasures {\n id: string\n temperature: IMeasureValue[]\n humidity: IMeasureValue[]\n co2: IMeasureValue[]\n lvoc: IMeasureValue[]\n pm1: IMeasureValue[]\n pm2dot5: IMeasureValue[]\n pm10: IMeasureValue[]\n pressure: IMeasureValue[]\n formaldehyde: IMeasureValue[]\n battery: IMeasureValue[]\n}\n\nexport interface IDeviceMeasuresV2 {\n id: string\n time: number\n name: string\n temperature: number\n humidity: number\n co2: number\n lvoc: number\n pm1: number\n pm2dot5: number\n pm10: number\n pressure: number\n formaldehyde: number\n battery: number\n}\n\nexport interface IChirpstackDeviceMeasures {\n id: string\n CreatedAt: string\n UpdatedAt: string\n deviceID: number\n temperature: number\n humidity: number\n motion: number\n light: number\n vdd: number\n dewpoint: number\n co2: number\n ullage?: number\n}\n\nexport interface IMeasureValue {\n time: number\n value: number\n}\n\nexport interface ILine {\n x: string | number\n y: number\n tooltipV: string\n type: string\n}\n\nexport interface IField {\n key: keyof Omit{title}
\n {additionalInfo && (\n {title}
\nPlease Confirm the Deletion
\nPlease Confirm the Deletion
\n\n \n \n {(closeModal: Function) => (\n \n fetchBuildings(accessToken, setBuildings)\n }\n />\n )}\n \n\n \n {(closeModal: Function) => (\n fetchPlans(accessToken, setPlans)}\n />\n )}\n \n \n {(closeModal: Function) => (\n {\n fetchBuildings(accessToken, setBuildings)\n fetchPlans(accessToken, setPlans)\n fetchDevices(accessToken, setRowData)\n }}\n />\n )}\n \n \n {(closeModal: Function) => (\n {\n fetchBuildings(accessToken, setBuildings)\n fetchPlans(accessToken, setPlans)\n fetchDevices(accessToken, setRowData)\n }}\n />\n )}\n \n
\n Plan File
\r\n \r\n Plan Name:
\r\n \r\n {unitLeft}
\r\n {unitRight}
\r\n {t('Name')}
\n {t('Date')}
\n {t('Temperature')}
\n {t('Humidity')}
\n {geoLocation?.location || name || deviceName}
\n {moment(CreatedAt).fromNow()}
\n {temperature.toFixed(1)}°C
\n {humidity.toFixed(1)}%
\n \r\n \r\n \r\n \r\n setPickedPlanId(parseInt(e.target.value))\r\n }\r\n >\r\n \r\n {name}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n setPickedSensorId(parseInt(e.target.value))\r\n }\r\n >\r\n \r\n {deviceName}\r\n \r\n ))}\r\n \r\n \r\n \r\n {plans.map(({ ID, name, chirpstackDevices }) => (\r\n {\r\n if (!isAdmin) {\r\n return\r\n }\r\n setPickedSensorId(id)\r\n }}\r\n sensors={chirpstackDevices}\r\n updateSensorIndoorPosition={updateSensorIndoorPosition(ID)}\r\n onContextMenu={() => {\r\n if (!isAdmin) {\r\n return\r\n }\r\n setTooltipDisplay(!tooltipDisplay)\r\n }}\r\n />\r\n ))}\r\n
\r\n )\r\n}\r\n\r\nconst Tooltip = styled.div<{ visible: boolean }>`\r\n display: ${({ visible }) => (visible ? 'grid' : 'none')};\r\n grid-template-columns: 350px;\r\n grid-template-rows: 1fr 1fr 1fr;\r\n place-items: center;\r\n position: fixed;\r\n z-index: 1000;\r\n background: white;\r\n height: 280px;\r\n \r\n ${dropShaw(10)}\r\n}\r\n`\r\nconst SelectorGroup = styled.div`\r\n margin: 5px;\r\n width: 250px;\r\n font-size: 18px;\r\n`\r\nconst SensorSelector = styled.select`\r\n width: 250px;\r\n height: 25px;\r\n line-height: 25px;\r\n border: 0px;\r\n ${dropShaw(10)}\r\n`\r\nconst SensorOption = styled.option``\r\nconst PlanSelector = styled.select`\r\n width: 250px;\r\n height: 25px;\r\n border: 0px;\r\n ${dropShaw(10)}\r\n`\r\nconst PlanOption = styled.option``\r\n","import styled from 'styled-components'\nimport { dropShaw } from '../../../theme/theme'\nimport { IBuilding, IChirpstackDevice, IPlan } from './Interface'\nimport React, { useContext, useRef, useState } from 'react'\nimport Plan from '../../../assets/houche2.png'\nimport { SensorWithData } from './SensorWithData'\nimport 'moment/locale/fr'\nimport * as moment from 'moment'\nimport { updateBuildingIndoorPosition } from '../../../store/action'\nimport { AccessTokenCtx } from '../../Context'\nmoment.locale(window?.navigator?.language ?? 'en')\n\nexport function GlobalMonitor({\n buildings,\n isAdmin,\n refresh,\n}: {\n buildings: IBuilding[]\n isAdmin: boolean\n refresh: Function\n}) {\n const accessToken = useContext(AccessTokenCtx)\n const [pickedBuildingId, setPickedBuildingId] = useState(-1)\n const [\n enableBuildingIndoorPositionSetter,\n setEnableBuildingIndoorPositionSetter,\n ] = useState(false)\n const wrapperRef = useRefPicked Plan
\r\n Picked Sensor
\r\n \n {\n e.preventDefault()\n }}\n >\n {\n e.preventDefault()\n if (isAdmin) {\n setEnableBuildingIndoorPositionSetter(\n !enableBuildingIndoorPositionSetter\n )\n if (enableBuildingIndoorPositionSetter) {\n setPickedBuildingId(-1)\n }\n }\n }}\n onClick={(ev) => {\n if (enableBuildingIndoorPositionSetter) {\n updateBuildingIndoorPosition(accessToken, {\n ID: pickedBuildingId,\n indoorX: wrapperRef.current\n ? (ev.clientX -\n (wrapperRef.current.offsetLeft ??\n 0)) /\n wrapperRef.current.clientWidth\n : 0,\n indoorY: wrapperRef.current\n ? (ev.clientY -\n (wrapperRef?.current?.offsetTop ??\n 0)) /\n wrapperRef.current.clientHeight\n : 0,\n })?.then(() => {\n refresh()\n })\n }\n }}\n />\n {buildings?.map(({ ID, indoorX, indoorY, summary, plans }) => (\n {\n if (enableBuildingIndoorPositionSetter) {\n setPickedBuildingId(ID)\n }\n }}\n onContextMenu={() => {}}\n />\n ))}\n \n
\n )\n}\n\nconst Wrapper = styled.div`\n position: relative;\n width: 100%;\n height: calc(100vh - 60px);\n ${dropShaw(10)}\n`\nconst Img = styled.img`\n width: 100%;\n height: 100%;\n`\n","import React, { useContext, useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport PlanSideBar from './components/PlanSideBar'\nimport { IBuilding } from './components/Interface'\nimport { AccessTokenCtx } from '../Context'\nimport { PlanMonitor } from './components/PlanMonitor'\nimport { GlobalMonitor } from './components/GlobalMonitor'\n// fetch every 1 min\nconst interval = 30 * 1000\nconst InDoor = ({ groups }: { groups: string[] }) => {\n const isAdmin = () => groups.some((g) => g === 'admin')\n const accessToken = useContext(AccessTokenCtx)\n const [buildings, setBuildings] = useState\n {location ? location : deviceName}\n
\n Select a device:
\n Select a week:
\n Localisation :
\n Marie de la Mûre
\n \n Rapport Hebdomadaire CO2\n
\n Etat Civil
\n S{data.week}
\n \n Evolution de la concentration en CO\n 2 (ppm)\n
\n Etat Civil - S44
\n \n }\n width={700}\n height={350}\n data={chartData}\n />\n \n setShowSignOutButton(false)}\n groups={groups}\n >\n {\n setShowSignOutButton(true)\n setGroups(groups)\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n )\n}\nconst App = () => {\n return (\n