| 12475 |
stevensc |
1 |
import axios from 'axios'
|
|
|
2 |
import React, { useState, useEffect } from 'react'
|
|
|
3 |
import { Card } from 'react-bootstrap'
|
|
|
4 |
import { useDispatch } from 'react-redux'
|
|
|
5 |
import { useHistory } from 'react-router-dom'
|
|
|
6 |
import { LengthFilter, SearchInput, Table, TablePagination } from '../../../recruitment_and_selection/components/TableComponents'
|
|
|
7 |
import { addNotification } from '../../../redux/notification/notification.actions'
|
|
|
8 |
import DeleteModal from '../../../shared/DeleteModal'
|
|
|
9 |
|
|
|
10 |
const headers = [
|
|
|
11 |
{ key: 'name', label: 'Nombre', isSorteable: true },
|
|
|
12 |
{ key: 'description', label: 'Descripción', isSorteable: true },
|
|
|
13 |
{ key: 'status', label: 'Estatus', isSorteable: false },
|
|
|
14 |
{ key: 'actions', label: 'Acciones', isSorteable: false }
|
|
|
15 |
]
|
|
|
16 |
|
|
|
17 |
const TableView = ({ table_link, setActionLink, permisions, add_link }) => {
|
|
|
18 |
|
|
|
19 |
const history = useHistory()
|
|
|
20 |
const dispatch = useDispatch()
|
|
|
21 |
const [showDeleteModal, setShowDeleteModal] = useState(false)
|
|
|
22 |
const [deleteLink, setDeleteLink] = useState('')
|
|
|
23 |
const [items, setItems] = useState({})
|
|
|
24 |
const [search, setSearch] = useState('')
|
|
|
25 |
const [startItem, setStartItem] = useState(1)
|
|
|
26 |
const [lastItem, setLastItem] = useState(10)
|
|
|
27 |
const [total, setTotal] = useState(10)
|
|
|
28 |
const [dataLength, setDataLength] = useState(10)
|
|
|
29 |
const [pages, setPages] = useState({
|
|
|
30 |
current: 1,
|
|
|
31 |
last: 1
|
|
|
32 |
})
|
|
|
33 |
|
|
|
34 |
const getData = ({ url = '', params = {} }) => {
|
|
|
35 |
|
|
|
36 |
axios.get(url, { params: { ...params } })
|
|
|
37 |
.then(({ data }) => {
|
|
|
38 |
if (!data.success) {
|
|
|
39 |
dispatch(addNotification({
|
|
|
40 |
style: 'error',
|
|
|
41 |
msg: 'Ha ocurrido un error'
|
|
|
42 |
}))
|
|
|
43 |
}
|
|
|
44 |
|
|
|
45 |
setItems(data.data.items)
|
|
|
46 |
setTotal(data.data.total)
|
|
|
47 |
setPages({ ...pages, last: Math.ceil(data.data.total / dataLength) })
|
|
|
48 |
})
|
|
|
49 |
.catch(() => dispatch(addNotification({
|
|
|
50 |
style: 'error',
|
|
|
51 |
msg: 'Ha ocurrido un error'
|
|
|
52 |
})))
|
|
|
53 |
}
|
|
|
54 |
|
|
|
55 |
useEffect(() => {
|
|
|
56 |
getData({
|
|
|
57 |
url: table_link,
|
|
|
58 |
params: {
|
|
|
59 |
search: search,
|
|
|
60 |
length: dataLength,
|
|
|
61 |
start: pages.current
|
|
|
62 |
}
|
|
|
63 |
})
|
|
|
64 |
}, [search, dataLength, pages.current])
|
|
|
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])
|
|
|
83 |
|
|
|
84 |
return (
|
|
|
85 |
<>
|
| 12483 |
stevensc |
86 |
<h1>Hello</h1>
|
| 12475 |
stevensc |
87 |
</>
|
|
|
88 |
)
|
|
|
89 |
}
|
|
|
90 |
|
|
|
91 |
export default TableView
|