Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 282 | Ir a la última revisión | | 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) => {
7 
    /**
8 
     * Init States
9 
     */
10 
    const [rows, setRows] = useState([]);
11 
    const [loading, setLoading] = useState(true);
12 
 
13 
    /**
14 
     * Get All self evaluation tests
15 
     */
16 
    const getData = async () => {
17 
        const fecth = await axios.get('/profile/self-evaluation')
18 
        if (fecth.data.data) {
19 
            setRows(fecth.data.data)
20 
        }
21 
        setLoading(false);
22 
    }
23 
    /**
24 
     * componentDidMount
25 
     */
26 
    useEffect(() => {
27 
        getData();
28 
    }, []);
29 
 
30 
    return (
31 
        <section className="companies-info">
32 
            <div className="container">
33 
                <div className="company-title">
34 
                    <div className="section_admin_title_buttons">
35 
                        <h1 className="title">
36 
                            {props.backendVars.LBL_SELF_EVALUATION}
37 
                        </h1>
38 
                    </div>
39 
                </div>
40 
 
41 
                <div className="company-title">
42 
                    <div className="section_admin_title_buttons">
43 
                        <div className="form-group">
44 
                            <input
45 
                                className="form-group"
46 
                                type="text"
47 
                                placeholder="{props.backendVars.LABEL_DATATABLE_SSEARCH}"
48 
                            />
49 
                        </div>
50 
                    </div>
51 
                </div>
52 
 
53 
                <div className="companies-list">
54 
                    {loading ? (
55 
                        <div className="row">
56 
                            <Spinner />
57 
                        </div>
58 
                    ) : (
59 
                        <div className="row">
60 
                            {rows.length <= 0 ? (
61 
                                <div className="col-md-12 col-sm-12 col-xs-12">
62 
                                    {props.backendVars.LABEL_DATATABLE_SZERORECORDS}
63 
                                </div>
64 
                            ) : (
65 
                                <div className="col-md-12 col-sm-12 col-xs-12">
66 
                                    {rows.map((test, key) => {
67 
                                        return  <CardTest key={key} test={test} />
68 
                                    })}
69 
                                </div>
70 
                            )}
71 
                        </div>
72 
                    )}
73 
 
74 
                </div>
75 
            </div>
76 
        </section>
77 
 
78 
    );
79 
};
80 
 
81 
export default SelfEvaluation;