diff options
author | Anton Tananaev <anton.tananaev@gmail.com> | 2020-11-14 16:13:58 -0800 |
---|---|---|
committer | Anton Tananaev <anton.tananaev@gmail.com> | 2020-11-14 16:13:58 -0800 |
commit | ec8fed96e394ff252c7e98bed1ca2e5322ad650a (patch) | |
tree | 447c6e6946935047763bc2dd8cb50ae8c5ea4fbe /modern/src/reports/FilterForm.js | |
parent | bcef1fda0756f0ef1afbb53c26f6cbab4dcfeba8 (diff) | |
download | etbsa-traccar-web-ec8fed96e394ff252c7e98bed1ca2e5322ad650a.tar.gz etbsa-traccar-web-ec8fed96e394ff252c7e98bed1ca2e5322ad650a.tar.bz2 etbsa-traccar-web-ec8fed96e394ff252c7e98bed1ca2e5322ad650a.zip |
More cleanup
Diffstat (limited to 'modern/src/reports/FilterForm.js')
-rw-r--r-- | modern/src/reports/FilterForm.js | 88 |
1 files changed, 0 insertions, 88 deletions
diff --git a/modern/src/reports/FilterForm.js b/modern/src/reports/FilterForm.js deleted file mode 100644 index 86339d2..0000000 --- a/modern/src/reports/FilterForm.js +++ /dev/null @@ -1,88 +0,0 @@ -import React, { useEffect, useState } from 'react'; -import { FormControl, InputLabel, Select, MenuItem, TextField } from '@material-ui/core'; -import t from '../common/localization'; -import { useSelector } from 'react-redux'; -import moment from 'moment'; - -const FilterForm = ({ deviceId, setDeviceId, from, setFrom, to, setTo }) => { - const devices = useSelector(state => Object.values(state.devices.items)); - - const [period, setPeriod] = useState('today'); - - useEffect(() => { - switch (period) { - default: - case 'today': - setFrom(moment().startOf('day')); - setTo(moment().endOf('day')); - break; - case 'yesterday': - setFrom(moment().subtract(1, 'day').startOf('day')); - setTo(moment().subtract(1, 'day').endOf('day')); - break; - case 'thisWeek': - setFrom(moment().startOf('week')); - setTo(moment().endOf('week')); - break; - case 'previousWeek': - setFrom(moment().subtract(1, 'week').startOf('week')); - setTo(moment().subtract(1, 'week').endOf('week')); - break; - case 'thisMonth': - setFrom(moment().startOf('month')); - setTo(moment().endOf('month')); - break; - case 'previousMonth': - setFrom(moment().subtract(1, 'month').startOf('month')); - setTo(moment().subtract(1, 'month').endOf('month')); - break; - } - }, [period, setFrom, setTo]); - - return ( - <> - <FormControl variant='filled' margin='normal' fullWidth> - <InputLabel>{t('reportDevice')}</InputLabel> - <Select value={deviceId || ''} onChange={e => setDeviceId(e.target.value)}> - {devices.map((device) => ( - <MenuItem key={device.id} value={device.id}>{device.name}</MenuItem> - ))} - </Select> - </FormControl> - <FormControl variant='filled' margin='normal' fullWidth> - <InputLabel>{t('reportPeriod')}</InputLabel> - <Select value={period} onChange={e => setPeriod(e.target.value)}> - <MenuItem key='today' value='today'>{t('reportToday')}</MenuItem> - <MenuItem key='yesterday' value='yesterday'>{t('reportYesterday')}</MenuItem> - <MenuItem key='thisWeek' value='thisWeek'>{t('reportThisWeek')}</MenuItem> - <MenuItem key='previousWeek' value='previousWeek'>{t('reportPreviousWeek')}</MenuItem> - <MenuItem key='thisMonth' value='thisMonth'>{t('reportThisMonth')}</MenuItem> - <MenuItem key='previousMonth' value='previousMonth'>{t('reportPreviousMonth')}</MenuItem> - <MenuItem key='custom' value='custom'>{t('reportCustom')}</MenuItem> - </Select> - </FormControl> - {period === 'custom' && - <TextField - margin='normal' - variant='filled' - label={t('reportFrom')} - type='datetime-local' - value={from.format(moment.HTML5_FMT.DATETIME_LOCAL)} - onChange={e => setFrom(moment(e.target.value, moment.HTML5_FMT.DATETIME_LOCAL))} - fullWidth /> - } - {period === 'custom' && - <TextField - margin='normal' - variant='filled' - label={t('reportTo')} - type='datetime-local' - value={to.format(moment.HTML5_FMT.DATETIME_LOCAL)} - onChange={(e) => setTo(moment(e.target.value, moment.HTML5_FMT.DATETIME_LOCAL))} - fullWidth /> - } - </> - ); -} - -export default FilterForm; |