rcs-flow.git - Gitblit

			@@ -27,25 +27,40 @@
			const notify = useNotification();
			const translate = useTranslate();

			const { control, handleSubmit, reset, watch, setValue } = useForm({
			defaultValues: {
			...sprite.data,
			},
			const { control, handleSubmit, reset, watch, setValue, formState: { errors } } = useForm({
			defaultValues: { ...sprite?.data },
			});

			useEffect(() => {
			if (sprite?.data) {
			reset({
			...sprite.data
			});
			}
			}, [sprite, reset]);

			const deviceType = sprite?.data?.type;

			const rowValue = watch('row');
			const bayValue = watch('bay');

			useEffect(() => {
			if (rowValue != null && bayValue != null && rowValue !== '' && bayValue !== '') {
			setValue('no', `${rowValue}-${bayValue}`);
			} else {
			setValue('no', '');
			if (deviceType === DEVICE_TYPE.SHELF) {
			if (rowValue != null && bayValue != null && rowValue !== '' && bayValue !== '') {
			setValue('no', `${rowValue}-${bayValue}`);
			} else {
			setValue('no', '');
			}
			}
			}, [rowValue, bayValue, setValue]);
			}, [
			setValue,
			deviceType,
			rowValue,
			bayValue,
			]);

			const onFormSubmit = (data) => {
			if (sprite && sprite.data) {
			if (sprite?.data) {
			Object.keys(data).forEach((key) => {
			sprite.data[key] = data[key];
			});
			@@ -53,7 +68,6 @@
			if (onSubmit) {
			onSubmit(data);
			}
			console.log(sprite.data);
			notify.info(translate('common.response.success'));
			};

			@@ -61,7 +75,8 @@
			<>
			<Box component="form" onSubmit={handleSubmit(onFormSubmit)} noValidate sx={{ mt: 0 }}>
			<Grid container spacing={1.4}>
			{sprite?.data?.type === DEVICE_TYPE.SHELF && (

			{deviceType === DEVICE_TYPE.SHELF && (
			<>
			<Grid item xs={6}>
			<Controller
			@@ -72,9 +87,10 @@
			{...field}
			label={translate('page.map.settings.config.shelf.row')}
			type="number"
			value={field.value ?? ''}
			fullWidth
			onChange={(e) => {
			field.onChange(e);
			field.onChange(e.target.value === '' ? '' : Number(e.target.value));
			}}
			/>
			)}
			@@ -89,9 +105,10 @@
			{...field}
			label={translate('page.map.settings.config.shelf.bay')}
			type="number"
			value={field.value ?? ''}
			fullWidth
			onChange={(e) => {
			field.onChange(e);
			field.onChange(e.target.value === '' ? '' : Number(e.target.value));
			}}
			/>
			)}
			@@ -100,45 +117,48 @@
			</>
			)}

			{sprite?.data?.type === DEVICE_TYPE.CHARGE && (
			{deviceType === DEVICE_TYPE.CHARGE && (
			<>
			</>
			)}

			{sprite?.data?.type === DEVICE_TYPE.STATION && (
			{deviceType === DEVICE_TYPE.STATION && (
			<>
			</>
			)}

			{sprite?.data?.type === DEVICE_TYPE.POINT && (
			{deviceType === DEVICE_TYPE.POINT && (
			<>
			</>
			)}

			<Grid item xs={12}>
			<Divider />
			</Grid>

			{/* <Grid item xs={12}>
			<Typography variant="inherit">
			{translate('page.map.settings.config.base.no')}
			</Typography>
			</Grid> */}
			<Grid item xs={6}>
			<Controller
			name="no"
			control={control}
			render={({ field }) => (
			<TextField
			{...field}
			label="No"
			type="text"
			value={field.value \|\| ''}
			fullWidth
			onChange={(e) => {
			field.onChange(e);
			}}
			/>
			)}
			rules={{
			required: translate('ra.validation.required') // warn msg
			}}
			render={({ field }) => {
			return (
			<TextField
			{...field}
			label={translate('page.map.settings.config.base.no')}
			type="text"
			value={field.value ?? ''}
			error={!!errors.no} // show red warn
			helperText={errors.no ? errors.no.message : null} // show warn msg
			fullWidth
			onChange={(e) => {
			field.onChange(e);
			}}
			/>
			)
			}}
			/>
			</Grid>