Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
4814 stevensc 1 
import axios from 'axios'
5423 stevensc 2 
import React, { useState } from 'react'
11272 stevensc 3 
import DeleteModal from '../../../shared/DeleteModal'
15513 stevensc 4 
import Table from '../../../shared/table/Table'
5 
import TableFilters from '../../../shared/table/TableFilters'
11272 stevensc 6 
import EditModal from './EditModal'
4799 stevensc 7 
 
5423 stevensc 8 
const CompanySizesView = ({ urlsVar }) => {
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: 'minimum_no_of_employee', label: 'Mínimo', isSorteable: true },
18 
		{ key: 'maximum_no_of_employee', label: 'Máximo', isSorteable: true },
19 
		{ key: 'status', label: 'Activo', isSorteable: false },
20 
		{ key: 'actions', label: 'Acciones', isSorteable: false }
21 
	]
5071 stevensc 22 
 
15518 stevensc 23 
	const getData = (params= {}) => {
24 
		axios.get(linkTable,{ params: params})
15513 stevensc 25 
			.then(({ data:response }) => {
15518 stevensc 26 
				if (response.success) setCompanyData(response.data)
11272 stevensc 27 
			})
28 
			.catch((err) => console.log(err))
29 
	}
4814 stevensc 30 
 
11272 stevensc 31 
	const closeModal = () => {
32 
		setShowModal(false)
33 
	}
5071 stevensc 34 
 
11272 stevensc 35 
	const closeDeleteModal = () => {
36 
		setShowDeleteModal(false)
37 
		setActionLink(addUrl)
38 
	}
5453 stevensc 39 
 
11272 stevensc 40 
	const editItem = (item) => {
41 
		setSelectItem(item)
42 
		setActionLink(item.actions.link_edit)
43 
		setShowModal(true)
44 
	}
5078 stevensc 45 
 
11272 stevensc 46 
	const deleteItem = (item) => {
47 
		setActionLink(item.actions.link_delete)
48 
		setShowDeleteModal(true)
49 
	}
5453 stevensc 50 
 
11272 stevensc 51 
	const addItem = () => {
52 
		setActionLink(addUrl)
53 
		setShowModal(true)
54 
	}
5078 stevensc 55 
 
11272 stevensc 56 
	return (
57 
		<>
58 
			<section className="content">
59 
				<section className="content-header">
15513 stevensc 60 
					<h1>Tamaños de empresa</h1>
11272 stevensc 61 
				</section>
15513 stevensc 62 
				<section className="container-fluid">
15518 stevensc 63 
					<TableFilters data={companyData} onAdd={addItem} getData={getData} allowAdd={allowAdd}>
15513 stevensc 64 
						{companyData.items &&
65 
						function(){
66 
							return (
67 
								<Table
68 
									headers={headers}
69 
									data={companyData.items}
70 
									allowDelete={allowDelete}
71 
									allowEdit={allowEdit}
72 
									onDelete={deleteItem}
73 
									onEdit={editItem}
74 
								/>
75 
							)
76 
						}()}
77 
					</TableFilters>
78 
				</section>
11272 stevensc 79 
			</section>
80 
			<EditModal
81 
				isOpen={showModal}
82 
				title='Tamaños de empresas'
15517 stevensc 83 
				url={actionLink}
84 
				currentItem={selectItem}
85 
				onComplete={()=> getData()}
15516 stevensc 86 
				onClose={()=> {
87 
					if(selectItem) setSelectItem(null)
88 
					closeModal()
89 
				}}
11272 stevensc 90 
			/>
91 
			<DeleteModal
92 
				isOpen={showDeleteModal}
93 
				closeModal={closeDeleteModal}
94 
				url={actionLink}
95 
				onComplete={getData}
96 
			/>
97 
		</>
98 
	)
4799 stevensc 99 
}
100 
 
101 
export default CompanySizesView