diff options
author | Iván Ávalos <avalos@disroot.org> | 2021-12-14 19:16:55 -0600 |
---|---|---|
committer | Iván Ávalos <avalos@disroot.org> | 2021-12-14 19:16:55 -0600 |
commit | 03f9a3ef2b00b8024533e5b720861953bc79e704 (patch) | |
tree | f461d5322b38fa2551728e9a1998af5ec1833d71 /modern/src/reports/ReplayPage.js | |
parent | 1e38ec1ceceeb60693b4fe3c302ce5477caddf40 (diff) | |
download | etbsa-traccar-web-03f9a3ef2b00b8024533e5b720861953bc79e704.tar.gz etbsa-traccar-web-03f9a3ef2b00b8024533e5b720861953bc79e704.tar.bz2 etbsa-traccar-web-03f9a3ef2b00b8024533e5b720861953bc79e704.zip |
Fixed datetime formatting and now passing position as parameter for StatusView
Diffstat (limited to 'modern/src/reports/ReplayPage.js')
-rw-r--r-- | modern/src/reports/ReplayPage.js | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/modern/src/reports/ReplayPage.js b/modern/src/reports/ReplayPage.js index 5d2b803..afb7d04 100644 --- a/modern/src/reports/ReplayPage.js +++ b/modern/src/reports/ReplayPage.js @@ -1,4 +1,5 @@ import React, { useState } from 'react'; +import { useParams } from 'react-router-dom'; import { Accordion, AccordionDetails, AccordionSummary, Container, makeStyles, Paper, Slider, Tooltip, Typography, IconButton, Box } from '@material-ui/core'; @@ -11,7 +12,7 @@ import MainToolbar from '../MainToolbar'; import Map from '../map/Map'; import ReplayPathMap from '../map/ReplayPathMap'; import PositionsMap from '../map/PositionsMap'; -import { formatPosition, formatDate } from '../common/formatter'; +import { formatPosition } from '../common/formatter'; import ReportFilter from './ReportFilter'; import { useTranslation } from '../LocalizationProvider'; @@ -45,6 +46,7 @@ const TimeLabel = ({ children, open, value }) => ( const ReplayPage = () => { const classes = useStyles(); + const { id } = useParams(); const t = useTranslation(); const [expanded, setExpanded] = useState(true); @@ -74,12 +76,14 @@ const ReplayPage = () => { && ( <Paper className={classes.controlContent}> <Box maxWidth="sm" display="flex"> + {/* Previous position button */} <IconButton color="primary" disabled={index === 0} onClick={() => setIndex(index - 1)}> <SkipPreviousIcon /> </IconButton> <Box flexGrow={1} textAlign="center"> - <Typography variant="button">{formatDate(positions[index].deviceTime)}</Typography> + <Typography variant="button">{formatPosition(positions[index], 'fixTime', t)}</Typography> </Box> + {/* Next position button*/} <IconButton color="primary" disabled={index === positions.length - 1} onClick={() => setIndex(index + 1)}> <SkipNextIcon /> </IconButton> @@ -104,7 +108,7 @@ const ReplayPage = () => { </Typography> </AccordionSummary> <AccordionDetails className={classes.configForm}> - <ReportFilter handleSubmit={handleSubmit} showOnly /> + <ReportFilter handleSubmit={handleSubmit} showOnly defaultSelected={id} /> </AccordionDetails> </Accordion> </div> |