senaduka/old-ribica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cart display now shows price and amount per item

Browse Source
This commit is contained in:
Senad Uka
2015-02-14 07:53:57 +01:00
parent 9ca7b33b91
commit ba22ea8bd7
7 changed files with 62 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
front-ui/app/components/cart/cartPage.js
View File

@@ -3,20 +3,31 @@ var React = require('react'),
AddToCart = require('../cart/addToCart'),
CartActions = require('../../actions/cartActions'),
SingleItem = require('../items/singleItem'),
AddToCart = require('../cart/addToCart');
AddToCart = require('../cart/addToCart'),
Globals = require('../../globals');
;
var Router = require('react-router');
var ItemWithDetailsPage = React.createClass({
var CartPage = React.createClass({
render: function() {
var counts = this.state.itemCounts;
var displayedItems = this.state.items.map(function (i) {
var count = counts[i.get('id')].get('count');
var price = i.get('list_price');
return (
<div key={i.get('id')} className="row">
<div className="col-md-3"><SingleItem item={i} /> </div>
<div className="col-md-6"> <AddToCart itemId={i.get('id')} /> </div>
<div key={i.get('id')} className="row cart-items">
<div className="col-md-3"><SingleItem item={i} hidePrice={true}/> </div>
<div className="col-md-2"> { Globals.FormatCurrency(price) }</div>
<div className="col-md-1"> X </div>
<div className="col-md-3"> <AddToCart itemId={i.get('id')} /> </div>
<div className="col-md-1"> = </div>
<div className="col-md-2"> { Globals.FormatCurrency(count * price) }</div>
</div>
)
});
@@ -54,4 +65,4 @@ var ItemWithDetailsPage = React.createClass({
});
module.exports = ItemWithDetailsPage;
module.exports = CartPage;