Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
561 geraldo 1 
import React, { useEffect, useState } from "react";
2 
import { axios } from '../../utils';
3 
import List from "./list/List";
565 geraldo 4 
import Test from "./test/Test";
561 geraldo 5 
import Search from "../../shared/search/Search";
6 
import Breadcrumbs from "../../shared/breadcrumbs/Breadcrumbs"
7 
 
8 
const SelfEvaluation = (props) => {
9 
 
10 
 
11 
    // get props
12 
    const { backendVars } = props;
13 
 
14 
    /**
15 
     * Init States
16 
     */
17 
    const [data, setData] = useState([]);
18 
    const [action, setAction] = useState();
19 
    const [test, setTest] = useState();
20 
    const [loading, setLoading] = useState(true);
21 
 
22 
    /**
23 
     * Get All performance evaluation tests
24 
     */
25 
    const fetchData = async (searchParam = '') => {
26 
        setLoading(true);
27 
        await axios.get(
28 
            "/profile/performance-evaluation?search=" + searchParam)
29 
            .then((response) => {
30 
                if (response.data.success) {
31 
                    setData(response.data.data);
32 
                }
33 
            });
34 
        setLoading(false);
35 
    };
36 
 
37 
    /**
38 
     * get info test
39 
     * @param {*} url
40 
     */
41 
    const getTestByUrl = async (url) => {
42 
        await axios.get(url)
43 
            .then((response) => {
44 
                if (response.data.data) {
45 
                    setAction(url);
46 
                    setTest(response.data.data);
47 
                }
48 
            });
49 
    };
50 
 
51 
    /**
52 
     * Search data
53 
     * @param {*} e
54 
     */
55 
    const handleSearch = async (e) => fetchData(e);
56 
 
57 
    /**
58 
     * componentDidMount
59 
     */
60 
    useEffect(() => {
61 
        fetchData();
62 
    }, [test]);
63 
 
64 
    return (
65 
        <section className="companies-info">
66 
            {!test ? (
67 
                <div className="container">
68 
                    <div className="row">
69 
                        <Breadcrumbs title={backendVars.LBL_PERFORMANCE_EVALUATION} />
70 
                    </div>
71 
                    <div className="row">
72 
                        <Search handleSearch={handleSearch} backendVars={backendVars} />
73 
                    </div>
74 
                    <div className="row">
75 
                        <List
76 
                            data={data}
77 
                            getTestByUrl={getTestByUrl}
78 
                            backendVars={backendVars}
79 
                            loading={loading}
80 
                        />
81 
                    </div>
82 
                </div>
83 
            ) : (
84 
                <div className="container">
565 geraldo 85 
                    <Test
86 
                        backendVars={backendVars}
87 
                        loading={loading}
88 
                        setTest={setTest}
89 
                        test={test}
90 
                        action={action}
91 
                    />
561 geraldo 92 
                </div>
93 
            )}
94 
        </section>
95 
 
96 
    );
97 
};
98 
 
99 
export default SelfEvaluation;