Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 306 | Rev 310 | 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 Option from "../option/Option";
3 
 
4 
const Question = (props) => {
5 
 
6 
    // get props
7 
    const { question } = props;
8 
 
9 
    return (
10 
        <div className="form-group" >
308 geraldo 11 
            <div
12 
                dangerouslySetInnerHTML={{ __html: question.text }}
13 
                className="description"
14 
            ></div>
306 geraldo 15 
            {question.type == 'open' &&
16 
                <div>
17 
                    {question.multiline == 1 ? (
18 
                        <textarea
19 
                            className="form-control"
20 
                            rows="5"
21 
                            maxLength={question.maxlength}
22 
                            name={question.slug_question}
23 
                            id={question.slug_question}
24 
                        ></textarea>
25 
                    ) : (
26 
                        <input
27 
                            type="text"
28 
                            className="form-control"
29 
                            maxLength={question.maxlength}
30 
                            name={question.slug_question}
31 
                            id={question.slug_question} />
32 
                    )}
33 
                </div>
34 
            }
35 
            {question.type == 'rating-range' &&
36 
                <div>
37 
                    {Array.apply(0, Array(question.range)).map((_, i) => {
38 
                        return (
39 
                            <div className="radio radio-inline">
40 
 
41 
                                <input
42 
                                    key={i}
43 
                                    type="radio"
44 
                                    name={question.slug_question}
45 
                                    id={question.slug_question}
46 
                                    value={i} />
47 
                                {i}
48 
 
49 
                            </div>
50 
                        )
51 
                    })}
52 
                </div>
53 
            }
54 
            {question.type == 'simple' || question.type == 'rating-open' || question.type=='multiple' &&
55 
                <div>
56 
                    {question.options.length <= 0 &&
57 
                        <Option question={question} />
58 
 
59 
                    }
60 
                </div>
61 
            }
62 
        </div>
63 
 
64 
    )
65 
}
66 
 
67 
export default Question;