Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 431 Rev 441
Línea 1... Línea 1...
1 
import React, { useState, useEffect } from "react";
 1 
import React, { useState, useEffect } from "react";
2 
import { axios } from '../../../utils';
 2 
import { axios } from '../../../utils';
3 
import Section from "./section/Section";
 3 
import Section from "./section/Section";
4 
import Spinner from "../../../shared/loading-spinner/Spinner";
 4 
import Spinner from "../../../shared/loading-spinner/Spinner";
5 
import ConfirmModal from "../../../shared/confirm-modal/ConfirmModal";
 - 
 
Línea 6... Línea 5...
6 
 
 5 
 
Línea 7... Línea 6...
7 
const Test = (props) => {
 6 
const Test = (props) => {
8 
 
 - 
 
9 
    //init states
7 
 
10 
    const [confirmationBoxShow, setConfirmationBoxShow] = useState(false);
 8 
    //init states
Línea 11... Línea 9...
11 
    const [success, setSuccess] = useState(false);
 9 
    const [success, setSuccess] = useState(false);
12 
    const [page, setPage] = useState(0);
 10 
    const [page, setPage] = useState(0);
Línea 18... Línea 16...
18 
     * Send form data
 16 
     * Send form data
19 
     */
 17 
     */
20 
    const handleSubmit = async () => {
 18 
    const handleSubmit = async () => {
21 
        //init form data
 19 
        //init form data
22 
        const formData = new FormData();
 20 
        const formData = new FormData();
23 
        formData.append("content", JSON.stringify(test));
 21 
        formData.append("content", JSON.stringify(test.content));
24 
        formData.append("status", validateForm() ? 'p' : 'd');
 22 
        formData.append("status", validateForm() ? 'p' : 'd');
25 
        await axios.post(action, formData).then((response) => {
 23 
        await axios.post(action, formData).then((response) => {
26 
            if (response.data.success && validateForm()) {
 24 
            if (response.data.success && validateForm()) {
27 
                setSuccess(true);
 25 
                setSuccess(true);
28 
            }
 26 
            }
Línea 78... Línea 76...
78 
            })
 76 
            })
79 
        })
 77 
        })
80 
        return formValid;
 78 
        return formValid;
81 
    }
 79 
    }
Línea 82... Línea -...
82 
 
 - 
 
83 
    /**
 - 
 
84 
     * Update component status
 - 
 
85 
     * @returns
- 
 
86 
     */
 - 
 
Línea 87... Línea 80...
87 
    const handleConfirmationBoxShow = () => setConfirmationBoxShow(!confirmationBoxShow);
 80 
 
88 
 
 81 
 
89 
    /**
 82 
    /**
90 
     * Cancel test and send to the list of forms
 83 
     * Cancel test and send to the list of forms
91 
     * @returns
84 
     * @returns
- 
 
 85 
     */
- 
 
 86 
    const handleGoBack = () => {
- 
 
 87 
        setTest(null);
Línea 92... Línea 88...
92 
     */
 88 
        setSuccess(false)
93 
    const handleCancel = () => setTest('');
 89 
    }
94 
 
 90 
 
Línea 109... Línea 105...
109 
            ) : (
 105 
            ) : (
110 
                <div>
 106 
                <div>
111 
                    {!success ? (
 107 
                    {!success ? (
112 
                        <div className="row test-section">
 108 
                        <div className="row test-section">
Línea 113... Línea -...
113 
 
 - 
 
114 
                            <ConfirmModal
 - 
 
115 
                                show={confirmationBoxShow}
 - 
 
116 
                                title={backendVars.LBL_TITLE_CONFIRM_SELF_EVALUATION}
 - 
 
117 
                                message={backendVars.LBL_TEXT_CONFIRM_SELF_EVALUATION}
 - 
 
118 
                                acceptLabel={backendVars.LBL_BTN_CONFIRM_SELF_EVALUATION}
 - 
 
119 
                                onClose={handleConfirmationBoxShow}
 - 
 
120 
                                onAccept={handleCancel}
 - 
 
121 
                            />
 - 
 
122 
 
 109 
 
123 
                            <div className="col-md-12 col-sm-12 col-xs-12">
 110 
                            <div className="col-md-12 col-sm-12 col-xs-12">
124 
                                <div className="company-title">
 111 
                                <div className="company-title">
125 
                                    <div className="section_admin_title_buttons">
 112 
                                    <div className="section_admin_title_buttons">
126 
                                        <h1 className="title">{test.name}</h1>
 113 
                                        <h1 className="title">{test.name}</h1>
Línea 156... Línea 143...
156 
                            <div className="col-md-12 col-sm-12 col-xs-12 text-right">
 143 
                            <div className="col-md-12 col-sm-12 col-xs-12 text-right">
157 
                                <div className="company-title">
 144 
                                <div className="company-title">
158 
                                    <button
 145 
                                    <button
159 
                                        type="button"
 146 
                                        type="button"
160 
                                        className="btn btn-secondary"
 147 
                                        className="btn btn-secondary"
161 
                                        onClick={handleConfirmationBoxShow}>
 148 
                                        onClick={() => handleGoBack()}>
162 
                                        {backendVars.LBL_CANCEL}
 149 
                                        {backendVars.LBL_GO_BACK}
163 
                                    </button>
 150 
                                    </button>
164 
                                    <button
 151 
                                    <button
165 
                                        type="buttton"
 152 
                                        type="buttton"
166 
                                        className="btn btn-primary"
 153 
                                        className="btn btn-primary"
167 
                                        onClick={() => handleSubmit()}>
 154 
                                        onClick={() => handleSubmit()}>
Línea 179... Línea 166...
179 
                            </div>
 166 
                            </div>
180 
                            <div className="col-md-12 col-sm-12 col-xs-12 text-center">
 167 
                            <div className="col-md-12 col-sm-12 col-xs-12 text-center">
181 
                                <br />
 168 
                                <br />
182 
                                <button
 169 
                                <button
183 
                                    className="btn btn-sm btn-primary"
 170 
                                    className="btn btn-sm btn-primary"
184 
                                    onClick={() => {
 171 
                                    onClick={() => handleGoBack()}>
185 
                                        setTest(null);
 172 
                                        {backendVars.LBL_GO_BACK}
186 
                                        setSuccess(false)
 173 
                                    </button>
187 
                                    }}>{backendVars.LBL_GO_BACK}</button>
 - 
 
188 
                            </div>
 174 
                            </div>
189 
                        </div>
 175 
                        </div>
190 
                    )}
 176 
                    )}
191 
                </div>
 177 
                </div>
192 
            )}
 178 
            )}