Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 10436 Rev 10439
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
- 
 
 2 
import { useHistory } from 'react-router-dom'
Línea 2... Línea 3...
2 
 
 3 
 
- 
 
 4 
const FormView = () => {
- 
 
 5 
 
- 
 
 6 
    const history = useHistory()
3 
const FormView = () => {
 7 
 
4 
    return (
 8 
    return (
- 
 
 9 
        <section className="content">
5 
        <>
 10 
            <div className="container-fluid">
- 
 
 11 
                <div className="row">
- 
 
 12 
                    <div className="col-12">
- 
 
 13 
                        <div className='card'>
6 
            <div>
 14 
                            <div className="card-header">
7 
                <ul className="nav nav-tabs" id="myTab" role="tablist">
 15 
                                <ul className="nav nav-tabs" id="myTab" role="tablist">
8 
                    <li className="nav-item" role="presentation">
 16 
                                    <li className="nav-item" role="presentation">
9 
                        <button className="nav-link active" id="home-tab" data-toggle="tab" data-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button>
 17 
                                        <button className="nav-link active" id="home-tab" data-toggle="tab" data-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button>
10 
                    </li>
 18 
                                    </li>
11 
                    <li className="nav-item" role="presentation">
 19 
                                    <li className="nav-item" role="presentation">
12 
                        <button className="nav-link" id="profile-tab" data-toggle="tab" data-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button>
 20 
                                        <button className="nav-link" id="profile-tab" data-toggle="tab" data-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button>
13 
                    </li>
 21 
                                    </li>
14 
                    <li className="nav-item" role="presentation">
 22 
                                    <li className="nav-item" role="presentation">
- 
 
 23 
                                        <button className="nav-link" id="contact-tab" data-toggle="tab" data-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>
15 
                        <button className="nav-link" id="contact-tab" data-toggle="tab" data-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>
 24 
                                    </li>
16 
                    </li>
 25 
                                </ul>
- 
 
 26 
                            </div>
17 
                </ul>
 27 
                            <div className="card-body">
18 
                <div className="tab-content" id="myTabContent">
 28 
                                <div className="tab-content" id="myTabContent">
19 
                    <div className="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div>
 29 
                                    <div className="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"></div>
20 
                    <div className="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
 30 
                                    <div className="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"></div>
- 
 
 31 
                                    <div className="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
- 
 
 32 
                                        <div className="form-group">
- 
 
 33 
                                            <label>Nombre</label>
- 
 
 34 
                                            <input
- 
 
 35 
                                                type="text"
- 
 
 36 
                                                name="name"
- 
 
 37 
                                                className="form-control"
- 
 
 38 
                                            />
- 
 
 39 
                                        </div>
- 
 
 40 
                                    </div>
- 
 
 41 
                                </div>
- 
 
 42 
                                <div className="form-group">
- 
 
 43 
                                    <button
- 
 
 44 
                                        type="submit"
- 
 
 45 
                                        className="btn btn-primary btn-form-save-close mr-2"
- 
 
 46 
                                    >
- 
 
 47 
                                        Guardar
- 
 
 48 
                                    </button>
- 
 
 49 
                                    <button
- 
 
 50 
                                        type="button"
- 
 
 51 
                                        className="btn btn-secondary btn-edit-cancel"
- 
 
 52 
                                        onClick={() => history.goBack()}
- 
 
 53 
                                    >
- 
 
 54 
                                        Cancelar
- 
 
 55 
                                    </button>
- 
 
 56 
                                </div>
- 
 
 57 
                            </div>
- 
 
 58 
                        </div>
21 
                    <div className="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
 59 
                    </div>
22 
                </div>
 60 
                </div>
23 
            </div>
 61 
            </div>
24 
        </>
 62 
        </section>
25 
    )
 63 
    )
26 
}
 64 
}
27 
export default FormView
 65 
export default FormView