Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 12375 Rev 12712
Línea 18... Línea 18...
18 
 
 18 
 
19 
	const history = useHistory()
 19 
	const history = useHistory()
20 
	const dispatch = useDispatch()
 20 
	const dispatch = useDispatch()
21 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
 21 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
- 
 
 22 
	const [deleteLink, setDeleteLink] = useState('')
22 
	const [deleteLink, setDeleteLink] = useState('')
 23 
	const [items, setItems] = useState([])
23 
	const [data, setData] = useState({})
 24 
	const [total, setTotal] = useState(0)
24 
	const [search, setSearch] = useState('')
 25 
	const [search, setSearch] = useState('')
25 
	const [startItem, setStartItem] = useState(1)
 26 
	const [startItem, setStartItem] = useState(1)
26 
	const [lastItem, setLastItem] = useState(10)
 27 
	const [lastItem, setLastItem] = useState(10)
27 
	const [dataLength, setDataLength] = useState(10)
 28 
	const [dataLength, setDataLength] = useState(10)
Línea 39... Línea 40...
39 
						style: 'error',
 40 
						style: 'error',
40 
						msg: 'Ha ocurrido un error'
 41 
						msg: 'Ha ocurrido un error'
41 
					}))
 42 
					}))
42 
				}
 43 
				}
Línea -... Línea 44...
- 
 
 44 
 
43 
 
 45 
				setItems(data.data.items)
44 
				setData(data.data)
 46 
				setTotal(data.data.total)
45 
				setPages({ ...pages, last: Math.ceil(data.data.total / dataLength) })
 47 
				setPages({ ...pages, last: Math.ceil(data.data.total / dataLength) })
46 
			})
 48 
			})
47 
			.catch(() => dispatch(addNotification({
 49 
			.catch(() => dispatch(addNotification({
48 
				style: 'error',
 50 
				style: 'error',
Línea 68... Línea 70...
68 
			setStartItem(1)
 70 
			setStartItem(1)
69 
		}
 71 
		}
70 
	}, [pages.current])
 72 
	}, [pages.current])
Línea 71... Línea 73...
71 
 
 73 
 
72 
	useEffect(() => {
 74 
	useEffect(() => {
73 
		if (data.items) {
 75 
		if (items) {
74 
			if (startItem > 1) {
 76 
			if (startItem > 1) {
75 
				setLastItem(startItem + (data.items.length - 1))
 77 
				setLastItem(startItem + (items.length - 1))
76 
			} else {
 78 
			} else {
77 
				setLastItem(data.items.length)
 79 
				setLastItem(items.length)
78 
			}
 80 
			}
79 
		}
 81 
		}
Línea 80... Línea 82...
80 
	}, [data])
 82 
	}, [items])
81 
 
 83 
 
82 
	return (
 84 
	return (
83 
		<>
 85 
		<>
Línea 124... Línea 126...
124 
										<SearchInput onChange={(e) => setSearch(e.target.value)} />
 126 
										<SearchInput onChange={(e) => setSearch(e.target.value)} />
125 
									</div>
 127 
									</div>
126 
								</Card.Header>
 128 
								</Card.Header>
127 
								<Card.Body>
 129 
								<Card.Body>
128 
									<div className="table-responsive">
 130 
									<div className="table-responsive">
129 
										<Table data={data.items} headers={headers} setData={setData}>
 131 
										<Table data={items} headers={headers} setData={setItems}>
130 
											{
 132 
											{
131 
												data.items?.map((item, index) => (
 133 
												items.map((item, index) => (
132 
													<tr key={index}>
 134 
													<tr key={index}>
133 
														<td>{item.name}</td>
 135 
														<td>{item.name}</td>
134 
														<td>{item.job_description}</td>
 136 
														<td>{item.job_description}</td>
135 
														<td>
 137 
														<td>
136 
															{
 138 
															{
Línea 170... Línea 172...
170 
											}
 172 
											}
171 
										</Table>
 173 
										</Table>
172 
									</div>
 174 
									</div>
173 
									<div className='row justify-content-between align-items-center'>
 175 
									<div className='row justify-content-between align-items-center'>
174 
										<p className='mb-0'>
 176 
										<p className='mb-0'>
175 
											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${data.total} registros`}
 177 
											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${total} registros`}
176 
										</p>
 178 
										</p>
177 
										<TablePagination
 179 
										<TablePagination
178 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
 180 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
179 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
 181 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
180 
											totalPages={pages.last}
 182 
											totalPages={pages.last}
Línea 190... Línea 192...
190 
			<DeleteModal
 192 
			<DeleteModal
191 
				url={deleteLink}
 193 
				url={deleteLink}
192 
				isOpen={showDeleteModal}
 194 
				isOpen={showDeleteModal}
193 
				closeModal={() => setShowDeleteModal(false)}
 195 
				closeModal={() => setShowDeleteModal(false)}
194 
				title="Esta seguro de borrar esta vacante?"
 196 
				title="Esta seguro de borrar esta vacante?"
195 
				onComplete={() => setData({ ...data, items: data.items.filter((item) => item.actions.link_delete !== deleteLink) })}
 197 
				onComplete={() => setItems(items.filter((item) => item.actions.link_delete !== deleteLink))}
196 
				message="Vacante eliminada"
 198 
				message="Vacante eliminada"
197 
			/>
 199 
			/>
198 
		</>
 200 
		</>
199 
	)
 201 
	)
200 
}
 202 
}