Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 306 | Rev 308 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
306 geraldo 1 
import React from "react";
2 
import Section from "./section/Section";
3 
import Spinner from "../../../shared/loading-spinner/Spinner";
4 
 
5 
const Test = (props) => {
6 
 
7 
    // get props
8 
    const { backendVars, test, loading, setTest } = props;
9 
 
10 
    const formSubmit = (event) => {
11 
        event.preventDefault()
12 
        var data = new FormData(event.target)
13 
        console.log(Object.fromEntries(data.entries()))
14 
    }
15 
 
16 
    return (
17 
        <div>
18 
            {loading ? (
19 
                <div className="row">
20 
                    <Spinner />
21 
                </div>
22 
            ) : (
23 
                <div className="row">
24 
                    <form onSubmit={formSubmit}>
307 geraldo 25 
                        <div className="col-md-12 col-sm-12 col-xs-12">
26 
                            <div class="company-title">
27 
                                <div class="section_admin_title_buttons">
28 
                                    <h1 class="title">{test.name}</h1>
29 
                                </div>
30 
                            </div>
31 
                            <div
32 
                                dangerouslySetInnerHTML={{ __html: test.text }}
33 
                                className="description"
34 
                            ></div>
306 geraldo 35 
                        </div>
36 
                        <div className="col-md-12 col-sm-12 col-xs-12">
307 geraldo 37 
                            <ul className="nav nav-tabs">
38 
                                {test.content.map((section, key) => {
39 
                                    return (
40 
                                        <li className='nav-item' key={key}>
41 
                                            <a className='nav-link'
42 
                                                data-toggle='tab'
43 
                                                href={`#${section.slug_section}`}>
44 
                                                {section.name}
45 
                                            </a>
46 
                                        </li>
47 
                                    )
48 
                                })}
49 
                            </ul>
306 geraldo 50 
                        </div>
307 geraldo 51 
                        <div className="col-md-12 col-sm-12 col-xs-12">
52 
                            <div className="tab-content">
53 
                                {test.content.map((section, key) => {
54 
                                    return  <Section section={section} key={key} />
55 
                                })}
56 
                            </div>
57 
                            <div className="col-md-12 col-sm-12 col-xs-12">
58 
                                <button type="submit" className="btn btn-success">{backendVars.LBL_SAVE}</button>
59 
                                <button type="button" className="btn btn-default" onClick={() => setTest(null)}>{backendVars.LBL_CANCEL}</button>
60 
                            </div>
61 
                        </div>
306 geraldo 62 
                    </form>
63 
                </div>
64 
            )}
65 
        </div>
66 
    )
67 
}
68 
 
69 
export default Test;