45 {/* <Navbar history={this.props.history} /> */} |
45 {/* <Navbar history={this.props.history} /> */} |
46 <div className="container-fluid"> |
46 <div className="container-fluid"> |
47 <div className="row"> |
47 <div className="row"> |
48 <div className="col-lg-6 offset-md-3"> |
48 <div className="col-lg-6 offset-md-3"> |
49 <div className="panel-login panel panel-default"> |
49 <div className="panel-login panel panel-default"> |
50 <div className="card-header bg-secondary border-0"> |
50 <div className="card-header bg-secondary border-0 mt-5 pt-5"> |
51 <h4 className="text-center card-title">IRI Notes</h4> |
51 <h4 className="text-center card-title font-weight-bold text-lg" onClick={this.onClickHome}>IRI Notes</h4> |
52 <form onSubmit={this.submit}> |
52 <form className="pt-3 ml-5 pl-5" onSubmit={this.submit}> |
53 <div className="form-group" /*validationState={ errorMessages && errorMessages.has('username') ? 'error' : null }*/> |
53 <div className="form-group mb-2 ml-3 w-75" /*validationState={ errorMessages && errorMessages.has('username') ? 'error' : null }*/> |
54 <label className="col-form-label text-primary">Nom d'utilisateur</label> |
54 <label className="col-form-label text-primary font-weight-bold mt-2">Nom d'utilisateur</label> |
55 <input className="form-control bg-danger text-muted" type="text" /*inputRef={ref => { this.username = ref; }}*/ /> |
55 <input className="form-control bg-danger text-muted" type="text" /*inputRef={ref => { this.username = ref; }}*/ /> |
56 {/* { this.renderErrorMessage(errorMessages, 'username') } */} |
56 {/* { this.renderErrorMessage(errorMessages, 'username') } */} |
57 </div> |
57 </div> |
58 <div className="form-group" /*validationState={ errorMessages && errorMessages.has('email') ? 'error' : null }*/> |
58 <div className="form-group mb-2 ml-3 w-75" /*validationState={ errorMessages && errorMessages.has('email') ? 'error' : null }*/> |
59 <label className="col-form-label text-primary">Email</label> |
59 <label className="col-form-label text-primary font-weight-bold mt-2">Email</label> |
60 <input className="form-control bg-danger text-muted" type="email" /*inputRef={ref => { this.email = ref; }}*/ /> |
60 <input className="form-control bg-danger text-muted" type="email" /*inputRef={ref => { this.email = ref; }}*/ /> |
61 {/* { this.renderErrorMessage(errorMessages, 'email') } */} |
61 {/* { this.renderErrorMessage(errorMessages, 'email') } */} |
62 </div> |
62 </div> |
63 <div className="form-group" /*validationState={ errorMessages && errorMessages.has('password1') ? 'error' : null }*/> |
63 <div className="form-group mb-2 ml-3 w-75" /*validationState={ errorMessages && errorMessages.has('password1') ? 'error' : null }*/> |
64 <label className="col-form-label text-primary">Mot de passe</label> |
64 <label className="col-form-label text-primary font-weight-bold mt-2">Mot de passe</label> |
65 <input className="form-control bg-danger text-muted" type="password" /*inputRef={ref => { this.password1 = ref; }}*/ /> |
65 <input className="form-control bg-danger text-muted" type="password" /*inputRef={ref => { this.password1 = ref; }}*/ /> |
66 {/* { this.renderErrorMessage(errorMessages, 'password1') } */} |
66 {/* { this.renderErrorMessage(errorMessages, 'password1') } */} |
67 </div> |
67 </div> |
68 <div className="form-group" /*validationState={ errorMessages && errorMessages.has('password2') ? 'error' : null }*/> |
68 <div className="form-group mb-2 ml-3 w-75" /*validationState={ errorMessages && errorMessages.has('password2') ? 'error' : null }*/> |
69 <label className="col-form-label text-primary">Confirmer le mot de passe</label> |
69 <label className="col-form-label text-primary font-weight-bold mt-2">Confirmer le mot de passe</label> |
70 <input className="form-control bg-danger text-muted" type="password" /*inputRef={ref => { this.password2 = ref; }}*/ /> |
70 <input className="form-control bg-danger text-muted" type="password" /*inputRef={ref => { this.password2 = ref; }}*/ /> |
71 {/* { this.renderErrorMessage(errorMessages, 'password2') } */} |
71 {/* { this.renderErrorMessage(errorMessages, 'password2') } */} |
72 </div> |
72 </div> |
73 <button type="submit" onClick={this.submit} className="btn btn-primary btn-lg text-secondary">S'inscrire</button> |
73 <div className="text-center mr-5 pr-5"> |
|
74 <button type="submit" onClick={this.submit} className="btn btn-primary btn-lg text-secondary font-weight-bold mt-3">S'inscrire</button> |
|
75 </div> |
74 </form> |
76 </form> |
75 </div> |
77 </div> |
76 </div> |
78 </div> |
77 <p className="text-center"> |
79 <p className="text-center"> |
78 <a className="text-muted" href="/login" onClick={ this.onClickLogin }>Déjà inscrit ? Se connecter.</a> |
80 <a className="text-muted" href="/login" onClick={ this.onClickLogin }>Déjà inscrit ? Se connecter.</a> |