Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 565 | Rev 572 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 565 Rev 567
Línea 10... Línea 10...
10 
    const [errors, setErrors] = useState([]);
 10 
    const [errors, setErrors] = useState([]);
11 
    const [input, setInput] = useState(section.answer);
 11 
    const [input, setInput] = useState(section.answer);
Línea 12... Línea 12...
12 
 
 12 
 
13 
 
 13 
 
14 
    /**
 14 
    /**
15 
     * Check if there are questions to answer
 15 
     * Check if there are options to answer
16 
     * @returns
16 
     * @returns
17 
     */
 17 
     */
18 
    const validateSection = () => {
 18 
    const validateSection = () => {
19 
        setErrors([]);
 19 
        setErrors([]);
20 
        let formValid = true;
 20 
        let formValid = true;
21 
        let messages = [];
 21 
        let messages = [];
22 
        section.questions.map((question) => {
 22 
        section.options.map((option) => {
23 
            //Validate if the answer is empty
 - 
 
24 
            if (!question.answer || question.answer.length == 0) {
 - 
 
25 
                // set error message
 23 
            //Validate if the answer is empty
26 
                messages.push(backendVars.LBL_EMPTY_ANSWER.replace('%n', question.position + 1));
 24 
            if (!option.answer || option.answer.length == 0) {
27 
                formValid = false;
 25 
                formValid = false;
28 
            }
 26 
            }
29 
        });
 27 
        });
Línea 42... Línea 40...
42 
 
 40 
 
43 
    /**
 41 
    /**
44 
     * Update section answer
 42 
     * Update section answer
45 
     * @param {*} value
 43 
     * @param {*} value
46 
     */
 44 
     */
47 
     const handleAnswer = (value) => {
 45 
    const handleAnswer = (value) => {
48 
        setInput(value);
 46 
        setInput(value);
49 
        section.answer = value;
 47 
        section.answer = value;
Línea 56... Línea 54...
56 
    const handleNext = () => validateSection() && setPage(page + 1);
 54 
    const handleNext = () => validateSection() && setPage(page + 1);
Línea 57... Línea 55...
57 
 
 55 
 
58 
    /**
 56 
    /**
59 
     * componentDidMount
 57 
     * componentDidMount
60 
     */
 58 
     */
61 
     useEffect(() => {
 59 
    useEffect(() => {
62 
        setInput(section.answer);
 60 
        setInput(section.answer);
Línea 63... Línea 61...
63 
    }, [section]);
 61 
    }, [section]);
Línea 89... Línea 87...
89 
                                            handleAnswer(e.target.value)}
 87 
                                            handleAnswer(e.target.value)}
90 
                                    />
 88 
                                    />
91 
                                </div>
 89 
                                </div>
92 
                            ) : (
 90 
                            ) : (
93 
                                <div>
 91 
                                <div>
- 
 
 92 
                                    {section.options.length > 0 &&
- 
 
 93 
                                        <div>
94 
                                    {section.options.map((option, i) => {
 94 
                                            {section.options.map((option, i) => {
95 
                                        return <Option
 95 
                                                return <Option
96 
                                            option={option}
 96 
                                                    option={option}
97 
                                            key={i}
 97 
                                                    key={i}
98 
                                            handleAnswer={handleAnswer}
 98 
                                                    handleAnswer={handleAnswer}
99 
                                        />
 99 
                                                />
Línea 100... Línea 100...
100 
 
 100 
 
- 
 
 101 
                                            })}
101 
                                    })}
 102 
                                        </div>}
Línea 102... Línea 103...
102 
                                </div>)}
 103 
                                </div>)}
Línea 103... Línea 104...
103 
 
 104