Proyectos de Subversion LeadersLinked - Backend

Rev

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

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