login & registration now functional

front-ui/app/components/shared/loginStatus.js

@@ -2,11 +2,47 @@ var React = require("react"),
     Router = require("react-router"),
     Link = Router.Link;
 
+var UserStore = require('../../stores/userStore');
+var UserActions = require('../../actions/userActions');
+
 var LoginStatus = React.createClass({
+    getInitialState: function() {
+        return UserStore.getLoginState();
+    },
+    componentDidMount: function() {
+        UserActions.checkLogin();
+        UserStore.addChangeListener(this.onUserStateChange);
+    },
+    componentWillReceiveProps: function() {
+        this.update();
+    },
+    componentWillUnmount: function() {
+        UserStore.removeChangeListener(this.onUserStateChange);
+    },
+    onUserStateChange: function() {
+        this.update();
+    },
+    update: function() {
+        this.setState(UserStore.getLoginState());
+    },
+    logout: function(e){
+        e.preventDefault();
+        UserActions.userLogout();
+    },
   render : function() {
-    return (<div>
+      
+          var content; 
+
+      if(this.state.loggedIn){
+content = (<div>Dobrodosli, {this.state.user.first_name} {this.state.user.last_name} | <a onClick={this.logout}>Odjavite se</a>
+                
+                </div>)
+      } else {
+          content = (<div>
       <Link to="registracija">Registracija</Link> | <Link to="login">Prijava</Link>
-      </div>);
+      </div>)      
+      }
+      return (<div>{content}</div>)
   }
 })
 module.exports = LoginStatus;