WebSVN – LeadersLinked - Backend – Diff – /react-webpack/performance_evaluations/forms/views/EditView.js



	const [jobDescriptionOptions, setJobDescriptionOptions] = useState(jobsDescription)
	const [competencyTypes, setCompetencyTypes] = useState([])
	const [competenciesSelected, setCompetenciesSelected] = useState([])
	const [status, setStatus] = useState('a')

 
 
	const onSubmit = () => {
		const submitData = new FormData()
		submitData.append('name', watch('name'))
		submitData.append('description', watch('description'))

	const submitAndClose = () => {
		onSubmit()
		reset()
		history.goBack()
	}
/*
	useEffect(() => {
		register('description')
	}, [])
*/
	useEffect(() => {
		if (action === 'edit') {
			axios.get(actionLink)
				.then(({ data }) => {
					if (!data.success) {

							msg: 'Ha ocurrido un error'
						}))
					}

 
					setValue('name', data.data.name)
					//setDescription(data.data.description)
					setValue('description', data.data.description)
					setStatus(data.data.status)
					setCurretJobDescription(data.data.job_description_id)
					setValue('jobs_description', data.data.job_description_id)
				})
		}

	}, [actionLink])
 
	useEffect(() => {
		if(currentJobDescription) {
		
		axios.get(`/performance-evaluation/forms/job-decription?id=${currentJobDescription}`)
			.then(({ data }) => {
				if (!data.success) {
					return dispatch(addNotification({

				let options = data.data.jobs_description?.map(description => ({ uuid: description.job_description_id, name: description.name }))
				setJobDescriptionOptions([...options, { name: data.data.name, uuid: data.data.uuid }])
				setCompetenciesSelected(data.data.competencies_selected)
				setCompetencyTypes(data.data.competency_types)
			})
		}
	}, [currentJobDescription])

 
	return (
		<section className="content">

							}
						</select>
					</div>
					<div className="form-group">
						<label htmlFor="form-description">Descripción</label>
 
 
						<textarea type="text" name="description" rows="5" cols="50" className='form-control' ref={register({ required: true })} />
 
 
						
					</div>
					<div className="form-group">
						<label htmlFor="form-status">Estatus</label>
						<select name="form-status" className="form-control" onChange={(e) => setStatus(e.target.value)} value={status}>
							<option selected={status === 'i'} value="i">Inactivo</option>

								</div>
							</div>
						</div>
					</div>
					<div className="d-flex" style={{ gap: '5px' }}>
 
						<button type="button" className="btn btn-primary" onClick={submitAndClose}>Guardar</button>
						<button type="button" className="btn btn-secondary" onClick={() => history.goBack()}>Cancelar</button>
					</div>
				</div>
			</div >
		</section >

Rev 15073	Rev 15080
Línea 31...	Línea 31...
31	`const [jobDescriptionOptions, setJobDescriptionOptions] = useState(jobsDescription)`	31	`const [jobDescriptionOptions, setJobDescriptionOptions] = useState(jobsDescription)`
32	`const [competencyTypes, setCompetencyTypes] = useState([])`	32	`const [competencyTypes, setCompetencyTypes] = useState([])`
33	`const [competenciesSelected, setCompetenciesSelected] = useState([])`	33	`const [competenciesSelected, setCompetenciesSelected] = useState([])`
34	`const [status, setStatus] = useState('a')`	34	`const [status, setStatus] = useState('a')`
Línea -...	Línea 35...
-		35
35		36
36	`const onSubmit = () => {`	37	`const onSubmit = () => {`
37	`const submitData = new FormData()`	38	`const submitData = new FormData()`
38	`submitData.append('name', watch('name'))`	39	`submitData.append('name', watch('name'))`
39	`submitData.append('description', watch('description'))`	40	`submitData.append('description', watch('description'))`
Línea 71...	Línea 72...
71	`const submitAndClose = () => {`	72	`const submitAndClose = () => {`
72	`onSubmit()`	73	`onSubmit()`
73	`reset()`	74	`reset()`
74	`history.goBack()`	75	`history.goBack()`
75	`}`	76	`}`
76		77	`/*`
77	`useEffect(() => {`	78	`useEffect(() => {`
78	`register('description')`	79	`register('description')`
79	`}, [])`	80	`}, [])`
80		81	`*/`
81	`useEffect(() => {`	82	`useEffect(() => {`
82	`if (action === 'edit') {`	83	`if (action === 'edit') {`
83	`axios.get(actionLink)`	84	`axios.get(actionLink)`
84	`.then(({ data }) => {`	85	`.then(({ data }) => {`
85	`if (!data.success) {`	86	`if (!data.success) {`
Línea 88...	Línea 89...
88	`msg: 'Ha ocurrido un error'`	89	`msg: 'Ha ocurrido un error'`
89	`}))`	90	`}))`
90	`}`	91	`}`
Línea 91...	Línea 92...
91		92
-		93	`setValue('name', data.data.name)`
92	`setValue('name', data.data.name)`	94	`//setDescription(data.data.description)`
93	`setValue('description', data.data.description)`	95	`setValue('description', data.data.description)`
94	`setStatus(data.data.status)`	96	`setStatus(data.data.status)`
95	`setCurretJobDescription(data.data.job_description_id)`	97	`setCurretJobDescription(data.data.job_description_id)`
96	`setValue('jobs_description', data.data.job_description_id)`	98	`setValue('jobs_description', data.data.job_description_id)`
97	`})`	99	`})`
98	`}`	100	`}`
Línea 99...	Línea 101...
99	`}, [actionLink])`	101	`}, [actionLink])`
-		102
-		103	`useEffect(() => {`
100		104	`if(currentJobDescription) {`
101	`useEffect(() => {`	105
102	axios.get(`/settings/jobs-description/edit/${currentJobDescription}`)	106	axios.get(`/performance-evaluation/forms/job-decription?id=${currentJobDescription}`)
103	`.then(({ data }) => {`	107	`.then(({ data }) => {`
104	`if (!data.success) {`	108	`if (!data.success) {`
105	`return dispatch(addNotification({`	109	`return dispatch(addNotification({`
Línea 110...	Línea 114...
110	`let options = data.data.jobs_description?.map(description => ({ uuid: description.job_description_id, name: description.name }))`	114	`let options = data.data.jobs_description?.map(description => ({ uuid: description.job_description_id, name: description.name }))`
111	`setJobDescriptionOptions([...options, { name: data.data.name, uuid: data.data.uuid }])`	115	`setJobDescriptionOptions([...options, { name: data.data.name, uuid: data.data.uuid }])`
112	`setCompetenciesSelected(data.data.competencies_selected)`	116	`setCompetenciesSelected(data.data.competencies_selected)`
113	`setCompetencyTypes(data.data.competency_types)`	117	`setCompetencyTypes(data.data.competency_types)`
114	`})`	118	`})`
-		119	`}`
115	`}, [currentJobDescription])`	120	`}, [currentJobDescription])`
Línea 116...	Línea 121...
116		121
117	`return (`	122	`return (`
118	`<section className="content">`	123	`<section className="content">`
Línea 133...	Línea 138...
133	`}`	138	`}`
134	`</select>`	139	`</select>`
135	`</div>`	140	`</div>`
136	`<div className="form-group">`	141	`<div className="form-group">`
137	`<label htmlFor="form-description">Descripción</label>`	142	`<label htmlFor="form-description">Descripción</label>`
138	`<CKEditor`	-
139	`onChange={(e) => setValue('description', e.editor.getData())}`	-
140	`initData={typeof watch('description') === 'string' ? parse(watch('description')) : ''}`	143	`<textarea type="text" name="description" rows="5" cols="50" className='form-control' ref={register({ required: true })} />`
141	`config={config}`	-
142	`/>`	144
-		145
143	`</div>`	146	`</div>`
144	`<div className="form-group">`	147	`<div className="form-group">`
145	`<label htmlFor="form-status">Estatus</label>`	148	`<label htmlFor="form-status">Estatus</label>`
146	`<select name="form-status" className="form-control" onChange={(e) => setStatus(e.target.value)} value={status}>`	149	`<select name="form-status" className="form-control" onChange={(e) => setStatus(e.target.value)} value={status}>`
147	`<option selected={status === 'i'} value="i">Inactivo</option>`	150	`<option selected={status === 'i'} value="i">Inactivo</option>`
Línea 214...	Línea 217...
214	`</div>`	217	`</div>`
215	`</div>`	218	`</div>`
216	`</div>`	219	`</div>`
217	`</div>`	220	`</div>`
218	`<div className="d-flex" style={{ gap: '5px' }}>`	221	`<div className="d-flex" style={{ gap: '5px' }}>`
219	`<button type="button" className="btn btn-info" onClick={onSubmit}>Guardar & Continuar</button>`	-
220	`<button type="button" className="btn btn-primary" onClick={submitAndClose}>Guardar & Cerrar</button>`	222	`<button type="button" className="btn btn-primary" onClick={submitAndClose}>Guardar</button>`
221	`<button type="button" className="btn btn-secondary" onClick={() => history.goBack()}>Cancelar</button>`	223	`<button type="button" className="btn btn-secondary" onClick={() => history.goBack()}>Cancelar</button>`
222	`</div>`	224	`</div>`
223	`</div>`	225	`</div>`
224	`</div >`	226	`</div >`
225	`</section >`	227	`</section >`

Proyectos de Subversion LeadersLinked - Backend

(root)/react-webpack/performance_evaluations/forms/views/EditView.js – Rev 15073 → 15080