view now gets item with details

front-ui/app/components/itemMultiMediaDescriptions.js

@@ -0,0 +1,20 @@
+var React = require('react');
+
+var ItemMultimediaDescriptions = React.createClass({
+
+
+    render: function() {
+        var self = this;      
+
+        return (    
+               
+        );
+    },
+
+    getInitialState: function () {
+			return { descriptions: this.props.descriptions }; 
+	}
+});
+
+
+module.exports = ItemMultimediaDescriptions;  

front-ui/app/components/itemWithDetailsPage.js

@@ -0,0 +1,25 @@
+var React = require('react'),
+    ItemMultiMediaDescriptions = require('./itemMultiMediaDescriptions');
+
+var ItemWithDetailsPage = React.createClass({
+
+    render: function() {
+
+        return (
+            <div className="item-with-details row-fluid center">
+            <div className="span3">
+                <ItemMultiMediaDescriptions descriptions={this.props.item.get('multi_media_descriptions')} />
+            </div>
+            <div className="span4">
+               quantitative descriptions
+            </div>
+            </div>
+            
+        ) ;       
+
+    }
+
+});
+
+
+module.exports = ItemWithDetailsPage; 

front-ui/app/components/singleItem.js

@@ -1,5 +1,5 @@
-var React = require('react'),
-    Router = require('../router');
+var React = require('react');
+
 
 
 var SingleItem = React.createClass({

front-ui/app/views/itemDetailsView.js

@@ -1,6 +1,7 @@
 var Backbone = require('backbone'),
     React = require('react'),
-    ItemWithDetails = require('../models/itemWithDetails');
+    ItemWithDetails = require('../models/itemWithDetails'),
+    ItemWithDetailsPage = require('../components/itemWithDetailsPage');
 
 var ItemDetailsView = Backbone.View.extend({
     el: '#content',
@@ -10,21 +11,19 @@ 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() {
-
-            /*var resultItems = items.map(function (a) { return a.attributes });
-            React.render(new ItemList({            
-                items: items,
-                itemClick: self.itemClick
-            }), self.$('.item-details-container').get(0)); */
-        console.log("great success!");
-            
-        return this; }
+        item.fetch({success: function() {            
+            React.render(new ItemWithDetailsPage({            
+                item: item
+            }), 
+            self.$('.item-details-container').get(0));            
+         }
         });
+        return this;
     }
 });