Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 456 Rev 469
Línea 5... Línea 5...
5
 
5
 
Línea 6... Línea 6...
6
const Test = (props) => {
6
const Test = (props) => {
7
 
7
 
-
 
8
    //init states 
8
    //init states 
9
    const [success, setSuccess] = useState(false);
Línea 9... Línea 10...
9
    const [success, setSuccess] = useState(false);
10
    const [draft, setDraft] = useState(false);
10
    const [page, setPage] = useState(0);
11
    const [page, setPage] = useState(0);
Línea 11... Línea 12...
11
 
12
 
12
    // get props
13
    // get props
13
    const { backendVars, test, loading, setTest, action } = props;
14
    const { backendVars, test, loading, setTest, action } = props;
14
 
15
 
15
    /**
16
    /**
-
 
17
     * Send form data
-
 
18
     */
16
     * Send form data
19
    const handleSubmit = async () => {
17
     */
20
        //init form data
18
    const handleSubmit = async () => {
21
        setDraft(false);
19
        //init form data
22
        setSuccess(false);
20
        const formData = new FormData();
-
 
21
        let status = validateForm() ? 'p' : 'd';
23
        const formData = new FormData();
22
        formData.append("content", JSON.stringify(test.content));
24
        let status = validateForm() ? 'p' : 'd';
23
        formData.append("status", status );
25
        formData.append("content", JSON.stringify(test.content));
24
        console.log(test.content);
26
        formData.append("status", status);
-
 
27
        await axios.post(action, formData).then((response) =>
25
        await axios.post(action, formData).then((response) => {
28
            response.data.success && validateForm() ?
26
            if (response.data.success && validateForm()) {
29
                setSuccess(true) :
Línea 27... Línea 30...
27
                setSuccess(true);
30
                setDraft(true)
28
            }
31
 
29
        });
32
        );
Línea 105... Línea 108...
105
                                                />)
108
                                                />)
106
                                        })}
109
                                        })}
107
                                    </div>
110
                                    </div>
108
                                </div>
111
                                </div>
109
                            )}
112
                            )}
-
 
113
 
-
 
114
                            {draft &&
-
 
115
                                <div className="col-md-12 col-sm-12 col-xs-12 text-right">
-
 
116
                                    <div className="alert alert-success alert-dismissible fade show" role="alert" >
-
 
117
                                        Sus cambios se han guardado con éxito
-
 
118
                                        <button
-
 
119
                                            type="button"
-
 
120
                                            className="close"
-
 
121
                                            data-dismiss="alert" aria-label="Close"
-
 
122
                                            onClick={() => setDraft(false)}
-
 
123
 
-
 
124
                                        >
-
 
125
                                            <span aria-hidden="true">&times;</span>
-
 
126
                                        </button>
-
 
127
                                    </div>
-
 
128
                                </div>
-
 
129
                            }
110
                            <div className="col-md-12 col-sm-12 col-xs-12 text-right">
130
                            <div className="col-md-12 col-sm-12 col-xs-12 text-right">
111
                                <div className="company-title">
131
                                <div className="company-title">
112
                                    <button
132
                                    <button
113
                                        type="button"
133
                                        type="button"
114
                                        className="btn btn-secondary"
134
                                        className="btn btn-secondary"
Línea 124... Línea 144...
124
                                </div>
144
                                </div>
125
                            </div>
145
                            </div>
126
                        </div>
146
                        </div>
127
                    ) : (
147
                    ) : (
128
                        <div className="row">
148
                        <div className="row">
129
                            <div class="company-title text-center">
149
                            <div className="company-title text-center">
130
                                <div class="section_admin_title_buttons">
150
                                <div className="section_admin_title_buttons">
131
                                    <h1 class="title">{backendVars.LBL_SUCCESS_SELF_EVALUATION}</h1>
151
                                    <h1 className="title">{backendVars.LBL_SUCCESS_SELF_EVALUATION}</h1>
132
                                </div>
152
                                </div>
133
                            </div>
153
                            </div>
134
                            <div className="col-md-12 col-sm-12 col-xs-12 text-center">
154
                            <div className="col-md-12 col-sm-12 col-xs-12 text-center">
135
                                <br />
155
                                <br />
136
                                <button
156
                                <button
137
                                    className="btn btn-sm btn-primary"
157
                                    className="btn btn-sm btn-primary"
138
                                    onClick={() => handleGoBack()}>
158
                                    onClick={() => handleGoBack()}>
139
                                        {backendVars.LBL_GO_BACK}
159
                                    {backendVars.LBL_GO_BACK}
140
                                    </button>
160
                                </button>
141
                            </div>
161
                            </div>
142
                        </div>
162
                        </div>
143
                    )}
163
                    )}
144
                </div>
164
                </div>
145
            )}
165
            )}