Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 5437 Rev 5453
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 './DeleteModal';
3
import EditModal from './Modal';
4
import EditModal from './EditModal';
4
import TableContainer from './TableContainer';
5
import TableContainer from './TableContainer';
Línea 5... Línea 6...
5
 
6
 
Línea 6... Línea 7...
6
const CompanySizesView = ({ urlsVar }) => {
7
const CompanySizesView = ({ urlsVar }) => {
7
 
8
 
8
    const { linkTable, addUrl } = urlsVar
9
    const { linkTable, addUrl } = urlsVar
-
 
10
    const [companyData, setCompanyData] = useState({});
9
    const [companyData, setCompanyData] = useState({});
11
    const [showModal, setShowModal] = useState(false);
10
    const [showModal, setShowModal] = useState(false);
12
    const [showDeleteModal, setShowDeleteModal] = useState(false);
11
    const [selectItem, setSelectItem] = useState(null);
13
    const [selectItem, setSelectItem] = useState(null);
12
    const [actionLink, setActionLink] = useState(addUrl);
14
    const [actionLink, setActionLink] = useState(addUrl);
13
    const headers = [
15
    const headers = [
Línea 42... Línea 44...
42
        setShowModal(false)
44
        setShowModal(false)
43
        setSelectItem(null)
45
        setSelectItem(null)
44
        setActionLink(addUrl)
46
        setActionLink(addUrl)
45
    }
47
    }
Línea -... Línea 48...
-
 
48
 
-
 
49
    const closeDeleteModal = () => {
-
 
50
        setShowDeleteModal(false)
-
 
51
        setActionLink(addUrl)
-
 
52
    }
46
 
53
 
47
    const editItem = (item) => {
54
    const editItem = (item) => {
48
        setSelectItem(item);
55
        setSelectItem(item);
49
        setActionLink(item.actions.link_edit);
56
        setActionLink(item.actions.link_edit);
50
        setShowModal(true);
57
        setShowModal(true);
Línea -... Línea 58...
-
 
58
    }
-
 
59
 
-
 
60
    const deleteItem = (item) => {
-
 
61
        setActionLink(item.actions.link_delete);
-
 
62
        setShowDeleteModal(true);
51
    }
63
    }
52
 
64
 
53
    const addItem = () => {
65
    const addItem = () => {
54
        setSelectItem(null);
66
        setSelectItem(null);
55
        setActionLink(addUrl)
67
        setActionLink(addUrl)
Línea 70... Línea 82...
70
                </section>
82
                </section>
71
                <TableContainer
83
                <TableContainer
72
                    data={companyData}
84
                    data={companyData}
73
                    getData={getData}
85
                    getData={getData}
74
                    onEdit={editItem}
86
                    onEdit={editItem}
-
 
87
                    onDelete={deleteItem}
75
                    onAdd={addItem}
88
                    onAdd={addItem}
76
                    headers={headers}
89
                    headers={headers}
77
                />
90
                />
78
            </section>
91
            </section>
79
            <EditModal
92
            <EditModal
Línea 83... Línea 96...
83
                isEdit={actionLink !== addUrl}
96
                isEdit={actionLink !== addUrl}
84
                url={actionLink}
97
                url={actionLink}
85
                currentItem={selectItem}
98
                currentItem={selectItem}
86
                action={getData}
99
                action={getData}
87
            />
100
            />
-
 
101
            <DeleteModal
-
 
102
                isOpen={showDeleteModal}
-
 
103
                closeModal={closeDeleteModal}
-
 
104
                url={actionLink}
-
 
105
                action={getData}
-
 
106
            />
88
        </>
107
        </>
89
    )
108
    )
90
}
109
}
Línea 91... Línea 110...
91
 
110
 
92
export default CompanySizesView
111
export default CompanySizesView