Add go version

[perso/Immae/Projets/Cryptomonnaies/Cryptoportfolio/Front.git] / cmd / web / js / signin.jsx

diff --git a/cmd/web/js/signin.jsx b/cmd/web/js/signin.jsx
index bff497ec4c4a58a220f5cd0e46dd21c34625035d..cf486adcbeff5293587842a54c9d6de2b8ab00e2 100644 (file)
--- a/cmd/web/js/signin.jsx
+++ b/cmd/web/js/signin.jsx
@@ -18,7 +18,7 @@ class SigninForm extends React.Component {
       }
 
       this.displayMessage('OK', true);
-      this.props.onSuccess(data.token);
+      this.props.onSuccess(data.token, data.isAdmin);
 
     }.bind(this));
     e.preventDefault();
@@ -43,17 +43,28 @@ class SigninForm extends React.Component {
   render = () => {
     var cName = classNames('form-message', {'hidden': this.state.hideMsg, 'message-ok': this.state.msgOk});
     return (
+        <React.Fragment>
         <div className="row sign-in">
-          <div className="offset-4 col-4 col-xs-offset-1 col-xs-10 text-center">
+          <div className="offset-1 col-10 box offset-md-4 col-md-4 text-center">
             <form role="form" onSubmit={this.handleSubmit}>
-              <input className="form-control" type="email" placeholder="email" onChange={this.handleEmailChange} />
-              <input className="form-control" type="password" placeholder="password" onChange={this.handlePasswordChange} />
+              <label className="w-100 text-left"><strong>Email address</strong></label>
+              <input className="form-control" type="email" onChange={this.handleEmailChange} />
+              <span className="w-100 d-inline-block text-left">
+                <label><strong>Password</strong></label>
+                <a className="blue-link hint-text float-right" href="/reset-password">Forgot password?</a>
+              </span>
+              <input className="form-control" type="password" onChange={this.handlePasswordChange} />
               <input className="form-control submit" type="submit" value="Sign In" />
               <div className={cName}>{this.state.msg}</div>
             </form>
-            <a href="#" onClick={App.onInternNavigation.bind(this, '/signup')}><u>Sign up</u></a>
           </div>
         </div>
+        <div className="row">
+          <div className="offset-1 col-10 box offset-md-4 col-md-4 text-center">
+            <span>New to CryptoPF? <a href="#" className="blue-link" onClick={App.onInternNavigation.bind(this, '/signup')}>Create an account.</a></span>
+          </div>
+        </div>
+        </React.Fragment>
        );
   }
 }