Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 5231 Rev 5240
Línea 14... Línea 14...
14 
    const [actionLink, setActionLink] = useState(defaultActionLink);
 14 
    const [actionLink, setActionLink] = useState(defaultActionLink);
Línea 15... Línea 15...
15 
 
 15 
 
16 
    // Filters States
 16 
    // Filters States
17 
    const [search, setSearch] = useState('');
 17 
    const [search, setSearch] = useState('');
18 
    const [dataLength, setDataLength] = useState(10);
 - 
 
19 
    const [page, setPage] = useState(1);
 18 
    const [dataLength, setDataLength] = useState(10);
- 
 
 19 
    const [start, setStart] = useState(1);
- 
 
 20 
    const [pages, setPages] = useState({
- 
 
 21 
        current: 1,
- 
 
 22 
        last: Math.ceil(companyData.total / dataLength)
20 
    const [start, setStart] = useState(1);
 23 
    });
Línea 21... Línea 24...
21 
    const lengthValues = ["3", "10", "25", "50", "100"]
 24 
    const lengthValues = ["10", "25", "50", "100"]
22 
 
 25 
 
23 
    const getData = () => {
 26 
    const getData = () => {
24 
        axios.get(
 27 
        axios.get(
Línea 59... Línea 62...
59 
        setShowModal(true);
 62 
        setShowModal(true);
60 
    }
 63 
    }
Línea 61... Línea 64...
61 
 
 64 
 
62 
    useEffect(() => {
 65 
    useEffect(() => {
63 
        getData()
 66 
        getData()
Línea 64... Línea 67...
64 
    }, [search, dataLength, page]);
 67 
    }, [search, dataLength, pages]);
65 
 
 68 
 
66 
    return (
 69 
    return (
67 
        <>
 70 
        <>
Línea 127... Línea 130...
127 
                                                </div>
 130 
                                                </div>
128 
                                            </div>
 131 
                                            </div>
129 
                                            <div className="row">
 132 
                                            <div className="row">
130 
                                                <div className="col-sm-12 col-md-5">
 133 
                                                <div className="col-sm-12 col-md-5">
131 
                                                    <div className="dataTables_info" >
 134 
                                                    <div className="dataTables_info" >
- 
 
 135 
                                                        {
- 
 
 136 
                                                            companyData.item
- 
 
 137 
                                                            &&
132 
                                                        {`Mostrando registros del 1 al ${companyData.items?.length} de un total de ${companyData.total} registros`}
 138 
                                                            `Mostrando registros del ${start} al ${companyData.items.length} de un total de ${companyData.total} registros`
- 
 
 139 
                                                        }
133 
                                                    </div>
 140 
                                                    </div>
134 
                                                </div>
 141 
                                                </div>
135 
                                                <div className="col-sm-12 col-md-7">
 142 
                                                <div className="col-sm-12 col-md-7">
136 
                                                    <div className="dataTables_paginate paging_simple_numbers" id="gridTable_paginate">
 143 
                                                    <div className="dataTables_paginate paging_simple_numbers" id="gridTable_paginate">
137 
                                                        <ul className="pagination">
 144 
                                                        <ul className="pagination">
138 
                                                            <li className="paginate_button page-item previous disabled">
 145 
                                                            <li className="paginate_button page-item previous disabled">
139 
                                                                <button
 146 
                                                                <button
140 
                                                                    type='button'
 147 
                                                                    type='button'
141 
                                                                    className="page-link"
 148 
                                                                    className="page-link"
142 
                                                                    disabled={page === 1}
 149 
                                                                    disabled={pages.current === 1}
- 
 
 150 
                                                                    onClick={() => setPages({ ...pages, current: pages.current - 1 })}
143 
                                                                >
 151 
                                                                >
144 
                                                                    Anterior
 152 
                                                                    Anterior
145 
                                                                </button>
 153 
                                                                </button>
146 
                                                            </li>
 154 
                                                            </li>
147 
                                                            <li className="paginate_button page-item active">
 155 
                                                            <li className="paginate_button page-item active">
148 
                                                                <button
 156 
                                                                <button
149 
                                                                    className="page-link"
 157 
                                                                    className="page-link"
150 
                                                                >
 158 
                                                                >
151 
                                                                    1
 159 
                                                                    {pages.current}
152 
                                                                </button>
 160 
                                                                </button>
153 
                                                            </li>
 161 
                                                            </li>
154 
                                                            <li className="paginate_button page-item next disabled" id="gridTable_next">
 162 
                                                            <li className="paginate_button page-item next disabled" id="gridTable_next">
155 
                                                                <button
 163 
                                                                <button
156 
                                                                    type='button'
 164 
                                                                    type='button'
157 
                                                                    className="page-link"
 165 
                                                                    className="page-link"
158 
                                                                    disabled
 166 
                                                                    disabled={pages.last}
- 
 
 167 
                                                                    onClick={() => setPages({ ...pages, current: pages.current + 1 })}
159 
                                                                >
 168 
                                                                >
160 
                                                                    Siguiente
 169 
                                                                    Siguiente
161 
                                                                </button>
 170 
                                                                </button>
162 
                                                            </li>
 171 
                                                            </li>
163 
                                                        </ul>
 172 
                                                        </ul>