Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
9502 stevensc 1 
import React, { useState, useEffect } from 'react'
2 
import axios from 'axios'
9512 stevensc 3 
import { Card } from 'react-bootstrap'
4 
import { TablePagination } from '../components/TableComponents'
9469 stevensc 5 
 
9502 stevensc 6 
const headers = [
7 
  { key: "name", label: "Nombre", isSorteable: true },
8 
  { key: "minimum_no_of_employee", label: "Mínimo", isSorteable: true },
9 
  { key: "maximum_no_of_employee", label: "Máximo", isSorteable: true },
10 
  { key: "status", label: "Activo", isSorteable: false },
11 
  { key: "actions", label: "Acciones", isSorteable: false }
12 
]
13 
 
9511 stevensc 14 
const MainView = ({ add_link, dashboard_link, permisions, table_link }) => {
9502 stevensc 15 
 
16 
  const [data, setData] = useState({})
9512 stevensc 17 
  const [dataLength, setDataLength] = useState(10);
18 
  const [pages, setPages] = useState({
19 
    current: 1,
20 
    last: 1
21 
  });
9502 stevensc 22 
 
23 
  const getData = ({ url = '', params = {} }) => {
24 
 
25 
    axios.get(url, { params: { ...params } })
26 
      .then(({ data }) => {
9512 stevensc 27 
        if (!data.success) {
28 
          console.log('Ha ocurrido un error')
29 
        }
9502 stevensc 30 
 
9512 stevensc 31 
        setData(data.data)
32 
        setPages(prev => prev.last = Math.ceil(data.data.total / dataLength))
9502 stevensc 33 
      })
34 
      .catch((err) => console.log(err))
35 
  }
36 
 
37 
  useEffect(() => {
9512 stevensc 38 
    getData({ url: table_link })
39 
  }, [dataLength, pages.current])
9502 stevensc 40 
 
9469 stevensc 41 
  return (
9512 stevensc 42 
    <section className="content">
43 
      <div className="container-fluid">
44 
        <div className="row">
45 
          <div className="col-12">
46 
            <Card>
47 
              <Card.Header>
48 
 
49 
              </Card.Header>
50 
              <Card.Body>
51 
 
52 
              </Card.Body>
53 
              <Card.Footer>
54 
                <div className="col-sm-12 col-md-5">
55 
                  <div className="d-flex justify-content-start" >
56 
                    {`Mostrando registros del ${(dataLength * pages.current) - (dataLength - 1) || 0} al ${0} de un total de ${data.total || 0} registros`}
57 
                  </div>
58 
                </div>
59 
                <div className="col-sm-12 col-md-5">
60 
                  <div className="d-flex justify-content-end" >
61 
                    <TablePagination
62 
                      onDecrement={(e) => setPages(prev => prev.current -= 1)}
63 
                      onIncrement={(e) => setPages(prev => prev.current += 1)}
64 
                      totalPages={pages.last}
65 
                      currentPage={pages.current}
66 
                    />
67 
                  </div>
68 
                </div>
69 
              </Card.Footer>
70 
            </Card>
71 
          </div>
72 
        </div >
73 
      </div >
74 
    </section >
9469 stevensc 75 
  )
9489 stevensc 76 
}
77 
export default MainView