Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 10520 Rev 10522
Línea 20... Línea 20...
20 
	const [statusOptions, setStatusOptions] = useState([
 20 
	const [statusOptions, setStatusOptions] = useState([
21 
		{ label: 'Estatus', value: '' },
 21 
		{ label: 'Estatus', value: '' },
22 
		{ label: 'Aceptado', value: 'a' },
 22 
		{ label: 'Aceptado', value: 'a' },
23 
		{ label: 'Rechazado', value: 'r' }
 23 
		{ label: 'Rechazado', value: 'r' }
24 
	])
 24 
	])
25 
	const [currentStatus, setCurrentStatus] = useState(statusOptions[0])
 - 
 
26 
	const [currentPoints, setCurrentPoints] = useState(pointsOptions[0])
 - 
 
Línea 27... Línea 25...
27 
 
 25 
 
28 
	// Hooks
 26 
	// Hooks
29 
	const { setValue } = useForm()
 27 
	const { setValue, register, watch } = useForm()
30 
	const history = useHistory()
 28 
	const history = useHistory()
31 
	const dispatch = useDispatch()
 29 
	const dispatch = useDispatch()
Línea 32... Línea 30...
32 
	const { action } = useParams()
 30 
	const { action } = useParams()
Línea 45... Línea 43...
45 
							msg: 'Ha ocurrido un error'
 43 
							msg: 'Ha ocurrido un error'
46 
						}))
 44 
						}))
47 
					}
 45 
					}
Línea 48... Línea 46...
48 
 
 46 
 
49 
					setValue('comment', resData.interview.comment)
 47 
					setValue('comment', resData.interview.comment)
50 
					setCurrentStatus(statusOptions.find((status) => status.value === resData.interview.status))
 48 
					setValue('points', resData.interview.points)
51 
					setCurrentPoints(pointsOptions.find((point) => point.value === resData.interview.points))
 49 
					setValue('status', resData.interview.status)
52 
				})
 50 
				})
53 
		}
 51 
		}
Línea 54... Línea 52...
54 
	}, [action])
 52 
	}, [action])
Línea 143... Línea 141...
143 
									<div className="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"></div>
 141 
									<div className="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"></div>
144 
									<div className="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"></div>
 142 
									<div className="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"></div>
145 
									<div className="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
 143 
									<div className="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
146 
										<div className="form-group">
 144 
										<div className="form-group">
147 
											<label>Comentario</label>
 145 
											<label>Comentario</label>
148 
											<input type="text" name="comment" className="form-control" />
 146 
											<input type="text" name="comment" className="form-control" ref={register} />
149 
										</div>
 147 
										</div>
150 
										<div className="form-group">
 148 
										<div className="form-group">
151 
											<label>Evaluación</label>
 149 
											<label>Evaluación</label>
152 
											<select
 150 
											<select
153 
												className='form-control'
 151 
												className='form-control'
154 
												name='points'
 152 
												name='points'
155 
												onChange={(e) => setCurrentPoints({ ...currentPoints, value: e.target.value })}
 - 
 
156 
												value={currentPoints}
 153 
												ref={register}
157 
											>
 154 
											>
158 
												{
 155 
												{
159 
													pointsOptions.map(({ label, value }) => (
 156 
													pointsOptions.map(({ label, value }) => (
160 
														<option key={value} value={value}>{label}</option>
 157 
														<option selected={watch('points') === value} key={value} value={value}>{label}</option>
161 
													))
 158 
													))
162 
												}
 159 
												}
163 
											</select>
 160 
											</select>
164 
										</div>
 161 
										</div>
165 
										<div className="form-group">
 162 
										<div className="form-group">
166 
											<label>Estatus</label>
 163 
											<label>Estatus</label>
167 
											<select
 164 
											<select
168 
												className='form-control'
 165 
												className='form-control'
169 
												name='status'
 166 
												name='status'
170 
												onChange={(e) => setCurrentStatus({ value: e.target.value, label: setStatusOptions.map(status => status.value === e.target.value && status.label) })}
 - 
 
171 
												value={currentStatus}
 167 
												ref={register}
172 
											>
 168 
											>
173 
												{
 169 
												{
174 
													statusOptions.map(({ label, value }) => (
 170 
													statusOptions.map(({ label, value }) => (
175 
														<option key={value} value={value}>{label}</option>
 171 
														<option selected={watch('status') === value} key={value} value={value}>{label}</option>
176 
													))
 172 
													))
177 
												}
 173 
												}
178 
											</select>
 174 
											</select>
179 
										</div>
 175 
										</div>
180 
									</div>
 176 
									</div>
Línea 194... Línea 190...
194 
							</div>
 190 
							</div>
195 
						</div>
 191 
						</div>
196 
					</div>
 192 
					</div>
197 
				</div>
 193 
				</div>
198 
			</div>
 194 
			</div>
199 
		</section>
 195 
		</section >
200 
	)
 196 
	)
201 
}
 197 
}
202 
export default FormView
 198 
export default FormView
203 

            199