Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 358 | Rev 360 | 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 
 
358 geraldo 11 
    console.log(section)
357 geraldo 12 
 
306 geraldo 13 
    return (
312 geraldo 14 
 
15 
        <div className="panel-group">
16 
            <div className="panel panel-default" id={`panel-${section.slug_section}`}>
17 
                <div className="panel-heading">
18 
                    <h4 className="panel-title">
19 
                        <a
20 
                            className="accordion-toggle"
21 
                            data-toggle="collapse"
22 
                            data-parent={`#panel-${section.slug_section}`}
23 
                            aria-expanded="true"
24 
                            href={`#${section.slug_section}`}>
25 
                            {section.name}</a>
26 
                    </h4>
27 
                </div>
28 
                <div id={section.slug_section} className="panel-collapse in collapse show">
29 
                    <div className="panel-body">
30 
                        <div
31 
                            dangerouslySetInnerHTML={{ __html: section.text }}
32 
                            className="description"
33 
                        />
34 
                        <div className="row">
357 geraldo 35 
                            {section.questions.map((question, i) => {
332 geraldo 36 
                                return <Question
37 
                                    question={question}
357 geraldo 38 
                                    key={i}
332 geraldo 39 
                                    backendVars={backendVars}
342 geraldo 40 
                                    handleAnswer={handleAnswer}
332 geraldo 41 
                                />;
312 geraldo 42 
                            })}
43 
                        </div>
357 geraldo 44 
                        <div className="row">
358 geraldo 45 
                            <div className="col-md-12 text-right">
359 geraldo 46 
                                <ul class="pager wizard">
47 
                                    <li class="previous">
48 
                                        <button
49 
                                            type="button"
50 
                                            className="btn btn-primary"
51 
                                            disabled={section.position == 0}
52 
                                        >
53 
                                            {backendVars.LBL_SELF_EVALUATION_TEST_FORM_PREVIOUS}
54 
                                        </button>
55 
                                    </li>
56 
                                    <li class="next">
57 
                                        <button
58 
                                            type="button"
59 
                                            className="btn btn-primary">
60 
                                            {backendVars.LBL_SELF_EVALUATION_TEST_FORM_NEXT}
61 
                                        </button>
62 
                                    </li>
63 
                                </ul>
357 geraldo 64 
                            </div>
65 
                        </div>
312 geraldo 66 
                    </div>
67 
                </div>
306 geraldo 68 
            </div>
69 
        </div>
70 
    )
71 
}
72 
 
73 
export default Section;