Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 360 | Rev 364 | 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 Question from "../question/Question";
3 
 
4 
const Section = (props) => {
307 geraldo 5 
 
357 geraldo 6 
 
7 
 
306 geraldo 8 
    // get props
357 geraldo 9 
    const { section, backendVars, handleAnswer, key } = props;
306 geraldo 10 
 
360 geraldo 11 
    /**
12 
     * Check if there are questions to answer
13 
     * @returns
14 
     */
15 
    const validateSection = () => {
16 
        let formValid = true;
17 
        section.questions.map((question) => {
18 
            //Validate if the answer is empty
19 
            if (!question.answer) {
20 
                formValid = false;
21 
            }
22 
        })
23 
        return formValid;
24 
    }
357 geraldo 25 
 
306 geraldo 26 
    return (
312 geraldo 27 
 
28 
        <div className="panel-group">
29 
            <div className="panel panel-default" id={`panel-${section.slug_section}`}>
30 
                <div className="panel-heading">
31 
                    <h4 className="panel-title">
363 geraldo 32 
                        <a>{section.name}</a>
312 geraldo 33 
                    </h4>
34 
                </div>
35 
                <div id={section.slug_section} className="panel-collapse in collapse show">
36 
                    <div className="panel-body">
37 
                        <div
38 
                            dangerouslySetInnerHTML={{ __html: section.text }}
39 
                            className="description"
40 
                        />
41 
                        <div className="row">
357 geraldo 42 
                            {section.questions.map((question, i) => {
332 geraldo 43 
                                return <Question
44 
                                    question={question}
357 geraldo 45 
                                    key={i}
332 geraldo 46 
                                    backendVars={backendVars}
342 geraldo 47 
                                    handleAnswer={handleAnswer}
332 geraldo 48 
                                />;
312 geraldo 49 
                            })}
50 
                        </div>
357 geraldo 51 
                        <div className="row">
363 geraldo 52 
                            <div className="col-md-12 text-right np-padding">
53 
                                <ul class="wizard">
359 geraldo 54 
                                    <li class="previous">
55 
                                        <button
56 
                                            type="button"
360 geraldo 57 
                                            className="btn btn-secondary"
359 geraldo 58 
                                            disabled={section.position == 0}
59 
                                        >
60 
                                            {backendVars.LBL_SELF_EVALUATION_TEST_FORM_PREVIOUS}
61 
                                        </button>
62 
                                    </li>
63 
                                    <li class="next">
64 
                                        <button
65 
                                            type="button"
363 geraldo 66 
                                            disabled={!validateSection()}
360 geraldo 67 
                                            className="btn btn-secondary">
359 geraldo 68 
                                            {backendVars.LBL_SELF_EVALUATION_TEST_FORM_NEXT}
69 
                                        </button>
70 
                                    </li>
71 
                                </ul>
357 geraldo 72 
                            </div>
73 
                        </div>
312 geraldo 74 
                    </div>
75 
                </div>
306 geraldo 76 
            </div>
77 
        </div>
78 
    )
79 
}
80 
 
81 
export default Section;