created a route for item details

front-ui/app/components/singleItem.js

@@ -1,12 +1,18 @@
-var React = require('react');
+var React = require('react'),
+    Router = require('../router');
+
 
 var SingleItem = React.createClass({
-    render: function() {
 
+
+
+    render: function() {
+        var self = this;
+        var itemClick = this.itemClick;
         var firstImage = this.state.item.get('multi_media_descriptions')[0];
         firstImage = firstImage || { url:  "http://res.cloudinary.com/lfvt7ps2n/image/upload/c_crop,g_center,w_300/v1421732950/http_www.asms.ru_bitrix_templates_main_images_nophoto_irnofq.png" } ;
-        return (
-            <div className="single_item">
+        return (    
+            <div className="single_item"  onClick={itemClick}>
              <img src={firstImage.url} />
              <h1> { this.state.item.get('name') }</h1>
              <div> { this.state.item.get('list_price') } KM </div>
@@ -15,9 +21,14 @@ var SingleItem = React.createClass({
     },
 
     getInitialState: function () {
-			return { item: this.props.item };
-	},
+			return { item: this.props.item }; 
+	}, 
+    itemClick: function(e) {
+        if(this.props.itemClick) {
+            this.props.itemClick(this.state.item, e);
+        }
+    }
 });
 
 
-module.exports = SingleItem; 
+module.exports = SingleItem;