Smart/smartEnergyView-frontend
2
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

improving telemetria 1 month discretization select

Browse Source
This commit is contained in:
joseCorte-exe 2023-04-17 16:27:59 -03:00
parent bd306e856d
commit fea6bbb6ce
1 changed files with 55 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
src/pages/telemetria/index.tsx
View File

@ -44,7 +44,8 @@ export default function Telemetria({ userName, clients }: any) {
const [unity, setUnity] = useState(clients[0]?.codigo_scde); const [unity, setUnity] = useState(clients[0]?.codigo_scde);
const [startDate, setStartDate] = useState(new Date()); const [startDate, setStartDate] = useState(new Date());
const [endDate, setEndDate] = useState(new Date()); const [endDate, setEndDate] = useState(new Date());
const [month, setMonth] = useState(new Date().getMonth() + 1); const [month, setMonth] = useState(new Date().getMonth());
const [endMonth, setEndMonth] = useState(new Date().getMonth() + 1);
const [discretization, setDiscretization] = useState('1_hora'); const [discretization, setDiscretization] = useState('1_hora');
const [openSnackSuccess, setOpenSnackSuccess] = useState<boolean>(false) const [openSnackSuccess, setOpenSnackSuccess] = useState<boolean>(false)
@ -279,33 +280,59 @@ export default function Telemetria({ userName, clients }: any) {
</div> </div>
{ {
discretization === '1_mes' ? discretization === '1_mes' ?
<FormControl sx={{ minWidth: 120, width: 200, ml: 1, mr: 1 }} size="small"> <>
<InputLabel>Discretização</InputLabel> <FormControl sx={{ minWidth: 120, width: 200, ml: 1, mr: 1 }} size="small">
<Select <InputLabel>Discretização</InputLabel>
labelId="demo-select-small" <Select
id="demo-select-small" labelId="demo-select-small"
value={month} id="demo-select-small"
label="Mês" value={month}
onChange={value => { label="Mês"
setMonth(value.target.value as number) onChange={value => {
const firstOfTheMonth: Date = new Date(startDate.getFullYear(), (value.target.value as number) - 1, 1) setMonth(value.target.value as number)
const lastOfTheMonth: Date = new Date(startDate.getFullYear(), firstOfTheMonth.getMonth() + 1, 0) const firstOfTheMonth: Date = new Date(startDate.getFullYear(), (value.target.value as number) - 1, 1)
setStartDate(firstOfTheMonth) setStartDate(firstOfTheMonth)
setEndDate(lastOfTheMonth) }}
}} sx={{ height: 63, mb: 2 }}
sx={{ height: 63, mb: 2 }} fullWidth
fullWidth >
> <MenuItem value="">
<MenuItem value=""> <em>Nenhum</em>
<em>Nenhum</em> </MenuItem>
</MenuItem> {
{ months.slice(0, new Date().getUTCMonth() + 1).map(value => {
months.slice(0, new Date().getUTCMonth() + 1).map(value => { return <MenuItem key={value} value={months.indexOf(value) + 1 as number}>{value}</MenuItem>
return <MenuItem key={value} value={months.indexOf(value) + 1 as number}>{value}</MenuItem> })
}) }
} </Select>
</Select> </FormControl>
</FormControl> {discretization === '1_mes' && <FormControl sx={{ minWidth: 120, width: 200, ml: 1, mr: 1 }} size="small">
<InputLabel>Discretização</InputLabel>
<Select
labelId="demo-select-small"
id="demo-select-small"
value={endMonth}
label="Mês"
onChange={value => {
setEndMonth(value.target.value as number)
const firstOfTheMonth: Date = new Date(startDate.getFullYear(), (value.target.value as number) - 1, 1)
const lastOfTheMonth: Date = new Date(startDate.getFullYear(), firstOfTheMonth.getMonth() + 1, 0)
setEndDate(lastOfTheMonth)
}}
sx={{ height: 63, mb: 2 }}
fullWidth
>
<MenuItem value="">
<em>Nenhum</em>
</MenuItem>
{
months.slice(0, new Date().getUTCMonth() + 1).map(value => {
return <MenuItem key={value} value={months.indexOf(value) + 1 as number}>{value}</MenuItem>
})
}
</Select>
</FormControl>}
</>
: :
<LocalizationProvider dateAdapter={AdapterDateFns}> <LocalizationProvider dateAdapter={AdapterDateFns}>
<div className='datePicker'> <div className='datePicker'>