Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 12326 Rev 12375
Línea 24... Línea 24...
24 
	const [modalToShow, setModalToShow] = useState('')
 24 
	const [modalToShow, setModalToShow] = useState('')
25 
	const [actionLink, setActionLink] = useState(add_link)
 25 
	const [actionLink, setActionLink] = useState(add_link)
26 
	const [items, setItems] = useState([])
 26 
	const [items, setItems] = useState([])
27 
	const [goals, setGoals] = useState({})
 27 
	const [goals, setGoals] = useState({})
28 
	const [total, setTotal] = useState(0)
 28 
	const [total, setTotal] = useState(0)
- 
 
 29 
	const [startItem, setStartItem] = useState(1)
- 
 
 30 
	const [lastItem, setLastItem] = useState(10)
29 
	const [search, setSearch] = useState('')
 31 
	const [search, setSearch] = useState('')
30 
	const [dataLength, setDataLength] = useState(10)
 32 
	const [dataLength, setDataLength] = useState(10)
31 
	const [pages, setPages] = useState({
 33 
	const [pages, setPages] = useState({
32 
		current: 1,
 34 
		current: 1,
33 
		last: 1
 35 
		last: 1
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])
 69 
	}, [search, dataLength, pages.current])
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 (items) {
- 
 
 81 
			if (startItem > 1) {
- 
 
 82 
				setLastItem(startItem + (items.length - 1))
- 
 
 83 
			} else {
- 
 
 84 
				setLastItem(items.length)
- 
 
 85 
			}
- 
 
 86 
		}
- 
 
 87 
	}, [items])
68 
 
 88 
 
69 
	return (
 89 
	return (
70 
		<ContentTitle title={`Tareas de la meta: ${goals.titleGoals || ''}`}>
 90 
		<ContentTitle title={`Tareas de la meta: ${goals.titleGoals || ''}`}>
71 
			<div className="col-sm-12 d-flex flex-column  p-2">
 91 
			<div className="col-sm-12 d-flex flex-column  p-2">
72 
				<div className="m-2">
 92 
				<div className="m-2">
Línea 213... Línea 233...
213 
											}
 233 
											}
214 
										</Table>
 234 
										</Table>
215 
									</div>
 235 
									</div>
216 
									<div className='row justify-content-between align-items-center'>
 236 
									<div className='row justify-content-between align-items-center'>
217 
										<p className='mb-0'>
 237 
										<p className='mb-0'>
218 
											{`Mostrando registros del ${(dataLength * pages.current) - (dataLength - 1) || 0} al ${(dataLength * pages.current) - (dataLength - total) || 0} de un total de ${total || 0} registros`}
 238 
											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${total} registros`}
219 
										</p>
 239 
										</p>
220 
										<TablePagination
 240 
										<TablePagination
221 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
 241 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
222 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
 242 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
223 
											totalPages={pages.last}
 243 
											totalPages={pages.last}