Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
6788 stevensc 1 
import React, { useState } from 'react'
6790 stevensc 2 
import axios from "axios"
7707 stevensc 3 
import DeleteModal from '../../shared/DeleteModal';
6680 stevensc 4 
import TableFilters from "../components/TableFilters"
6628 stevensc 5 
 
6792 stevensc 6 
const JobsTableView = ({ backendVars }) => {
6680 stevensc 7 
 
7707 stevensc 8 
    const { allowAdd, allowDelete, allowEdit, link_add, link_table, onEdit, googleApi } = backendVars
6680 stevensc 9 
    const [companyData, setCompanyData] = useState({});
10 
    const [showModal, setShowModal] = useState(false);
11 
    const [showDeleteModal, setShowDeleteModal] = useState(false);
12 
    const [actionLink, setActionLink] = useState(link_add);
6791 stevensc 13 
 
6680 stevensc 14 
    const headers = [
15 
        { key: "last_date_of_application", label: "Último día de aplicación", isSorteable: true },
16 
        { key: "title", label: "Título", isSorteable: true },
17 
        { key: "details", label: "Detalles", isSorteable: true },
18 
        { key: "actions", label: "Acciones", isSorteable: false }
19 
    ]
20 
 
7707 stevensc 21 
    console.log(googleApi)
22 
 
6794 stevensc 23 
    const getData = (search, start, length) => {
6680 stevensc 24 
        axios.get(
25 
            link_table,
26 
            {
27 
                params: {
28 
                    search: search,
29 
                    start: start,
30 
                    length: length
31 
                }
32 
            })
33 
            .then(({ data }) => {
34 
                if (data.success) {
35 
                    setCompanyData(data.data)
36 
 
37 
                    return data.data
38 
                }
39 
            })
40 
            .catch((err) => console.log(err))
41 
    }
42 
 
43 
    const closeModal = () => {
44 
        setShowModal(false)
45 
        setActionLink(link_add)
46 
    }
47 
 
48 
    const closeDeleteModal = () => {
49 
        setShowDeleteModal(false)
50 
        setActionLink(link_add)
51 
    }
52 
 
53 
    const deleteItem = (item) => {
54 
        setActionLink(item.actions.link_delete);
55 
        setShowDeleteModal(true);
56 
    }
57 
 
58 
    const addItem = () => {
59 
        setActionLink(link_add)
60 
        setShowModal(true);
61 
    }
62 
 
6628 stevensc 63 
    return (
64 
        <>
65 
            <section className="content-header">
66 
                <div className="container-fluid">
67 
                    <div className="row mb-2">
68 
                        <div className="col-sm-12">
6680 stevensc 69 
                            <h1>Empleos</h1>
6628 stevensc 70 
                        </div>
71 
                    </div>
72 
                </div>
73 
            </section>
6680 stevensc 74 
            <TableFilters
75 
                data={companyData}
76 
                getData={getData}
77 
                onDelete={deleteItem}
78 
                onAdd={addItem}
6848 stevensc 79 
                onEdit={onEdit}
6680 stevensc 80 
                headers={headers}
81 
                allowAdd={allowAdd}
82 
                allowEdit={allowEdit}
83 
                allowDelete={allowDelete}
84 
            />
85 
            <DeleteModal
86 
                isOpen={showDeleteModal}
87 
                closeModal={closeDeleteModal}
88 
                url={actionLink}
89 
                action={getData}
90 
            />
6628 stevensc 91 
        </>
92 
    )
93 
}
94 
 
95 
export default JobsTableView