senaduka/old-ribica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implemented design for login page

Browse Source
This commit is contained in:
Edin Dazdarevic
2015-04-19 23:07:03 +02:00
parent 9eb7690d2d
commit a5836a428f
2 changed files with 20 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
front-ui/app/components/account/login.js
View File

@@ -83,42 +83,29 @@ var Login = React.createClass({
} }
}, },
render : function() { render : function() {
return (<div> return (
<div className="col-md-6"> <div className="col-lg-4 col-md-6 col-sm-8 col-xs-10 col-centered" style={{height: 500}}>
<span className="h3">Prijava </span> <h1 style={{paddingTop: 40}} className="text-center">Prijava</h1>
{this.renderLoginFailure()} <br />
<div className="center" > {this.renderLoginFailure()}
<form className="form-horizontal">
<div className="form-group"> <form className>
<label for="email">Email adresa</label> <div className="form-group col-lg-12 col-md-12">
<input type="email" onKeyPress={this.onKeyPress} onChange={this.handleChange('email')} className="form-control" id="email" placeholder="Unesite email"></input> <input style={{marginBottom: 8}} type="text" className="form-control" onKeyPress={this.onKeyPress} onChange={this.handleChange('email')} placeholder="Email adresa" />
{this.getValidationMessages('email').map(this.renderErrorMessage)}
{this.getValidationMessages('email').map(this.renderErrorMessage)} </div>
</div> <div className="form-group col-lg-12 col-md-12">
<div className="form-group"> <input style={{marginBottom: 8}} type="password" onKeyPress={this.onKeyPress} onChange={this.handleChange('password')} className="form-control" placeholder="Šifra" />
<label for="password">Šifra</label> {this.getValidationMessages('password').map(this.renderErrorMessage)}
<input type="password" onKeyPress={this.onKeyPress} onChange={this.handleChange('password')} className="form-control" id="password" placeholder="Šifra"></input>
{this.getValidationMessages('password').map(this.renderErrorMessage)} </div>
</div> <input style={{color: 'white', fontWeight: 'bold', height: 44}} type="submit" onClick={this.onLoginClick} className=" mybutton center-block col-md-8 col-sm-8 col-xs-8 col-sm-push-2 col-xs-push-2 col-md-push-2" defaultValue="Prijava" />
<div className="form-group"> </form>
<button type="button" onClick={this.onLoginClick} className="btn btn-success">Prijava</button> <div className="text-center col-lg-12">
</div> <h4>Niste registrovani? <Link to="registracija"><span>Registrujte se</span></Link></h4>
</form> </div>
</div>
</div>
<div className="col-md-6">
<Link to="registracija">
Niste registrovani? Kliknite ovdje da se registrujete!
</Link>
</div>
</div>); </div>);
} }
}); });

2
front-ui/app/components/account/register.js
View File

@@ -327,7 +327,7 @@ var Register = React.createClass({
<input style={{color: 'white', fontWeight: 'bold', height: 44}} type="submit" onClick={this.onRegisterClick} className=" mybutton center-block col-md-8 col-sm-8 col-xs-8 col-sm-push-2 col-xs-push-2 col-md-push-2" defaultValue="REGISTRUJ ME" /> <input style={{color: 'white', fontWeight: 'bold', height: 44}} type="submit" onClick={this.onRegisterClick} className=" mybutton center-block col-md-8 col-sm-8 col-xs-8 col-sm-push-2 col-xs-push-2 col-md-push-2" defaultValue="REGISTRUJ ME" />
</form> </form>
<div className="text-center col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div className="text-center col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h4>Već imate profil? <a href="Prijava.html"><span> Prijavite se</span></a></h4> <h4>Već imate profil? <Link to="login"><span> Prijavite se</span></Link></h4>
</div> </div>
</div> </div>
</div> </div>