Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 12326 Rev 12377
Línea 25... Línea 25...
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 [objetive, setObjetive] = useState({})
 27 
	const [objetive, setObjetive] = useState({})
28 
	const [total, setTotal] = useState(0)
 28 
	const [total, setTotal] = useState(0)
29 
	const [search, setSearch] = useState('')
 29 
	const [search, setSearch] = useState('')
- 
 
 30 
	const [startItem, setStartItem] = useState(1)
- 
 
 31 
	const [lastItem, setLastItem] = useState(10)
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
34 
	})
 36 
	})
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={`Metas del objetivo: ${objetive.titleObjective || 0}`}>
 90 
		<ContentTitle title={`Metas del objetivo: ${objetive.titleObjective || 0}`}>
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 219... Línea 239...
219 
											}
 239 
											}
220 
										</Table>
 240 
										</Table>
221 
									</div>
 241 
									</div>
222 
									<div className='row justify-content-between align-items-center'>
 242 
									<div className='row justify-content-between align-items-center'>
223 
										<p className='mb-0'>
 243 
										<p className='mb-0'>
224 
											{`Mostrando registros del ${(dataLength * pages.current) - (dataLength - 1) || 0} al ${(dataLength * pages.current) - (dataLength - total) || 0} de un total de ${total || 0} registros`}
 244 
											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${total} registros`}
225 
										</p>
 245 
										</p>
226 
										<TablePagination
 246 
										<TablePagination
227 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
 247 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
228 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
 248 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
229 
											totalPages={pages.last}
 249 
											totalPages={pages.last}