Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 338 | Rev 340 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
306 geraldo 1
import React from "react";
2
import Section from "./section/Section";
3
import Spinner from "../../../shared/loading-spinner/Spinner";
4
 
5
const Test = (props) => {
6
 
7
    // get props
8
    const { backendVars, test, loading, setTest } = props;
9
 
337 geraldo 10
    const formSubmit = () => {
336 geraldo 11
 
338 geraldo 12
        test.content.map((section)=>{
336 geraldo 13
            section.questions.map((q)=>{
14
                if(!q.response){
339 geraldo 15
                    console.error(`Debe ingresar una respuesta en la pregunta ${q.position+1} de la sección ${section.name}` );
336 geraldo 16
                    return false;
17
                }
18
            })
19
        })
306 geraldo 20
    }
21
 
22
    return (
23
        <div>
24
            {loading ? (
25
                <div className="row">
26
                    <Spinner />
27
                </div>
28
            ) : (
311 geraldo 29
                <div className="row test-section">
307 geraldo 30
                        <div className="col-md-12 col-sm-12 col-xs-12">
312 geraldo 31
                            <div className="company-title">
32
                                <div className="section_admin_title_buttons">
33
                                    <h1 className="title">{test.name}</h1>
307 geraldo 34
                                </div>
35
                            </div>
36
                            <div
37
                                dangerouslySetInnerHTML={{ __html: test.text }}
309 geraldo 38
                                className="description company-title"
307 geraldo 39
                            ></div>
306 geraldo 40
                        </div>
41
                        <div className="col-md-12 col-sm-12 col-xs-12">
312 geraldo 42
                            <div className="company-title">
43
                                {test.content.map((section, key) => {
332 geraldo 44
                                    return <Section
45
                                        section={section}
46
                                        key={key}
47
                                        backendVars={backendVars} />
312 geraldo 48
                                })}
308 geraldo 49
                            </div>
306 geraldo 50
                        </div>
307 geraldo 51
                        <div className="col-md-12 col-sm-12 col-xs-12">
312 geraldo 52
                            <div className="company-title">
327 geraldo 53
                                <button type="button" className="btn btn-danger" onClick={() => setTest(null)}>{backendVars.LBL_CANCEL}</button>
337 geraldo 54
                                <button type="buttton" className="btn btn-success" onClick={() => formSubmit()}>{backendVars.LBL_SAVE}</button>
307 geraldo 55
                            </div>
56
                        </div>
306 geraldo 57
                </div>
58
            )}
59
        </div>
60
    )
61
}
62
 
63
export default Test;