login page layout

This commit is contained in:
Edin Dazdarevic
2015-03-01 16:43:28 +01:00
parent db4d256337
commit 7c28876fed
2 changed files with 42 additions and 7 deletions

View File

@@ -1,10 +1,41 @@
var React = require("react");
var NavigationActions = require('../../actions/navigationActions');
var Router = require('react-router');
var Link = Router.Link;
var Login = React.createClass({
render : function() {
return (<div>
<span className="h3">Login page</span>
</div>);
}
render : function() {
return (<div>
<div className="col-md-6">
<span className="h3">Prijava </span>
<div className="center" >
<form className="form-horizontal">
<div className="form-group">
<label for="email">Email adresa</label>
<input type="email" className="form-control" id="email" placeholder="Unesite email"></input>
</div>
<div className="form-group">
<label for="password">Sifra</label>
<input type="password" className="form-control" id="password" placeholder="Sifra"></input>
</div>
<button type="submit" className="btn btn-default">Submit</button>
</form>
</div>
</div>
<div className="col-md-6">
<Link to="registracija">
Niste registrovani? Kliknite ovdje da se registrujete!
</Link>
</div>
</div>);
}
})
module.exports = Login;

View File

@@ -1,6 +1,7 @@
var React = require('react'),
SectionsListComponent = require('./shared/sectionsListComponent'),
Router = require('react-router'),
Link = Router.Link,
RouteHandler = Router.RouteHandler,
LoginStatus = require('./shared/loginStatus');
@@ -13,7 +14,10 @@ var RootApp = React.createClass({
return (
<div className="container">
<div className='page-header'>
<h1 className="main-heading"><a href="/" style={{color: "#cd3071"}}>ribica.ba</a></h1> <CartIcon />
<h1 className="main-heading">
<Link to="app"><span style={{color: "#cd3071"}}>ribica.ba</span></Link>
</h1> <CartIcon />
<div style={{float:'right'}}>
<LoginStatus />
</div>