Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";
import Option from "../option/Option";

const Question = (props) => {

    // get props
    const { question } = props;

    return (
        <div className="col-md-12 col-sm-12 col-xs-12 np-padding">
            <div className="form-group" >
                <h6>Pregunta #{question.position+1}</h6>
                <div
                    dangerouslySetInnerHTML={{ __html: question.text }}
                    className="title"
                />
            </div>
            {question.type == 'open' &&
                <div className="form-group">
                    {question.multiline == 1 ? (
                        <textarea
                            className="form-control"
                            rows="5"
                            maxLength={question.maxlength}
                            name={question.slug_question}
                            id={question.slug_question}
                        ></textarea>
                    ) : (
                        <input
                            type="text"
                            className="form-control"
                            maxLength={question.maxlength}
                            name={question.slug_question}
                            id={question.slug_question} />
                    )}
                </div>
            }
            {question.type == 'rating-range' &&
                <div className="form-group">
                    {Array.apply(0, Array(question.range)).map((_, i) => {
                        return (
                            <div className="radio radio-inline">

                                <input
                                    key={i}
                                    type="radio"
                                    name={question.slug_question}
                                    id={question.slug_question}
                                    value={i} />
                                {i}

                            </div>
                        )
                    })}
                </div>
            }
            { (question.type == 'simple' || question.type == 'rating-open' || question.type == 'multiple') &&
                <div className="form-group">
                    {question.options.length > 0 &&
                        <Option question={question} />
                    }
                </div>
            }

        </div>


    )
}

export default Question;