Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
276 geraldo 1 
import React, { useEffect, useState } from "react";
2 
import { axios } from '../../utils';
3 
import CardTest from "./card-test/CardTest";
4 
import Spinner from "../../shared/loading-spinner/Spinner";
5 
 
6 
const SelfEvaluation = (props) => {
283 geraldo 7 
 
8 
    console.log(props.backendVars);
282 geraldo 9 
 
10 
    // get props
11 
    const { backendVars } = props;
12 
 
276 geraldo 13 
    /**
14 
     * Init States
15 
     */
16 
    const [rows, setRows] = useState([]);
17 
    const [loading, setLoading] = useState(true);
18 
 
19 
    /**
20 
     * Get All self evaluation tests
21 
     */
282 geraldo 22 
    const fetchData = async (searchParam = '') => {
23 
 
24 
        setLoading(true);
25 
        const fecth = await axios.get(`/profile/self-evaluation?search=${searchParam}`);
284 geraldo 26 
        console.log(fecth);
276 geraldo 27 
        if (fecth.data.data) {
283 geraldo 28 
            setRows(fecth.data.data);
276 geraldo 29 
        }
30 
        setLoading(false);
31 
    }
282 geraldo 32 
 
276 geraldo 33 
    /**
282 geraldo 34 
     * Search rows
35 
     * @param {*} e
36 
     */
37 
    const handleSearch = async (e) => fetchData(e);
38 
 
39 
    /**
276 geraldo 40 
     * componentDidMount
41 
     */
42 
    useEffect(() => {
282 geraldo 43 
        fetchData();
276 geraldo 44 
    }, []);
45 
 
46 
    return (
47 
        <section className="companies-info">
48 
            <div className="container">
49 
                <div className="company-title">
50 
                    <div className="section_admin_title_buttons">
51 
                        <h1 className="title">
282 geraldo 52 
                            {backendVars.LBL_SELF_EVALUATION}
276 geraldo 53 
                        </h1>
54 
                    </div>
55 
                </div>
56 
 
57 
                <div className="company-title">
58 
                    <div className="section_admin_title_buttons">
59 
                        <div className="form-group">
60 
                            <input
61 
                                className="form-group"
62 
                                type="text"
284 geraldo 63 
                                placeholder={backendVars.LBL_DATATABLE_SSEARCH}
282 geraldo 64 
                                onChange={e => handleSearch(e.target.value)}
276 geraldo 65 
                            />
66 
                        </div>
67 
                    </div>
68 
                </div>
69 
 
70 
                <div className="companies-list">
71 
                    {loading ? (
72 
                        <div className="row">
73 
                            <Spinner />
74 
                        </div>
75 
                    ) : (
76 
                        <div className="row">
77 
                            {rows.length <= 0 ? (
78 
                                <div className="col-md-12 col-sm-12 col-xs-12">
284 geraldo 79 
                                    {backendVars.LBL_DATATABLE_SZERORECORDS}
276 geraldo 80 
                                </div>
81 
                            ) : (
82 
                                <div className="col-md-12 col-sm-12 col-xs-12">
284 geraldo 83 
 
276 geraldo 84 
                                </div>
85 
                            )}
86 
                        </div>
87 
                    )}
88 
 
89 
                </div>
90 
            </div>
91 
        </section>
92 
 
93 
    );
94 
};
95 
 
96 
export default SelfEvaluation;