Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 5712 Rev 5713
Línea 4... Línea 4...
4 
import EditModal from '../../competency-types/view/EditModal';
 4 
import EditModal from '../../competency-types/view/EditModal';
5 
import TableContainer from '../../company-sizes/view/TableContainer'
 5 
import TableContainer from '../../company-sizes/view/TableContainer'
Línea 6... Línea 6...
6 
 
 6 
 
Línea 7... Línea 7...
7 
const JobCategoriesView = ({ urlsVar }) => {
 7 
const JobCategoriesView = ({ urlsVar }) => {
8 
 
 8 
 
9 
    const { linkTable, addUrl } = 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);
13 
    const [selectItem, setSelectItem] = useState(null);
 13 
  const [selectItem, setSelectItem] = useState(null);
14 
    const [actionLink, setActionLink] = useState(addUrl);
 14 
  const [actionLink, setActionLink] = useState(addUrl);
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 }
19 
    ]
 19 
  ]
20 
 
 20 
 
21 
    const getData = (search, start, length) => {
 21 
  const getData = (search, start, length) => {
22 
        axios.get(
 22 
    axios.get(
23 
            linkTable,
 23 
      linkTable,
24 
            {
 24 
      {
25 
                params: {
 25 
        params: {
26 
                    search: search,
 26 
          search: search,
27 
                    start: start,
 27 
          start: start,
28 
                    length: length
 28 
          length: length
29 
                }
 29 
        }
30 
            })
 30 
      })
31 
            .then(({ data }) => {
 31 
      .then(({ data }) => {
32 
                if (data.success) {
 32 
        if (data.success) {
33 
                    setCompanyData(data.data)
 33 
          setCompanyData(data.data)
34 
 
 34 
 
35 
                    return data.data
 35 
          return data.data
36 
                }
 36 
        }
37 
            })
 37 
      })
38 
            .catch((err) => console.log(err))
 38 
      .catch((err) => console.log(err))
39 
    }
 39 
  }
40 
 
 40 
 
41 
    const closeModal = () => {
 41 
  const closeModal = () => {
42 
        setShowModal(false)
 42 
    setShowModal(false)
43 
        setSelectItem(null)
 43 
    setSelectItem(null)
44 
        setActionLink(addUrl)
 44 
    setActionLink(addUrl)
45 
    }
 45 
  }
46 
 
 46 
 
47 
    const closeDeleteModal = () => {
 47 
  const closeDeleteModal = () => {
48 
        setShowDeleteModal(false)
 48 
    setShowDeleteModal(false)
49 
        setActionLink(addUrl)
 49 
    setActionLink(addUrl)
50 
    }
 50 
  }
51 
 
 51 
 
52 
    const editItem = (item) => {
 52 
  const editItem = (item) => {
53 
        setSelectItem(item);
 53 
    setSelectItem(item);
54 
        setActionLink(item.actions.link_edit);
 54 
    setActionLink(item.actions.link_edit);
55 
        setShowModal(true);
 55 
    setShowModal(true);
56 
    }
 56 
  }
57 
 
 57 
 
58 
    const deleteItem = (item) => {
 58 
  const deleteItem = (item) => {
59 
        setActionLink(item.actions.link_delete);
 59 
    setActionLink(item.actions.link_delete);
60 
        setShowDeleteModal(true);
 60 
    setShowDeleteModal(true);
61 
    }
 61 
  }
62 
 
 62 
 
63 
    const addItem = () => {
 63 
  const addItem = () => {
64 
        setSelectItem(null);
 64 
    setSelectItem(null);
65 
        setActionLink(addUrl)
 65 
    setActionLink(addUrl)
66 
        setShowModal(true);
 66 
    setShowModal(true);
67 
    }
 67 
  }
68 
 
 68 
 
69 
    return (
 69 
  return (
70 
        <>
 70 
    <>
71 
            <section className="content">
 71 
      <section className="content">
72 
                <section className="content-header">
 72 
        <section className="content-header">
73 
                    <div className="container-fluid">
 73 
          <div className="container-fluid">
74 
                        <div className="row mb-2">
 74 
            <div className="row mb-2">
75 
                            <div className="col-sm-12">
 75 
              <div className="col-sm-12">
76 
                                <h1>Categorías de Empleo</h1>
 76 
                <h1>Categorías de Empleo</h1>
77 
                            </div>
 77 
              </div>
78 
                        </div>
 78 
            </div>
79 
                    </div>
 79 
          </div>
80 
                </section>
 80 
        </section>
81 
                <TableContainer
 81 
        <TableContainer
82 
                    data={companyData}
 82 
          data={companyData}
83 
                    getData={getData}
 83 
          getData={getData}
84 
                    onEdit={editItem}
 84 
          onEdit={editItem}
85 
                    onDelete={deleteItem}
 85 
          onDelete={deleteItem}
- 
 
 86 
          onAdd={addItem}
- 
 
 87 
          headers={headers}
- 
 
 88 
          allowAdd={allowAdd}
- 
 
 89 
          allowEdit={allowEdit}
86 
                    onAdd={addItem}
 90 
          allowDelete={allowDelete}
87 
                    headers={headers}
 91 
 
88 
                />
 92 
        />
89 
            </section>
 93 
      </section>
90 
            <EditModal
 94 
      <EditModal
91 
                isOpen={showModal}
 95 
        isOpen={showModal}
92 
                title='Categorías de Empleo'
 96 
        title='Categorías de Empleo'
93 
                closeModal={closeModal}
 97 
        closeModal={closeModal}
94 
                isEdit={actionLink !== addUrl}
 98 
        isEdit={actionLink !== addUrl}
95 
                url={actionLink}
 99 
        url={actionLink}
96 
                currentItem={selectItem}
 100 
        currentItem={selectItem}
97 
                action={getData}
 101 
        action={getData}
98 
            />
 102 
      />
99 
            <DeleteModal
 103 
      <DeleteModal
100 
                isOpen={showDeleteModal}
 104 
        isOpen={showDeleteModal}
101 
                closeModal={closeDeleteModal}
 105 
        closeModal={closeDeleteModal}
102 
                url={actionLink}
 106 
        url={actionLink}
103 
                action={getData}
 107 
        action={getData}
104 
            />
 108 
      />
105 
        </>
 109 
    </>
Línea 106... Línea 110...
106 
    )
 110 
  )
107 
}
 111 
}