Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 11676 Rev 11677
Línea 12... Línea 12...
12 
	//Hooks
 12 
	//Hooks
13 
	const { register, handleSubmit, errors, setValue, clearErrors, watch } = useForm()
 13 
	const { register, handleSubmit, errors, setValue, clearErrors, watch } = 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([])
17 
	const [year, setYear] = useState(new Date())
 17 
	const [year, setYear] = useState(new Intl.DateTimeFormat('en-CA').format(new Date()))
18 
	const dispatch = useDispatch()
 18 
	const dispatch = useDispatch()
Línea 19... Línea 19...
19 
 
 19 
 
20 
	const deleteUserSelected = (uuid) => {
 20 
	const deleteUserSelected = (uuid) => {
21 
		const newUsersSelected = usersSelected.filter((user) => user.uuid !== uuid)
 21 
		const newUsersSelected = usersSelected.filter((user) => user.uuid !== uuid)
22 
		setUsersSelected(newUsersSelected)
 22 
		setUsersSelected(newUsersSelected)
Línea 23... Línea 23...
23 
	}
 23 
	}
- 
 
 24 
 
- 
 
 25 
	const addUser = () => {
24 
 
 26 
		console.log(allUsers)
25 
	const addUser = () => {
 27 
		console.log(watch('user'))
26 
		const newUser = allUsers.map((user) => user.uuid === watch('user') && { uuid: user.uuid })
 28 
		const newUser = allUsers.find(userOption => userOption.uuid === watch('user'))
Línea 27... Línea 29...
27 
		setUsersSelected(prev => [...prev, newUser])
 29 
		setUsersSelected(prev => [...prev, { uuid: newUser.uuid }])
28 
	}
 30 
	}
Línea 135... Línea 137...
135 
									<th>Acciones</th>
 137 
									<th>Acciones</th>
136 
								</tr>
 138 
								</tr>
137 
							</thead>
 139 
							</thead>
138 
							<tbody>
 140 
							<tbody>
139 
								{
 141 
								{
140 
									usersSelected.length
 - 
 
141 
									&&
 - 
 
142 
									usersSelected.map((user) => {
 142 
									usersSelected.map((user) => {
143 
 
 - 
 
144 
										const renderUser = allUsers.find(userOption => userOption.uuid === user.uuid)
 143 
										const renderUser = allUsers.find(userOption => userOption.uuid === user.uuid)
Línea 145... Línea 144...
145 
 
 144 
 
146 
										return (
 145 
										return (
147 
											<tr key={renderUser.uuid}>
 146 
											<tr key={renderUser.uuid}>
Línea 206... Línea 205...
206 
							<input type="number" name='cost' className='form-control' ref={register} />
 205 
							<input type="number" name='cost' className='form-control' ref={register} />
207 
						</div>
 206 
						</div>
208 
						<div className='form-group'>
 207 
						<div className='form-group'>
209 
							<label className="form-label">Prioridad:</label>
 208 
							<label className="form-label">Prioridad:</label>
210 
							<select name="priority" ref={register({ required: true })}>
 209 
							<select name="priority" ref={register({ required: true })}>
211 
								<option value="">Seleccione</option>
 210 
								<option selected={watch('priority') === ''} value="">Seleccione</option>
212 
								<option value="i">Importante</option>
 211 
								<option selected={watch('priority') === 'i'} value="i">Importante</option>
213 
								<option value="ni">No importante</option>
 212 
								<option selected={watch('priority') === 'ni'} value="ni">No importante</option>
214 
							</select>
 213 
							</select>
215 
						</div>
 214 
						</div>
216 
						<div className='form-group'>
 215 
						<div className='form-group'>
217 
							<label className="form-label">Urgencia:</label>
 216 
							<label className="form-label">Urgencia:</label>
218 
							<select name="urgent" ref={register({ required: true })}>
 217 
							<select name="urgent" ref={register({ required: true })}>
219 
								<option value="">Seleccione</option>
 218 
								<option selected={watch('urgent') === ''} value="">Seleccione</option>
220 
								<option value="u">Importante</option>
 219 
								<option selected={watch('urgent') === 'u'} value="u">Importante</option>
221 
								<option value="nu">No importante</option>
 220 
								<option selected={watch('urgent') === 'nu'} value="nu">No importante</option>
222 
							</select>
 221 
							</select>
223 
						</div>
 222 
						</div>
224 
					</div>
 223 
					</div>
225 
					<div className="form-row">
 224 
					<div className="form-row">
226 
						<div className="col-md-9 mb-3">
 225 
						<div className="col-md-9 mb-3">