Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 12326 Rev 12379
Línea 22... Línea 22...
22 
	const [modalToShow, setModalToShow] = useState('')
 22 
	const [modalToShow, setModalToShow] = useState('')
23 
	const [items, setItems] = useState([])
 23 
	const [items, setItems] = useState([])
24 
	const [total, setTotal] = useState(0)
 24 
	const [total, setTotal] = useState(0)
25 
	const [search, setSearch] = useState('')
 25 
	const [search, setSearch] = useState('')
26 
	const [dataLength, setDataLength] = useState(10)
 26 
	const [dataLength, setDataLength] = useState(10)
- 
 
 27 
	const [startItem, setStartItem] = useState(1)
- 
 
 28 
	const [lastItem, setLastItem] = useState(10)
27 
	const [pages, setPages] = useState({
 29 
	const [pages, setPages] = useState({
28 
		current: 1,
 30 
		current: 1,
29 
		last: 1
 31 
		last: 1
30 
	})
 32 
	})
Línea 54... Línea 56...
54 
		getData({
 56 
		getData({
55 
			url: table_link,
 57 
			url: table_link,
56 
			params: {
 58 
			params: {
57 
				search: search,
 59 
				search: search,
58 
				length: dataLength,
 60 
				length: dataLength,
59 
				page: pages.current
 61 
				start: pages.current
60 
			}
 62 
			}
61 
		})
 63 
		})
62 
	}, [search, dataLength, pages.current])
 64 
	}, [search, dataLength, pages.current])
Línea -... Línea 65...
- 
 
 65 
 
- 
 
 66 
	useEffect(() => {
- 
 
 67 
		if (pages.current > 1) {
- 
 
 68 
			setStartItem((dataLength * (pages.current - 1)) + 1)
- 
 
 69 
		} else {
- 
 
 70 
			setStartItem(1)
- 
 
 71 
		}
- 
 
 72 
	}, [pages.current])
- 
 
 73 
 
- 
 
 74 
	useEffect(() => {
- 
 
 75 
		if (items) {
- 
 
 76 
			if (startItem > 1) {
- 
 
 77 
				setLastItem(startItem + (items.length - 1))
- 
 
 78 
			} else {
- 
 
 79 
				setLastItem(items.length)
- 
 
 80 
			}
- 
 
 81 
		}
- 
 
 82 
	}, [items])
63 
 
 83 
 
64 
	return (
 84 
	return (
65 
		<>
 85 
		<>
66 
			<section className="content">
 86 
			<section className="content">
67 
				<div className="container-fluid">
 87 
				<div className="container-fluid">
Línea 163... Línea 183...
163 
											}
 183 
											}
164 
										</Table>
 184 
										</Table>
165 
									</div>
 185 
									</div>
166 
									<div className='row justify-content-between align-items-center'>
 186 
									<div className='row justify-content-between align-items-center'>
167 
										<p className='mb-0'>
 187 
										<p className='mb-0'>
168 
											{`Mostrando registros del ${(dataLength * pages.current) - (dataLength - 1) || 0} al ${(dataLength * pages.current) - (dataLength - total) || 0} de un total de ${total || 0} registros`}
 188 
											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${total} registros`}
169 
										</p>
 189 
										</p>
170 
										<TablePagination
 190 
										<TablePagination
171 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
 191 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
172 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
 192 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
173 
											totalPages={pages.last}
 193 
											totalPages={pages.last}