we are using flux now ... yaaay ...

front-ui/app/views/itemDetailsView.js

@@ -1,6 +1,5 @@
 var Backbone = require('backbone'),
     React = require('react'),
-    ItemWithDetails = require('../models/itemWithDetails'),
     ItemWithDetailsPage = require('../components/itemWithDetailsPage');
 
 var ItemDetailsView = Backbone.View.extend({
@@ -13,16 +12,9 @@ var ItemDetailsView = Backbone.View.extend({
     render: function() {
         var self = this;
         this.$el.html(this.template);
-        var item = new ItemWithDetails({id: this.itemId });
-        console.log(item);
-
-        item.fetch({success: function() {            
-            React.render(new ItemWithDetailsPage({            
-                item: item
-            }), 
-            self.$('.item-details-container').get(0));            
-         }
-        });
+    
+            React.render(<ItemWithDetailsPage />, self.$('.item-details-container').get(0));            
+    
         return this;
     }
 });

front-ui/app/views/startPageItemsView.js

@@ -1,9 +1,7 @@
 var Backbone = require('backbone'),
     React = require('react'),
-    ItemList = require('../components/itemList'),
-    ItemCollection = require('../models/itemCollection'),
-    Item = require('../models/item'),
-    Router = require('../router');
+    AllItems = require('../components/allItems'),
+    ItemActions = require('../actions/itemActions');
 
 var StartPageItemsView = Backbone.View.extend({
     el: '#content',
@@ -13,29 +11,9 @@ var StartPageItemsView = Backbone.View.extend({
     },
     render: function() {
         this.$el.html(this.template);
-        var items = new ItemCollection();
-        items.setClassificationType(0);
-        items.setLimit(30);
-        items.setOffset(0);
-        var self = this;
-        items.fetch({success: function() {
-
-           // var resultItems = items.map(function (a) { return a.attributes });
-            React.render(new ItemList({            
-                items: items,
-                itemClick: self.itemClick
-            }),
-                self.$('.item-list-container').get(0));
-            
-        }});
+        ItemActions.loadFrontPageItems();
+        React.render(<AllItems />, self.$('.item-list-container').get(0));
         return this;
-    },
-    itemClick: function(item) {
-
-        // not sure if there is a better way to access the app object
-        // TODO: if found replace it ! 
-        RIBICA.App.router.navigate(item.getFrontEndUrl(), {'trigger': true});
-
     }
 
 });