Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 14927 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
10447 stevensc 1 
/* eslint-disable no-mixed-spaces-and-tabs */
10436 stevensc 2 
import React, { useState, useEffect } from 'react'
3 
import axios from 'axios'
4 
import { Card } from 'react-bootstrap'
5 
import { LengthFilter, SearchInput, Table, TablePagination } from '../../components/TableComponents'
6 
import { addNotification } from '../../../redux/notification/notification.actions'
7 
import { useDispatch } from 'react-redux'
8 
import DeleteModal from '../../../shared/DeleteModal'
9 
 
10 
const headers = [
10447 stevensc 11 
	{ key: 'name', label: 'Nombre', isSorteable: true },
12 
	{ key: 'email', label: 'Correo electrónico', isSorteable: true },
13 
	{ key: 'type', label: 'Entrevistado por', isSorteable: true },
14 
	{ key: 'vacancy', label: 'Vacantes', isSorteable: true },
15 
	{ key: 'points', label: 'Evaluación', isSorteable: true },
16 
	{ key: 'actions', label: 'Acciones', isSorteable: false }
10436 stevensc 17 
]
18 
 
15126 stevensc 19 
const points = {
20 
	0: '0%',
21 
	1: '25%',
22 
	2: '50%',
23 
	3: '75%',
24 
	4: '100%'
25 
}
10436 stevensc 26 
 
15126 stevensc 27 
const TableView = ({
28 
	table_link,
29 
	permisions,
30 
	vacancies,
31 
	setActionLink,
32 
	add_link,
33 
	setAction
34 
}) => {
35 
 
10447 stevensc 36 
	const dispatch = useDispatch()
37 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
14927 stevensc 38 
	const [currentVacancy, setCurrentVacancy] = useState((vacancies.length > 0) ? vacancies[0].uuid : '')
10447 stevensc 39 
	const [deleteLink, setDeleteLink] = useState('')
12712 stevensc 40 
	const [items, setItems] = useState([])
41 
	const [total, setTotal] = useState(0)
10447 stevensc 42 
	const [search, setSearch] = useState('')
12375 stevensc 43 
	const [startItem, setStartItem] = useState(1)
44 
	const [lastItem, setLastItem] = useState(10)
10447 stevensc 45 
	const [dataLength, setDataLength] = useState(10)
15126 stevensc 46 
	const [pages, setPages] = useState({ current: 1, last: 1 })
10436 stevensc 47 
 
10447 stevensc 48 
	const getData = ({ url = '', params = {} }) => {
49 
		axios.get(url, { params: { ...params } })
50 
			.then(({ data }) => {
51 
				if (!data.success) {
11071 stevensc 52 
					return dispatch(addNotification({
11051 stevensc 53 
						style: 'danger',
10447 stevensc 54 
						msg: 'Ha ocurrido un error'
55 
					}))
56 
				}
10436 stevensc 57 
 
12712 stevensc 58 
				setItems(data.data.items)
59 
				setTotal(data.data.total)
10447 stevensc 60 
				setPages({ ...pages, last: Math.ceil(data.data.total / dataLength) })
61 
			})
62 
			.catch(() => dispatch(addNotification({
11051 stevensc 63 
				style: 'danger',
10447 stevensc 64 
				msg: 'Ha ocurrido un error'
65 
			})))
66 
	}
10436 stevensc 67 
 
10447 stevensc 68 
	useEffect(() => {
69 
		getData({
70 
			url: `${table_link}/${currentVacancy}`,
71 
			params: {
72 
				search: search,
73 
				length: dataLength,
12375 stevensc 74 
				start: pages.current
10447 stevensc 75 
			}
76 
		})
77 
	}, [search, dataLength, pages.current, currentVacancy])
10436 stevensc 78 
 
10836 stevensc 79 
	useEffect(() => {
10840 stevensc 80 
		setActionLink(add_link.replace('UUID_PLACEHOLDER', currentVacancy))
10836 stevensc 81 
	}, [currentVacancy])
82 
 
12375 stevensc 83 
	useEffect(() => {
15126 stevensc 84 
		pages.current > 1
85 
			? setStartItem((dataLength * (pages.current - 1)) + 1)
86 
			: setStartItem(1)
12375 stevensc 87 
	}, [pages.current])
88 
 
89 
	useEffect(() => {
12712 stevensc 90 
		if (items) {
15126 stevensc 91 
			startItem > 1
92 
				? setLastItem(startItem + (items.length - 1))
93 
				: setLastItem(items.length)
12375 stevensc 94 
		}
12712 stevensc 95 
	}, [items])
12375 stevensc 96 
 
10447 stevensc 97 
	return (
98 
		<>
99 
			<section className="content">
100 
				<div className="container-fluid">
101 
					<div className="row">
102 
						<div className="col-12">
103 
							<Card>
104 
								<Card.Header>
105 
									<div className="row" style={{ gap: '10px' }}>
106 
										<div className="form-group">
107 
											<label>Vacantes</label>
108 
											<select
109 
												className="form-control"
110 
												value={currentVacancy}
111 
												onChange={(e) => setCurrentVacancy(e.target.value)}
15126 stevensc 112 
												defaultValue={vacancies[0].uuid}>
113 
												{vacancies.map((vacancy) =>
114 
													<option
115 
														key={vacancy.uuid}
116 
														value={vacancy.uuid}>
117 
														{vacancy.name}
118 
													</option>
119 
												)}
10447 stevensc 120 
											</select>
121 
										</div>
122 
									</div>
123 
									<div className="row justify-content-end" style={{ gap: '10px' }}>
15126 stevensc 124 
										{permisions.allowAdd &&
10447 stevensc 125 
											<label
126 
												className='d-flex align-items-center'
15126 stevensc 127 
												onClick={() => setAction('add')}
128 
												style={{ cursor: 'pointer' }}>
10447 stevensc 129 
												<i className="fa fa-plus mr-2" />
130 
												Agregar
131 
											</label>
132 
										}
133 
										<label
134 
											className='d-flex align-items-center'
135 
											onClick={() => getData({
136 
												url: table_link,
137 
												params: {
138 
													search: search,
139 
													length: dataLength,
140 
													page: pages.current
141 
												}
142 
											})}
143 
											style={{ cursor: 'pointer' }}
144 
										>
145 
											<i className='fa fa-refresh mr-2' />
146 
											Actualizar
147 
										</label>
148 
									</div>
149 
									<div className="row justify-content-between align-items-center">
150 
										<LengthFilter onChange={(e) => setDataLength(e.target.value)} />
151 
										<SearchInput onChange={(e) => setSearch(e.target.value)} />
152 
									</div>
153 
								</Card.Header>
154 
								<Card.Body>
11268 stevensc 155 
									<div className="table-responsive">
12712 stevensc 156 
										<Table data={items} headers={headers} setData={setItems}>
15126 stevensc 157 
											{items.map((item) => (
158 
												<tr key={item.uuid}>
159 
													<td>{`${item.first_name} ${item.last_name}`}</td>
160 
													<td>{item.email}</td>
161 
													<td>
162 
														{item.type === 'r'
163 
															? 'Recursos Humanos'
164 
															: 'Potencial superior'
165 
														}
166 
													</td>
167 
													<td>{item.vacancy}</td>
168 
													<td>{points[item.points]}</td>
169 
													<td className='d-inline-flex align-items-center' style={{ gap: '10px' }}>
170 
														{permisions.allowEdit &&
171 
															<i
172 
																className='fa fa-pencil'
173 
																style={{ cursor: 'pointer' }}
174 
																onClick={() => {
175 
																	setActionLink(item.actions.link_edit)
176 
																	setAction('edit')
177 
																}} />
178 
														}
179 
														{permisions.allowDelete &&
180 
															<i
181 
																className='fa fa-trash'
182 
																onClick={() => {
183 
																	setShowDeleteModal(true)
184 
																	setDeleteLink(item.actions.link_delete)
185 
																}}
186 
																style={{ cursor: 'pointer' }} />
187 
														}
188 
														{item.type === 'r' &&
189 
															<a
190 
																href={`/recruitment-and-selection/interview/${item.uuid}/file`}
191 
																className='btn p-0'
192 
																title='Cargar evaluación'>
193 
																<i className='fa fa-external-link' style={{ cursor: 'pointer' }} />
194 
															</a>
195 
														}
196 
														{permisions.allowFile &&
197 
															<a href={item.actions.link_report} target='_blank' className='btn p-0' rel="noreferrer">
198 
																<i className='fa fa-file-o' style={{ cursor: 'pointer' }} />
199 
															</a>
200 
														}
201 
													</td>
202 
												</tr>
203 
											))
11268 stevensc 204 
											}
205 
										</Table>
206 
									</div>
10447 stevensc 207 
									<div className='row justify-content-between align-items-center'>
208 
										<p className='mb-0'>
12712 stevensc 209 
											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${total} registros`}
10447 stevensc 210 
										</p>
211 
										<TablePagination
12326 stevensc 212 
											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}
213 
											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}
10447 stevensc 214 
											totalPages={pages.last}
215 
											currentPage={pages.current}
216 
										/>
217 
									</div>
218 
								</Card.Body>
219 
							</Card>
220 
						</div>
221 
					</div >
222 
				</div >
223 
			</section >
224 
			<DeleteModal
225 
				url={deleteLink}
226 
				isOpen={showDeleteModal}
227 
				closeModal={() => setShowDeleteModal(false)}
228 
				title="Esta seguro de borrar esta entrevista?"
12712 stevensc 229 
				onComplete={() => setItems(items.filter((item) => item.actions.link_delete !== deleteLink))}
10447 stevensc 230 
				message="Entrevista eliminada"
231 
			/>
232 
		</>
233 
	)
10436 stevensc 234 
}
235 
export default TableView