Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 4999 Rev 5071
Línea 1... Línea 1...
1 
import axios from 'axios'
 1 
import axios from 'axios'
2 
import React, { useEffect, useState } from 'react'
 2 
import React, { useEffect, useState } from 'react'
- 
 
 3 
import Modal from './Modal';
3 
import Table from './Table';
 4 
import Table from './Table';
Línea 4... Línea 5...
4 
 
 5 
 
Línea 5... Línea 6...
5 
const CompanySizesView = ({ urlsVar }) => {
 6 
const CompanySizesView = ({ urlsVar }) => {
6 
 
 7 
 
- 
 
 8 
    const { linkTable, linkAdd, linkEdit, linkDelete } = urlsVar
- 
 
 9 
    const [companyData, setCompanyData] = useState({});
- 
 
 10 
    const [showModal, setShowModal] = useState(false);
- 
 
 11 
    const [selectItem, setSelectItem] = useState(false);
7 
    const { linkTable, linkAdd, linkEdit, linkDelete } = urlsVar
 12 
 
8 
    const [companyData, setCompanyData] = useState({});
 13 
    // Filters States
9 
    const [search, setSearch] = useState('');
 14 
    const [search, setSearch] = useState('');
10 
    const [dataLength, setDataLength] = useState(10);
 15 
    const [dataLength, setDataLength] = useState(10);
Línea 29... Línea 34...
29 
                }
 34 
                }
30 
            })
 35 
            })
31 
            .catch((err) => console.log(err))
 36 
            .catch((err) => console.log(err))
32 
    }
 37 
    }
Línea -... Línea 38...
- 
 
 38 
 
- 
 
 39 
    const closeModal = () => {
- 
 
 40 
        setShowModal(false)
- 
 
 41 
    }
33 
 
 42 
 
34 
    useEffect(() => {
 43 
    useEffect(() => {
35 
        getData()
 44 
        getData()
Línea 36... Línea 45...
36 
    }, [search, dataLength, page]);
 45 
    }, [search, dataLength, page]);
- 
 
 46 
 
37 
 
 47 
    return (
38 
    return (
 48 
        <>
39 
        <section className="content">
 49 
            <section className="content">
40 
            <section className="content-header">
 50 
                <section className="content-header">
41 
                <div className="container-fluid">
 51 
                    <div className="container-fluid">
42 
                    <div className="row mb-2">
 52 
                        <div className="row mb-2">
- 
 
 53 
                            <div className="col-sm-12">
43 
                        <div className="col-sm-12">
 54 
                                <h1>Tamaños de empresa</h1>
44 
                            <h1>Tamaños de empresa</h1>
 55 
                            </div>
45 
                        </div>
 - 
 
46 
                    </div>
 56 
                        </div>
47 
                </div>
 57 
                    </div>
48 
            </section>
 58 
                </section>
49 
            <section className="content">
 59 
                <section className="content">
50 
                <div className="container-fluid">
 60 
                    <div className="container-fluid">
51 
                    <div className="row">
 61 
                        <div className="row">
52 
                        <div className="col-12">
 62 
                            <div className="col-12">
53 
                            <div className="card">
 63 
                                <div className="card">
54 
                                <div className="card-body">
 64 
                                    <div className="card-body">
55 
                                    <div className="dataTables_wrapper dt-bootstrap4 no-footer">
 65 
                                        <div className="dataTables_wrapper dt-bootstrap4 no-footer">
56 
                                        <div className="row">
 66 
                                            <div className="row">
57 
                                            <div className="col-sm-12 col-md-6">
 67 
                                                <div className="col-sm-12 col-md-6">
58 
                                                <div className="dataTables_length" id="gridTable_length">
 68 
                                                    <div className="dataTables_length" id="gridTable_length">
59 
                                                    <label>
 69 
                                                        <label>
60 
                                                        Mostrar
 70 
                                                            Mostrar
61 
                                                        <select
 71 
                                                            <select
62 
                                                            className="custom-select custom-select-sm form-control form-control-sm"
 72 
                                                                className="custom-select custom-select-sm form-control form-control-sm"
63 
                                                            onChange={(e) => setDataLength(e.target.value)}
 73 
                                                                onChange={(e) => setDataLength(e.target.value)}
64 
                                                        >
 74 
                                                            >
65 
                                                            {
 75 
                                                                {
66 
                                                                lengthValues.map((value, index) => (
 76 
                                                                    lengthValues.map((value, index) => (
67 
                                                                    <option key={index} value={value}>{value}</option>
 77 
                                                                        <option key={index} value={value}>{value}</option>
68 
                                                                ))
 78 
                                                                    ))
69 
                                                            }
 79 
                                                                }
- 
 
 80 
                                                            </select>
- 
 
 81 
                                                            registros
- 
 
 82 
                                                        </label>
- 
 
 83 
                                                    </div>
- 
 
 84 
                                                </div>
- 
 
 85 
                                                <div className="col-sm-12 col-md-6">
- 
 
 86 
                                                    <div className="dataTables_filter">
- 
 
 87 
                                                        <label>
- 
 
 88 
                                                            Buscar
- 
 
 89 
                                                            <input
- 
 
 90 
                                                                type="search"
- 
 
 91 
                                                                className="form-control form-control-sm" placeholder=""
70 
                                                        </select>
 92 
                                                                onChange={(e) => setSearch(e.target.value)}
- 
 
 93 
                                                            />
71 
                                                        registros
 94 
                                                        </label>
72 
                                                    </label>
 95 
                                                    </div>
73 
                                                </div>
 96 
                                                </div>
74 
                                            </div>
 97 
                                            </div>
75 
                                            <div className="col-sm-12 col-md-6">
 98 
                                            <div className="row">
76 
                                                <div className="dataTables_filter">
 99 
                                                <div className="col-sm-12">
77 
                                                    <label>
 100 
                                                    {
78 
                                                        Buscar
 101 
                                                        companyData.items
79 
                                                        <input
 - 
 
80 
                                                            type="search"
 102 
                                                        &&
81 
                                                            className="form-control form-control-sm" placeholder=""
 103 
                                                        <Table
82 
                                                            onChange={(e) => setSearch(e.target.value)}
 104 
                                                            data={companyData.items}
83 
                                                        />
 105 
                                                        />
84 
                                                    </label>
 106 
                                                    }
85 
                                                </div>
 - 
 
86 
                                            </div>
 107 
                                                </div>
87 
                                        </div>
 108 
                                            </div>
88 
                                        <div className="row">
 - 
 
89 
                                            <div className="col-sm-12">
 109 
                                            <div className="row">
90 
                                                {
 - 
 
91 
                                                    companyData.items
 - 
 
92 
                                                    &&
 110 
                                                <div className="col-sm-12 col-md-5">
93 
                                                    <Table
 111 
                                                    <div className="dataTables_info" >
94 
                                                        data={companyData.items}
 - 
 
95 
                                                    />
 - 
 
96 
                                                }
 - 
 
97 
                                            </div>
 - 
 
98 
                                        </div>
 - 
 
99 
                                        <div className="row">
 - 
 
100 
                                            <div className="col-sm-12 col-md-5">
 - 
 
101 
                                                <div className="dataTables_info" >
 112 
                                                        {`Mostrando registros del 1 al ${companyData.items?.length} de un total de ${companyData.total} registros`}
102 
                                                    {`Mostrando registros del 1 al ${companyData.items?.length} de un total de ${companyData.total} registros`}
 - 
 
103 
                                                </div>
 113 
                                                    </div>
104 
                                            </div>
 114 
                                                </div>
105 
                                            <div className="col-sm-12 col-md-7">
 115 
                                                <div className="col-sm-12 col-md-7">
106 
                                                <div className="dataTables_paginate paging_simple_numbers" id="gridTable_paginate">
 116 
                                                    <div className="dataTables_paginate paging_simple_numbers" id="gridTable_paginate">
107 
                                                    <ul className="pagination">
 117 
                                                        <ul className="pagination">
108 
                                                        <li className="paginate_button page-item previous disabled">
 118 
                                                            <li className="paginate_button page-item previous disabled">
109 
                                                            <button
 119 
                                                                <button
110 
                                                                type='button'
 120 
                                                                    type='button'
111 
                                                                className="page-link"
 121 
                                                                    className="page-link"
112 
                                                                disabled={page === 1}
 122 
                                                                    disabled={page === 1}
113 
                                                            >
 123 
                                                                >
114 
                                                                Anterior
 124 
                                                                    Anterior
115 
                                                            </button>
 125 
                                                                </button>
116 
                                                        </li>
 126 
                                                            </li>
117 
                                                        <li className="paginate_button page-item active">
 127 
                                                            <li className="paginate_button page-item active">
118 
                                                            <button
 128 
                                                                <button
119 
                                                                className="page-link"
 129 
                                                                    className="page-link"
120 
                                                            >
 130 
                                                                >
121 
                                                                1
 131 
                                                                    1
122 
                                                            </button>
 132 
                                                                </button>
123 
                                                        </li>
 133 
                                                            </li>
124 
                                                        <li className="paginate_button page-item next disabled" id="gridTable_next">
 134 
                                                            <li className="paginate_button page-item next disabled" id="gridTable_next">
125 
                                                            <button
 135 
                                                                <button
126 
                                                                type='button'
 136 
                                                                    type='button'
127 
                                                                className="page-link"
 137 
                                                                    className="page-link"
128 
                                                                disabled
 138 
                                                                    disabled
129 
                                                            >
 139 
                                                                >
- 
 
 140 
                                                                    Siguiente
130 
                                                                Siguiente
 141 
                                                                </button>
131 
                                                            </button>
 142 
                                                            </li>
132 
                                                        </li>
 143 
                                                        </ul>
133 
                                                    </ul>
 144 
                                                    </div>
134 
                                                </div>
 145 
                                                </div>
135 
                                            </div>
 146 
                                            </div>
136 
                                        </div>
 - 
 
137 
                                    </div>
 147 
                                        </div>
138 
                                </div>
 148 
                                    </div>
139 
                                <div className="card-footer clearfix">
 149 
                                    <div className="card-footer clearfix">
140 
                                    <div>
 150 
                                        <div>
141 
                                        <button
 151 
                                            <button
142 
                                            type="button"
 152 
                                                type="button"
143 
                                            className="btn btn-info btn-refresh">
 153 
                                                className="btn btn-info btn-refresh">
144 
                                            <i className="fa fa-refresh" />
 154 
                                                <i className="fa fa-refresh" />
145 
                                            Recargar
 155 
                                                Recargar
146 
                                        </button>
 156 
                                            </button>
147 
                                        <button
 157 
                                            <button
- 
 
 158 
                                                type="button"
- 
 
 159 
                                                className="btn btn-primary btn-add"
148 
                                            type="button"
 160 
                                                onClick={() => setShowModal(!showModal)}
149 
                                            className="btn btn-primary btn-add">
 161 
                                            >
150 
                                            <i className="fa fa-plus" />
 162 
                                                <i className="fa fa-plus" />
- 
 
 163 
                                                Agregar
151 
                                            Agregar
 164 
                                            </button>
152 
                                        </button>
 165 
                                        </div>
153 
                                    </div>
 166 
                                    </div>
154 
                                </div>
 167 
                                </div>
155 
                            </div>
 168 
                            </div>
156 
                        </div>
 169 
                        </div>
157 
                    </div>
 170 
                    </div>
- 
 
 171 
                </section>
- 
 
 172 
            </section>
- 
 
 173 
            <Modal
- 
 
 174 
                isOpen={showModal}
- 
 
 175 
                title='Tamaños de empresas'
158 
                </div>
 176 
                closeModal={closeModal}
159 
            </section>
 177 
            />
160 
        </section>
 178 
        </>
Línea 161... Línea 179...
161 
    )
 179 
    )
162 
}
 180 
}