Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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