Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 458 Rev 459
Línea 20... Línea 20...
20 
    /**
 20 
    /**
21 
     * Update question answer
 21 
     * Update question answer
22 
     * @param {*} answer
22 
     * @param {*} answer
23 
     */
 23 
     */
24 
    const handleAnswerMultiple = (value) => {
 24 
    const handleAnswerMultiple = (value) => {
25 
 
 - 
 
26 
        question.answer.includes(value) ?
 25 
        question.answer.includes(value) ?
27 
            question.answer = removeOptionMultiple(question.answer, value) :
 26 
            question.answer = removeOptionMultiple(question.answer, value) :
28 
            question.answer.push(value);
 27 
            question.answer.push(value);
29 
 
 - 
 
30 
            console.log(question.answer);
 - 
 
31
- 
 
32 
        setInput(question.answer);
 28 
        setInput(question.answer);
33 
        console.log(input);
 - 
 
34 
    }
 29 
    }
Línea 35... Línea 30...
35 
 
 30 
 
36 
    /**
 - 
 
37 
     * componentDidMount
 - 
 
38 
     */
 - 
 
39 
    useEffect(() => {
 - 
 
40 
        setInput(question.answer);
 - 
 
41 
    }, [question]);
 - 
 
42 
 
 - 
 
43 
    /**
 31 
    /**
44 
     * Delete existing option
 32 
     * Delete existing option
45 
     * @param {*} arr
33 
     * @param {*} arr
46 
     * @param {*} item
34 
     * @param {*} item
47 
     * @returns
35 
     * @returns
48 
     */
 36 
     */
Línea -... Línea 37...
- 
 
 37 
    const removeOptionMultiple = (arr, item) => arr.splice(arr.indexOf(item), 1);
- 
 
 38 
 
- 
 
 39 
    /**
- 
 
 40 
     * componentDidMount
- 
 
 41 
     */
- 
 
 42 
    useEffect(() => {
- 
 
 43 
        setInput(question.answer);
- 
 
 44 
    }, [question]);
49 
    const removeOptionMultiple = (arr, item) => arr.splice(arr.indexOf(item), 1);
 45 
 
50 
 
 46 
 
51 
    return (
 47 
    return (
52 
        <div>
 48 
        <div>
53 
            {question.options.map((opt, key) => {
 49 
            {question.options.map((opt, key) => {
Línea 58... Línea 54...
58 
                        {question.type == 'multiple' &&
 54 
                        {question.type == 'multiple' &&
Línea 59... Línea 55...
59 
 
 55 
 
60 
                            <input
 56 
                            <input
61 
                                type="checkbox"
 57 
                                type="checkbox"
62 
                                name={`${opt.slug_option}[]`}
 58 
                                name={`${opt.slug_option}[]`}
63 
                                value={input}
 59 
                                value={opt.slug_option}
64 
                                checked={input.includes(opt.slug_option)}
 60 
                                checked={input.includes(opt.slug_option)}
65 
                                onChange={() => handleAnswerMultiple(opt.slug_option)}
 61 
                                onChange={() => handleAnswerMultiple(opt.slug_option)}
66 
                            />
 62 
                            />
67 
                        }
 63 
                        }