Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
4814 stevensc 1 
import axios from 'axios'
4841 stevensc 2 
import React, { useEffect, useState } from 'react'
4799 stevensc 3 
 
4827 stevensc 4 
const CompanySizesView = ({ urlsVar }) => {
4814 stevensc 5 
 
4841 stevensc 6 
    const { linkTable, linkAdd, linkEdit, linkDelete } = urlsVar
7 
    const [companyData, setCompanyData] = useState();
4881 stevensc 8 
    const [search, setSearch] = useState('');
9 
    const [dataLength, setDataLength] = useState(10);
10 
    const [page, setPage] = useState(1);
11 
    const lengthValues = ["10", "25", "50", "100"]
4827 stevensc 12 
 
4841 stevensc 13 
    const getData = () => {
4881 stevensc 14 
        axios.get(
15 
            linkTable,
16 
            {
17 
                params: {
18 
                    page: page,
19 
                    length: dataLength,
20 
                    search: search,
21 
                }
22 
            })
4841 stevensc 23 
            .then(({ data }) => {
24 
                if (data.success) {
25 
                    setCompanyData(data.data)
4830 stevensc 26 
 
4841 stevensc 27 
                    return data.data
28 
                }
29 
            })
30 
            .catch((err) => console.log(err))
4814 stevensc 31 
    }
32 
 
4827 stevensc 33 
    useEffect(() => {
4841 stevensc 34 
        getData()
4881 stevensc 35 
        console.log(companyData)
36 
    }, [search, dataLength, page]);
4814 stevensc 37 
 
4799 stevensc 38 
    return (
4881 stevensc 39 
        <section className="content">
40 
            <section className="content-header">
41 
                <div className="container-fluid">
42 
                    <div className="row mb-2">
43 
                        <div className="col-sm-12">
44 
                            <h1>Tamaños de empresa</h1>
45 
                        </div>
46 
                    </div>
47 
                </div>
48 
            </section>
49 
            <section className="content">
50 
                <div className="container-fluid">
51 
                    <div className="row">
52 
                        <div className="col-12">
53 
                            <div className="card">
54 
                                <div className="card-body">
55 
                                    <div id="gridTable_wrapper" className="dataTables_wrapper dt-bootstrap4 no-footer">
56 
                                        <div className="row">
57 
                                            <div className="col-sm-12 col-md-6">
58 
                                                <div className="dataTables_length" id="gridTable_length">
59 
                                                    <label>
60 
                                                        Mostrar
61 
                                                        <select
62 
                                                            className="custom-select custom-select-sm form-control form-control-sm"
63 
                                                            onChange={(e) => setDataLength(e.target.value)}
64 
                                                        >
65 
                                                            {
66 
                                                                lengthValues.map((value, index) => (
67 
                                                                    <option key={index} value={value}>{value}</option>
68 
                                                                ))
69 
                                                            }
70 
                                                        </select>
71 
                                                        registros
72 
                                                    </label>
73 
                                                </div>
74 
                                            </div>
75 
                                            <div className="col-sm-12 col-md-6">
76 
                                                <div id="gridTable_filter" className="dataTables_filter">
77 
                                                    <label>
78 
                                                        Buscar
79 
                                                        <input
80 
                                                            type="search"
81 
                                                            className="form-control form-control-sm" placeholder=""
82 
                                                            onChange={(e) => setSearch(e.target.value)}
83 
                                                        />
84 
                                                    </label>
85 
                                                </div>
86 
                                            </div>
87 
                                        </div>
4890 stevensc 88 
                                        <div class="row">
89 
                                            <div class="col-sm-12">
90 
                                                <table
91 
                                                    id="gridTable"
92 
                                                    class="table table-hover dataTable no-footer dtr-inline" role="grid"
93 
                                                    aria-describedby="gridTable_info"
94 
                                                >
95 
                                                    <thead>
96 
                                                        <tr role="row">
97 
                                                            <th
98 
                                                                class="text-vertical-middle sorting sorting_asc"
99 
                                                                aria-label="Nombre:Activar para ordenar la columna de manera descendente" aria-sort="ascending"
100 
                                                            >
101 
                                                                Nombre
102 
                                                            </th>
103 
                                                            <th
104 
                                                                class="text-right text-vertical-middle sorting"
105 
                                                                style="width: 132px;"
106 
                                                                aria-label="Mínimo: Activar para ordenar la columna de manera ascendente"
107 
                                                            >
108 
                                                                Mínimo
109 
                                                            </th>
110 
                                                            <th class="text-right text-vertical-middle sorting" tabindex="0" aria-controls="gridTable" rowspan="1" colspan="1" style="width: 137px;" aria-label="Máximo: Activar para ordenar la columna de manera ascendente">
111 
                                                                Máximo
112 
                                                            </th>
113 
                                                            <th class="text-center sorting_disabled" rowspan="1" colspan="1" style="width: 101px;" aria-label="Activo">
114 
                                                                Activo
115 
                                                            </th>
116 
                                                            <th class="sorting_disabled" rowspan="1" colspan="1" style="width: 337px;" aria-label="Acciones">
117 
                                                                Acciones
118 
                                                            </th>
119 
                                                        </tr>
120 
                                                    </thead>
121 
                                                </table>
122 
                                            </div>
123 
                                        </div>
4881 stevensc 124 
                                    </div>
125 
                                </div>
126 
                            </div>
127 
                        </div>
128 
                    </div>
129 
                </div>
130 
            </section>
131 
        </section>
4799 stevensc 132 
    )
133 
}
134 
 
135 
export default CompanySizesView