70 {/* <Navbar history={this.props.history} /> */} |
70 {/* <Navbar history={this.props.history} /> */} |
71 <div className="container-fluid"> |
71 <div className="container-fluid"> |
72 <div className="row"> |
72 <div className="row"> |
73 <div className="col-lg-6 offset-md-3"> |
73 <div className="col-lg-6 offset-md-3"> |
74 <div className="panel-login panel panel-default"> |
74 <div className="panel-login panel panel-default"> |
75 <div className="card-header bg-secondary border-0"> |
75 <div className="card-header bg-secondary border-0 mt-5 pt-5"> |
76 <h4 className="text-center card-title">IRI Notes</h4> |
76 <h4 className="text-center card-title font-weight-bold text-lg">IRI Notes</h4> |
77 <form onSubmit={this.submit}> |
77 <form className="pt-3 ml-5 pl-5" onSubmit={this.submit}> |
78 <div className="form-group" /*validationState={ errorMessages && errorMessages.has('username') ? 'error' : null }*/> |
78 <div className="form-group mb-2 ml-3 w-75" /*validationState={ errorMessages && errorMessages.has('username') ? 'error' : null }*/> |
79 <label className="col-form-label text-primary">Nom d'utilisateur</label> |
79 <label className="col-form-label text-primary font-weight-bold mt-2">Nom d'utilisateur</label> |
80 <input className="form-control bg-danger text-muted" type="text" onChange={this.handleInputChange} name="username" /> |
80 <input className="form-control bg-danger text-muted" type="text" onChange={this.handleInputChange} name="username" /> |
81 {/* { this.renderErrorMessage(errorMessages, 'username') } */} |
81 {/* { this.renderErrorMessage(errorMessages, 'username') } */} |
82 </div> |
82 </div> |
83 <div className="form-group" /*validationState={ errorMessages && errorMessages.has('password') ? 'error' : null*/ > |
83 <div className="form-group mb-2 ml-3 w-75" /*validationState={ errorMessages && errorMessages.has('password') ? 'error' : null*/ > |
84 <label className="col-form-label text-primary">Mot de passe</label> |
84 <label className="col-form-label text-primary font-weight-bold mt-2">Mot de passe</label> |
85 <input className="form-control bg-danger text-muted" type="password" onChange={this.handleInputChange} name="password" /> |
85 <input className="form-control bg-danger text-muted" type="password" onChange={this.handleInputChange} name="password" /> |
86 {/* { this.renderErrorMessage(errorMessages, 'password') } */} |
86 {/* { this.renderErrorMessage(errorMessages, 'password') } */} |
87 </div> |
87 </div> |
88 {/* { this.renderNonFieldErrors(errorMessages) } */} |
88 {/* { this.renderNonFieldErrors(errorMessages) } */} |
89 <button type="submit" className="btn btn-primary btn-lg text-secondary">Se connecter</button> |
89 <div className="text-center mr-5 pr-5"> |
|
90 <button type="submit" className="btn btn-primary btn-lg text-secondary font-weight-bold mt-3">Se connecter</button> |
|
91 </div> |
90 </form> |
92 </form> |
91 </div> |
93 </div> |
92 </div> |
94 </div> |
93 <p className="text-center"> |
95 <p className="text-center"> |
94 <a className="text-muted" href="/register" onClick={ this.onClickRegister }>Pas encore inscrit ? Créer un compte.</a> |
96 <a className="text-muted" href="/register" onClick={ this.onClickRegister }>Pas encore inscrit ? Créer un compte.</a> |