Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";
import Section from "./section/Section";
import Spinner from "../../../shared/loading-spinner/Spinner";

const Test = (props) => {

    // get props
    const { backendVars, test, loading, setTest } = props;

    const formSubmit = (event) => {
        event.preventDefault()
        var data = new FormData(event.target)
        console.log(Object.fromEntries(data.entries()))
    }

    return (
        <div>
            {loading ? (
                <div className="row">
                    <Spinner />
                </div>
            ) : (
                <div className="row">
                    <form onSubmit={formSubmit}>
                        <h2>{test.name}</h2>
                        <div className="col-md-12 col-sm-12 col-xs-12"> {test.text} </div>
                        <ul className="nav nav-tabs">
                            {test.content.map((section, key) => {
                                return (
                                    <li className='nav-item' key={key}>
                                        <a className='nav-link active'
                                            data-toggle='tab'
                                            href={`#${section.slug_section}`}>
                                            {section.name}
                                        </a>
                                    </li>
                                )
                            })}
                        </ul>
                        <div className="tab-content">
                            {test.content.map((section, key) => {
                                return <Section section={section} key={key} />;
                            })}
                        </div>

                        <div className="col-md-12 col-sm-12 col-xs-12">
                            <button type="submit" className="btn btn-success">{backendVars.LBL_SELF_EVALUATION_TEST_FORM_SAVE}</button>
                            <button type="button" className="btn btn-default" onClick={() => setTest(null)}>{backendVars.LBL_SELF_EVALUATION_TEST_FORM_CANCEL}</button>
                        </div>
                    </form>
                </div>
            )}

        </div>
    )
}

export default Test;