Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 304 | Rev 306 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 304 Rev 305
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from "react";
 1 
import React, { useEffect, useState } from "react";
2 
import { axios } from '../../utils';
 2 
import { axios } from '../../utils';
3 
import CardTest from "./card-test/CardTest";
 3 
import List from "./List/List";
4 
import Search from "../../shared/search/Search";
 4 
import Search from "../../shared/search/Search";
5 
import Breadcrumbs from "../../shared/breadcrumbs/Breadcrumbs"
 5 
import Breadcrumbs from "../../shared/breadcrumbs/Breadcrumbs"
6 
import Spinner from "../../shared/loading-spinner/Spinner";
 - 
 
Línea 7... Línea 6...
7 
 
 6 
 
Línea 8... Línea 7...
8 
const SelfEvaluation = (props) => {
 7 
const SelfEvaluation = (props) => {
9 
 
 8 
 
Línea 10... Línea 9...
10 
 
 9 
 
11 
    // get props
 10 
    // get props
12 
    const { backendVars } = props;
 11 
    const { backendVars } = props;
13 
 
 12 
 
14 
    /**
 13 
    /**
15 
     * Init States
 14 
     * Init States
Línea 16... Línea 15...
16 
     */
 15 
     */
17 
    const [rows, setRows] = useState([]);
 16 
    const [data, setData] = useState([]);
Línea 27... Línea 26...
27 
        await axios
 26 
        await axios
28 
            .get(
 27 
            .get(
29 
                "/profile/self-evaluation?search=" + searchParam)
 28 
                "/profile/self-evaluation?search=" + searchParam)
30 
            .then((response) => {
 29 
            .then((response) => {
31 
                if (response.data.success) {
 30 
                if (response.data.success) {
32 
                    setRows(response.data.data);
 31 
                    setData(response.data.data);
33 
                }
 32 
                }
34 
            });
 33 
            });
35 
        setLoading(false);
 34 
        setLoading(false);
36 
    };
 35 
    };
Línea 51... Línea 50...
51 
            });
 50 
            });
52 
        setLoading(false);
 51 
        setLoading(false);
53 
    };
 52 
    };
Línea 54... Línea 53...
54 
 
 53 
 
55 
    /**
 54 
    /**
56 
     * Search rows
55 
     * Search data
57 
     * @param {*} e
56 
     * @param {*} e
58 
     */
 57 
     */
Línea 59... Línea 58...
59 
    const handleSearch = async (e) => fetchData(e);
 58 
    const handleSearch = async (e) => fetchData(e);
Línea 65... Línea 64...
65 
        fetchData();
 64 
        fetchData();
66 
    }, []);
 65 
    }, []);
Línea 67... Línea 66...
67 
 
 66 
 
68 
    return (
 67 
    return (
69 
        <section className="companies-info">
 - 
 
70 
 
 68 
        <section className="companies-info">
71 
            {!test ? (
 69 
            {!test ? (
72 
                <div className="container">
 - 
 
73 
 
 70 
                <div className="container">
74 
                    <div className="row">
 71 
                    <div className="row">
75 
                        <Breadcrumbs title={backendVars.LBL_SELF_EVALUATION} />
 72 
                        <Breadcrumbs title={backendVars.LBL_SELF_EVALUATION} />
76 
                    </div>
 - 
 
77 
 
 73 
                    </div>
78 
                    <div className="row">
 74 
                    <div className="row">
79 
                        <Search handleSearch={handleSearch} backendVars={backendVars} />
 75 
                        <Search handleSearch={handleSearch} backendVars={backendVars} />
80 
                    </div>
 - 
 
81 
 
 - 
 
82 
                    <div className="companies-list">
 - 
 
83 
                        {loading ? (
 76 
                    </div>
84 
                            <div className="row">
 - 
 
85 
                                <Spinner />
 - 
 
86 
                            </div>
 77 
                    <div className="row">
87 
                        ) : (
 - 
 
88 
                            <div className="row">
 - 
 
89 
                                {rows.length <= 0 ? (
 - 
 
90 
                                    <div className="col-md-12 col-sm-12 col-xs-12 text-center">
 - 
 
91 
                                        {backendVars.LBL_DATATABLE_SZERORECORDS}
 - 
 
92 
                                    </div>
 78 
                        <List
93 
                                ) : (
 - 
 
94 
                                    <div className="col-md-12 col-sm-12 col-xs-12">
 - 
 
95 
                                        {rows.map((test, key) => {
 - 
 
96 
                                            return <CardTest
 - 
 
97 
                                                key={key}
 - 
 
98 
                                                test={test}
 79 
                            data={data}
99 
                                                getTestByUrl={getTestByUrl}
 80 
                            getTestByUrl={getTestByUrl}
100 
                                                backendVars={backendVars} />
 - 
 
101 
                                        })}
 81 
                            backendVars={backendVars}
102 
                                    </div>
 - 
 
103 
                                )}
 - 
 
104 
                            </div>
 82 
                            loading={loading}
105 
                        )}
 - 
 
106 
 
 83 
                        />
107 
                    </div>
 - 
 
108 
 
 - 
 
109 
                </div>) : (
 - 
 
110 
 
 - 
 
111 
                <div className="container">
 - 
 
112 
                    {loading ? (
 - 
 
113 
                        <div className="row">
 - 
 
114 
                            <Spinner />
 - 
 
115 
                        </div>
 - 
 
116 
                    ) : (
 - 
 
117 
                        <div>
 - 
 
118 
{test}
 - 
 
119 
                        </div>
 - 
 
120 
                    )}
 84 
                    </div>
- 
 
 85 
                </div>
- 
 
 86 
            ) : (
121 
                </div>
 87 
                <div className="container"></div>
122 
            )}
 - 
 
123 
 
 88 
            )}
Línea 124... Línea 89...
124 
        </section>
 89 
        </section>
125 
 
 90