Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 12330 Rev 12379
Línea 34... Línea 34...
34 
	const [modalToShow, setModalToShow] = useState('')
 34 
	const [modalToShow, setModalToShow] = useState('')
35 
	const [items, setItems] = useState([])
 35 
	const [items, setItems] = useState([])
36 
	const [total, setTotal] = useState(0)
 36 
	const [total, setTotal] = useState(0)
37 
	const [search, setSearch] = useState('')
 37 
	const [search, setSearch] = useState('')
38 
	const [dataLength, setDataLength] = useState(10)
 38 
	const [dataLength, setDataLength] = useState(10)
- 
 
 39 
	const [startItem, setStartItem] = useState(1)
- 
 
 40 
	const [lastItem, setLastItem] = useState(10)
39 
	const [pages, setPages] = useState({
 41 
	const [pages, setPages] = useState({
40 
		current: 1,
 42 
		current: 1,
41 
		last: 1
 43 
		last: 1
42 
	})
 44 
	})
Línea 67... Línea 69...
67 
		getData({
 69 
		getData({
68 
			url: table_link,
 70 
			url: table_link,
69 
			params: {
 71 
			params: {
70 
				search: search,
 72 
				search: search,
71 
				length: dataLength,
 73 
				length: dataLength,
72 
				page: pages.current
 74 
				start: pages.current
73 
			}
 75 
			}
74 
		})
 76 
		})
75 
	}, [search, dataLength, pages.current])
 77 
	}, [search, dataLength, pages.current])
Línea -... Línea 78...
- 
 
 78 
 
- 
 
 79 
	useEffect(() => {
- 
 
 80 
		if (pages.current > 1) {
- 
 
 81 
			setStartItem((dataLength * (pages.current - 1)) + 1)
- 
 
 82 
		} else {
- 
 
 83 
			setStartItem(1)
- 
 
 84 
		}
- 
 
 85 
	}, [pages.current])
- 
 
 86 
 
- 
 
 87 
	useEffect(() => {
- 
 
 88 
		if (items) {
- 
 
 89 
			if (startItem > 1) {
- 
 
 90 
				setLastItem(startItem + (items.length - 1))
- 
 
 91 
			} else {
- 
 
 92 
				setLastItem(items.length)
- 
 
 93 
			}
- 
 
 94 
		}
- 
 
 95 
	}, [items])
76 
 
 96 
 
77 
	return (
 97 
	return (
78 
		<>
 98 
		<>
79 
			<section className="content">
 99 
			<section className="content">
80 
				<div className="container-fluid">
 100 
				<div className="container-fluid">
Línea 233... Línea 253...
233 
											}
 253 
											}
234 
										</Table>
 254 
										</Table>
235 
									</div>
 255 
									</div>
236 
									<div className='row justify-content-between align-items-center'>
 256 
									<div className='row justify-content-between align-items-center'>
237 
										<p className='mb-0'>
 257 
										<p className='mb-0'>
238 
											{`Mostrando registros del ${(dataLength * pages.current) - (dataLength - 1) || 0} al ${(dataLength * pages.current) - (dataLength - total) || 0} de un total de ${total || 0} registros`}
 258 
											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${total} registros`}
239 
										</p>
 259 
										</p>
240 
										<TablePagination
 260 
										<TablePagination
241 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
 261 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
242 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
 262 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
243 
											totalPages={pages.last}
 263 
											totalPages={pages.last}