Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15471 | Rev 15473 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5647 stevensc 1 
import React, { useState } from 'react'
11272 stevensc 2 
import axios from 'axios'
3 
import EditModal from './EditModal'
5647 stevensc 4 
import TableContainer from '../../company-sizes/view/TableContainer'
11272 stevensc 5 
import DeleteModal from '../../../shared/DeleteModal'
5647 stevensc 6 
 
7 
const IndustriesView = ({ urlsVar }) => {
8 
 
11272 stevensc 9 
	const { linkTable, addUrl, allowAdd, allowEdit, allowDelete } = urlsVar
10 
	const [companyData, setCompanyData] = useState({})
11 
	const [showModal, setShowModal] = useState(false)
12 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
13 
	const [selectItem, setSelectItem] = useState(null)
14 
	const [actionLink, setActionLink] = useState(addUrl)
15 
	const headers = [
16 
		{ key: 'name', label: 'Nombre', isSorteable: true },
17 
		{ key: 'status', label: 'Activo', isSorteable: false },
18 
		{ key: 'actions', label: 'Acciones', isSorteable: false }
19 
	]
5647 stevensc 20 
 
15465 stevensc 21 
	const getData = (params = {}) => {
22 
		axios.get(linkTable, { params })
11272 stevensc 23 
			.then(({ data }) => {
24 
				if (data.success) {
25 
					setCompanyData(data.data)
26 
					return data.data
27 
				}
28 
			})
29 
			.catch((err) => console.log(err))
30 
	}
5647 stevensc 31 
 
11272 stevensc 32 
	const closeModal = () => {
33 
		setShowModal(false)
34 
		setSelectItem(null)
35 
		setActionLink(addUrl)
36 
	}
5647 stevensc 37 
 
11272 stevensc 38 
	const closeDeleteModal = () => {
39 
		setShowDeleteModal(false)
40 
		setActionLink(addUrl)
41 
	}
5647 stevensc 42 
 
11272 stevensc 43 
	const editItem = (item) => {
44 
		setSelectItem(item)
45 
		setActionLink(item.actions.link_edit)
46 
		setShowModal(true)
47 
	}
5647 stevensc 48 
 
11272 stevensc 49 
	const deleteItem = (item) => {
50 
		setActionLink(item.actions.link_delete)
51 
		setShowDeleteModal(true)
52 
	}
5647 stevensc 53 
 
11272 stevensc 54 
	const addItem = () => {
55 
		setSelectItem(null)
56 
		setActionLink(addUrl)
57 
		setShowModal(true)
58 
	}
5647 stevensc 59 
 
11272 stevensc 60 
	return (
15469 stevensc 61 
		<>
62 
			<section className="content">
63 
				<section className="content-header">
64 
					<div className="container-fluid">
65 
						<div className="row mb-2">
66 
							<div className="col-sm-12">
67 
								<h1>Industrias</h1>
68 
							</div>
69 
						</div>
11272 stevensc 70 
					</div>
15469 stevensc 71 
				</section>
15472 stevensc 72 
				<TableContainer
73 
					data={companyData}
74 
					getData={getData}
75 
					onEdit={editItem}
76 
					onDelete={deleteItem}
77 
					onAdd={addItem}
78 
					headers={headers}
79 
					allowAdd={allowAdd}
80 
					allowEdit={allowEdit}
81 
					allowDelete={allowDelete}
82 
				/>
15469 stevensc 83 
			</section>
15470 stevensc 84 
 
15469 stevensc 85 
		</>
11272 stevensc 86 
	)
5647 stevensc 87 
}
88 
 
89 
export default IndustriesView