Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 11272 Rev 15513
Línea 1... Línea 1...
1 
import axios from 'axios'
 1 
import axios from 'axios'
2 
import React, { useState } from 'react'
 2 
import React, { useState } from 'react'
3 
import DeleteModal from '../../../shared/DeleteModal'
 3 
import DeleteModal from '../../../shared/DeleteModal'
- 
 
 4 
import Table from '../../../shared/table/Table'
- 
 
 5 
import TableFilters from '../../../shared/table/TableFilters'
4 
import EditModal from './EditModal'
 6 
import EditModal from './EditModal'
5 
import TableContainer from './TableContainer'
 - 
 
Línea 6... Línea 7...
6 
 
 7 
 
7 
const CompanySizesView = ({ urlsVar }) => {
 - 
 
8 
 
 8 
const CompanySizesView = ({ urlsVar }) => {
9 
	const { linkTable, addUrl, allowAdd, allowEdit, allowDelete } = urlsVar
 9 
	const { linkTable, addUrl, allowAdd, allowEdit, allowDelete } = urlsVar
10 
	const [companyData, setCompanyData] = useState({})
 10 
	const [companyData, setCompanyData] = useState({})
11 
	const [showModal, setShowModal] = useState(false)
 11 
	const [showModal, setShowModal] = useState(false)
12 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
 12 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
Línea 18... Línea 18...
18 
		{ key: 'maximum_no_of_employee', label: 'Máximo', isSorteable: true },
 18 
		{ key: 'maximum_no_of_employee', label: 'Máximo', isSorteable: true },
19 
		{ key: 'status', label: 'Activo', isSorteable: false },
 19 
		{ key: 'status', label: 'Activo', isSorteable: false },
20 
		{ key: 'actions', label: 'Acciones', isSorteable: false }
 20 
		{ key: 'actions', label: 'Acciones', isSorteable: false }
21 
	]
 21 
	]
Línea 22... Línea 22...
22 
 
 22 
 
23 
	const getData = (search, start, length) => {
 23 
	const getData = (params) => {
24 
		axios.get(
 24 
		axios
25 
			linkTable,
 - 
 
26 
			{
 - 
 
27 
				params: {
 - 
 
28 
					search: search,
 - 
 
29 
					start: start,
 - 
 
30 
					length: length
 - 
 
31 
				}
 - 
 
32 
			})
 25 
			.get(linkTable,{params})
33 
			.then(({ data }) => {
 26 
			.then(({ data:response }) => {
34 
				if (data.success) {
 27 
				if (response.success) {
35 
					setCompanyData(data.data)
 - 
 
36 
 
 - 
 
37 
					return data.data
 28 
					setCompanyData(response.data)
38 
				}
 29 
				}
39 
			})
 30 
			})
40 
			.catch((err) => console.log(err))
 31 
			.catch((err) => console.log(err))
Línea 41... Línea 32...
41 
	}
 32 
	}
42 
 
 33 
 
43 
	const closeModal = () => {
 - 
 
44 
		setShowModal(false)
 - 
 
45 
		setSelectItem(null)
 34 
	const closeModal = () => {
Línea 46... Línea 35...
46 
		setActionLink(addUrl)
 35 
		setShowModal(false)
47 
	}
 36 
	}
48 
 
 37 
 
Línea 61... Línea 50...
61 
		setActionLink(item.actions.link_delete)
 50 
		setActionLink(item.actions.link_delete)
62 
		setShowDeleteModal(true)
 51 
		setShowDeleteModal(true)
63 
	}
 52 
	}
Línea 64... Línea 53...
64 
 
 53 
 
65 
	const addItem = () => {
 - 
 
66 
		setSelectItem(null)
 54 
	const addItem = () => {
67 
		setActionLink(addUrl)
 55 
		setActionLink(addUrl)
68 
		setShowModal(true)
 56 
		setShowModal(true)
Línea 69... Línea 57...
69 
	}
 57 
	}
70 
 
 58 
 
71 
	return (
 59 
	return (
72 
		<>
 60 
		<>
- 
 
 61 
			<section className="content">
- 
 
 62 
				<section className="content-header">
73 
			<section className="content">
 63 
					<h1>Tamaños de empresa</h1>
- 
 
 64 
				</section>
- 
 
 65 
				<section className="container-fluid">
- 
 
 66 
					<TableFilters data={companyData.items} onAdd={addItem} getData={()=> getData()} allowAdd={allowAdd}>
- 
 
 67 
						{companyData.items &&
- 
 
 68 
						function(){
- 
 
 69 
							return (
- 
 
 70 
								<Table
74 
				<section className="content-header">
 71 
									headers={headers}
75 
					<div className="container-fluid">
 72 
									data={companyData.items}
76 
						<div className="row mb-2">
 73 
									allowDelete={allowDelete}
- 
 
 74 
									allowEdit={allowEdit}
77 
							<div className="col-sm-12">
 75 
									onDelete={deleteItem}
78 
								<h1>Tamaños de empresa</h1>
 76 
									onEdit={editItem}
79 
							</div>
 77 
								/>
- 
 
 78 
							)
80 
						</div>
 79 
						}()}
81 
					</div>
 - 
 
82 
				</section>
 - 
 
83 
				<TableContainer
 - 
 
84 
					data={companyData}
 - 
 
85 
					getData={getData}
 - 
 
86 
					onEdit={editItem}
 - 
 
87 
					onDelete={deleteItem}
 - 
 
88 
					onAdd={addItem}
 - 
 
89 
					headers={headers}
 - 
 
90 
					allowAdd={allowAdd}
 - 
 
91 
					allowEdit={allowEdit}
 - 
 
92 
					allowDelete={allowDelete}
 80 
					</TableFilters>
93 
				/>
 81 
				</section>
94 
			</section>
 82 
			</section>
95 
			<EditModal
 83 
			<EditModal
96 
				isOpen={showModal}
 84 
				isOpen={showModal}