Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 12326 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 12326 Rev 12379
Línea 27... Línea 27...
27 
	const [items, setItems] = useState([])
 27 
	const [items, setItems] = useState([])
28 
	const [module, setModule] = useState({})
 28 
	const [module, setModule] = useState({})
29 
	const [total, setTotal] = useState(0)
 29 
	const [total, setTotal] = useState(0)
30 
	const [search, setSearch] = useState('')
 30 
	const [search, setSearch] = useState('')
31 
	const [dataLength, setDataLength] = useState(10)
 31 
	const [dataLength, setDataLength] = useState(10)
- 
 
 32 
	const [startItem, setStartItem] = useState(1)
- 
 
 33 
	const [lastItem, setLastItem] = useState(10)
32 
	const [pages, setPages] = useState({
 34 
	const [pages, setPages] = useState({
33 
		current: 1,
 35 
		current: 1,
34 
		last: 1
 36 
		last: 1
35 
	})
 37 
	})
Línea 60... Línea 62...
60 
		getData({
 62 
		getData({
61 
			url: table_link,
 63 
			url: table_link,
62 
			params: {
 64 
			params: {
63 
				search: search,
 65 
				search: search,
64 
				length: dataLength,
 66 
				length: dataLength,
65 
				page: pages.current
 67 
				start: pages.current
66 
			}
 68 
			}
67 
		})
 69 
		})
68 
	}, [search, dataLength, pages.current])
 70 
	}, [search, dataLength, pages.current])
Línea -... Línea 71...
- 
 
 71 
 
- 
 
 72 
	useEffect(() => {
- 
 
 73 
		if (pages.current > 1) {
- 
 
 74 
			setStartItem((dataLength * (pages.current - 1)) + 1)
- 
 
 75 
		} else {
- 
 
 76 
			setStartItem(1)
- 
 
 77 
		}
- 
 
 78 
	}, [pages.current])
- 
 
 79 
 
- 
 
 80 
	useEffect(() => {
- 
 
 81 
		if (items) {
- 
 
 82 
			if (startItem > 1) {
- 
 
 83 
				setLastItem(startItem + (items.length - 1))
- 
 
 84 
			} else {
- 
 
 85 
				setLastItem(items.length)
- 
 
 86 
			}
- 
 
 87 
		}
- 
 
 88 
	}, [items])
69 
 
 89 
 
70 
	return (
 90 
	return (
71 
		<ContentTitle title='Planificación - Objetivos y Metas'>
 91 
		<ContentTitle title='Planificación - Objetivos y Metas'>
72 
			<div className="col-sm-12 d-flex flex-column  p-2">
 92 
			<div className="col-sm-12 d-flex flex-column  p-2">
73 
				<div className="m-2 d-flex">
 93 
				<div className="m-2 d-flex">
Línea 226... Línea 246...
226 
											}
 246 
											}
227 
										</Table>
 247 
										</Table>
228 
									</div>
 248 
									</div>
229 
									<div className='row justify-content-between align-items-center'>
 249 
									<div className='row justify-content-between align-items-center'>
230 
										<p className='mb-0'>
 250 
										<p className='mb-0'>
231 
											{`Mostrando registros del ${(dataLength * pages.current) - (dataLength - 1) || 0} al ${(dataLength * pages.current) - (dataLength - total) || 0} de un total de ${total || 0} registros`}
 251 
											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${total} registros`}
232 
										</p>
 252 
										</p>
233 
										<TablePagination
 253 
										<TablePagination
234 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
 254 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
235 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
 255 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
236 
											totalPages={pages.last}
 256 
											totalPages={pages.last}