created navigation store

front-ui/app/components/items/itemWithDetailsPage.js

@@ -3,15 +3,11 @@ var React = require('react'),
     ItemActions = require('../../actions/itemActions'),
     ItemStore = require('../../stores/itemStore');
 
-var Item = require('../../models/item');
-
 var Router = require('react-router');
-var Navigation = Router.Navigation;
+
 
 var ItemWithDetailsPage = React.createClass({
 
-
-  mixins : [Router.State],
     render: function() {
 
       return (
@@ -27,9 +23,6 @@ var ItemWithDetailsPage = React.createClass({
         <div> {this.state.item.get('description')}</div>
         </div>
         <ItemMultiMediaDescriptions descriptions={this.state.item.get('multi_media_descriptions')} />
-
-
-
         </div>
         <div className="span4">
         quantitative descriptions
@@ -41,19 +34,7 @@ var ItemWithDetailsPage = React.createClass({
 
     // Add change listeners to stores
     componentDidMount: function() {
-      //ItemStore.addChangeListener(this._onChange);
-      //ItemActions.loadFrontPageItems();
-
-      var self = this;
-      var item = new Item({ id: self.getParams().id });
-      item.fetch({success: function() {
-        if (self.isMounted()) {
-          console.log('article loaded', item);
-          self.setState({
-            item : item
-          });
-        }
-      }});
+      ItemStore.addChangeListener(this._onChange);
     },
 
     _onChange: function () {
@@ -64,8 +45,7 @@ var ItemWithDetailsPage = React.createClass({
 
     getInitialState: function () {
       return { 
-        //item: ItemStore.getSelectedItem() 
-        item : (new Item())
+        item : ItemStore.getSelectedItem()
       }; 
     }
 

front-ui/app/components/items/singleItem.js

@@ -1,11 +1,11 @@
 var React = require('react');
 var ItemActions = require('../../actions/itemActions');
+var NavigationActions = require('../../actions/navigationActions');
+var NavigationStore = require('../../stores/navigationStore')
 
 var Router = require('react-router');
-var Navigation = Router.Navigation;
 
 var SingleItem = React.createClass({
-  mixins: [Navigation],
     render: function() {
       var self = this;
       var itemClick = this.itemClick;
@@ -21,9 +21,10 @@ var SingleItem = React.createClass({
     },
 
     itemClick: function(e) {
-      // no need for this to go through ItemActions
+      NavigationActions.goToItemDetails(this.props.item);
       ItemActions.selectItem(this.props.item);
-      //this.transitionTo('/artikal/' + this.props.item.get('id') +'/' + this.props.item.get('name'));
+      console.log(this.props.item)
+      
     }
 });