Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15249 | Rev 15408 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 15249 Rev 15250
Línea 8... Línea 8...
8 
	closeModal,
 8 
	closeModal,
9 
	dataLink
 9 
	dataLink
10 
}) => {
 10 
}) => {
Línea 11... Línea 11...
11 
 
 11 
 
12 
	const [isActive, setIsActive] = useState(false)
 12 
	const [isActive, setIsActive] = useState(false)
Línea 13... Línea 13...
13 
	const { register, watch, setValue } = useForm()
 13 
	const { register, watch, setValue, errors } = useForm()
14 
 
 14 
 
15 
	useEffect(() => {
 15 
	useEffect(() => {
16 
		getData(dataLink)
 16 
		getData(dataLink)
- 
 
 17 
			.then(({ experience_visible, experience_min, experience_max }) => {
17 
			.then(({ experience_visible, experience_min }) => {
 18 
				setValue('experience_min', experience_min)
18 
				setValue('experience_min', experience_min)
 19 
				setValue('experience_max', experience_max)
19 
				experience_visible === 'y' ? setIsActive(true) : setIsActive(false)
 20 
				experience_visible === 'y' ? setIsActive(true) : setIsActive(false)
Línea 20... Línea 21...
20 
			})
 21 
			})
Línea 54... Línea 55...
54 
					type='number'
 55 
					type='number'
55 
					className='form-control'
 56 
					className='form-control'
56 
					disabled={!isActive}
 57 
					disabled={!isActive}
57 
					name='experience_min'
 58 
					name='experience_min'
58 
					ref={register({
 59 
					ref={register({
59 
						required: true,
 60 
						required: isActive && true,
60 
						valueAsNumber: true,
 61 
						valueAsNumber: true,
61 
						min: 1,
 62 
						min: 1,
62 
						max: 40
 63 
						max: 40
63 
					})}
 64 
					})}
64 
				/>
 65 
				/>
- 
 
 66 
				{errors.experience_min?.type === 'required' && <p>Este campo es requerido</p>}
65 
			</div>
 67 
			</div>
66 
			<div className='form-group'>
 68 
			<div className='form-group'>
67 
				<label className="form-label">Máximo de años</label>
 69 
				<label className="form-label">Máximo de años</label>
68 
				<input
 70 
				<input
69 
					type='text'
 71 
					type='text'
70 
					className='form-control'
 72 
					className='form-control'
71 
					disabled={!isActive}
 73 
					disabled={!isActive}
72 
					name='experience_max'
 74 
					name='experience_max'
73 
					ref={register({
 75 
					ref={register({
74 
						required: true,
 76 
						required: isActive && true,
75 
						valueAsNumber: true,
 77 
						valueAsNumber: true,
76 
						min: 1,
 78 
						min: 1,
77 
						max: 40,
 79 
						max: 40,
78 
						validate: value => value > watch('experience_min')
 80 
						validate: value => value > watch('experience_min')
79 
					})}
 81 
					})}
80 
				/>
 82 
				/>
- 
 
 83 
				{errors.experience_max?.type === 'validate' && <p>El máximo de años debe ser mayor que el minimo</p>}
- 
 
 84 
				{errors.experience_max?.type === 'max' && <p>El máximo de años permitidos es de 40</p>}
- 
 
 85 
				{errors.experience_max?.type === 'required' && <p>Este campo es requerido</p>}
81 
			</div>
 86 
			</div>
82 
		</SubmitModal>
 87 
		</SubmitModal>
83 
	)
 88 
	)
84 
}
 89 
}