Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";
import Section from "./section/Section";
import Spinner from "../../../shared/loading-spinner/Spinner";

const Test = (props) => {

    // get props
    const { backendVars, test, loading, setTest } = props;

    const formSubmit = (event) => {
        
        test.map((section)=>{
            section.questions.map((q)=>{
                if(!q.response){
                    alert(`Debe ingresar una respuesta en la pregunta ${q.position+1} de la sección ${section.name}` );
                    return false;
                }
            })
        })
    }

    return (
        <div>
            {loading ? (
                <div className="row">
                    <Spinner />
                </div>
            ) : (
                <div className="row test-section">
                    <form onSubmit={formSubmit}>
                        <div className="col-md-12 col-sm-12 col-xs-12">
                            <div className="company-title">
                                <div className="section_admin_title_buttons">
                                    <h1 className="title">{test.name}</h1>
                                </div>
                            </div>
                            <div
                                dangerouslySetInnerHTML={{ __html: test.text }}
                                className="description company-title"
                            ></div>
                        </div>
                        <div className="col-md-12 col-sm-12 col-xs-12">
                            <div className="company-title">
                                {test.content.map((section, key) => {
                                    return <Section
                                        section={section}
                                        key={key}
                                        backendVars={backendVars} />
                                })}
                            </div>
                        </div>
                        <div className="col-md-12 col-sm-12 col-xs-12">
                            <div className="company-title">
                                <button type="button" className="btn btn-danger" onClick={() => setTest(null)}>{backendVars.LBL_CANCEL}</button>
                                <button type="submit" className="btn btn-success">{backendVars.LBL_SAVE}</button>
                            </div>
                        </div>
                    </form>
                </div>
            )}
        </div>
    )
}

export default Test;