Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 310 | Rev 312 | 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 
            ) : (
311 geraldo 23 
                <div className="row test-section">
306 geraldo 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 }}
309 geraldo 33 
                                className="description company-title"
307 geraldo 34 
                            ></div>
306 geraldo 35 
                        </div>
36 
                        <div className="col-md-12 col-sm-12 col-xs-12">
308 geraldo 37 
                            <div class="company-title">
38 
                                <ul className="nav nav-tabs">
39 
                                    {test.content.map((section, key) => {
40 
                                        return (
41 
                                            <li className='nav-item' key={key}>
42 
                                                <a className='nav-link'
43 
                                                    data-toggle='tab'
44 
                                                    href={`#${section.slug_section}`}>
45 
                                                    {section.name}
46 
                                                </a>
47 
                                            </li>
48 
                                        )
49 
                                    })}
50 
                                </ul>
51 
                            </div>
306 geraldo 52 
                        </div>
307 geraldo 53 
                        <div className="col-md-12 col-sm-12 col-xs-12">
308 geraldo 54 
                            <div class="company-title">
55 
                                <div className="tab-content">
56 
                                    {test.content.map((section, key) => {
57 
                                        return <Section section={section} key={key} />
58 
                                    })}
59 
                                </div>
60 
                                <div className="col-md-12 col-sm-12 col-xs-12">
61 
                                    <button type="submit" className="btn btn-success">{backendVars.LBL_SAVE}</button>
62 
                                    <button type="button" className="btn btn-danger" onClick={() => setTest(null)}>{backendVars.LBL_CANCEL}</button>
63 
                                </div>
307 geraldo 64 
                            </div>
65 
                        </div>
306 geraldo 66 
                    </form>
67 
                </div>
68 
            )}
69 
        </div>
70 
    )
71 
}
72 
 
73 
export default Test;