Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 289 Rev 301
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 CardTest from "./card-test/CardTest";
- 
 
 4 
import Search from "../../shared/search/Search";
- 
 
 5 
import Breadcrumbs from "../../shared/breadcrumbs/Breadcrumbs"
4 
import Spinner from "../../shared/loading-spinner/Spinner";
 6 
import Spinner from "../../shared/loading-spinner/Spinner";
Línea 5... Línea 7...
5 
 
 7 
 
Línea 11... Línea 13...
11 
 
 13 
 
12 
    /**
 14 
    /**
13 
     * Init States
 15 
     * Init States
14 
     */
 16 
     */
- 
 
 17 
    const [rows, setRows] = useState([]);
15 
    const [rows, setRows] = useState([]);
 18 
    const [test, setTest] = useState();
Línea 16... Línea 19...
16 
    const [loading, setLoading] = useState(true);
 19 
    const [loading, setLoading] = useState(true);
17 
 
 20 
 
18 
    /**
 21 
    /**
Línea 30... Línea 33...
30 
                }
 33 
                }
31 
            });
 34 
            });
32 
        setLoading(false);
 35 
        setLoading(false);
33 
    };
 36 
    };
Línea -... Línea 37...
- 
 
 37 
 
- 
 
 38 
    /**
- 
 
 39 
     * get info test
- 
 
 40 
     * @param {*} url
- 
 
 41 
     */
- 
 
 42 
    const getTestByUrl = async (url) => {
- 
 
 43 
        setLoading(true);
- 
 
 44 
        await axios
- 
 
 45 
            .get(url)
- 
 
 46 
            .then((response) => {
- 
 
 47 
                if (response.data.success) {
- 
 
 48 
                    console.log(response.data.data);
- 
 
 49 
                    setTest(response.data.data);
- 
 
 50 
                }
- 
 
 51 
            });
- 
 
 52 
        setLoading(false);
Línea 34... Línea 53...
34 
 
 53 
    };
35 
 
 54 
 
36 
    /**
 55 
    /**
37 
     * Search rows
56 
     * Search rows
Línea 46... Línea 65...
46 
        fetchData();
 65 
        fetchData();
47 
    }, []);
 66 
    }, []);
Línea 48... Línea 67...
48 
 
 67 
 
49 
    return (
 68 
    return (
- 
 
 69 
        <section className="companies-info">
50 
        <section className="companies-info">
 70 
 
51 
            <div className="container">
 71 
            {!form ? (
52 
                <div className="company-title">
 - 
 
- 
 
 72 
                <div className="container">
53 
                    <div className="section_admin_title_buttons">
 73 
 
54 
                        <h1 className="title">
 74 
                    <div className="row">
55 
                            {backendVars.LBL_SELF_EVALUATION}
 - 
 
56 
                        </h1>
 75 
                        <Breadcrumbs title={backendVars.LBL_SELF_EVALUATION} />
57 
                    </div>
 - 
 
Línea 58... Línea 76...
58 
                </div>
 76 
                    </div>
- 
 
 77 
 
- 
 
 78 
                    <div className="row">
- 
 
 79 
                        <Search handleSearch={handleSearch} backendVars={backendVars} />
59 
 
 80 
                    </div>
- 
 
 81 
 
60 
                <div className="company-title">
 82 
                    <div className="companies-list">
- 
 
 83 
                        {loading ? (
61 
                    <div className="section_admin_title_buttons">
 84 
                            <div className="row">
- 
 
 85 
                                <Spinner />
62 
                        <div className="form-group">
 86 
                            </div>
63 
                            <input
 87 
                        ) : (
- 
 
 88 
                            <div className="row">
64 
                                className="form-control"
 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>
- 
 
 93 
                                ) : (
- 
 
 94 
                                    <div className="col-md-12 col-sm-12 col-xs-12">
- 
 
 95 
                                        {rows.map((test, key) => {
- 
 
 96 
                                            return <CardTest
- 
 
 97 
                                                key={key}
65 
                                type="text"
 98 
                                                test={test}
- 
 
 99 
                                                getTestByUrl={getTestByUrl}
- 
 
 100 
                                                backendVars={backendVars} />
66 
                                placeholder={backendVars.LBL_DATATABLE_SSEARCH}
 101 
                                        })}
67 
                                onChange={e => handleSearch(e.target.value)}
 102 
                                    </div>
- 
 
 103 
                                )}
- 
 
 104 
                            </div>
68 
                            />
 105 
                        )}
69 
                        </div>
 - 
 
Línea -... Línea 106...
- 
 
 106 
 
- 
 
 107 
                    </div>
70 
                    </div>
 108 
 
71 
                </div>
 109 
                </div>) : (
72 
 
 110 
 
73 
                <div className="companies-list">
 111 
                <div className="container">
74 
                    {loading ? (
 112 
                    {loading ? (
75 
                        <div className="row">
 113 
                        <div className="row">
76 
                            <Spinner />
 - 
 
77 
                        </div>
 - 
 
78 
                    ) : (
 - 
 
79 
                        <div className="row">
 - 
 
80 
                            {rows.length<=0 ? (
 - 
 
81 
                                <div className="col-md-12 col-sm-12 col-xs-12 text-center">
 - 
 
82 
                                    {backendVars.LBL_DATATABLE_SZERORECORDS}
 - 
 
83 
                                </div>
 - 
 
84 
                            ) : (
 - 
 
85 
                                <div className="col-md-12 col-sm-12 col-xs-12">
 - 
 
86 
                                    {rows.map((test, key) => {
 - 
 
87 
                                        return <CardTest
 - 
 
88 
                                            key={key}
 - 
 
89 
                                            test={test}
 - 
 
90 
                                            backendVars={backendVars} />
 114 
                            <Spinner />
- 
 
 115 
                        </div>
91 
                                    })}
 116 
                    ) : (
92 
                                </div>
 117 
                        <div>
93 
                            )}
 - 
 
94 
                        </div>
 118 
 
95 
                    )}
 119 
                        </div>
- 
 
 120 
                    )}
96 
 
 121 
                </div>
Línea 97... Línea 122...
97 
                </div>
 122 
            )}
98 
            </div>
 123