Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 561 Rev 590
Línea 13... Línea 13...
13 
 
 13 
 
14 
    // get props
 14 
    // get props
Línea 15... Línea 15...
15 
    const { backendVars, test, loading, setTest, action } = props;
 15 
    const { backendVars, test, loading, setTest, action } = props;
16 
 
 16 
 
17 
    /**
 17 
    /**
18 
     * Send form data
 18 
 * Send form data
19 
     */
 - 
 
20 
    const handleSubmit = async () => {
 - 
 
21 
 
 19 
 */
22 
 
 20 
    const handleSubmit = async () => {
23 
        //set states
 21 
        //set states
24 
        setDraft(false);
 22 
        setDraft(false);
25 
        setSuccess(false);
 - 
 
26 
        setError(false);
 23 
        setSuccess(false);
27 
 
 24 
        setError(false);
28 
        // set form data
 25 
        // set form data
29 
        const formData = new FormData();
 26 
        const formData = new FormData();
30 
        formData.append("content", JSON.stringify(test.content));
 27 
        formData.append("content", JSON.stringify(test.content));
31 
        formData.append("status",
 - 
 
32 
            formCompleted() ?
 28 
        formData.append("status",
33 
                formPending() ?
 - 
 
34 
                    backendVars.STATUS_PENDING :
 29 
            formCompleted() ?
35 
                    backendVars.STATUS_COMPLETED :
 - 
 
36 
                backendVars.STATUS_DRAFT);
 30 
                backendVars.STATUS_PENDING :
37 
 
 31 
                backendVars.STATUS_DRAFT);
38 
        // check if the form has at least one response
 32 
        // check if the form has at least one response
39 
        if (leastOneAnswer()) {
 33 
        if (leastOneAnswer()) {
40 
            await axios.post(action, formData).then((response) =>
 34 
            await axios.post(action, formData).then((response) =>
41 
                response.data.success && formCompleted() ?
 35 
                response.data.success && formCompleted() ?
42 
                    setSuccess(true) :
 - 
 
43 
                    setDraft(true)
 36 
                    setSuccess(true) :
44 
 
 37 
                    setDraft(true)
45 
            )
 38 
            )
46 
        } else {
 39 
        } else {
47 
            setError(true);
 - 
 
48 
        }
 - 
 
49 
 
 40 
            setError(true);
50 
 
 - 
 
51 
    }
 41 
        }
52 
 
 42 
    }
53 
    /**
 43 
    /**
54 
     * Check if there are questions to answer
 44 
     * Check if there are options to answer
55 
     * @returns
45 
     * @returns
56 
     */
 46 
     */
57 
    const formCompleted = () => {
 47 
    const formCompleted = () => {
- 
 
 48 
        let completed = true;
58 
        let completed = true;
 49 
        test.content.map((section) => {
59 
        test.content.map((section) => {
 50 
            if (section.type == 'multiple') {
- 
 
 51 
                section.options.map((option) => {
- 
 
 52 
                    //Validate if the answer is empty
- 
 
 53 
                    if (!option.answer || option.answer.length == 0) {
- 
 
 54 
                        completed = false;
- 
 
 55 
                    }
60 
            section.questions.map((question) => {
 56 
                });
61 
                //Validate if the answer is empty
 57 
            } else {
62 
                if (!question.answer || question.answer.length == 0) {
 58 
                if (!section.answer || section.answer.length == 0) {
63 
                    completed = false;
 59 
                    completed = false;
64 
                }
 60 
                }
65 
            });
 61 
            }
66 
        })
 62 
        })
67 
        return completed;
 - 
 
68 
    }
 - 
 
69 
 
 63 
        return completed;
70 
 
 64 
    }
71 
    /**
 65 
    /**
72 
     * Check if there is at least one answer
 66 
     * Check if there is at least one answer
73 
     * @returns
67 
     * @returns
74 
     */
 68 
     */
75 
    const leastOneAnswer = () => {
 69 
    const leastOneAnswer = () => {
- 
 
 70 
        let answer = false;
76 
        let answer = false;
 71 
        test.content.map((section) => {
77 
        test.content.map((section) => {
 72 
            if (section.type == 'multiple') {
78 
            section.questions.map((question) => {
 73 
                section.options.map((option) => {
- 
 
 74 
                    //Validate if the answer is not empty
- 
 
 75 
                    if (option.answer != "" || option.answer.length != 0) {
- 
 
 76 
                        answer = true;
- 
 
 77 
                    }
- 
 
 78 
                });
79 
                //Validate if the answer is not empty
 79 
            } else {
80 
                if (question.answer != "" || question.answer.length != 0) {
 80 
                if (section.answer || section.answer.length != 0) {
81 
                    answer = true;
 81 
                    answer = true;
82 
                }
 82 
                }
83 
            });
 83 
            }
84 
        })
 84 
        })
85 
        return answer;
 - 
 
86 
    }
 - 
 
87 
 
 - 
 
88 
    /**
 - 
 
89 
     * Validate if there are "Open" type questions
 - 
 
90 
     * @returns
- 
 
91 
     */
 - 
 
92 
    const formPending = () => {
 - 
 
93 
        let pending = false;
 - 
 
94 
        test.content.map((section) => {
 - 
 
95 
            section.questions.map((question) => {
 - 
 
96 
                if (question.type == "open" || question.type == "rating-open"  || question.type == "rating-range" ) {
 - 
 
97 
                    pending = true;
 - 
 
98 
                }
 - 
 
99 
            });
 - 
 
100 
        })
 - 
 
101 
        return pending;
 - 
 
102 
    }
 85 
        return answer;
103 
 
 86 
    }
104 
    /**
 87 
    /**
105 
     * Cancel test and send to the list of forms
 88 
     * Cancel test and send to the list of forms
106 
     * @returns
89 
     * @returns
107 
     */
 90 
     */
108 
    const handleGoBack = () => {
 91 
    const handleGoBack = () => {
109 
        setTest(null);
 92 
        setTest(null);
110 
        setSuccess(false)
 - 
 
111 
    }
 - 
 
112 
 
 93 
        setSuccess(false)
113 
 
 94 
    }
114 
    /**
 95 
    /**
115 
     * componentDidMount
 96 
     * componentDidMount
116 
     */
 97 
     */