Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 14193 | Rev 14199 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 14193 Rev 14197
Línea 4... Línea 4...
4 
import { Card } from 'react-bootstrap'
 4 
import { Card } from 'react-bootstrap'
5 
import { useDispatch } from 'react-redux'
 5 
import { useDispatch } from 'react-redux'
6 
import { useHistory } from 'react-router-dom'
 6 
import { useHistory } from 'react-router-dom'
7 
import { LengthFilter, SearchInput, Table } from '../../recruitment_and_selection/components/TableComponents'
 7 
import { LengthFilter, SearchInput, Table } from '../../recruitment_and_selection/components/TableComponents'
8 
import { addNotification } from '../../redux/notification/notification.actions'
 8 
import { addNotification } from '../../redux/notification/notification.actions'
- 
 
 9 
import DeleteModal from '../../shared/DeleteModal'
9 
import PaginationComponent from '../../shared/PaginationComponent'
 10 
import PaginationComponent from '../../shared/PaginationComponent'
Línea 10... Línea 11...
10 
 
 11 
 
11 
const headers = [
 12 
const headers = [
12 
	{ key: 'name', label: 'Nombre', isSorteable: true },
 13 
	{ key: 'name', label: 'Nombre', isSorteable: true },
13 
	{ key: 'status', label: 'Activo', isSorteable: false },
 14 
	{ key: 'status', label: 'Activo', isSorteable: false },
14 
	{ key: 'actions', label: 'Acciones', isSorteable: false }
 15 
	{ key: 'actions', label: 'Acciones', isSorteable: false }
Línea 15... Línea 16...
15 
]
 16 
]
- 
 
 17 
 
16 
 
 18 
const TableView = ({
17 
const TableView = ({
 19 
	actionLink = '',
18 
	import_link = '',
 20 
	import_link = '',
19 
	add_link = '',
 21 
	add_link = '',
20 
	table_link = '',
 22 
	table_link = '',
Línea 25... Línea 27...
25 
	//Hooks
 27 
	//Hooks
26 
	const dispatch = useDispatch()
 28 
	const dispatch = useDispatch()
27 
	const history = useHistory()
 29 
	const history = useHistory()
Línea 28... Línea 30...
28 
 
 30 
 
29 
	//State
 31 
	//State
30 
	const [modalToShow, setModalToShow] = useState('')
 32 
	const [isOpen, setIsOpen] = useState(false)
31 
	const [items, setItems] = useState([])
 33 
	const [items, setItems] = useState([])
32 
	const [total, setTotal] = useState(0)
 34 
	const [total, setTotal] = useState(0)
33 
	const [search, setSearch] = useState('')
 35 
	const [search, setSearch] = useState('')
34 
	const [dataLength, setDataLength] = useState(10)
 36 
	const [dataLength, setDataLength] = useState(10)
Línea 38... Línea 40...
38 
		current: 1,
 40 
		current: 1,
39 
		last: 1
 41 
		last: 1
40 
	})
 42 
	})
Línea 41... Línea 43...
41 
 
 43 
 
42 
	const getData = ({ url = '', params = {} }) => {
 44 
	const getData = ({ url = '', params = {} }) => {
43 
		axios.get(url, { params: { ...params } })
 45 
		axios.post(url, { params: { ...params } })
44 
			.then(({ data }) => {
 46 
			.then(({ data }) => {
45 
				if (!data.success) {
 47 
				if (!data.success) {
46 
					return dispatch(addNotification({
 48 
					return dispatch(addNotification({
47 
						style: 'danger',
 49 
						style: 'danger',
Línea 101... Línea 103...
101 
			}
 103 
			}
102 
		}
 104 
		}
103 
	}, [items])
 105 
	}, [items])
Línea 104... Línea 106...
104 
 
 106 
 
- 
 
 107 
	return (
105 
	return (
 108 
		<>
106 
		<section className="content">
 109 
			<section className="content">
107 
			<div className="container-fluid">
 110 
				<div className="container-fluid">
108 
				<div className="row">
 111 
					<div className="row">
109 
					<div className="col-12">
 112 
						<div className="col-12">
110 
						<Card>
 113 
							<Card>
111 
							<Card.Header>
 114 
								<Card.Header>
112 
								<div className="row justify-content-end" style={{ gap: '10px' }}>
 - 
 
113 
									{
 - 
 
114 
										permisions.allowAdd
 - 
 
115 
                                        &&
 - 
 
116 
                                        <label
 - 
 
117 
                                        	onClick={getImport}
 - 
 
118 
                                        	className='d-flex align-items-center btn-add'
 - 
 
119 
                                        	style={{ cursor: 'pointer' }}
 - 
 
120 
                                        >
 - 
 
121 
                                        	<i className="fa fa-upload mr-2" />
 - 
 
122 
                                            Importar
 - 
 
123 
                                        </label>
 - 
 
124 
									}
 - 
 
125 
									{
 - 
 
126 
										permisions.allowAdd
 - 
 
127 
                                        &&
 - 
 
128 
                                        <label
 - 
 
129 
                                        	onClick={() => setActionLink(add_link)}
 - 
 
130 
                                        	className='d-flex align-items-center btn-add'
 - 
 
131 
                                        	style={{ cursor: 'pointer' }}
 - 
 
132 
                                        >
 - 
 
133 
                                        	<i className="fa fa-plus mr-2" />
 - 
 
134 
                                            Agregar
 - 
 
135 
                                        </label>
 - 
 
136 
									}
 - 
 
137 
									<label
 - 
 
138 
										className='d-flex align-items-center'
 - 
 
139 
										onClick={() => getData({
 - 
 
140 
											url: table_link,
 - 
 
141 
											params: {
 - 
 
142 
												search: search,
 - 
 
143 
												length: dataLength,
 - 
 
144 
												page: pages.current
 - 
 
145 
											}
 - 
 
146 
										})}
 - 
 
147 
										style={{ cursor: 'pointer' }}
 - 
 
148 
									>
 - 
 
149 
										<i className='fa fa-refresh mr-2' />
 - 
 
150 
                                        Actualizar
 - 
 
151 
									</label>
 - 
 
152 
								</div>
 - 
 
153 
								<div className="row justify-content-between align-items-center">
 - 
 
154 
									<LengthFilter onChange={(e) => setDataLength(e.target.value)} />
 - 
 
155 
									<SearchInput onChange={(e) => setSearch(e.target.value)} />
 - 
 
156 
								</div>
 - 
 
157 
							</Card.Header>
 - 
 
158 
							<Card.Body>
 - 
 
159 
								<div className="table-responsive">
 - 
 
160 
									<Table data={items} headers={headers} setData={setItems}>
 115 
									<div className="row justify-content-end" style={{ gap: '10px' }}>
161 
										{
 116 
										{
162 
											items.length
 117 
											permisions.allowAdd
163 
                                            &&
 - 
 
164 
                                            items.map((item, index) => (
 - 
 
165 
                                            	<tr key={index}>
 - 
 
166 
                                            		<td className='text-vertical-middle'>{item.name}</td>
 - 
 
167 
                                            		<td className='text-vertical-middle'>
 - 
 
168 
                                            			{item.status === 'a'
 - 
 
169 
                                            				? 'Activo'
 - 
 
170 
                                            				: 'Inactivo'
 118 
                                            &&
171 
                                            			}
 119 
                                            <label
172 
                                            		</td>
 - 
 
173 
                                            		<td>
 120 
                                            	onClick={getImport}
174 
                                            			<div className="d-flex align-items-center" style={{ gap: '.5rem' }}>
 - 
 
175 
                                            				{
 - 
 
176 
                                            					permisions.allowEdit
 - 
 
177 
                                                                &&
 - 
 
178 
                                                                <i
 - 
 
179 
                                                                	onClick={() => {
 - 
 
180 
                                                                		setActionLink(item.actions.link_edit)
 - 
 
181 
                                                                		history.push('/settings/jobs-description/edit')
 - 
 
182 
                                                                	}}
 - 
 
183 
                                                                	className='fa fa-pencil'
 - 
 
184 
                                                                	style={{ cursor: 'pointer' }}
 - 
 
185 
                                                                />
 - 
 
186 
                                            				}
 - 
 
187 
                                            				{
 - 
 
188 
                                            					permisions.allowDelete
 - 
 
189 
                                                                &&
 - 
 
190 
                                                                <i
 - 
 
191 
                                                                	className='fa fa-trash'
 - 
 
192 
                                                                	onClick={() => {
 - 
 
193 
                                                                		setActionLink(item.actions.link_delete)
 - 
 
194 
                                                                		setModalToShow('delete')
 - 
 
195 
                                                                	}}
 121 
                                            	className='d-flex align-items-center btn-add'
196 
                                                                	style={{ cursor: 'pointer' }}
 - 
 
197 
                                                                />
 - 
 
198 
                                            				}
 122 
                                            	style={{ cursor: 'pointer' }}
199 
                                            				{
 123 
                                            >
200 
                                            					permisions.allowReport
 - 
 
201 
                                                                &&
 - 
 
202 
                                                                <a
 - 
 
203 
                                                                	href={item.actions.link_report}
 - 
 
204 
                                                                	target='_blank'
 - 
 
205 
                                                                	rel="noreferrer"
 - 
 
206 
                                                                >
 - 
 
207 
                                                                	<i
 - 
 
208 
                                                                		className='fa fa-file'
 - 
 
209 
                                                                		style={{ cursor: 'pointer' }}
 - 
 
210 
                                                                	/>
 - 
 
211 
                                                                </a>
 - 
 
212 
                                            				}
 - 
 
213 
                                            			</div>
 124 
                                            	<i className="fa fa-upload mr-2" />
214 
                                            		</td>
 125 
                                                Importar
215 
                                            	</tr>
 - 
 
216 
                                            ))
 126 
                                            </label>
- 
 
 127 
										}
- 
 
 128 
										{
- 
 
 129 
											permisions.allowAdd
- 
 
 130 
                                            &&
- 
 
 131 
                                            <label
- 
 
 132 
                                            	onClick={() => setActionLink(add_link)}
- 
 
 133 
                                            	className='d-flex align-items-center btn-add'
- 
 
 134 
                                            	style={{ cursor: 'pointer' }}
- 
 
 135 
                                            >
- 
 
 136 
                                            	<i className="fa fa-plus mr-2" />
- 
 
 137 
                                                Agregar
- 
 
 138 
                                            </label>
- 
 
 139 
										}
- 
 
 140 
										<label
- 
 
 141 
											className='d-flex align-items-center'
- 
 
 142 
											onClick={() => getData({
- 
 
 143 
												url: table_link,
- 
 
 144 
												params: {
- 
 
 145 
													search: search,
- 
 
 146 
													length: dataLength,
- 
 
 147 
													page: pages.current
- 
 
 148 
												}
- 
 
 149 
											})}
- 
 
 150 
											style={{ cursor: 'pointer' }}
- 
 
 151 
										>
- 
 
 152 
											<i className='fa fa-refresh mr-2' />
- 
 
 153 
                                            Actualizar
- 
 
 154 
										</label>
- 
 
 155 
									</div>
- 
 
 156 
									<div className="row justify-content-between align-items-center">
- 
 
 157 
										<LengthFilter onChange={(e) => setDataLength(e.target.value)} />
- 
 
 158 
										<SearchInput onChange={(e) => setSearch(e.target.value)} />
- 
 
 159 
									</div>
- 
 
 160 
								</Card.Header>
- 
 
 161 
								<Card.Body>
- 
 
 162 
									<div className="table-responsive">
- 
 
 163 
										<Table data={items} headers={headers} setData={setItems}>
- 
 
 164 
											{
- 
 
 165 
												items.length
- 
 
 166 
                                                &&
- 
 
 167 
                                                items.map((item, index) => (
- 
 
 168 
                                                	<tr key={index}>
- 
 
 169 
                                                		<td className='text-vertical-middle'>{item.name}</td>
- 
 
 170 
                                                		<td className='text-vertical-middle'>
- 
 
 171 
                                                			{item.status === 'a'
- 
 
 172 
                                                				? 'Activo'
- 
 
 173 
                                                				: 'Inactivo'
- 
 
 174 
                                                			}
- 
 
 175 
                                                		</td>
- 
 
 176 
                                                		<td>
- 
 
 177 
                                                			<div className="d-flex align-items-center" style={{ gap: '.5rem' }}>
- 
 
 178 
                                                				{
- 
 
 179 
                                                					permisions.allowEdit
- 
 
 180 
                                                                    &&
- 
 
 181 
                                                                    <i
- 
 
 182 
                                                                    	onClick={() => {
- 
 
 183 
                                                                    		setActionLink(item.actions.link_edit)
- 
 
 184 
                                                                    		history.push('/settings/jobs-description/edit')
- 
 
 185 
                                                                    	}}
- 
 
 186 
                                                                    	className='fa fa-pencil'
- 
 
 187 
                                                                    	style={{ cursor: 'pointer' }}
- 
 
 188 
                                                                    />
- 
 
 189 
                                                				}
- 
 
 190 
                                                				{
- 
 
 191 
                                                					permisions.allowDelete
- 
 
 192 
                                                                    &&
- 
 
 193 
                                                                    <i
- 
 
 194 
                                                                    	className='fa fa-trash'
- 
 
 195 
                                                                    	onClick={() => {
- 
 
 196 
                                                                    		setActionLink(item.actions.link_delete)
- 
 
 197 
                                                                    		setIsOpen(true)
- 
 
 198 
                                                                    	}}
- 
 
 199 
                                                                    	style={{ cursor: 'pointer' }}
- 
 
 200 
                                                                    />
- 
 
 201 
                                                				}
- 
 
 202 
                                                				{
- 
 
 203 
                                                					permisions.allowReport
- 
 
 204 
                                                                    &&
- 
 
 205 
                                                                    <a
- 
 
 206 
                                                                    	href={item.actions.link_report}
- 
 
 207 
                                                                    	target='_blank'
- 
 
 208 
                                                                    	rel="noreferrer"
- 
 
 209 
                                                                    >
- 
 
 210 
                                                                    	<i
- 
 
 211 
                                                                    		className='fa fa-file'
- 
 
 212 
                                                                    		style={{ cursor: 'pointer' }}
- 
 
 213 
                                                                    	/>
- 
 
 214 
                                                                    </a>
- 
 
 215 
                                                				}
- 
 
 216 
                                                			</div>
- 
 
 217 
                                                		</td>
- 
 
 218 
                                                	</tr>
- 
 
 219 
                                                ))
217 
										}
 220 
											}
218 
									</Table>
 221 
										</Table>
219 
								</div>
 222 
									</div>
220 
								<div className='row justify-content-between align-items-center'>
 223 
									<div className='row justify-content-between align-items-center'>
221 
									<p className='mb-0'>
 224 
										<p className='mb-0'>
222 
										{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${total} registros`}
 225 
											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${total} registros`}
223 
									</p>
 226 
										</p>
224 
									<PaginationComponent
 227 
										<PaginationComponent
225 
										pages={pages.last}
 228 
											pages={pages.last}
226 
										currentActivePage={pages.current}
 229 
											currentActivePage={pages.current}
227 
										onChangePage={(page) => setPages({ ...pages, current: page })}
 230 
											onChangePage={(page) => setPages({ ...pages, current: page })}
228 
									/>
 231 
										/>
229 
								</div>
 232 
									</div>
230 
							</Card.Body>
 233 
								</Card.Body>
- 
 
 234 
							</Card>
231 
						</Card>
 235 
						</div>
232 
					</div>
 236 
					</div >
233 
				</div >
 237 
				</div >
234 
			</div >
 238 
			</section >
- 
 
 239 
			<DeleteModal
- 
 
 240 
				url={actionLink}
- 
 
 241 
				isOpen={isOpen}
- 
 
 242 
				closeModal={() => setIsOpen(false)}
- 
 
 243 
				title="Esta seguro de borrar este registro?"
- 
 
 244 
				onComplete={() => setItems(items.filter((item) => item.actions.link_delete !== actionLink))}
- 
 
 245 
				message="Registro eliminado"
- 
 
 246 
			/>
235 
		</section >
 247 
		</>
236 
	)
 248 
	)
Línea 237... Línea 249...
237 
}
 249 
}
238 
 
 250