Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 15507 Rev 15519
Línea 3... Línea 3...
3 
import EditModal from '../../groups-types/view/EditModal'
 3 
import EditModal from '../../groups-types/view/EditModal'
4 
import DeleteModal from '../../../shared/DeleteModal'
 4 
import DeleteModal from '../../../shared/DeleteModal'
5 
import TableFilters from '../../../shared/table/TableFilters'
 5 
import TableFilters from '../../../shared/table/TableFilters'
6 
import Table from '../../../shared/table/Table'
 6 
import Table from '../../../shared/table/Table'
Línea 7... Línea -...
7 
 
 - 
 
8 
const AptitudesView = ({ urlsVar }) => {
 7 
 
9 
	const { linkTable, addUrl, allowAdd, allowEdit, allowDelete } = urlsVar
 8 
const AptitudesView = ({ linkTable, addUrl, allowAdd, allowEdit, allowDelete }) => {
10 
	const [aptitudes, setAptitudes] = useState({})
 - 
 
11 
	const [showModal, setShowModal] = useState(false)
 - 
 
12 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
 9 
	const [aptitudes, setAptitudes] = useState({})
13 
	const [selectItem, setSelectItem] = useState(null)
 10 
	const [selectItem, setSelectItem] = useState(null)
- 
 
 11 
	const [actionLink, setActionLink] = useState(addUrl)
- 
 
 12 
	const [showModal, setShowModal] = useState(false)
- 
 
 13 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
14 
	const [actionLink, setActionLink] = useState(addUrl)
 14
15 
	const headers = [
 15 
	const headers = [
16 
		{ key: 'name', label: 'Nombre', isSorteable: true },
 16 
		{ key: 'name', label: 'Nombre', isSorteable: true },
17 
		{ key: 'status', label: 'Activo', isSorteable: false },
 17 
		{ key: 'status', label: 'Activo', isSorteable: false },
18 
		{ key: 'actions', label: 'Acciones', isSorteable: false }
 18 
		{ key: 'actions', label: 'Acciones', isSorteable: false }
Línea 19... Línea 19...
19 
	]
 19 
	]
20 
 
 20 
 
21 
	const getData = (params) => {
 21 
	const getData = (params) => {
22 
		axios.get(linkTable,{params: params})
 - 
 
23 
			.then(({ data: response }) => {
 22 
		axios.get(linkTable,{params: params})
24 
				if (response.success) {
 - 
 
25 
					setAptitudes(response.data)
 23 
			.then(({ data: response }) => {
26 
				}
 24 
				if (response.success) setAptitudes(response.data)
27 
			})
 25 
			})
Línea 28... Línea 26...
28 
			.catch((err) => console.log(err))
 26 
			.catch((err) => console.log(err))
29 
	}
 27 
	}
30 
 
 - 
 
31 
	const closeModal = () => {
 - 
 
32 
		setShowModal(false)
 28 
 
Línea 33... Línea 29...
33 
		setSelectItem(null)
 29 
	const closeModal = () => {
34 
		setActionLink(addUrl)
 30 
		setShowModal(false)
35 
	}
 - 
 
36 
 
 31 
	}
Línea 37... Línea 32...
37 
	const closeDeleteModal = () => {
 32 
 
38 
		setShowDeleteModal(false)
 33 
	const closeDeleteModal = () => {
39 
		setActionLink(addUrl)
 34 
		setShowDeleteModal(false)
Línea 49... Línea 44...
49 
		setActionLink(item.actions.link_delete)
 44 
		setActionLink(item.actions.link_delete)
50 
		setShowDeleteModal(true)
 45 
		setShowDeleteModal(true)
51 
	}
 46 
	}
Línea 52... Línea 47...
52 
 
 47 
 
53 
	const addItem = () => {
 - 
 
54 
		setSelectItem(null)
 48 
	const addItem = () => {
55 
		setActionLink(addUrl)
 49 
		setActionLink(addUrl)
56 
		setShowModal(true)
 50 
		setShowModal(true)
Línea 57... Línea 51...
57 
	}
 51 
	}
58 
 
 52 
 
59 
	return (
 53 
	return (
60 
		<>
 54 
		<>
61 
			<section className="content">
 55 
			<section className="content">
62 
				<section className="content-header">
 - 
 
63 
					<h1>Aptitudes</h1>
 56 
				<section className="content-header">
64 
					<div className="container-fluid">
 57 
					<h1>Aptitudes</h1>
65 
						<TableFilters
 - 
 
66 
							data={aptitudes}
 - 
 
67 
							getData={getData}
 58 
				</section>
68 
							onAdd={addItem}
 - 
 
69 
							allowAdd={allowAdd}
 59 
				<section className="container-fluid">
70 
						>
 60 
					<TableFilters data={aptitudes} getData={getData} onAdd={addItem} allowAdd={allowAdd}>
71 
							{aptitudes.items &&
 61 
						{aptitudes.items &&
72 
							function(){
 62 
							function(){
73 
								return (
 63 
								return (
74 
									<Table
 64 
									<Table
Línea 79... Línea 69...
79 
										allowEdit={allowEdit}
 69 
										allowEdit={allowEdit}
80 
										allowDelete={allowDelete}
 70 
										allowDelete={allowDelete}
81 
									/>
 71 
									/>
82 
								)
 72 
								)
83 
							}()}
 73 
							}()}
84 
						</TableFilters>
 74 
					</TableFilters>
Línea 85... Línea -...
85
- 
 
86 
					</div>
 75
87 
				</section>
 76 
				</section>
88 
			</section>
 77 
			</section>
89 
			<EditModal
 - 
 
90 
				isOpen={showModal}
 78 
			<EditModal
91 
				title='Aptitudes'
 79 
				title='Aptitudes'
92 
				closeModal={closeModal}
 - 
 
93 
				isEdit={actionLink !== addUrl}
 80 
				isOpen={showModal}
94 
				url={actionLink}
 81 
				url={actionLink}
95 
				currentItem={selectItem}
 82 
				currentItem={selectItem}
- 
 
 83 
				onComplete={()=> getData()}
- 
 
 84 
				onClose={()=> {
- 
 
 85 
					if(selectItem) setSelectItem(null)
- 
 
 86 
					closeModal()
96 
				action={getData}
 87 
				}}
97 
			/>
 88 
			/>
98 
			<DeleteModal
 89 
			<DeleteModal
99 
				isOpen={showDeleteModal}
 90 
				isOpen={showDeleteModal}
100 
				closeModal={closeDeleteModal}
 91 
				closeModal={closeDeleteModal}