mirror of
https://github.com/emsesp/EMS-ESP32.git
synced 2025-12-06 15:59:52 +03:00
show green/red circles if active
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
import AddIcon from '@mui/icons-material/Add';
|
import AddIcon from '@mui/icons-material/Add';
|
||||||
import CancelIcon from '@mui/icons-material/Cancel';
|
import CancelIcon from '@mui/icons-material/Cancel';
|
||||||
import CheckCircleIcon from '@mui/icons-material/CheckCircle';
|
import CircleIcon from '@mui/icons-material/Circle';
|
||||||
import WarningIcon from '@mui/icons-material/Warning';
|
import WarningIcon from '@mui/icons-material/Warning';
|
||||||
|
|
||||||
import { Box, Typography, Divider, Stack, Button } from '@mui/material';
|
import { Box, Typography, Divider, Stack, Button } from '@mui/material';
|
||||||
@@ -216,7 +216,11 @@ const SettingsScheduler: FC = () => {
|
|||||||
{tableList.map((si: ScheduleItem) => (
|
{tableList.map((si: ScheduleItem) => (
|
||||||
<Row key={si.id} item={si} onClick={() => editScheduleItem(si)}>
|
<Row key={si.id} item={si} onClick={() => editScheduleItem(si)}>
|
||||||
<Cell stiff>
|
<Cell stiff>
|
||||||
{si.active && <CheckCircleIcon sx={{ color: '#79D200', fontSize: 16, verticalAlign: 'middle' }} />}
|
{si.active ? (
|
||||||
|
<CircleIcon color="success" sx={{ fontSize: 16, verticalAlign: 'middle' }} />
|
||||||
|
) : (
|
||||||
|
<CircleIcon color="error" sx={{ fontSize: 16, verticalAlign: 'middle' }} />
|
||||||
|
)}
|
||||||
</Cell>
|
</Cell>
|
||||||
<Cell stiff>
|
<Cell stiff>
|
||||||
<Stack spacing={1} direction="row">
|
<Stack spacing={1} direction="row">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
import AddIcon from '@mui/icons-material/Add';
|
import AddIcon from '@mui/icons-material/Add';
|
||||||
import CancelIcon from '@mui/icons-material/Cancel';
|
import CancelIcon from '@mui/icons-material/Cancel';
|
||||||
import CheckCircleIcon from '@mui/icons-material/CheckCircle';
|
|
||||||
import DoneIcon from '@mui/icons-material/Done';
|
import DoneIcon from '@mui/icons-material/Done';
|
||||||
import RemoveIcon from '@mui/icons-material/RemoveCircleOutline';
|
import RemoveIcon from '@mui/icons-material/RemoveCircleOutline';
|
||||||
|
|
||||||
@@ -184,11 +183,6 @@ const SettingsSchedulerDialog = ({
|
|||||||
control={<Checkbox checked={editItem.active} onChange={updateFormValue} name="active" />}
|
control={<Checkbox checked={editItem.active} onChange={updateFormValue} name="active" />}
|
||||||
label={LL.ACTIVE()}
|
label={LL.ACTIVE()}
|
||||||
/>
|
/>
|
||||||
{editItem.active && (
|
|
||||||
<Grid item sx={{ mt: 1 }}>
|
|
||||||
<CheckCircleIcon sx={{ color: '#79D200', fontSize: 16, verticalAlign: 'middle' }} />
|
|
||||||
</Grid>
|
|
||||||
)}
|
|
||||||
</Grid>
|
</Grid>
|
||||||
<Grid container>
|
<Grid container>
|
||||||
<TextField
|
<TextField
|
||||||
|
|||||||
Reference in New Issue
Block a user