Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 12326 Rev 12373
Línea 19... Línea 19...
19 
	const dispatch = useDispatch()
 19 
	const dispatch = useDispatch()
20 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
 20 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
21 
	const [deleteLink, setDeleteLink] = useState('')
 21 
	const [deleteLink, setDeleteLink] = useState('')
22 
	const [data, setData] = useState({})
 22 
	const [data, setData] = useState({})
23 
	const [search, setSearch] = useState('')
 23 
	const [search, setSearch] = useState('')
- 
 
 24 
	const [startItem, setStartItem] = useState(1)
- 
 
 25 
	const [lastItem, setLastItem] = useState(10)
24 
	const [dataLength, setDataLength] = useState(10)
 26 
	const [dataLength, setDataLength] = useState(10)
25 
	const [pages, setPages] = useState({
 27 
	const [pages, setPages] = useState({
26 
		current: 1,
 28 
		current: 1,
27 
		last: 1
 29 
		last: 1
28 
	})
 30 
	})
Línea 56... Línea 58...
56 
				page: pages.current
 58 
				page: pages.current
57 
			}
 59 
			}
58 
		})
 60 
		})
59 
	}, [search, dataLength, pages.current])
 61 
	}, [search, dataLength, pages.current])
Línea -... Línea 62...
- 
 
 62 
 
- 
 
 63 
	useEffect(() => {
- 
 
 64 
		if (pages.current > 1) {
- 
 
 65 
			setStartItem((dataLength * (pages.current - 1)) + 1)
- 
 
 66 
		} else {
- 
 
 67 
			setStartItem(1)
- 
 
 68 
		}
- 
 
 69 
	}, [pages.current])
- 
 
 70 
 
- 
 
 71 
	useEffect(() => {
- 
 
 72 
		if (data.items) {
- 
 
 73 
			if (startItem > 1) {
- 
 
 74 
				setLastItem(startItem + (data.items.length - 1))
- 
 
 75 
			} else {
- 
 
 76 
				setLastItem(data.items.length)
- 
 
 77 
			}
- 
 
 78 
		}
- 
 
 79 
	}, [data])
60 
 
 80 
 
61 
	return (
 81 
	return (
62 
		<>
 82 
		<>
63 
			<section className="content">
 83 
			<section className="content">
64 
				<div className="container-fluid">
 84 
				<div className="container-fluid">
Línea 149... Línea 169...
149 
											}
 169 
											}
150 
										</Table>
 170 
										</Table>
151 
									</div>
 171 
									</div>
152 
									<div className='row justify-content-between align-items-center'>
 172 
									<div className='row justify-content-between align-items-center'>
153 
										<p className='mb-0'>
 173 
										<p className='mb-0'>
154 
											{`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`}
 174 
											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${data.total} registros`}
155 
										</p>
 175 
										</p>
156 
										<TablePagination
 176 
										<TablePagination
157 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
 177 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
158 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
 178 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
159 
											totalPages={pages.last}
 179 
											totalPages={pages.last}