Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 12326 Rev 12375
Línea 28... Línea 28...
28 
	const [currentVacancy, setCurrentVacancy] = useState(vacancies[0].uuid || '')
 28 
	const [currentVacancy, setCurrentVacancy] = useState(vacancies[0].uuid || '')
29 
	const [actionLink, setActionLink] = useState('')
 29 
	const [actionLink, setActionLink] = useState('')
30 
	const [data, setData] = useState({})
 30 
	const [data, setData] = useState({})
31 
	const [search, setSearch] = useState('')
 31 
	const [search, setSearch] = useState('')
32 
	const [dataLength, setDataLength] = useState(10)
 32 
	const [dataLength, setDataLength] = useState(10)
- 
 
 33 
	const [startItem, setStartItem] = useState(1)
- 
 
 34 
	const [lastItem, setLastItem] = useState(10)
33 
	const [pages, setPages] = useState({
 35 
	const [pages, setPages] = useState({
34 
		current: 1,
 36 
		current: 1,
35 
		last: 1
 37 
		last: 1
36 
	})
 38 
	})
Línea 59... Línea 61...
59 
		getData({
 61 
		getData({
60 
			url: table_link,
 62 
			url: table_link,
61 
			params: {
 63 
			params: {
62 
				search: search,
 64 
				search: search,
63 
				length: dataLength,
 65 
				length: dataLength,
64 
				page: pages.current
 66 
				start: pages.current
65 
			}
 67 
			}
66 
		})
 68 
		})
67 
	}, [search, dataLength, pages.current, currentVacancy])
 69 
	}, [search, dataLength, pages.current, currentVacancy])
Línea -... Línea 70...
- 
 
 70 
 
- 
 
 71 
	useEffect(() => {
- 
 
 72 
		if (pages.current > 1) {
- 
 
 73 
			setStartItem((dataLength * (pages.current - 1)) + 1)
- 
 
 74 
		} else {
- 
 
 75 
			setStartItem(1)
- 
 
 76 
		}
- 
 
 77 
	}, [pages.current])
- 
 
 78 
 
- 
 
 79 
	useEffect(() => {
- 
 
 80 
		if (data.items) {
- 
 
 81 
			if (startItem > 1) {
- 
 
 82 
				setLastItem(startItem + (data.items.length - 1))
- 
 
 83 
			} else {
- 
 
 84 
				setLastItem(data.items.length)
- 
 
 85 
			}
- 
 
 86 
		}
- 
 
 87 
	}, [data])
68 
 
 88 
 
69 
	return (
 89 
	return (
70 
		<ContentTitle title='Preselección'>
 90 
		<ContentTitle title='Preselección'>
71 
			<section className="content">
 91 
			<section className="content">
72 
				<div className="container-fluid">
 92 
				<div className="container-fluid">
Línea 172... Línea 192...
172 
											}
 192 
											}
173 
										</Table>
 193 
										</Table>
174 
									</div>
 194 
									</div>
175 
									<div className='row justify-content-between align-items-center'>
 195 
									<div className='row justify-content-between align-items-center'>
176 
										<p className='mb-0'>
 196 
										<p className='mb-0'>
177 
											{`Mostrando registros del ${(dataLength * pages.current) - (dataLength - 1) || 0} al ${(dataLength * pages.current) - (dataLength - data.total) || 0} de un total de ${data.total || 0} registros`}
 197 
											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${data.total} registros`}
178 
										</p>
 198 
										</p>
179 
										<TablePagination
 199 
										<TablePagination
180 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
 200 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
181 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
 201 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
182 
											totalPages={pages.last}
 202 
											totalPages={pages.last}