Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 11677 Rev 11683
Línea 8... Línea 8...
8 
import 'react-datetime/css/react-datetime.css'
 8 
import 'react-datetime/css/react-datetime.css'
Línea 9... Línea 9...
9 
 
 9 
 
Línea 10... Línea 10...
10 
const EditAndAddModal = ({ action_link, closeModal, type, onComplete }) => {
 10 
const EditAndAddModal = ({ action_link, closeModal, type, onComplete }) => {
11 
 
 11 
 
12 
	//Hooks
 12 
	//Hooks
13 
	const { register, handleSubmit, errors, setValue, clearErrors, watch } = useForm()
 13 
	const { register, handleSubmit, errors, setValue, clearErrors, watch, reset } = useForm()
14 
	const [isActive, setIsActive] = useState(false)
 14 
	const [isActive, setIsActive] = useState(false)
15 
	const [usersSelected, setUsersSelected] = useState([])
 15 
	const [usersSelected, setUsersSelected] = useState([])
16 
	const [allUsers, setAllUsers] = useState([])
 16 
	const [allUsers, setAllUsers] = useState([])
Línea 21... Línea 21...
21 
		const newUsersSelected = usersSelected.filter((user) => user.uuid !== uuid)
 21 
		const newUsersSelected = usersSelected.filter((user) => user.uuid !== uuid)
22 
		setUsersSelected(newUsersSelected)
 22 
		setUsersSelected(newUsersSelected)
23 
	}
 23 
	}
Línea 24... Línea 24...
24 
 
 24 
 
25 
	const addUser = () => {
 - 
 
26 
		console.log(allUsers)
 - 
 
27 
		console.log(watch('user'))
 25 
	const addUser = () => {
28 
		const newUser = allUsers.find(userOption => userOption.uuid === watch('user'))
 26 
		const newUser = allUsers.find(userOption => userOption.uuid === watch('user'))
29 
		setUsersSelected(prev => [...prev, { uuid: newUser.uuid }])
 27 
		setUsersSelected(prev => [...prev, { uuid: newUser.uuid }])
Línea -... Línea 28...
- 
 
 28 
	}
- 
 
 29 
 
- 
 
 30 
	const onClose = () => {
- 
 
 31 
		reset()
- 
 
 32 
		closeModal()
30 
	}
 33 
	}
31 
 
 34 
 
Línea 32... Línea 35...
32 
	const onSubmit = (data) => {
 35 
	const onSubmit = (data) => {
33 
		const submitData = new FormData()
 36 
		const submitData = new FormData()
Línea 48... Línea 51...
48 
					}))
 51 
					}))
49 
				}
 52 
				}
Línea 50... Línea 53...
50 
 
 53 
 
51 
				clearErrors()
 54 
				clearErrors()
- 
 
 55 
				closeModal()
52 
				closeModal()
 56 
				reset()
53 
				onComplete()
 57 
				onComplete()
54 
				dispatch(addNotification({
 58 
				dispatch(addNotification({
55 
					style: 'success',
 59 
					style: 'success',
56 
					msg: 'Usuario registrado'
 60 
					msg: 'Registro guardadof'
57 
				}))
 61 
				}))
58 
			})
 62 
			})
Línea 59... Línea 63...
59 
	}
 63 
	}
Línea 100... Línea 104...
100 
				})
 104 
				})
101 
		}
 105 
		}
102 
	}, [type])
 106 
	}, [type])
Línea 103... Línea 107...
103 
 
 107 
 
104 
	return (
 108 
	return (
105 
		<Modal size="md" onHide={closeModal} show={type === 'add' || type === ('edit')}>
 109 
		<Modal size="md" onHide={onClose} show={type === 'add' || type === ('edit')}>
106 
			<Modal.Header closeButton>
 110 
			<Modal.Header closeButton>
107 
				<Modal.Title>
 111 
				<Modal.Title>
108 
					{
 112 
					{
109 
						type === 'add'
 113 
						type === 'add'
Línea 128... Línea 132...
128 
						<label className="form-label">Como se implementara</label>
 132 
						<label className="form-label">Como se implementara</label>
129 
						<input type="text" name='how' className='form-control' ref={register({ required: true })} />
 133 
						<input type="text" name='how' className='form-control' ref={register({ required: true })} />
130 
						{errors.how && <p>{errors.how.message}</p>}
 134 
						{errors.how && <p>{errors.how.message}</p>}
131 
					</div>
 135 
					</div>
132 
					<div className="w-100">
 136 
					<div className="w-100">
133 
						<table>
 137 
						<table className='table'>
134 
							<thead>
 138 
							<thead>
135 
								<tr>
 139 
								<tr>
136 
									<th>Usuario</th>
 140 
									<th>Usuario</th>
137 
									<th>Acciones</th>
 141 
									<th>Acciones</th>
138 
								</tr>
 142 
								</tr>
Línea 193... Línea 197...
193 
								value={year}
 197 
								value={year}
194 
							/>
 198 
							/>
195 
						</div>
 199 
						</div>
196 
						<div className='form-group'>
 200 
						<div className='form-group'>
197 
							<label className="form-label">Horas:</label>
 201 
							<label className="form-label">Horas:</label>
198 
							<input type="number" name='time' className='form-control' ref={register} />
 202 
							<input type="number" name='time' className='form-control' ref={register} defaultValue='1' />
199 
							{errors.time && <p>{errors.time.message}</p>}
 203 
							{errors.time && <p>{errors.time.message}</p>}
200 
						</div>
 204 
						</div>
201 
					</div>
 205 
					</div>
202 
					<div className="d-flex align-items-centers" style={{ gap: '5px' }}>
 206 
					<div className="d-flex align-items-centers" style={{ gap: '5px' }}>
203 
						<div className='form-group'>
 207 
						<div className='form-group'>
204 
							<label className="form-label">Costo:</label>
 208 
							<label className="form-label">Costo:</label>
205 
							<input type="number" name='cost' className='form-control' ref={register} />
 209 
							<input type="number" name='cost' className='form-control' defaultValue='1' ref={register} />
206 
						</div>
 210 
						</div>
207 
						<div className='form-group'>
 211 
						<div className='form-group'>
208 
							<label className="form-label">Prioridad:</label>
 212 
							<label className="form-label">Prioridad:</label>
209 
							<select name="priority" ref={register({ required: true })}>
 213 
							<select name="priority" ref={register({ required: true })}>
210 
								<option selected={watch('priority') === ''} value="">Seleccione</option>
 214 
								<option selected={watch('priority') === ''} value="">Seleccione</option>
Línea 214... Línea 218...
214 
						</div>
 218 
						</div>
215 
						<div className='form-group'>
 219 
						<div className='form-group'>
216 
							<label className="form-label">Urgencia:</label>
 220 
							<label className="form-label">Urgencia:</label>
217 
							<select name="urgent" ref={register({ required: true })}>
 221 
							<select name="urgent" ref={register({ required: true })}>
218 
								<option selected={watch('urgent') === ''} value="">Seleccione</option>
 222 
								<option selected={watch('urgent') === ''} value="">Seleccione</option>
219 
								<option selected={watch('urgent') === 'u'} value="u">Importante</option>
 223 
								<option selected={watch('urgent') === 'u'} value="u">Urgente</option>
220 
								<option selected={watch('urgent') === 'nu'} value="nu">No importante</option>
 224 
								<option selected={watch('urgent') === 'nu'} value="nu">No urgente</option>
221 
							</select>
 225 
							</select>
222 
						</div>
 226 
						</div>
223 
					</div>
 227 
					</div>
224 
					<div className="form-row">
 228 
					<div className="form-row">
225 
						<div className="col-md-9 mb-3">
 229 
						<div className="col-md-9 mb-3">