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

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;