WebSVN – LeadersLinked - Backend – Diff – /react-webpack/recruitment_and_selection/interviews/views/FormView.js

 import { useDispatch } from 'react-redux'
 import { useHistory, useParams } from 'react-router-dom'
 import { addNotification } from '../../../redux/notification/notification.actions'
+const FormView = ({ actionLink, type_link, vacancy_link, vacancies }) => {
 const FormView = ({ actionLink, type_link }) => {
 	// States
-	// States
+	const [vacancyUrl, setVacancyUrl] = useState(vacancy_link)
 	const [typeOptions, setTypeOptions] = useState({
 		url: type_link,
 		description: '',
 		functions: '',
 		objectives: ''
 	})
 	const [pointsOptions, setPointsOptions] = useState([
-		{ label: 'Evaluación', value: 0 },
+		{ label: 'Evaluación', value: null },
 		{ label: 'Sugerir otro cargo', value: 0 },
 		{ label: '25%', value: 1 },
 		{ label: '50%', value: 2 },
 		{ label: '75%', value: 3 },
 		{ label: '100%', value: 4 }
 	const [statusOptions, setStatusOptions] = useState([
 		{ label: 'Estatus', value: '' },
 		{ label: 'Aceptado', value: 'a' },
 		{ label: 'Rechazado', value: 'r' }
 	])
-	const [vacancyOptions, setVacancyOptions] = useState([
+	const [vacancyOptions, setVacancyOptions] = useState(vacancies)
-		{ label: 'Estatus', value: '' },
-		{ label: 'Aceptado', value: 'a' },
-		{ label: 'Rechazado', value: 'r' }
-	])
 	const [candidatesOptions, setCandidatesOptions] = useState([
 		{ label: 'Estatus', value: '' },
 		{ label: 'Aceptado', value: 'a' },
 		{ label: 'Rechazado', value: 'r' }
 	])
 					setValue('points', resData.interview.points)
 					setValue('status', resData.interview.status)
 					setCompetencies(resData.job_description.competencies)
 					setCandidatesOptions([{ label: `${resData.candidate.first_name} ${resData.candidate.last_name}`, value: resData.candidate.uuid }])
 					setVacancyOptions([{ label: resData.vacancy.name, value: resData.vacancy.uuid }])
-					setTypeOptions({ ...typeOptions, value: resData.interview.type })
+					setTypeOptions({ ...typeOptions, value: resData.interview.type === 'r' ? 'Entrevista por Recursos Humanos' : 'Entrevista por Potencial superior' })
 					setGeneralOptions({
 						...generalOptions,
 						name: resData.vacancy.name,
 						uuid: resData.vacancy.uuid,
 						description: resData.vacancy.description,
 						style: 'error',
 						msg: 'Ha ocurrido un error'
 					}))
+				}
-				console.log(data.data)
+				setTypeOptions({ ...typeOptions, value: data.data })
 			})
+	}, [typeOptions.url])
+	useEffect(() => {
+		axios.get(vacancyUrl)
+			.then(({ data }) => {
+				const resData = data.data
+				if (!data.success) {
+					dispatch(addNotification({
+						style: 'error',
+						msg: 'Ha ocurrido un error'
+					}))
+				}
+				setCandidatesOptions(resData.candidates)
+				setValue('comment', resData.interview.comment)
+				setValue('points', resData.interview.points)
+				setValue('status', resData.interview.status)
+				setCompetencies(resData.job_description.competencies)
+				setTypeOptions({ ...typeOptions, value: resData.interview.type === 'r' ? 'Entrevista por Recursos Humanos' : 'Entrevista por Potencial superior' })
+				setGeneralOptions({
+					...generalOptions,
+					name: resData.vacancy.name,
+					uuid: resData.vacancy.uuid,
+					description: resData.vacancy.description,
+					functions: resData.job_description.functions,
+					objectives: resData.job_description.objectives
+				})
+			})
-	}, [typeOptions.url])
+	}, [vacancyUrl])
 	return (
 		<section className="content">
 									<div className="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
 										<div className="row p-3 justify-content-between">
 											<div className="col-6">
 												<div className="form-group">
 													<label>Vacantes</label>
-													<select className='form-control' name='points' ref={register} disabled={action === 'edit'}>
+													<select className='form-control' name='points' ref={register} disabled={action === 'edit'} onChange={(e) => setVacancyUrl(vacancy_link.replace('UUID_PLACEHOLDER', e.target.value))}>
+														{
 															vacancyOptions.map(({ label, value }) => (
 																<option selected={generalOptions.name === label} key={value} value={value}>{label}</option>
 															))
+														}
 											<label>Comentario</label>
 											<input type="text" name="comment" className="form-control" ref={register} />
 										</div>
 										<div className="form-group">
 											<label>Evaluación</label>
-											<select className='form-control' name='points' ref={register}>
+											<select className='form-control' name='points' ref={register} defaultValue={pointsOptions[0].value}>
+												{
 													pointsOptions.map(({ label, value }) => (
 														<option selected={watch('points') === value} key={value} value={value}>{label}</option>
 													))
+												}
 											</select>
 										</div>
 										<div className="form-group">
 											<label>Estatus</label>
-											<select className='form-control' name='status' ref={register}>
+											<select className='form-control' name='status' ref={register} defaultValue={statusOptions[0].value}>
+												{
 													statusOptions.map(({ label, value }) => (
 														<option selected={watch('status') === value} key={value} value={value}>{label}</option>
 													))
+												}

Proyectos de Subversion LeadersLinked - Backend

(root)/react-webpack/recruitment_and_selection/interviews/views/FormView.js – Rev 10842 → 10843