43 lines
1.5 KiB
JavaScript
43 lines
1.5 KiB
JavaScript
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 SingleItem = React.createClass({
|
|
render: function() {
|
|
var hidePrice = this.props.hidePrice || false;
|
|
var self = this;
|
|
var itemClick = this.itemClick;
|
|
var firstImage = this.props.item.get('multi_media_descriptions')[0];
|
|
firstImage = firstImage || { url: "https://res.cloudinary.com/lfvt7ps2n/image/upload/c_crop,g_center,w_300/v1421732950/http_www.asms.ru_bitrix_templates_main_images_nophoto_irnofq.png" } ;
|
|
if (hidePrice) {
|
|
return (
|
|
<div className="single_item" onClick={itemClick}>
|
|
<img src={firstImage.url} className="item_list_image" />
|
|
<h1> { this.props.item.get('name') }</h1>
|
|
</div>
|
|
);
|
|
}
|
|
else {
|
|
return (
|
|
<div className="single_item" onClick={itemClick}>
|
|
<img src={firstImage.url} className="item_list_image" />
|
|
<h1> { this.props.item.get('name') }</h1>
|
|
<div>{ this.props.item.get('brand')? this.props.item.get('brand').name : '' } </div>
|
|
<div> { this.props.item.get('list_price') } KM </div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
|
|
itemClick: function(e) {
|
|
NavigationActions.goToItemDetails(this.props.item);
|
|
console.log(this.props.item)
|
|
}
|
|
});
|
|
|
|
|
|
module.exports = SingleItem;
|