| | |
| | | Divider, |
| | | Drawer, |
| | | IconButton, |
| | | LinearProgress, |
| | | } from '@mui/material'; |
| | | import CloseIcon from '@mui/icons-material/Close'; |
| | | import { useTranslate } from 'react-admin'; |
| | |
| | | import { useNotification } from '../Notification'; |
| | | |
| | | const CopyDrawer = (props) => { |
| | | const { open, onCancel, sprite, width = PAGE_DRAWER_WIDTH, handleOnCopy } = props; |
| | | const { open, onCancel, sprite, value, width = PAGE_DRAWER_WIDTH, handleOnCopy } = props; |
| | | const notify = useNotification(); |
| | | const translate = useTranslate(); |
| | | const deviceType = sprite?.data?.type; |
| | |
| | | defaultValues: {}, |
| | | }); |
| | | |
| | | useEffect(() => { |
| | | if (value && Object.keys(value).length > 0) { |
| | | setValue('copyDirect', value.copyDirect); |
| | | setValue('copyCount', value.copyCount); |
| | | } |
| | | }, [value, setValue]) |
| | | |
| | | // if (!value || !sprite) return <LinearProgress />; |
| | | |
| | | const handleClose = () => { |
| | | onCancel(); |
| | |
| | | |
| | | const onFormSubmit = (data) => { |
| | | if (data) { |
| | | console.log(data); |
| | | |
| | | } |
| | | if (handleOnCopy) { |
| | | handleOnCopy(data); |
| | |
| | | onClose={handleClose} |
| | | sx={{ zIndex: 100, opacity: 1 }} |
| | | > |
| | | {open && ( |
| | | {(open) && ( |
| | | <Box pt={12} width={{ xs: '100vW', sm: width }} height={'calc(100vh - 200px);'} mt={{ xs: 2, sm: 1 }} sx={{ |
| | | }}> |
| | | <Stack direction="row" p={2}> |
| | |
| | | <Box p={3}> |
| | | <Box component="form" onSubmit={handleSubmit(onFormSubmit)} noValidate sx={{ mt: 0 }}> |
| | | <Grid container spacing={1.4}> |
| | | |
| | | <Grid item xs={6}> |
| | | <Controller |
| | | name="copyDirect" |
| | | control={control} |
| | | render={({ field }) => ( |
| | | <TextField |
| | | {...field} |
| | | label={translate('page.map.settings.map.copy.direction')} |
| | | InputProps={{ |
| | | readOnly: true, |
| | | }} |
| | | fullWidth |
| | | /> |
| | | )} |
| | | /> |
| | | </Grid> |
| | | |
| | | <Grid item xs={6}> |
| | | <Controller |
| | | name="copyCount" |
| | | control={control} |
| | | render={({ field }) => ( |
| | | <TextField |
| | | {...field} |
| | | label={translate('page.map.settings.map.copy.count')} |
| | | InputProps={{ |
| | | readOnly: true, |
| | | }} |
| | | fullWidth |
| | | /> |
| | | )} |
| | | /> |
| | | </Grid> |
| | | |
| | | {deviceType === DEVICE_TYPE.SHELF && ( |
| | | <> |
| | | </> |
| | |
| | | <Grid item xs={12}> |
| | | <Divider /> |
| | | </Grid> |
| | | |
| | | |
| | | <Grid item xs={12} mt={2}> |
| | | <Stack direction="row" spacing={2}> |
| | | <Button variant="contained" color="primary" type="submit"> |